Дз5

collection.js

@@ -0,0 +1,81 @@
+(function (exports) {
+    "use strict";
+
+var Collection = function (items) {
+
+    this.items = [];
+    var key;
+
+    for (key in items) {
+        if (items.hasOwnProperty(key)) {
+            this.items.push(items[key]);
+        }
+    }
+};
+
+exports.Collection = Collection;
+
+Collection.prototype.constructor = Collection;
+
+/**
+ * Добавляет в коллекцию объект
+ *
+ * @param {object} model
+ *
+ * @return {Collection} * @example
+ *
+ */
+Collection.prototype.add = function (model) {
+
+    var temp = new this.constructor(this.items);
+    temp.items.push(model);
+    return temp;
+};
+
+/**
+ * @param {Function} selector
+ *
+ * @see https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/filter
+ *
+ * @example
+ *    new Collection().filter(function (item) {
+ *        return item.get('attendee').indexOf("me") !== -1;
+ *    });
+ * @return {Collection}
+ */
+Collection.prototype.filter = function (selector) {
+
+    if (typeof selector !== "function") {
+        throw new Error('Argument must be function');
+    }
+
+    return new this.constructor(this.items.filter(selector));
+};
+
+/**
+ * Принимает функцию сортировки и сортирует на основе ее
+ *
+ * @param {function} selector
+ *
+ * @return {Collection} * @example
+ *
+ */
+Collection.prototype.sort = function (selector) {
+
+    if (typeof selector !== "function") {
+        throw new Error('Argument must be function');
+    }
+
+    return new this.constructor(this.items.sort(selector));
+};
+
+Collection.prototype.reverse = function () {
+
+    return new this.constructor(this.items.reverse());
+};
+
+Collection.prototype.length = function (selector) {
+
+    return this.items.length;
+};
+}(window));

documentAction.js

@@ -0,0 +1,191 @@
+(function (exports) {
+    "use strict";
+
+    var ListOfEvents = new Events();
+    var sortedList = new Events();
+
+    var filterOption = "all";
+    var sortOption = "without";
+
+/**
+ * Добавляет новое событие в список. Если установлены опции фильтрации и сортировки 
+ * - то располагает элменты на странице, в с-ии с ними
+ *
+*/
+    function preventDefault() {
+
+        var name = document.querySelector("#title").value,
+            start = document.querySelector("#from").value,
+            end = document.querySelector("#to").value,
+            location = document.querySelector("#location").value,
+            raiting = document.querySelector("#raiting").value,
+            description = document.querySelector("#description").value,
+            remindTime = document.querySelector("#remindTime").value;
+
+        if (!validateTitle(name, document.querySelector('#title_help'))) { alert("Событие не было добавлено. Ошибка"); return; };
+        if (!validateDate(start, document.querySelector('#from_help'))) { alert("Событие не было добавлено. Ошибка"); return; };
+        if (!validateNumber(remindTime, document.querySelector('#remindTime_help'))) { alert("Событие не было добавлено. Ошибка"); return; };
+
+        var element = new Event({
+                name: name,
+                start: new Date(start),
+                end: new Date(end),
+                location: location,
+                raiting: raiting,
+                description: description,
+                remindTime: remindTime
+            }).validate();
+
+        ListOfEvents = ListOfEvents.add(element);
+
+        changeDocument("sort");
+        document.forms["form"].reset();
+};
+
+    function filterEvents(listEvents) {
+        switch (filterOption) {
+        case "future":
+            return listEvents.coming();
+        case "past":
+            return listEvents.past();
+        default:
+            return listEvents;
+        }
+    }
+
+    function sortEvents(listEvents) {
+        switch (sortOption) {
+        case "byName":
+            return ListOfEvents.sortByName();
+        case "byStart":
+            return ListOfEvents.sortByTime();
+        case "byRaiting":
+            return ListOfEvents.sortByRaiting();
+        default:
+            return ListOfEvents;
+        }
+    }
+
+/**
+ * Сортирует и фильтрует события в соответствии с указанными опциями.
+ *
+ * @param {string} changeType - если указана строка "sort", то события также будут отсортированы,
+ *  инчае - только отфильтрованы
+ * @return коллекция объектов типа event
+*/
+
+    function changeDocument(changeType) {
+        var parent = document.querySelector(".collection"),
+            removeList = document.querySelector(".events");
+        parent.removeChild(removeList);
+
+        var addList = document.createElement('ul');
+        addList.className = "events";
+
+        var fragment = document.createDocumentFragment();
+        if (changeType === "sort") {
+            sortedList = sortEvents(ListOfEvents);
+        }
+        var filterList = filterEvents(sortedList);
+
+        var length = filterList.length();
+
+        for (var i = 0; i < length; i++)
+        {
+            var element = filterList.items[i];
+            var el = addLiElement(element);
+            addList.appendChild(el);
+        }
+
+        var parent = document.querySelector(".collection");
+        fragment.appendChild(addList);
+        parent.appendChild(fragment);
+}
+
+/**
+ * Создает DOM-элемент типа li, заполняется полями из объекта
+ *
+ * @param {Event} element - объект типа Element
+ *
+ * @return Возвращает созданный дом-элемент типа li
+*/
+
+    function addLiElement (element) {
+        var el = document.createElement('li');
+        el.className = 'event_item';
+
+        var name = document.createElement('div');
+        name.textContent = "Название: " + element.name;
+
+        var start = document.createElement('div');
+        start.textContent = "Начало: " + element.start;
+
+        var end = document.createElement('div');
+        end.textContent = "Окончание: " + element.end;
+
+        var location = document.createElement('div');
+        location.textContent = "Местоположение: " + element.location;
+
+        var remindTime = document.createElement('div');
+        remindTime.textContent = "Напомнить за: " + element.remindTime + "минут";
+
+        var description = document.createElement('div');
+        description.textContent = "Описание: " + element.description;
+
+        var raiting = document.createElement('div');
+        raiting.textContent = "Рейтинг: " + element.raiting;
+
+        el.appendChild(name);
+        el.appendChild(start);
+        el.appendChild(end);
+        el.appendChild(location);
+        el.appendChild(remindTime);
+        el.appendChild(description);
+        el.appendChild(raiting);
+
+        return el;
+    };
+
+/**
+ * Навешивает обработчики событий на страницу
+*/
+    exports.addListener = function() {
+        var name = document.querySelector("#title");
+        var start = document.querySelector("#from");
+        var remindTime = document.querySelector("#remindTime");
+        var filters = document.querySelectorAll('.filter');
+        var sort = document.querySelectorAll('.sort');
+        var button = document.querySelector("#addButton");
+
+        name.addEventListener('blur', function(event) {
+            var cur = event.currentTarget;
+            validateTitle(cur.value, document.querySelector('#title_help'));
+        });
+
+        start.addEventListener('blur', function (event) {
+            var cur = event.currentTarget;
+            validateDate(cur.value, document.querySelector('#from_help'));
+        });
+
+        remindTime.addEventListener('blur', function (event) {
+            var cur = event.currentTarget;
+            validateNumber(remindTime.value, document.querySelector('#remindTime_help'));
+        });
+
+        for (var i=0; i < filters.length; i++) {
+            filters[i].addEventListener('change', function (event) {
+                filterOption = document.querySelector('input[name="filter"]:checked').value; 
+                changeDocument("filter");
+            });
+        }
+
+        for (var i=0; i < sort.length; i++) {
+            sort[i].addEventListener('change', function(event) {
+                sortOption = document.querySelector('input[name="sort"]:checked').value; 
+                changeDocument("sort");
+            });
+        }
+
+        button.addEventListener('click', preventDefault);
+    }
+}(window));

