From d739f12108397ec3c78daea7423770095119987a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=93=D1=80=D0=B8=D0=BE=D0=B3=D0=BE=D1=80=D1=8C=D0=B5?= =?UTF-8?q?=D0=B2=D0=B0=20=D0=98=D1=80=D0=B8=D0=BD=D0=B0?= Date: Wed, 28 Nov 2012 13:14:13 +0600 Subject: [PATCH 1/3] =?UTF-8?q?=D0=94=D0=B77?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit заменила на jquery. (кроме предыдущего задания(dz-6-async). Эту часть добавлю, как только она заработает) работает в IE8 обернула в domready добавление события на страницу сделала с помощью шаблона (функция Event.prototype.createSection) --- Calendar.html | 79 ++++ Collection.js | 67 ++++ CreateCalendar.js | 79 ++++ Event.js | 70 ++++ Events.js | 94 +++++ Model.js | 49 +++ choose.css | 16 + es5-shim.js | 981 ++++++++++++++++++++++++++++++++++++++++++++++ jquery.tmpl.js | 484 +++++++++++++++++++++++ 9 files changed, 1919 insertions(+) create mode 100644 Calendar.html create mode 100644 Collection.js create mode 100644 CreateCalendar.js create mode 100644 Event.js create mode 100644 Events.js create mode 100644 Model.js create mode 100644 choose.css create mode 100644 es5-shim.js create mode 100644 jquery.tmpl.js diff --git a/Calendar.html b/Calendar.html new file mode 100644 index 0000000..ec3730f --- /dev/null +++ b/Calendar.html @@ -0,0 +1,79 @@ + + + + + Календарь + + + + + + + + + + + + +
+

Фильтрация текущей коллекции

+
+ + +
Сортировать по
+ + + +
+
+
+
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+

Текущее состояние коллекции

