+++ /dev/null
-/**
- * kronolithmobile.js - Base mobile application logic.
- *
- * Copyright 2010 The Horde Project (http://www.horde.org/)
- *
- * See the enclosed file COPYING for license information (GPL). If you
- * did not receive this file, see http://www.fsf.org/copyleft/gpl.html.
- *
- * @author Michael J. Rubinsky <mrubinsk@horde.org>
- */
- KronolithMobile = {
-
- calendars: [],
- loadedCalendars: [],
- events: [],
-
- /**
- * Perform an Ajax action
- *
- * @param string action The AJAX request
- * @param object params The parameter hash
- * @param function callback The callback function
- */
- doAction: function(action, params, callback)
- {
- $.post(Kronolith.conf.URI_AJAX + action, params, callback, 'json');
- },
-
- loadEvents: function(start, end)
- {
- KronolithMobile.loadedCalendars = [];
- KronolithMobile.events = [];
- for (cal in KronolithMobile.calendars) {
- cal = KronolithMobile.calendars[cal];
- KronolithMobile.doAction('listEvents',
- {
- 'start': start.toString('yyyyMMdd'),
- 'end': end.toString("yyyyMMdd"),
- 'cal': cal[0] + '|' + cal[1]
- },
- KronolithMobile.listEventsCallback
- );
- }
- },
-
- sortEvents: function(events)
- {
- return events.sort(function(a, b) {
- sortA = a.e.s;
- sortB = b.e.s;
- return (sortA < sortB) ? -1 : (sortA > sortB) ? 1 : 0;
- });
- },
-
- /**
- * Callback for the listEvents AJAX request.
- */
- listEventsCallback: function(data)
- {
- var list;
-
- data = data.response;
- KronolithMobile.loadedCalendars.push(data.cal);
- if (data.events) {
- $.each(data.events, function(datestring, events) {
- $.each(events, function(index, event) {
- KronolithMobile.events.push({ 'e': event, 'id': index, 'cal': data.cal });
- });
- });
- }
- if (KronolithMobile.loadedCalendars.length == KronolithMobile.calendars.length) {
- var events = KronolithMobile.sortEvents(KronolithMobile.events);
- list = $('<ul>').attr({'data-role': 'listview'});
- $.each(events, function(index, event) {
- list.append(KronolithMobile.buildDayEvent(event.cal, event.e, event.id));
- });
- if (!list.children().length) {
- list.append($('<li>').text(Kronolith.text.noevents));
- }
- list.listview();
- $("#dayview [data-role=content]").append(list);
- }
- },
-
- /**
- * Build the dom element for an event to insert into the event view.
- *
- * @param string cal The calendar name returned from the ajax request.
- * @param object event The event object returned from the ajax request.
- */
- buildDayEvent: function(cal, event, id)
- {
- var type = cal.split('|')[0], c = cal.split('|')[1],
- d = $('<div>').attr({ 'style': 'color:' + Kronolith.conf.calendars[type][c].bg }),
- item = $('<li>'), a;
-
- // Time
- var timeWrapper = $('<div>').addClass('kronolithTimeWrapper');
- if (event.al) {
- timeWrapper.append(Kronolith.text.allday).html();
- } else {
- var startTime = Date.parse(event.s).toString(Kronolith.conf.time_format);
- var endTime = '- ' + Date.parse(event.e).toString(Kronolith.conf.time_format);
- timeWrapper
- .append($('<div>').addClass('kronolithStartTime').append(startTime))
- .append($('<div>').addClass('kronolithEndTime').append(endTime));
- }
-
- e = $('<h2>').text(event.t);
- l = $('<p>').addClass('kronolithDayLocation').text(event.l);
- d.append(timeWrapper).append(e).append(l);
-
- // Add the link to view the event detail.
- a = $('<a>').attr({'href': '#eventview'}).click(function(e) {
- KronolithMobile.loadEvent(cal, id, Date.parse(event.e));
- }).append(d);
-
- return item.append(a);
- },
-
- loadEvent: function(cal, id, d)
- {
- KronolithMobile.doAction('getEvent',
- { 'cal': cal, 'id': id, 'date': d.toString('yyyyMMdd') },
- KronolithMobile.loadEventCallback);
- },
-
- loadEventCallback: function(data)
- {
- var event, list, text;
-
- $('#eventview [data-role=content] ul').detach();
- if (!data.response.event) {
- // @TODO: Error handling.
- return;
- }
-
- event = data.response.event;
- list = $('<ul>').attr({'data-role': 'listview', 'data-inset': true});
-
- // @TODO: Use css classes
-
- // Title and location
- text = '<strong>' + event.t + '</strong>'
- + '<div style="color:grey">' + event.l + '</div>';
-
- // Time
- if (event.r) {
- // Recurrence still TODO
- text = text + '<div>Recurrence</div>';
- } else if (event.al) {
- text = text + '<div>' + Kronolith.text.allday + '</div>';
- } else {
- text = text + '<div>' + Date.parse(event.s).toString('D') + '</div>'
- + '<div>' + Date.parse(event.s).toString(Kronolith.conf.time_format) + ' - ' + Date.parse(event.e).toString(Kronolith.conf.time_format);
- }
- var item = $('<li>').append(text);
- list.append(item);
-
- text = event.d;
- list.append($('<li>').append(text));
- list.listview();
- $('#eventview [data-role=content]').append(list);
- },
-
- showNextDay: function()
- {
- $("#dayview [data-role=content] ul").detach();
- KronolithMobile.currentDate.addDays(1);
- $(".kronolithDayDate").html(KronolithMobile.currentDate.toString(Kronolith.conf.date_format));
- KronolithMobile.loadEvents(KronolithMobile.currentDate, KronolithMobile.currentDate);
- },
-
- showPrevDay: function()
- {
- $("#dayview [data-role=content] ul").detach();
- KronolithMobile.currentDate.addDays(-1);
- $(".kronolithDayDate").html(KronolithMobile.currentDate.toString(Kronolith.conf.date_format));
- KronolithMobile.loadEvents(KronolithMobile.currentDate, KronolithMobile.currentDate);
- },
-
- showPrevMonth: function()
- {
- var d = KronolithMobile.parseDate($('#kronolithMinicalDate').data('date'));
- KronolithMobile.buildCal(d.addMonths(-1));
- },
-
- showNextMonth: function()
- {
- var d = KronolithMobile.parseDate($('#kronolithMinicalDate').data('date'));
- KronolithMobile.buildCal(d.addMonths(1));
- },
-
- /**
- * Calculates first and last days being displayed.
- *
- * @var Date date The date of the view.
- * @var string view A view name.
- *
- * @return array Array with first and last day of the view.
- */
- viewDates: function(date, view)
- {
- var start = date.clone(), end = date.clone();
-
- switch (view) {
- case 'week':
- start.moveToBeginOfWeek(Kronolith.conf.week_start);
- end.moveToEndOfWeek(Kronolith.conf.week_start);
- break;
- case 'month':
- start.setDate(1);
- start.moveToBeginOfWeek(Kronolith.conf.week_start);
- end.moveToLastDayOfMonth();
- end.moveToEndOfWeek(Kronolith.conf.week_start);
- break;
- case 'year':
- start.setDate(1);
- start.setMonth(0);
- end.setMonth(11);
- end.moveToLastDayOfMonth();
- break;
- case 'agenda':
- end.add(6).days();
- break;
- }
-
- return [start, end];
- },
- /**
- * Creates a mini calendar suitable for the navigation calendar and the
- * year view.
- *
- * @param Element tbody The table body to add the days to.
- * @param Date date The date to show in the calendar.
- * @param string view The view that's displayed, determines which days
- * in the mini calendar are highlighted.
- * @param string idPrefix If present, each day will get a DOM ID with this
- * prefix
- */
- buildCal: function(date)
- {
- var tbody = $('#kronolithMinical table tbody');
- var dates = this.viewDates(date, 'month'), day = dates[0].clone(),
- today = Date.today(), dateString, td, tr, i;
-
- // Remove old calendar rows.
- tbody.children().remove();
-
- // Update title
- $('#kronolithMinicalDate')
- .data('date', date.toString('yyyyMMdd'))
- .html(date.toString('MMMM yyyy'));
- for (i = 0; i < 42; i++) {
- dateString = day.toString('yyyyMMdd');
- // Create calendar row and insert week number.
- if (day.getDay() == Kronolith.conf.week_start) {
- tr = $('<tr>');
- tbody.append(tr);
- }
-
- // Insert day cell.
- td = $('<td>').data('date', dateString);
- if (day.getMonth() != date.getMonth()) {
- td.addClass('kronolithMinicalEmpty');
- }
- // Highlight today.
- if (day.equals(today)) {
- td.addClass('kronolithToday');
- }
- td.html(day.getDate());
- tr.append(td);
- day.next().day();
- }
- },
-
- /**
- * Parses a date attribute string into a Date object.
- *
- * For other strings use Date.parse().
- *
- * @param string date A yyyyMMdd date string.
- *
- * @return Date A date object.
- */
- parseDate: function(date)
- {
- var d = new Date(date.substr(0, 4), date.substr(4, 2) - 1, date.substr(6, 2));
- if (date.length == 12) {
- d.setHours(date.substr(8, 2));
- d.setMinutes(date.substr(10, 2));
- }
- return d;
- },
-
- onDocumentReady: function()
- {
- // Build list of calendars we want.
- KronolithMobile.calendars = [];
- $.each(Kronolith.conf.calendars, function(key, value) {
- $.each(value, function(cal, info) {
- if (info.show) {
- KronolithMobile.calendars.push([key, cal]);
- }
- });
- });
-
- // Global ajax options.
- $.ajaxSetup({
- dataFilter: function(data, type)
- {
- // Remove json security token
- filter = /^\/\*-secure-([\s\S]*)\*\/s*$/;
- return data.replace(filter, "$1");
- }
- });
-
- // For now, start at today's day view
- KronolithMobile.currentDate = new Date();
- $('body').bind('swipeleft', KronolithMobile.showNextDay);
- $('body').bind('swiperight', KronolithMobile.showPrevDay);
- $('#dayview').bind('pageshow', function(event, ui) {
- $('body').bind('swipeleft', KronolithMobile.showNextDay);
- $('body').bind('swiperight', KronolithMobile.showPrevDay);
- });
- $('#dayview').bind('pagebeforehide', function(event, ui) {
- $('body').unbind('swipeleft', KronolithMobile.showNextDay);
- $('body').unbind('swiperight', KronolithMobile.showPrevDay);
- });
-
- // Next and Prev day links for the day view.
- $('.kronolithDayHeader .kronolithPrevDay').bind('click', KronolithMobile.showPrevDay);
- $('.kronolithDayHeader .kronolithNextDay').bind('click', KronolithMobile.showNextDay);
-
- // Load today's events
- $(".kronolithDayDate").html(KronolithMobile.currentDate.toString(Kronolith.conf.date_format));
- KronolithMobile.loadEvents(KronolithMobile.currentDate, KronolithMobile.currentDate);
-
- // Set up the month view
- // Build the first month, should due this on first page show, but the
- // pagecreate event doesn't seem to fire for the internal page? Not sure how
- // else to do it, so just build the first month outright.
- var date = KronolithMobile.currentDate;
- KronolithMobile.buildCal(date);
- $('#kronolithMinicalPrev').bind('click', KronolithMobile.showPrevMonth);
- $('#kronolithMinicalNext').bind('click', KronolithMobile.showNextMonth);
-
- $('#monthview').bind('pageshow', function(event, ui) {
- $('body').bind('swipeleft', KronolithMobile.showNextMonth);
- $('body').bind('swiperight', KronolithMobile.showPrevMonth);
- });
- $('#monthview').bind('pagebeforehide', function(event, ui) {
- $('body').unbind('swipeleft', KronolithMobile.showNextMonth);
- $('body').unbind('swiperight', KronolithMobile.showPrevMonth);
- });
- }
-};
-
-// JQuery Mobile setup
-$(KronolithMobile.onDocumentReady);
-
-// Some Date extensions from horde.js that can't be included because of it's
-// use of prototype.js
-Date.prototype.getRealWeek = function()
-{
- var monday = this;
- if (monday.getDay() < 1) {
- monday = monday.clone().next().monday();
- }
- return monday.getWeek();
-};
-
-/**
- * Moves a date to the end of the corresponding week.
- *
- * @return Date The same Date object, now pointing to the end of the week.
- */
-Date.prototype.moveToEndOfWeek = function(weekStart)
-{
- var weekEndDay = weekStart + 6;
- if (weekEndDay > 6) {
- weekEndDay -= 7;
- }
- if (this.getDay() != weekEndDay) {
- this.moveToDayOfWeek(weekEndDay, 1);
- }
- return this;
-};
-
-/**
- * Moves a date to the begin of the corresponding week.
- *
- * @return Date The same Date object, now pointing to the begin of the
- * week.
- */
-Date.prototype.moveToBeginOfWeek = function(weekStart)
-{
- if (this.getDay() != weekStart) {
- this.moveToDayOfWeek(weekStart, -1);
- }
- return this;
-};
--- /dev/null
+/**
+ * kronolithmobile.js - Base mobile application logic.
+ *
+ * Copyright 2010 The Horde Project (http://www.horde.org/)
+ *
+ * See the enclosed file COPYING for license information (GPL). If you
+ * did not receive this file, see http://www.fsf.org/copyleft/gpl.html.
+ *
+ * @author Michael J. Rubinsky <mrubinsk@horde.org>
+ */
+ KronolithMobile = {
+
+ calendars: [],
+ loadedCalendars: [],
+ events: [],
+
+ /**
+ * Perform an Ajax action
+ *
+ * @param string action The AJAX request
+ * @param object params The parameter hash
+ * @param function callback The callback function
+ */
+ doAction: function(action, params, callback)
+ {
+ $.post(Kronolith.conf.URI_AJAX + action, params, callback, 'json');
+ },
+
+ loadEvents: function(start, end)
+ {
+ KronolithMobile.loadedCalendars = [];
+ KronolithMobile.events = [];
+ for (cal in KronolithMobile.calendars) {
+ cal = KronolithMobile.calendars[cal];
+ KronolithMobile.doAction('listEvents',
+ {
+ 'start': start.toString('yyyyMMdd'),
+ 'end': end.toString("yyyyMMdd"),
+ 'cal': cal[0] + '|' + cal[1]
+ },
+ KronolithMobile.listEventsCallback
+ );
+ }
+ },
+
+ sortEvents: function(events)
+ {
+ return events.sort(function(a, b) {
+ sortA = a.e.s;
+ sortB = b.e.s;
+ return (sortA < sortB) ? -1 : (sortA > sortB) ? 1 : 0;
+ });
+ },
+
+ /**
+ * Callback for the listEvents AJAX request.
+ */
+ listEventsCallback: function(data)
+ {
+ var list;
+
+ data = data.response;
+ KronolithMobile.loadedCalendars.push(data.cal);
+ if (data.events) {
+ $.each(data.events, function(datestring, events) {
+ $.each(events, function(index, event) {
+ KronolithMobile.events.push({ 'e': event, 'id': index, 'cal': data.cal });
+ });
+ });
+ }
+ if (KronolithMobile.loadedCalendars.length == KronolithMobile.calendars.length) {
+ var events = KronolithMobile.sortEvents(KronolithMobile.events);
+ list = $('<ul>').attr({'data-role': 'listview'});
+ $.each(events, function(index, event) {
+ list.append(KronolithMobile.buildDayEvent(event.cal, event.e, event.id));
+ });
+ if (!list.children().length) {
+ list.append($('<li>').text(Kronolith.text.noevents));
+ }
+ list.listview();
+ $("#dayview [data-role=content]").append(list);
+ }
+ },
+
+ /**
+ * Build the dom element for an event to insert into the event view.
+ *
+ * @param string cal The calendar name returned from the ajax request.
+ * @param object event The event object returned from the ajax request.
+ */
+ buildDayEvent: function(cal, event, id)
+ {
+ var type = cal.split('|')[0], c = cal.split('|')[1],
+ d = $('<div>').attr({ 'style': 'color:' + Kronolith.conf.calendars[type][c].bg }),
+ item = $('<li>'), a;
+
+ // Time
+ var timeWrapper = $('<div>').addClass('kronolithTimeWrapper');
+ if (event.al) {
+ timeWrapper.append(Kronolith.text.allday).html();
+ } else {
+ var startTime = Date.parse(event.s).toString(Kronolith.conf.time_format);
+ var endTime = '- ' + Date.parse(event.e).toString(Kronolith.conf.time_format);
+ timeWrapper
+ .append($('<div>').addClass('kronolithStartTime').append(startTime))
+ .append($('<div>').addClass('kronolithEndTime').append(endTime));
+ }
+
+ e = $('<h2>').text(event.t);
+ l = $('<p>').addClass('kronolithDayLocation').text(event.l);
+ d.append(timeWrapper).append(e).append(l);
+
+ // Add the link to view the event detail.
+ a = $('<a>').attr({'href': '#eventview'}).click(function(e) {
+ KronolithMobile.loadEvent(cal, id, Date.parse(event.e));
+ }).append(d);
+
+ return item.append(a);
+ },
+
+ loadEvent: function(cal, id, d)
+ {
+ KronolithMobile.doAction('getEvent',
+ { 'cal': cal, 'id': id, 'date': d.toString('yyyyMMdd') },
+ KronolithMobile.loadEventCallback);
+ },
+
+ loadEventCallback: function(data)
+ {
+ var event, list, text;
+
+ $('#eventview [data-role=content] ul').detach();
+ if (!data.response.event) {
+ // @TODO: Error handling.
+ return;
+ }
+
+ event = data.response.event;
+ list = $('<ul>').attr({'data-role': 'listview', 'data-inset': true});
+
+ // @TODO: Use css classes
+
+ // Title and location
+ text = '<strong>' + event.t + '</strong>'
+ + '<div style="color:grey">' + event.l + '</div>';
+
+ // Time
+ if (event.r) {
+ // Recurrence still TODO
+ text = text + '<div>Recurrence</div>';
+ } else if (event.al) {
+ text = text + '<div>' + Kronolith.text.allday + '</div>';
+ } else {
+ text = text + '<div>' + Date.parse(event.s).toString('D') + '</div>'
+ + '<div>' + Date.parse(event.s).toString(Kronolith.conf.time_format) + ' - ' + Date.parse(event.e).toString(Kronolith.conf.time_format);
+ }
+ var item = $('<li>').append(text);
+ list.append(item);
+
+ text = event.d;
+ list.append($('<li>').append(text));
+ list.listview();
+ $('#eventview [data-role=content]').append(list);
+ },
+
+ showNextDay: function()
+ {
+ $("#dayview [data-role=content] ul").detach();
+ KronolithMobile.currentDate.addDays(1);
+ $(".kronolithDayDate").html(KronolithMobile.currentDate.toString(Kronolith.conf.date_format));
+ KronolithMobile.loadEvents(KronolithMobile.currentDate, KronolithMobile.currentDate);
+ },
+
+ showPrevDay: function()
+ {
+ $("#dayview [data-role=content] ul").detach();
+ KronolithMobile.currentDate.addDays(-1);
+ $(".kronolithDayDate").html(KronolithMobile.currentDate.toString(Kronolith.conf.date_format));
+ KronolithMobile.loadEvents(KronolithMobile.currentDate, KronolithMobile.currentDate);
+ },
+
+ showPrevMonth: function()
+ {
+ var d = KronolithMobile.parseDate($('#kronolithMinicalDate').data('date'));
+ KronolithMobile.buildCal(d.addMonths(-1));
+ },
+
+ showNextMonth: function()
+ {
+ var d = KronolithMobile.parseDate($('#kronolithMinicalDate').data('date'));
+ KronolithMobile.buildCal(d.addMonths(1));
+ },
+
+ /**
+ * Calculates first and last days being displayed.
+ *
+ * @var Date date The date of the view.
+ * @var string view A view name.
+ *
+ * @return array Array with first and last day of the view.
+ */
+ viewDates: function(date, view)
+ {
+ var start = date.clone(), end = date.clone();
+
+ switch (view) {
+ case 'week':
+ start.moveToBeginOfWeek(Kronolith.conf.week_start);
+ end.moveToEndOfWeek(Kronolith.conf.week_start);
+ break;
+ case 'month':
+ start.setDate(1);
+ start.moveToBeginOfWeek(Kronolith.conf.week_start);
+ end.moveToLastDayOfMonth();
+ end.moveToEndOfWeek(Kronolith.conf.week_start);
+ break;
+ case 'year':
+ start.setDate(1);
+ start.setMonth(0);
+ end.setMonth(11);
+ end.moveToLastDayOfMonth();
+ break;
+ case 'agenda':
+ end.add(6).days();
+ break;
+ }
+
+ return [start, end];
+ },
+ /**
+ * Creates a mini calendar suitable for the navigation calendar and the
+ * year view.
+ *
+ * @param Element tbody The table body to add the days to.
+ * @param Date date The date to show in the calendar.
+ * @param string view The view that's displayed, determines which days
+ * in the mini calendar are highlighted.
+ * @param string idPrefix If present, each day will get a DOM ID with this
+ * prefix
+ */
+ buildCal: function(date)
+ {
+ var tbody = $('#kronolithMinical table tbody');
+ var dates = this.viewDates(date, 'month'), day = dates[0].clone(),
+ today = Date.today(), dateString, td, tr, i;
+
+ // Remove old calendar rows.
+ tbody.children().remove();
+
+ // Update title
+ $('#kronolithMinicalDate')
+ .data('date', date.toString('yyyyMMdd'))
+ .html(date.toString('MMMM yyyy'));
+ for (i = 0; i < 42; i++) {
+ dateString = day.toString('yyyyMMdd');
+ // Create calendar row and insert week number.
+ if (day.getDay() == Kronolith.conf.week_start) {
+ tr = $('<tr>');
+ tbody.append(tr);
+ }
+
+ // Insert day cell.
+ td = $('<td>').data('date', dateString);
+ if (day.getMonth() != date.getMonth()) {
+ td.addClass('kronolithMinicalEmpty');
+ }
+ // Highlight today.
+ if (day.equals(today)) {
+ td.addClass('kronolithToday');
+ }
+ td.html(day.getDate());
+ tr.append(td);
+ day.next().day();
+ }
+ },
+
+ /**
+ * Parses a date attribute string into a Date object.
+ *
+ * For other strings use Date.parse().
+ *
+ * @param string date A yyyyMMdd date string.
+ *
+ * @return Date A date object.
+ */
+ parseDate: function(date)
+ {
+ var d = new Date(date.substr(0, 4), date.substr(4, 2) - 1, date.substr(6, 2));
+ if (date.length == 12) {
+ d.setHours(date.substr(8, 2));
+ d.setMinutes(date.substr(10, 2));
+ }
+ return d;
+ },
+
+ onDocumentReady: function()
+ {
+ // Build list of calendars we want.
+ KronolithMobile.calendars = [];
+ $.each(Kronolith.conf.calendars, function(key, value) {
+ $.each(value, function(cal, info) {
+ if (info.show) {
+ KronolithMobile.calendars.push([key, cal]);
+ }
+ });
+ });
+
+ // Global ajax options.
+ $.ajaxSetup({
+ dataFilter: function(data, type)
+ {
+ // Remove json security token
+ filter = /^\/\*-secure-([\s\S]*)\*\/s*$/;
+ return data.replace(filter, "$1");
+ }
+ });
+
+ // For now, start at today's day view
+ KronolithMobile.currentDate = new Date();
+ $('body').bind('swipeleft', KronolithMobile.showNextDay);
+ $('body').bind('swiperight', KronolithMobile.showPrevDay);
+ $('#dayview').bind('pageshow', function(event, ui) {
+ $('body').bind('swipeleft', KronolithMobile.showNextDay);
+ $('body').bind('swiperight', KronolithMobile.showPrevDay);
+ });
+ $('#dayview').bind('pagebeforehide', function(event, ui) {
+ $('body').unbind('swipeleft', KronolithMobile.showNextDay);
+ $('body').unbind('swiperight', KronolithMobile.showPrevDay);
+ });
+
+ // Next and Prev day links for the day view.
+ $('.kronolithDayHeader .kronolithPrevDay').bind('click', KronolithMobile.showPrevDay);
+ $('.kronolithDayHeader .kronolithNextDay').bind('click', KronolithMobile.showNextDay);
+
+ // Load today's events
+ $(".kronolithDayDate").html(KronolithMobile.currentDate.toString(Kronolith.conf.date_format));
+ KronolithMobile.loadEvents(KronolithMobile.currentDate, KronolithMobile.currentDate);
+
+ // Set up the month view
+ // Build the first month, should due this on first page show, but the
+ // pagecreate event doesn't seem to fire for the internal page? Not sure how
+ // else to do it, so just build the first month outright.
+ var date = KronolithMobile.currentDate;
+ KronolithMobile.buildCal(date);
+ $('#kronolithMinicalPrev').bind('click', KronolithMobile.showPrevMonth);
+ $('#kronolithMinicalNext').bind('click', KronolithMobile.showNextMonth);
+
+ $('#monthview').bind('pageshow', function(event, ui) {
+ $('body').bind('swipeleft', KronolithMobile.showNextMonth);
+ $('body').bind('swiperight', KronolithMobile.showPrevMonth);
+ });
+ $('#monthview').bind('pagebeforehide', function(event, ui) {
+ $('body').unbind('swipeleft', KronolithMobile.showNextMonth);
+ $('body').unbind('swiperight', KronolithMobile.showPrevMonth);
+ });
+ }
+};
+
+// JQuery Mobile setup
+$(KronolithMobile.onDocumentReady);
+
+// Some Date extensions from horde.js that can't be included because of it's
+// use of prototype.js
+Date.prototype.getRealWeek = function()
+{
+ var monday = this;
+ if (monday.getDay() < 1) {
+ monday = monday.clone().next().monday();
+ }
+ return monday.getWeek();
+};
+
+/**
+ * Moves a date to the end of the corresponding week.
+ *
+ * @return Date The same Date object, now pointing to the end of the week.
+ */
+Date.prototype.moveToEndOfWeek = function(weekStart)
+{
+ var weekEndDay = weekStart + 6;
+ if (weekEndDay > 6) {
+ weekEndDay -= 7;
+ }
+ if (this.getDay() != weekEndDay) {
+ this.moveToDayOfWeek(weekEndDay, 1);
+ }
+ return this;
+};
+
+/**
+ * Moves a date to the begin of the corresponding week.
+ *
+ * @return Date The same Date object, now pointing to the begin of the
+ * week.
+ */
+Date.prototype.moveToBeginOfWeek = function(weekStart)
+{
+ if (this.getDay() != weekStart) {
+ this.moveToDayOfWeek(weekStart, -1);
+ }
+ return this;
+};
<?php Horde::addInlineScript(Kronolith::includeJSVars());?>
<script type="text/javascript" src="<?php echo $this->registry->get('jsuri', 'horde') ?>/date/en-US.js"></script>
<script type="text/javascript" src="<?php echo $this->registry->get('jsuri', 'horde') ?>/date/date.js"></script>
- <script type="text/javascript" src="<?php echo $this->registry->get('jsuri', 'kronolith') ?>/kronolithmobile.js"></script>
+ <script type="text/javascript" src="<?php echo $this->registry->get('jsuri', 'kronolith') ?>/mobile.js"></script>
<link href="<?php echo $this->registry->get('themesuri');?>/mobile.css" rel="stylesheet" type="text/css" />
</head>
<body>
\ No newline at end of file
projects / horde.git / commitdiff