event.js

@@ -0,0 +1,86 @@
+(function (exports) {
+    "use strict";
+
+    exports.isDate = function (date) {
+
+        if (typeof date === 'undefined') {
+            return false;
+        }
+        if (typeof date.getMonth !== 'function') {
+            return false;
+        }
+        if (isNaN(date.getMonth())) {
+            return false;
+        }
+        return true;
+    };
+
+    exports.inherits = function (constructor, superconstructor) {
+
+        var Func = function () { };
+
+        Func.prototype = superconstructor.prototype;
+        constructor.prototype = new Func();
+    };
+
+    exports.Event = function (data) {
+
+        Model.apply(this, arguments);
+    };
+
+    inherits(Event, Model);
+
+/**
+ * Валидирует объект event, либо undefined, если в объекте  отсутвуют обязательные поля
+ * eventObject{
+ *            name - название события
+ *            start  - начало
+ *            end - окончание
+ *            location - место
+ *            remindTime - за сколько минут до события напомнить
+ *            description - описание
+ *            raiting - важность события
+ * }
+
+ * @param {object} obj             Объект
+ * @example
+ *    Event({
+ *          name: "Пара по веб-технологиям",
+ *          start: new Date("2012-10-20 10:00:00"),
+ *          end: new Date("2012-10-20 12:50:00"),
+ *          location: "5 этаж",
+ *          remindTime: 10,
+ *          raiting:5,
+ *          description: "Взять бумагу и ручку, не брать бук!"
+ *    })
+ *
+ * @return {Object}
+ */
+    Event.prototype.validate = function () {
+
+        var remindTime = this.remindTime || 0;
+        this.raiting = this.raiting || 0;
+
+        if (!isDate(this.get("start"))) {
+            throw new Error('Field "start" must be Date format');
+        }
+
+        if (!isDate(this.end)) {
+            this.end = this.start;
+        }
+
+        if (this.end < this.start) {
+            this.end = this.start;
+        }
+
+        return {
+            "name": this.name || "(Нет темы)",
+            "start": this.start,
+            "end": this.end,
+            "location": this.location || "",
+            "remindTime": remindTime,
+            "description": this.description || "(отсутствует)",
+            "raiting": this.raiting
+        };
+    };
+}(window));