+ + \ No newline at end of file diff --git a/Collection.js b/Collection.js new file mode 100644 index 0000000..138a148 --- /dev/null +++ b/Collection.js @@ -0,0 +1,67 @@ +/*jslint plusplus: true, browser: true, devel: true */ +// абстрактная коллекция Collection, представляющая из себя набор объектов Model +/** +* @constructor +* @param {Object} items +**/ +var Collection = function (items) { + "use strict"; + this.items = []; + var keyName; + for (keyName in items) { + if (items.hasOwnProperty(keyName)) { + this.items.push(items[keyName]); + } + } +}; + +/** + * @param {Model} model + * + * @return {Collection} + */ +Collection.prototype.add = function (model) { + "use strict"; + this.items.push(model); +}; + +/** + * @param {Function} selector + * + * @example + * new Collection().filter(function (item) { + * return item.get('attendee').indexOf("me") !== -1; + * }); + * @return {Collection} + */ +Collection.prototype.filter = function (selector) { + "use strict"; + return new Collection(this.items.filter(selector)); +}; +/** + * @param {String} fieldName параметр, по которому происходит сотрировка + * @return {Collection} + */ +Collection.prototype.sortBy = function (fieldName) { + "use strict"; + var items; + if (fieldName === "start") { // сортировка по началу события + items = this.items.sort(function (Event1, Event2) { + return Event1.start - Event2.start; + }); + } + if (fieldName === "length") {//сортировка по длине события + items = this.items.sort(function (Event1, Event2) { + return (Event1.end - Event1.start) - (Event2.end - Event2.start); + }); + } + if (fieldName === "rating") {//сортировка по рейтингу события + items = this.items.sort(function (Event1, Event2) { + return Event1.rating - Event2.rating; + }).reverse(); + } + if (fieldName === "") { + items = this.items; + } + return new Collection(items); +}; diff --git a/CreateCalendar.js b/CreateCalendar.js new file mode 100644 index 0000000..09a171c --- /dev/null +++ b/CreateCalendar.js @@ -0,0 +1,79 @@ +/*jslint plusplus: true, browser: true, devel: true */ +var currentEvents = new Events(); +function WriteCalendar() { + "use strict"; + var filterEvents = currentEvents, + $filter1, + $filter2, + $sort, + bool, + s, + res; + + $filter1 = $(".filter1").prop("checked"); + $filter2 = $(".filter2").prop("checked"); + bool = false; // флажок. если =true, выдаем отфильтрованную коллекцию. иначе - всю. + if ($filter1 === true) { + filterEvents = currentEvents.findFutureEvents(); + bool = !bool; + } + if ($filter2 === true) { + filterEvents = currentEvents.findPastEvents(); + bool = !bool; + } + + s = ""; + $sort = $('[name="sort"]'); + $sort.each(function (index, element) { + if ($(element).prop("checked") === true) { + s = $(element).val(); + } + }); + + if (bool) { + res = new Events(filterEvents.sortBy(s).items); + } else { + res = new Events(currentEvents.sortBy(s).items); + } + res.write(); +} + +function CreateCalendar() { + "use strict"; + var $s = $(".start_date").val(),// строка даты + $st = $(".start_time").val(), // строка времени + startEv = $s + "T" + $st + ":00", + endEv, + element; + + $s = $(".end_date").val(); + $st = $(".end_time").val(); + endEv = $s + "T" + $st + ":00"; + element = new Event({ + start: new Date(startEv), + end: new Date(endEv), + name: $(".New_Event").val(), + place: $(".plase_event").val(), + rating: parseFloat($(".rating_event").val().charAt(0)), + comment: $(".comment_event").val(), + link: $(".link_event").val() + }); + element.validate(); + currentEvents.add(element); + + WriteCalendar(); +} +$(document).ready(function () { + "use strict"; + var $button = $(".add_event"), + $filter = $('[name="filter"]'), + $sort = $('[name="sort"]'), + i; + $button.click(CreateCalendar); + $filter.each(function (index, element) { + $(element).change(WriteCalendar); + }); + $sort.each(function (index, element) { + $(element).change(WriteCalendar); + }); +}); \ No newline at end of file diff --git a/Event.js b/Event.js new file mode 100644 index 0000000..c2fda20 --- /dev/null +++ b/Event.js @@ -0,0 +1,70 @@ +/*jslint plusplus: true, browser: true, devel: true */ + +function datatype(data) {// возвращает true, если data имеет тип дата и она корректна + "use strict"; + if (typeof data === 'undefined') { + return false; + } + if (!data.getTime) { + return false; + } + if ('Invalid Date' === data) { + return false; + } + return true; +} + +function ratingtype(rating) {// возвращает true, если rating - число от 0 до 5 + "use strict"; + if (typeof rating !== 'number') { + return false; + } + if (rating > 5 || rating < 0) { + return false; + } + return true; +} + +function inherits(Constructor, SuperConstructor) { + "use strict"; + var F = function () {}; + + F.prototype = SuperConstructor.prototype; + + Constructor.prototype = new F(); +} + + +// наследуем от Абстракнтого конструктора Model объект Event +var Event = function (data) { + "use strict"; + Model.apply(this, arguments); +}; +inherits(Event, Model); + +Event.prototype.validate = function () {//проверяет корректность переданных данных. + "use strict"; + if (!datatype(this.start)) { + throw new Error(this.start + " не является датой!"); + } + if (!datatype(this.end)) { + throw new Error(this.end + " не является датой!"); + } + if (this.start.getTime() - this.end.getTime() > 0) { + throw new Error("некорректное событие: не может закончиться раньше, чем начаться!!!"); + } + if (!ratingtype(this.rating)) { + throw new Error("введите рейтинг от 0 до 5"); + } +}; + +Event.prototype.createSection = function () { + "use strict"; + var el, + markup = "

Событие: ${Name}

Начало: ${Start}

Конец: ${End}

Продолжительность: ${Length}

Рейтинг: ${Rating}

Место: ${Place}

Комментарий: ${Comment}

Сcылка: ${Link}


", + event_temp = [{Name: this.name, Start: this.start, End: this.end, Length: hours(this.end - this.start), Rating: this.rating, Place: this.place, Comment: this.comment, Link: this.link}]; + el = document.createElement('section'); + $.template("eventTemplate", markup); + $.tmpl("eventTemplate", event_temp).appendTo(el); + return el; +}; \ No newline at end of file diff --git a/Events.js b/Events.js new file mode 100644 index 0000000..e6aaf0a --- /dev/null +++ b/Events.js @@ -0,0 +1,94 @@ +/*jslint plusplus: true, browser: true, devel: true */ + + +function getRandomInt(min, max) {//Случайное целое число между min и max + "use strict"; + return Math.floor(Math.random() * (max - min + 1)) + min; +} + +var today = new Date(); + +function addDay(n) {// прибавляет к текущей дате n дней + "use strict"; + return new Date(today.getTime() + (86400000 * n)); +} +function nDay(n) {// возвращает n-ый день от текущей даты в 00часов 00минут + "use strict"; + var Day, a, b; + Day = addDay(n); + a = Day.getTime(); + b = Day.getMilliseconds() + (Day.getHours() * 3600000) + (Day.getMinutes() * 60000) + (Day.getSeconds() * 1000); + return new Date(a - b); +} +function hours(milis) {// переводит миллисекунда в часы. Возвращает строку + "use strict"; + var hour, minute, s; + hour = Math.floor(milis / 3600000); + minute = Math.floor((milis - (hour * 3600000)) / 60000); + s = hour + "ч " + minute + "мин"; + return s; +} +var week = addDay(7); +var maxdate = addDay(31); +var mindate = addDay(-31); + + +// наследуем коллекцию событий Events от абстрактной коллекции Collection +var Events = function (items) { + "use strict"; + Collection.apply(this, arguments); +}; +inherits(Events, Collection); + +Events.prototype.write = function () {//выводит на экран все элементы коллекции + "use strict"; + + $("section").remove(); + + var $fragment = $('
'); // фрагмент новых элементов + this.items.forEach(function (NewEvent) { + $fragment.append(NewEvent.createSection()); + }); + $fragment.appendTo(document.body); +}; + +/** + * показывает все будующие события + * @return {Events} + */ +Events.prototype.findFutureEvents = function () { + "use strict"; + return new Events((this.filter(function (NewEvent) {return (NewEvent.start > today); })).items); +}; +/** + * показывает все прошедшие события + * @return {Events} + */ +Events.prototype.findPastEvents = function () { + "use strict"; + return new Events((this.filter(function (NewEvent) {return (NewEvent.start < today); })).items); +}; +/** + * сортировка по началу события + * @return {Events} + */ +Events.prototype.sortByStart = function () { + "use strict"; + return new Events((this.sortBy("start")).items); +}; +/** + * сортировка по продолжительности события + * @return {Events} + */ +Events.prototype.sortByLength = function () { + "use strict"; + return new Events((this.sortBy("length")).items); +}; +/** + * сортировка по рейтингу события + * @return {Events} + */ +Events.prototype.sortByRating = function () { + "use strict"; + return new Events((this.sortBy("rating")).items); +}; diff --git a/Model.js b/Model.js new file mode 100644 index 0000000..411d740 --- /dev/null +++ b/Model.js @@ -0,0 +1,49 @@ +/*jslint plusplus: true, browser: true, devel: true */ + +/** +* Абстрактный конструктор Model +* +* @constructor +* @param {Object} data +**/ + +var Model = function (data) { + "use strict"; + var keyName; + for (keyName in data) { + if (data.hasOwnProperty(keyName)) { + this[keyName] = data[keyName]; + } + } +}; +/** + * @param {Object} attributes + * + * @example + * item.set({title: "March 20", content: "In his eyes she eclipses..."}); + */ + +Model.prototype.set = function (attributes) { + "use strict"; + var keyName; + for (keyName in attributes) { + if (attributes.hasOwnProperty(keyName)) { + this[keyName] = attributes[keyName]; + } + } +}; +/** + * возвращает аттрибут объекта, если это его собственное свойсово + * @param {String} attribute атрибуты объекта, которые получаем + */ + +Model.prototype.get = function (attribute) { + "use strict"; + if (this.hasOwnProperty(attribute)) { + return this[attribute]; + } +}; +/** + * @param {Object} attributes + */ +Model.prototype.validate = function (attributes) {"use strict"; throw new Error('this is Abstract method'); }; \ No newline at end of file diff --git a/choose.css b/choose.css new file mode 100644 index 0000000..c7e9fd8 --- /dev/null +++ b/choose.css @@ -0,0 +1,16 @@ + +label { + display: block; + } +form label input { + position: absolute; + left: 300px; + } +form label select { + position: absolute; + left: 300px; + } +form label textarea { + position: absolute; + left: 300px; + } diff --git a/es5-shim.js b/es5-shim.js new file mode 100644 index 0000000..3107ec4 --- /dev/null +++ b/es5-shim.js @@ -0,0 +1,981 @@ +// Copyright 2009-2012 by contributors, MIT License +// vim: ts=4 sts=4 sw=4 expandtab + +// Module systems magic dance +(function (definition) { + // RequireJS + if (typeof define == "function") { + define(definition); + // YUI3 + } else if (typeof YUI == "function") { + YUI.add("es5", definition); + // CommonJS and + + - - -

Фильтрация текущей коллекции

-
+
Сортировать по
diff --git a/CreateCalendar.js b/CreateCalendar.js index 09a171c..179e7ee 100644 --- a/CreateCalendar.js +++ b/CreateCalendar.js @@ -3,52 +3,52 @@ var currentEvents = new Events(); function WriteCalendar() { "use strict"; var filterEvents = currentEvents, - $filter1, - $filter2, + filter1, + filter2, $sort, bool, - s, + sortBy, res; - $filter1 = $(".filter1").prop("checked"); - $filter2 = $(".filter2").prop("checked"); + filter1 = $(".filter1").prop("checked"); + filter2 = $(".filter2").prop("checked"); bool = false; // флажок. если =true, выдаем отфильтрованную коллекцию. иначе - всю. - if ($filter1 === true) { + if (filter1 === true) { filterEvents = currentEvents.findFutureEvents(); bool = !bool; } - if ($filter2 === true) { + if (filter2 === true) { filterEvents = currentEvents.findPastEvents(); bool = !bool; } - s = ""; - $sort = $('[name="sort"]'); + sortBy = ""; + $sort = $(".filterCollection").find('[name="sort"]'); $sort.each(function (index, element) { if ($(element).prop("checked") === true) { - s = $(element).val(); + sortBy = $(element).val(); } }); if (bool) { - res = new Events(filterEvents.sortBy(s).items); + res = new Events(filterEvents.sortBy(sortBy).items); } else { - res = new Events(currentEvents.sortBy(s).items); + res = new Events(currentEvents.sortBy(sortBy).items); } res.write(); } function CreateCalendar() { "use strict"; - var $s = $(".start_date").val(),// строка даты - $st = $(".start_time").val(), // строка времени - startEv = $s + "T" + $st + ":00", + var date = $(".start_date").val(),// строка даты + time = $(".start_time").val(), // строка времени + startEv = date + "T" + time + ":00", endEv, element; - $s = $(".end_date").val(); - $st = $(".end_time").val(); - endEv = $s + "T" + $st + ":00"; + date = $(".end_date").val(); + time = $(".end_time").val(); + endEv = date + "T" + time + ":00"; element = new Event({ start: new Date(startEv), end: new Date(endEv), @@ -66,8 +66,8 @@ function CreateCalendar() { $(document).ready(function () { "use strict"; var $button = $(".add_event"), - $filter = $('[name="filter"]'), - $sort = $('[name="sort"]'), + $filter = $(".filterCollection").find('[name="filter"]'), + $sort = $(".filterCollection").find('[name="sort"]'), i; $button.click(CreateCalendar); $filter.each(function (index, element) { diff --git a/Event.js b/Event.js index c2fda20..04b8258 100644 --- a/Event.js +++ b/Event.js @@ -58,13 +58,13 @@ Event.prototype.validate = function () {//проверяет корректно } }; +$.template("eventTemplate", "

Событие: ${Name}

Начало: ${Start}

Конец: ${End}

Продолжительность: ${Length}

Рейтинг: ${Rating}

Место: ${Place}

Комментарий: ${Comment}

Сcылка: ${Link}


"); + Event.prototype.createSection = function () { "use strict"; - var el, - markup = "

Событие: ${Name}

Начало: ${Start}

Конец: ${End}

Продолжительность: ${Length}

Рейтинг: ${Rating}

Место: ${Place}

Комментарий: ${Comment}

Сcылка: ${Link}


", + var $el, event_temp = [{Name: this.name, Start: this.start, End: this.end, Length: hours(this.end - this.start), Rating: this.rating, Place: this.place, Comment: this.comment, Link: this.link}]; - el = document.createElement('section'); - $.template("eventTemplate", markup); - $.tmpl("eventTemplate", event_temp).appendTo(el); - return el; + $el = $('
'); + $.tmpl("eventTemplate", event_temp).appendTo($el); + return $el; }; \ No newline at end of file From d953d8e1b096e90bed5a31173ace85b0aaa4a921 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=93=D1=80=D0=B8=D0=BE=D0=B3=D0=BE=D1=80=D1=8C=D0=B5?= =?UTF-8?q?=D0=B2=D0=B0=20=D0=98=D1=80=D0=B8=D0=BD=D0=B0?= Date: Mon, 3 Dec 2012 01:45:42 +0600 Subject: [PATCH 3/3] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D1=8F?= =?UTF-8?q?=D1=8E=20=D1=87=D0=B0=D1=81=D1=82=D1=8C=20=D0=B8=D0=B7=20=D1=88?= =?UTF-8?q?=D0=B5=D1=81=D1=82=D0=BE=D0=B9=20=D0=B4=D0=BE=D0=BC=D0=B0=D1=88?= =?UTF-8?q?=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Calendar.html | 1 + Collection.js | 17 ++ CreateCalendar.js | 22 +- Model.js | 6 +- current-event.json | 1 + json2.js | 486 +++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 530 insertions(+), 3 deletions(-) create mode 100644 current-event.json create mode 100644 json2.js diff --git a/Calendar.html b/Calendar.html index 26f2990..2090a39 100644 --- a/Calendar.html +++ b/Calendar.html @@ -7,6 +7,7 @@ + diff --git a/Collection.js b/Collection.js index 138a148..d4709d0 100644 --- a/Collection.js +++ b/Collection.js @@ -7,6 +7,7 @@ var Collection = function (items) { "use strict"; this.items = []; + this.check = true;// флажок. равен false, если читаем сохраненные данные из файла. Иначе - true var keyName; for (keyName in items) { if (items.hasOwnProperty(keyName)) { @@ -23,6 +24,9 @@ var Collection = function (items) { Collection.prototype.add = function (model) { "use strict"; this.items.push(model); + if (this.check === true) { + this.sendCurrentState(); + } }; /** @@ -65,3 +69,16 @@ Collection.prototype.sortBy = function (fieldName) { } return new Collection(items); }; + +Collection.prototype.serialise = function () {// сериализует данные коллекции в JSON + "use strict"; + return JSON.stringify(this.items); +}; + +Collection.prototype.sendCurrentState = function (item) { + "use strict"; + var data = this.serialise(); + + // POST запрос + $.post('current-event.json', data); +}; \ No newline at end of file diff --git a/CreateCalendar.js b/CreateCalendar.js index 179e7ee..2d14d39 100644 --- a/CreateCalendar.js +++ b/CreateCalendar.js @@ -1,5 +1,23 @@ /*jslint plusplus: true, browser: true, devel: true */ var currentEvents = new Events(); + +$.get('current-event.json', null, function (data, textStatus, jqXHR) { + "use strict"; + if (textStatus === "success") { + var newEvents = JSON.parse(jqXHR.responseText), + newEvent, + n = newEvents.length, + i; + currentEvents.check = false; + for (i = 0; i < n; i++) { + newEvent = new Event(newEvents[i]); + currentEvents.add(newEvent); + } + WriteCalendar(); + currentEvents.check = true; + } +}); + function WriteCalendar() { "use strict"; var filterEvents = currentEvents, @@ -50,8 +68,8 @@ function CreateCalendar() { time = $(".end_time").val(); endEv = date + "T" + time + ":00"; element = new Event({ - start: new Date(startEv), - end: new Date(endEv), + start: startEv, + end: endEv, name: $(".New_Event").val(), place: $(".plase_event").val(), rating: parseFloat($(".rating_event").val().charAt(0)), diff --git a/Model.js b/Model.js index 411d740..b9f6cb8 100644 --- a/Model.js +++ b/Model.js @@ -12,7 +12,11 @@ var Model = function (data) { var keyName; for (keyName in data) { if (data.hasOwnProperty(keyName)) { - this[keyName] = data[keyName]; + if (keyName === "start" || keyName === "end") { + this[keyName] = new Date(data[keyName]); + } else { + this[keyName] = data[keyName]; + } } } }; diff --git a/current-event.json b/current-event.json new file mode 100644 index 0000000..b0bc010 --- /dev/null +++ b/current-event.json @@ -0,0 +1 @@ +[{"name":"pewpew","start":"2012-11-07T10:18:39.207Z","end":"2012-11-07T10:18:39.207Z","rating":1}] \ No newline at end of file diff --git a/json2.js b/json2.js new file mode 100644 index 0000000..f7eb646 --- /dev/null +++ b/json2.js @@ -0,0 +1,486 @@ +/* + json2.js + 2012-10-08 + + Public Domain. + + NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. + + See http://www.JSON.org/js.html + + + This code should be minified before deployment. + See http://javascript.crockford.com/jsmin.html + + USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO + NOT CONTROL. + + + This file creates a global JSON object containing two methods: stringify + and parse. + + JSON.stringify(value, replacer, space) + value any JavaScript value, usually an object or array. + + replacer an optional parameter that determines how object + values are stringified for objects. It can be a + function or an array of strings. + + space an optional parameter that specifies the indentation + of nested structures. If it is omitted, the text will + be packed without extra whitespace. If it is a number, + it will specify the number of spaces to indent at each + level. If it is a string (such as '\t' or ' '), + it contains the characters used to indent at each level. + + This method produces a JSON text from a JavaScript value. + + When an object value is found, if the object contains a toJSON + method, its toJSON method will be called and the result will be + stringified. A toJSON method does not serialize: it returns the + value represented by the name/value pair that should be serialized, + or undefined if nothing should be serialized. The toJSON method + will be passed the key associated with the value, and this will be + bound to the value + + For example, this would serialize Dates as ISO strings. + + Date.prototype.toJSON = function (key) { + function f(n) { + // Format integers to have at least two digits. + return n < 10 ? '0' + n : n; + } + + return this.getUTCFullYear() + '-' + + f(this.getUTCMonth() + 1) + '-' + + f(this.getUTCDate()) + 'T' + + f(this.getUTCHours()) + ':' + + f(this.getUTCMinutes()) + ':' + + f(this.getUTCSeconds()) + 'Z'; + }; + + You can provide an optional replacer method. It will be passed the + key and value of each member, with this bound to the containing + object. The value that is returned from your method will be + serialized. If your method returns undefined, then the member will + be excluded from the serialization. + + If the replacer parameter is an array of strings, then it will be + used to select the members to be serialized. It filters the results + such that only members with keys listed in the replacer array are + stringified. + + Values that do not have JSON representations, such as undefined or + functions, will not be serialized. Such values in objects will be + dropped; in arrays they will be replaced with null. You can use + a replacer function to replace those with JSON values. + JSON.stringify(undefined) returns undefined. + + The optional space parameter produces a stringification of the + value that is filled with line breaks and indentation to make it + easier to read. + + If the space parameter is a non-empty string, then that string will + be used for indentation. If the space parameter is a number, then + the indentation will be that many spaces. + + Example: + + text = JSON.stringify(['e', {pluribus: 'unum'}]); + // text is '["e",{"pluribus":"unum"}]' + + + text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t'); + // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]' + + text = JSON.stringify([new Date()], function (key, value) { + return this[key] instanceof Date ? + 'Date(' + this[key] + ')' : value; + }); + // text is '["Date(---current time---)"]' + + + JSON.parse(text, reviver) + This method parses a JSON text to produce an object or array. + It can throw a SyntaxError exception. + + The optional reviver parameter is a function that can filter and + transform the results. It receives each of the keys and values, + and its return value is used instead of the original value. + If it returns what it received, then the structure is not modified. + If it returns undefined then the member is deleted. + + Example: + + // Parse the text. Values that look like ISO date strings will + // be converted to Date objects. + + myData = JSON.parse(text, function (key, value) { + var a; + if (typeof value === 'string') { + a = +/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value); + if (a) { + return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4], + +a[5], +a[6])); + } + } + return value; + }); + + myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) { + var d; + if (typeof value === 'string' && + value.slice(0, 5) === 'Date(' && + value.slice(-1) === ')') { + d = new Date(value.slice(5, -1)); + if (d) { + return d; + } + } + return value; + }); + + + This is a reference implementation. You are free to copy, modify, or + redistribute. +*/ + +/*jslint evil: true, regexp: true */ + +/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply, + call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours, + getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join, + lastIndex, length, parse, prototype, push, replace, slice, stringify, + test, toJSON, toString, valueOf +*/ + + +// Create a JSON object only if one does not already exist. We create the +// methods in a closure to avoid creating global variables. + +if (typeof JSON !== 'object') { + JSON = {}; +} + +(function () { + 'use strict'; + + function f(n) { + // Format integers to have at least two digits. + return n < 10 ? '0' + n : n; + } + + if (typeof Date.prototype.toJSON !== 'function') { + + Date.prototype.toJSON = function (key) { + + return isFinite(this.valueOf()) + ? this.getUTCFullYear() + '-' + + f(this.getUTCMonth() + 1) + '-' + + f(this.getUTCDate()) + 'T' + + f(this.getUTCHours()) + ':' + + f(this.getUTCMinutes()) + ':' + + f(this.getUTCSeconds()) + 'Z' + : null; + }; + + String.prototype.toJSON = + Number.prototype.toJSON = + Boolean.prototype.toJSON = function (key) { + return this.valueOf(); + }; + } + + var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, + escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, + gap, + indent, + meta = { // table of character substitutions + '\b': '\\b', + '\t': '\\t', + '\n': '\\n', + '\f': '\\f', + '\r': '\\r', + '"' : '\\"', + '\\': '\\\\' + }, + rep; + + + function quote(string) { + +// If the string contains no control characters, no quote characters, and no +// backslash characters, then we can safely slap some quotes around it. +// Otherwise we must also replace the offending characters with safe escape +// sequences. + + escapable.lastIndex = 0; + return escapable.test(string) ? '"' + string.replace(escapable, function (a) { + var c = meta[a]; + return typeof c === 'string' + ? c + : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); + }) + '"' : '"' + string + '"'; + } + + + function str(key, holder) { + +// Produce a string from holder[key]. + + var i, // The loop counter. + k, // The member key. + v, // The member value. + length, + mind = gap, + partial, + value = holder[key]; + +// If the value has a toJSON method, call it to obtain a replacement value. + + if (value && typeof value === 'object' && + typeof value.toJSON === 'function') { + value = value.toJSON(key); + } + +// If we were called with a replacer function, then call the replacer to +// obtain a replacement value. + + if (typeof rep === 'function') { + value = rep.call(holder, key, value); + } + +// What happens next depends on the value's type. + + switch (typeof value) { + case 'string': + return quote(value); + + case 'number': + +// JSON numbers must be finite. Encode non-finite numbers as null. + + return isFinite(value) ? String(value) : 'null'; + + case 'boolean': + case 'null': + +// If the value is a boolean or null, convert it to a string. Note: +// typeof null does not produce 'null'. The case is included here in +// the remote chance that this gets fixed someday. + + return String(value); + +// If the type is 'object', we might be dealing with an object or an array or +// null. + + case 'object': + +// Due to a specification blunder in ECMAScript, typeof null is 'object', +// so watch out for that case. + + if (!value) { + return 'null'; + } + +// Make an array to hold the partial results of stringifying this object value. + + gap += indent; + partial = []; + +// Is the value an array? + + if (Object.prototype.toString.apply(value) === '[object Array]') { + +// The value is an array. Stringify every element. Use null as a placeholder +// for non-JSON values. + + length = value.length; + for (i = 0; i < length; i += 1) { + partial[i] = str(i, value) || 'null'; + } + +// Join all of the elements together, separated with commas, and wrap them in +// brackets. + + v = partial.length === 0 + ? '[]' + : gap + ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']' + : '[' + partial.join(',') + ']'; + gap = mind; + return v; + } + +// If the replacer is an array, use it to select the members to be stringified. + + if (rep && typeof rep === 'object') { + length = rep.length; + for (i = 0; i < length; i += 1) { + if (typeof rep[i] === 'string') { + k = rep[i]; + v = str(k, value); + if (v) { + partial.push(quote(k) + (gap ? ': ' : ':') + v); + } + } + } + } else { + +// Otherwise, iterate through all of the keys in the object. + + for (k in value) { + if (Object.prototype.hasOwnProperty.call(value, k)) { + v = str(k, value); + if (v) { + partial.push(quote(k) + (gap ? ': ' : ':') + v); + } + } + } + } + +// Join all of the member texts together, separated with commas, +// and wrap them in braces. + + v = partial.length === 0 + ? '{}' + : gap + ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}' + : '{' + partial.join(',') + '}'; + gap = mind; + return v; + } + } + +// If the JSON object does not yet have a stringify method, give it one. + + if (typeof JSON.stringify !== 'function') { + JSON.stringify = function (value, replacer, space) { + +// The stringify method takes a value and an optional replacer, and an optional +// space parameter, and returns a JSON text. The replacer can be a function +// that can replace values, or an array of strings that will select the keys. +// A default replacer method can be provided. Use of the space parameter can +// produce text that is more easily readable. + + var i; + gap = ''; + indent = ''; + +// If the space parameter is a number, make an indent string containing that +// many spaces. + + if (typeof space === 'number') { + for (i = 0; i < space; i += 1) { + indent += ' '; + } + +// If the space parameter is a string, it will be used as the indent string. + + } else if (typeof space === 'string') { + indent = space; + } + +// If there is a replacer, it must be a function or an array. +// Otherwise, throw an error. + + rep = replacer; + if (replacer && typeof replacer !== 'function' && + (typeof replacer !== 'object' || + typeof replacer.length !== 'number')) { + throw new Error('JSON.stringify'); + } + +// Make a fake root object containing our value under the key of ''. +// Return the result of stringifying the value. + + return str('', {'': value}); + }; + } + + +// If the JSON object does not yet have a parse method, give it one. + + if (typeof JSON.parse !== 'function') { + JSON.parse = function (text, reviver) { + +// The parse method takes a text and an optional reviver function, and returns +// a JavaScript value if the text is a valid JSON text. + + var j; + + function walk(holder, key) { + +// The walk method is used to recursively walk the resulting structure so +// that modifications can be made. + + var k, v, value = holder[key]; + if (value && typeof value === 'object') { + for (k in value) { + if (Object.prototype.hasOwnProperty.call(value, k)) { + v = walk(value, k); + if (v !== undefined) { + value[k] = v; + } else { + delete value[k]; + } + } + } + } + return reviver.call(holder, key, value); + } + + +// Parsing happens in four stages. In the first stage, we replace certain +// Unicode characters with escape sequences. JavaScript handles many characters +// incorrectly, either silently deleting them, or treating them as line endings. + + text = String(text); + cx.lastIndex = 0; + if (cx.test(text)) { + text = text.replace(cx, function (a) { + return '\\u' + + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); + }); + } + +// In the second stage, we run the text against regular expressions that look +// for non-JSON patterns. We are especially concerned with '()' and 'new' +// because they can cause invocation, and '=' because it can cause mutation. +// But just to be safe, we want to reject all unexpected forms. + +// We split the second stage into 4 regexp operations in order to work around +// crippling inefficiencies in IE's and Safari's regexp engines. First we +// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we +// replace all simple value tokens with ']' characters. Third, we delete all +// open brackets that follow a colon or comma or that begin the text. Finally, +// we look to see that the remaining characters are only whitespace or ']' or +// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval. + + if (/^[\],:{}\s]*$/ + .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@') + .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']') + .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) { + +// In the third stage we use the eval function to compile the text into a +// JavaScript structure. The '{' operator is subject to a syntactic ambiguity +// in JavaScript: it can begin a block or an object literal. We wrap the text +// in parens to eliminate the ambiguity. + + j = eval('(' + text + ')'); + +// In the optional fourth stage, we recursively walk the new structure, passing +// each name/value pair to a reviver function for possible transformation. + + return typeof reviver === 'function' + ? walk({'': j}, '') + : j; + } + +// If the text is not JSON parseable, then a SyntaxError is thrown. + + throw new SyntaxError('JSON.parse'); + }; + } +}());