<title>Coming Next</title>\r
\r
<style type="text/css">\r
-/* -----------------------------------------------------------------------\r
-here you can customize background color, font color, font size etc...\r
---------------------------------------------------------------------------- */\r
-.background { color:#ffffff; background-color:#000000; font:normal 12pt; } /* Defines the background of the widget. If you want to use a background image, set useBackgroundImage = true below */\r
- /* for the default themes, black, gray, and light blue, codes are #292029, #e7dfe7, #009aef */\r
-.weekDay { } /* Defines the appearance of all week day texts */\r
-.date { } /* Defines the appearance of all date texts */\r
-.today { color:#ff0000; } /* Defines the appearance of "Today" text */\r
-.tomorrow { color:#0000ff; } /* Defines the appearance of "Tomorrow" text */\r
-.time { } /* Defines the appearance of all time texts */\r
-.now { color:#ff00ff; } /* Defines the appearance of "Now" text */\r
-.description { } /* Defines the appearance of all event descriptions */\r
-.icon { width:15px; height:15px; } /* Defines size and appearance of icons */\r
+/* The following classes can be modified by widget settings */\r
+.background { }\r
+.backgroundFullscreen { }\r
+.weekDay { }\r
+.date { }\r
+.today { }\r
+.tomorrow { }\r
+.time { }\r
+.now { }\r
+.description { }\r
+.icon { }\r
</style>\r
\r
+<script type="text/javascript" src="localizedTextStrings.js" charset="utf-8" />\r
+\r
<script>\r
+// valid types for the config object are 'Int', 'Bool', 'String', 'Enum', 'UID'\r
+var config = {\r
+ monthRange: { Type: 'Int', Default: 2, Value: 2,},\r
+ includeTodos: { Type: 'Bool', Default: true, Value: true,},\r
+ useBackgroundImage: { Type: 'Bool', Default: true, Value: true,},\r
+ backgroundImageLocation: { Type: 'Enum', Default: 'internal', Value: 'internal', ValidValues: ['internal', 'external']},\r
+ showCombinedDateTime: { Type: 'Bool', Default: false, Value: false,},\r
+ showLocation: { Type: 'Bool', Default: true, Value: true,},\r
+ showTodayAsText: { Type: 'Bool', Default: true, Value: true,},\r
+ todayText: { Type: 'String', Default: getLocalizedText('settings.default.todayText'), Value: getLocalizedText('settings.default.todayText'),},\r
+ tomorrowText: { Type: 'String', Default: getLocalizedText('settings.default.tomorrowText'), Value: getLocalizedText('settings.default.tomorrowText'),},\r
+ showNowAsText: { Type: 'Bool', Default: true, Value: true,},\r
+ nowText: { Type: 'String', Default: getLocalizedText('settings.default.nowText'), Value: getLocalizedText('settings.default.nowText'),},\r
+ dateSeparator: { Type: 'String', Default: getLocalizedText('settings.default.dateSeparator'), Value: getLocalizedText('settings.default.dateSeparator'),},\r
+ dateFormat: { Type: 'Enum', Default: 'auto', Value: 'auto', ValidValues: ['auto', 'DDMM', 'MMDD'],},\r
+ weekDayLength: { Type: 'Int', Default: 2, Value: 2,},\r
+ updateDataInterval: { Type: 'Int', Default: 5, Value: 5,},\r
+ calendarApp: { Type: 'UID', Default: 0x10005901, Value: 0x10005901,},\r
+ eventsPerWidget: { Type: 'Int', Default: 4, Value: 4,},\r
+ showNothingText: { Type: 'Bool', Default: true, Value: true,},\r
+ nothingText: { Type: 'String', Default: getLocalizedText('settings.default.nothingText'), Value: getLocalizedText('settings.default.nothingText'),},\r
+ enableDaylightSaving: { Type: 'Bool', Default: true, Value: true,},\r
+ hideWidgetOnCalendarOpen: { Type: 'Bool', Default: false, Value: false,},\r
+ cssStyle_background: { Type: 'String', Default: 'color:#ffffff; background-color:#000000', Value: 'color:#ffffff; background-color:#000000',},\r
+ cssStyle_backgroundFullscreen: { Type: 'String', Default: 'color:#ffffff; background-color:#000000', Value: 'color:#ffffff; background-color:#000000',},\r
+ cssStyle_weekDay: { Type: 'String', Default: '', Value: '',},\r
+ cssStyle_date: { Type: 'String', Default: '', Value: '',},\r
+ cssStyle_today: { Type: 'String', Default: 'color:#ff0000', Value: 'color:#ff0000',},\r
+ cssStyle_tomorrow: { Type: 'String', Default: 'color:#0000ff', Value: 'color:#0000ff',},\r
+ cssStyle_time: { Type: 'String', Default: '', Value: '',},\r
+ cssStyle_now: { Type: 'String', Default: 'color:#ff00ff', Value: 'color:#ff00ff',},\r
+ cssStyle_description: { Type: 'String', Default: '', Value: '',},\r
+ cssStyle_icon: { Type: 'String', Default: 'width:15px; height:15px', Value: 'width:15px; height:15px',},\r
+}\r
+\r
\r
-//---------------------------------------------------------------\r
-// The following section contains settings you may want to tweak\r
-//---------------------------------------------------------------\r
-var monthRange = 2; // number of months to include in the event list\r
-var includeTodos = true; // disable to remove ToDos from event list\r
-var useBackgroundImage = true; // use background_portrait.png and background_landscape.png to fake transparency. Set to "false" to use a solid background color\r
-var showCombinedDateTime = false;// only show the time for events happening today, otherwise just show the date\r
-var showLocation = true; // show the location for meeting events\r
-var showTodayAsText = true; // if enabled, the current date will be shown as "Today" instead of "31.12"\r
-var todayText = 'Today'; // text to display for "Today"\r
-var tomorrowText = 'Tomorrow'; // text to display for "Tomorrow"\r
-var showNowAsText = true; // if enabled, the appointment time will be shown as "Now" instead of "12:00"\r
-var nowText = 'Now'; // text to display for "Now"\r
-var dateSeparator = '.'; // separator for dates. e.g. "31.12" or "31/12"\r
-var dateFormat = 'auto' // how dates will be displayed. 'auto' will autodetect your phone's date format setting. 'MMDD' will write month first, 'DDMM' will write day first\r
-var weekDayLength = 2; // defines how many characters of the weekday will be shown. E.g. 2 will cut "Friday" to "Fr"\r
-var updateDataInterval = 5; // how many minutes to wait before updating the displayed data. The higher the number, the less battery is used\r
-var calendarApp = 0x10005901; // UID of the calendar app to run when clicking the widget. 0x10005901 = buildin calendar, 0x20004ec1 = Epocware Handy Calendar\r
-var eventsPerWidget = 4; // number of events to show per widget. Default is 4\r
-var showNothingText = true; // if set to "true", show a text if no events are in the list\r
-var nothingText = 'No further events within ' + monthRange + ' months'; // text to show when no events are in the list\r
-var enableDaylightSaving = true;// enable this if you are in a timezone that has daylight saving time (+1h)\r
\r
//-------------------------------------------------------\r
// Nothing of interest from here on...\r
//-------------------------------------------------------\r
-var panelNum = 1; // use 1 for second panel\r
+var panelNum = 0; // use 1 for second panel\r
+var version = "1.25";\r
+var versionURL = "http://comingnext.sourceforge.net/version.xml";\r
var calendarService = null;\r
var cacheEntriesHtml = [];\r
var months_translated = [];\r
var orientation = '';\r
var now = new Date();\r
+var mode = 0; // 0 = homescreen, 1 = fullscreen, 2 = settings, 3 = about, 4 = check for update\r
+var reqV = null; \r
\r
// vars for daylight saving time\r
var daylightsavingWinter = 0;\r
console.info('year=' + year + ' month=' + month + ' day=' + day + ' hours=' + hours + ' minutes=' + minutes+ ' seconds=' + seconds);\r
\r
// take care of daylight saving time\r
- if (enableDaylightSaving) {\r
+ if (config['enableDaylightSaving'].Value) {\r
var date = new Date(year, month - 1, day, hours, minutes, seconds);\r
if (summertime && date > daylightsavingWinter && date < daylightsavingSummer)\r
hours -= 1;\r
while (day.length < 2) { day = '0' + day; }\r
while (month.length < 2) { month = '0' + month; }\r
\r
- if (showTodayAsText && isToday(date))\r
- return '<span class="today">' + todayText + '</span>';\r
- if (showTodayAsText && isTomorrow(date))\r
- return '<span class="tomorrow">' + tomorrowText + '</span>';\r
+ if (config['showTodayAsText'].Value && isToday(date))\r
+ return '<span class="today">' + config['todayText'].Value + '</span>';\r
+ if (config['showTodayAsText'].Value && isTomorrow(date))\r
+ return '<span class="tomorrow">' + config['tomorrowText'].Value + '</span>';\r
\r
var dateArr = format.replace(/,/g,'').replace(/\./g,':').replace(/ /g,' ').split(' ');\r
if (dateArr.length != 5 && dateArr.length != 6) {\r
// we don't know how to format this\r
- if (dateFormat == 'auto' || dateFormat == 'DDMM')\r
- return day + dateSeparator + month;\r
+ if (config['dateFormat'].Value == 'auto' || config['dateFormat'].Value == 'DDMM')\r
+ return day + config['dateSeparator'].Value + month;\r
else\r
- return month + dateSeparator + day;\r
+ return month + config['dateSeparator'].Value + day;\r
}\r
\r
var dayFirst = true;\r
- if (dateFormat == 'MMDD')\r
+ if (config['dateFormat'].Value == 'MMDD')\r
dayFirst = false;\r
- else if (dateFormat == 'DDMM')\r
+ else if (config['dateFormat'].Value == 'DDMM')\r
dayFirst = true;\r
else {\r
- // dateFormat == 'auto', try to detect system setting\r
+ // config['dateFormat'].Value == 'auto', try to detect system setting\r
// parse date\r
var day_ = dateArr[1];\r
var month_ = dateArr[2];\r
}\r
\r
if (dayFirst)\r
- return day + dateSeparator + month;\r
+ return day + config['dateSeparator'].Value + month;\r
else\r
- return month + dateSeparator + day;\r
+ return month + config['dateSeparator'].Value + day;\r
}\r
\r
function formatTime(date)\r
var time = date.toLocaleTimeString().replace(/[\.:]00/, ''); // remove seconds from string\r
if (time.replace(/\./, ':').split(':')[0].length < 2)\r
time = '0' + time;\r
- if (showNowAsText && date.getTime() == now.getTime())\r
- time = '<span class="now">' + nowText + '</span>';\r
+ if (config['showNowAsText'].Value && date.getTime() == now.getTime())\r
+ time = '<span class="now">' + config['nowText'].Value + '</span>';\r
return time;\r
}\r
\r
function updateData()\r
{\r
+ console.info('updateData()');\r
calcDaylightSaving();\r
try {\r
// meetings have time\r
Type:'CalendarEntry',\r
Filter:{\r
StartRange: (new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0)),\r
- EndRange: (new Date(now.getFullYear(), now.getMonth() + monthRange, now.getDate(), 0, 0, 0))\r
+ EndRange: (new Date(now.getFullYear(), now.getMonth() + config['monthRange'].Value, now.getDate(), 0, 0, 0))\r
}\r
}\r
var meetingResult = calendarService.IDataSource.GetList(meetingListFiltering);\r
+ if (meetingResult.ErrorCode != 0)\r
+ throw("Error fetching calendar data: " + meetingResult.ErrorCode + ': ' + meetingResult.ErrorMessage);\r
var meetingList = meetingResult.ReturnValue;\r
\r
// todos don't, they start on 00:00 hrs., but should be visible anyway\r
// this will generate a list of passed todos. We have to check if they have been marked as "done" yet\r
- if (includeTodos) {\r
+ if (config['includeTodos'].Value) {\r
var todayTodoListFiltering = {\r
Type:'CalendarEntry',\r
Filter:{\r
var dateArr = [];\r
var entriesHtml = '<table>';\r
var eventIds = [];\r
- var max = ((panelNum == 0) ? eventsPerWidget : 2 * eventsPerWidget);\r
+ var max;\r
+ if (mode == 0)\r
+ max = ((panelNum == 0) ? config['eventsPerWidget'].Value : 2 * config['eventsPerWidget'].Value);\r
+ else\r
+ max = 30; // we can display a lot more events in fullscreen mode\r
\r
// the first outer loop iteration is for passed ToDos, the second loop is for all upcomming events (may also include ToDos)\r
for (var i=0; counter < max && i < entryLists.length; i++) {\r
);\r
\r
// we don't want ToDos when includeTodos == false or when they are completed\r
- if (entry.Type == 'ToDo' && (entry.Status == "TodoCompleted" || !includeTodos)) {\r
+ if (entry.Type == 'ToDo' && (entry.Status == "TodoCompleted" || !config['includeTodos'].Value)) {\r
console.info('skipping ' + entry.id );\r
counter--;\r
continue;\r
}\r
\r
// make sure that we don't include an event twice (useful for ToDos that might come up twice)\r
- if (eventIds[entry.id] == 1) {\r
+ if (eventIds[entry.id] == 1 && entry.Type == 'ToDo') {\r
console.info('skipped (already included) ' + entry.id);\r
counter--;\r
continue;\r
\r
// summary can be undefined!\r
var Summary = ((entry.Summary == null) ? '' : entry.Summary);\r
- if (entry.Type == 'Meeting' && entry.Location != '' && showLocation)\r
+ if (entry.Type == 'Meeting' && entry.Location != '' && config['showLocation'].Value)\r
Summary += ', ' + entry.Location;\r
\r
// fix by yves: determine start and end dates/times\r
}\r
}\r
\r
- // skip events for the first panel in case this is the second one\r
- if (panelNum == 1 && counter < eventsPerWidget + 1) {\r
+ // skip events for the first panel in case this is the second one and we're not in fullscreen mode\r
+ if (mode == 0 && panelNum == 1 && counter < config['eventsPerWidget'].Value + 1) {\r
console.info('skipping (already in first widget) ' + entry.id);\r
continue;\r
}\r
// some languages have very strange locale date formats, can't parse all those. Also some todos don't have dates at all.\r
entriesHtml += '<td colspan="4"><span class="date">' + entryDate + '</span> ';\r
} else {\r
- var weekDay = date.toLocaleDateString().substr(0,weekDayLength);\r
+ var weekDay = date.toLocaleDateString().substr(0,config['weekDayLength'].Value);\r
var time = formatTime(date);\r
var dateStr = formatDate(date, entryDate);\r
if (entry.Type == 'ToDo' || entry.Type == 'Anniversary' || entry.Type == 'DayEvent' || entry.Type == 'Reminder') {\r
- if ((isToday(date) || isTomorrow(date)) && showTodayAsText) // show weekday if the date string is not text. looks odd otherwise\r
+ if ((isToday(date) || isTomorrow(date)) && config['showTodayAsText'].Value) // show weekday if the date string is not text. looks odd otherwise\r
entriesHtml += '<td colspan="4" width="1px"><span class="date">' + dateStr + '</span> ';\r
else\r
entriesHtml += '<td class="weekDay" width="1px">' + weekDay + '</td><td width="1px" class="date">' + dateStr + '</td><td colspan="2">';\r
} else if (entry.Type == 'Meeting') {\r
- if (showCombinedDateTime) {\r
+ if (config['showCombinedDateTime'].Value) {\r
if (isToday(date))\r
entriesHtml += '<td width="1px" colspan="4"><span class="today">' + time + '</span> ';\r
else if (isTomorrow(date))\r
else\r
entriesHtml += '<td width="1px" class="weekDay">' + weekDay + '</td><td width="1px" class="date">' + dateStr + '</td><td colspan="2">';\r
} else {\r
- if ((isToday(date) || isTomorrow(date)) && showTodayAsText)\r
+ if ((isToday(date) || isTomorrow(date)) && config['showTodayAsText'].Value)\r
entriesHtml += '<td colspan="4" width="1px"><span class="today">' + dateStr + '</span> <span class="time">' + time + '</span> ';\r
else\r
entriesHtml += '<td width="1px" class="weekDay">' + weekDay + '</td><td width="1px" class="date">' + dateStr + '</td><td width="1px" class="time">' + time + '</td><td>';\r
}\r
}\r
entriesHtml += '</table>';\r
- if (showNothingText && entriesHtml == '<table></table>')\r
- entriesHtml = '<div style="width:295px; height:75px; text-align:center; line-height:75px; overflow:visible;">' + nothingText + '</div>';\r
+ if (config['showNothingText'].Value && entriesHtml == '<table></table>') {\r
+ var text = config['nothingText'].Value.replace(/%d/, config['monthRange'].Value);\r
+ entriesHtml = '<div style="width:295px; height:75px; text-align:center; line-height:75px; overflow:visible;">' + text + '</div>';\r
+ }\r
if (cacheEntriesHtml != entriesHtml) {\r
- document.getElementById('calendarList').innerHTML = entriesHtml;\r
+ if (mode == 0)\r
+ document.getElementById('calendarList').innerHTML = entriesHtml;\r
+ else\r
+ document.getElementById('fullscreenCalendarList').innerHTML = entriesHtml;\r
cacheEntriesHtml = entriesHtml;\r
}\r
} catch(e) {\r
function updateScreen()\r
{\r
// check if opening fullscreen\r
- if( window.innerHeight > 91)\r
- launchCalendar();\r
-\r
- if (useBackgroundImage) {\r
- // check for screen rotation\r
- if (orientation != 'portrait' && screen.width == 360 && screen.height == 640) {\r
- window.widget.prepareForTransition("fade");\r
- orientation = 'portrait';\r
- document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';\r
- document.getElementById('body').style.backgroundColor = 'none';\r
- window.widget.performTransition();\r
- } else if (orientation != 'landscape' && screen.width == 640 && screen.height == 360) {\r
- window.widget.prepareForTransition("fade");\r
- orientation = 'landscape';\r
- document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';\r
- document.getElementById('body').style.backgroundColor = 'none';\r
- window.widget.performTransition();\r
- }\r
+ if( window.innerHeight > 91 && mode == 0) {\r
+ mode = 1;\r
+ cacheEntriesHtml = '';\r
+ document.getElementById('body').style.backgroundImage = "";\r
+ showFullscreen();\r
}\r
+ else if (window.innerHeight <= 91 && mode != 0) {\r
+ mode = 0;\r
+ cacheEntriesHtml = '';\r
+ showHomescreen();\r
+ }\r
+ \r
+ if (mode == 0)\r
+ updateHomescreen();\r
+ else if (mode == 1)\r
+ updateFullscreen();\r
}\r
\r
function launchCalendar()\r
{\r
try {\r
- widget.openApplication(calendarApp, "");\r
- window.close();\r
+ widget.openApplication(config['calendarApp'].Value, "");\r
+ if (config['hideWidgetOnCalendarOpen'].Value)\r
+ window.close();\r
} catch(e) {\r
error('starting Calendar App');\r
return;\r
\r
function init()\r
{\r
+ console.info('New widget instance starting up...');\r
+ \r
try {\r
// call calendar service\r
- calendarService = device.getServiceObject("Service.Calendar", "IDataSource");\r
+ if (device != "undefined")\r
+ calendarService = device.getServiceObject("Service.Calendar", "IDataSource");\r
+ else\r
+ throw('device object does not exist');\r
} catch(e) {\r
- error('loading Calendar service');\r
+ error('loading Calendar service: ' + e + ', line ' + e.line);\r
return;\r
}\r
\r
+ loadSettings();\r
+ updateCssClasses();\r
collectLocales();\r
- updateData();\r
+ //updateData();\r
requestNotification();\r
- window.setInterval('updateData()', 1000 * 60 * updateDataInterval);\r
+ window.setInterval('updateData()', 1000 * 60 * config['updateDataInterval'].Value);\r
\r
+ mode = 0;\r
+ showHomescreen();\r
updateScreen();\r
- if (useBackgroundImage)\r
- // check for screen rotation every 3 secs\r
- window.setInterval('updateScreen()', 1000 * 3);\r
+ if (config['useBackgroundImage'].Value)\r
+ // check for screen rotation every 1 secs\r
+ window.setInterval('updateScreen()', 1000 * 1);\r
+}\r
+\r
+function createMenu()\r
+{\r
+ window.menu.setLeftSoftkeyLabel("",null);\r
+ window.menu.setRightSoftkeyLabel("",null);\r
+ var id = 0;\r
+ var menuSettings = new MenuItem(getLocalizedText('menu.settings'), id++);\r
+ var menuCallApp = new MenuItem(getLocalizedText('menu.openCalendarApp'), id++);\r
+ var menuUpdate = new MenuItem(getLocalizedText('menu.update'), id++);\r
+ var menuAbout = new MenuItem(getLocalizedText('menu.about'), id++);\r
+ menuSettings.onSelect = showSettings;\r
+ menuAbout.onSelect = showAbout;\r
+ menuCallApp.onSelect = launchCalendar;\r
+ menuUpdate.onSelect = showUpdate;\r
+ window.menu.clear();\r
+ window.menu.append(menuCallApp);\r
+ window.menu.append(menuSettings);\r
+ window.menu.append(menuUpdate);\r
+ window.menu.append(menuAbout); \r
+}\r
+\r
+function showSettings()\r
+{\r
+ mode = 2;\r
+ hideViews();\r
+ document.getElementById("settingsView").style.display = "block";\r
+ document.onclick = null;\r
+ \r
+ window.menu.setLeftSoftkeyLabel(getLocalizedText('settings.save'), function()\r
+ {\r
+ for (var key in config) {\r
+ if (config[key].Type == 'String')\r
+ config[key].Value = document.forms[0].elements["settings." + key].value;\r
+ else if (config[key].Type == 'Int') {\r
+ config[key].Value = parseInt(document.forms[0].elements["settings." + key].value);\r
+ if (config[key].Value < 0)\r
+ config[key].Value = config[key].Default;\r
+ }\r
+ else if (config[key].Type == 'Bool')\r
+ config[key].Value = document.forms[0].elements["settings." + key].checked;\r
+ else if (config[key].Type == 'UID')\r
+ config[key].Value = parseInt(document.forms[0].elements["settings." + key].value);\r
+ else if (config[key].Type == 'Enum') {\r
+ config[key].Value = document.forms[0].elements["settings." + key].value;\r
+ if (config[key].ValidValues.indexOf(config[key].Value) == -1)\r
+ config[key].Value = config[key].Default;\r
+ }\r
+ }\r
+ \r
+ updateCssClasses();\r
+ \r
+ saveSettings();\r
+ \r
+ mode = 1;\r
+ showFullscreen();\r
+ });\r
+ window.menu.setRightSoftkeyLabel(getLocalizedText('settings.cancel'), function()\r
+ {\r
+ mode = 1;\r
+ showFullscreen();\r
+ });\r
+ \r
+ var settingsHtml = '<form>';\r
+ for (var key in config) {\r
+ if (config[key].Type == 'String')\r
+ settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input class="textInput" name="settings.' + key + '" type="text" value="' + config[key].Value + '" /></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+ else if (config[key].Type == 'Int')\r
+ settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input class="textInput" name="settings.' + key + '" type="text" value="' + config[key].Value + '" /></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+ else if (config[key].Type == 'Bool')\r
+ settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input name="settings.' + key + '" type="checkbox" value="true" ' + (config[key].Value ? 'checked="checked"' : '') + '/></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+ else if (config[key].Type == 'UID')\r
+ settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input class="textInput" name="settings.' + key + '" type="text" value="0x' + config[key].Value.toString(16) + '" /></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+ else if (config[key].Type == 'Enum') {\r
+ settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><select name="settings.' + key + '" size="1">';\r
+ for(var i = 0; i < config[key].ValidValues.length; i++)\r
+ settingsHtml += '<option value="' + config[key].ValidValues[i] + '"' + (config[key].Value == config[key].ValidValues[i] ? ' selected="selected"' : '') + '>' + getLocalizedText('settings.validValues.' + key + '.' + config[key].ValidValues[i]) + '</option>';\r
+ settingsHtml += '</select></div></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+ }\r
+ }\r
+ settingsHtml += '<input name="reset" type="button" value="' + getLocalizedText('settings.restoreDefaults') + '" onclick="javascript:restoreDefaultSettings();showSettings();" />';\r
+ settingsHtml += '</form>';\r
+ document.getElementById("settingsList").innerHTML = settingsHtml;\r
+}\r
+\r
+function changeCssClass(classname, properties)\r
+{\r
+ for(var i = 0; i < document.styleSheets[0]['cssRules'].length; i++)\r
+ {\r
+ if (document.styleSheets[0]['cssRules'][i].selectorText == classname) {\r
+ document.styleSheets[0].deleteRule(i);\r
+ document.styleSheets[0].insertRule(classname + ' { ' + properties + ' }', document.styleSheets[0]['cssRules'].length);\r
+ break;\r
+ }\r
+ }\r
+}\r
+\r
+function updateCssClasses()\r
+{\r
+ for(var key in config) {\r
+ changeCssClass(getLocalizedText('settings.name.' + key), config[key].Value);\r
+ }\r
+}\r
+\r
+function restoreDefaultSettings()\r
+{\r
+ for (var key in config)\r
+ config[key].Value = config[key].Default;\r
+}\r
+\r
+function loadSettings()\r
+{\r
+ for (var key in config) {\r
+ if (widget.preferenceForKey(key)) {\r
+ if (config[key].Type == 'Int')\r
+ config[key].Value = Number(widget.preferenceForKey(key));\r
+ else if (config[key].Type == 'String')\r
+ config[key].Value = widget.preferenceForKey(key);\r
+ else if (config[key].Type == 'Bool')\r
+ config[key].Value = (widget.preferenceForKey(key) == 'true')\r
+ else if (config[key].Type == 'Enum')\r
+ config[key].Value = widget.preferenceForKey(key);\r
+ else if (config[key].Type == 'UID')\r
+ config[key].Value = Number(widget.preferenceForKey(key));\r
+ }\r
+ else\r
+ config[key].Value = config[key].Default;\r
+ console.info('Settings: ' + key + '=\'' + config[key].Value + '\'');\r
+ }\r
+}\r
+\r
+function saveSettings()\r
+{\r
+ for (var key in config) {\r
+ if (config[key].Type == 'Int')\r
+ widget.setPreferenceForKey(config[key].Value.toString(), key);\r
+ else if (config[key].Type == 'String')\r
+ widget.setPreferenceForKey(config[key].Value, key);\r
+ else if (config[key].Type == 'Bool')\r
+ widget.setPreferenceForKey(config[key].Value ? 'true' : 'false', key);\r
+ else if (config[key].Type == 'Enum')\r
+ widget.setPreferenceForKey(config[key].Value, key);\r
+ else if (config[key].Type == 'UID')\r
+ widget.setPreferenceForKey(config[key].Value.toString(), key);\r
+ }\r
+}\r
+\r
+function toggleVisibility(elementId)\r
+{\r
+ if (document.getElementById(elementId).style.display == "none")\r
+ document.getElementById(elementId).style.display = "block";\r
+ else\r
+ document.getElementById(elementId).style.display = "none";\r
+}\r
+\r
+var uniqueId = 0;\r
+function printHintBox(text)\r
+{\r
+ uniqueId++;\r
+ return '<td width="1%" align="right" onclick="javascript:toggleVisibility(\'info' + uniqueId + '\')">' + getLocalizedText('settings.help') + '</td></tr></table>'+\r
+ '<div class="settingsInfo" id="info' + uniqueId + '">' + text + '</div>';\r
+}\r
+\r
+function showAbout()\r
+{\r
+ mode = 3;\r
+ hideViews();\r
+ document.getElementById("aboutView").style.display = "block";\r
+ document.onclick = null;\r
+ \r
+ window.menu.setLeftSoftkeyLabel(" ", function(){});\r
+ window.menu.setRightSoftkeyLabel(getLocalizedText('softkey.back'), function()\r
+ {\r
+ mode = 1;\r
+ showFullscreen();\r
+ });\r
+ \r
+ //document.getElementById("aboutView").innerHTML = 'aboutView';\r
+ document.getElementById("name").innerHTML = "Coming Next " + version;\r
+}\r
+\r
+function updateFullscreen()\r
+{\r
+}\r
+\r
+function showFullscreen()\r
+{\r
+ hideViews();\r
+ document.getElementById("fullscreenView").style.display = "block";\r
+ document.getElementById('body').className = "backgroundFullscreen";\r
+ document.onclick = launchCalendar;\r
+ createMenu();\r
+ updateData();\r
+}\r
+\r
+function getBackgroundImage()\r
+{\r
+ var bgImage;\r
+ if (config['backgroundImageLocation'].Value == config['backgroundImageLocation'].ValidValues[0]) // internal\r
+ bgImage = 'background_' + orientation + '.png';\r
+ else\r
+ bgImage = 'C:/Data/background_' + panelNum + '_' + orientation + '.png';\r
+ return bgImage;\r
+}\r
+\r
+function updateHomescreen()\r
+{\r
+ if (config['useBackgroundImage'].Value) {\r
+ // check for screen rotation\r
+ if (orientation != 'portrait' && screen.width == 360 && screen.height == 640) {\r
+ window.widget.prepareForTransition("fade");\r
+ orientation = 'portrait';\r
+ document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';\r
+ document.getElementById('body').style.backgroundColor = 'none';\r
+ window.widget.performTransition();\r
+ } else if (orientation != 'landscape' && screen.width == 640 && screen.height == 360) {\r
+ window.widget.prepareForTransition("fade");\r
+ orientation = 'landscape';\r
+ document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';\r
+ document.getElementById('body').style.backgroundColor = 'none';\r
+ window.widget.performTransition();\r
+ }\r
+ else if (document.getElementById('body').style.backgroundImage == "")\r
+ {\r
+ document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';\r
+ }\r
+ }\r
+}\r
+\r
+function showHomescreen()\r
+{\r
+ hideViews();\r
+ document.getElementById("homescreenView").style.display = "block";\r
+ document.getElementById('body').className = "background";\r
+ document.onclick = null;\r
+ updateData();\r
+}\r
+\r
+function getLocalizedText(p_Txt)\r
+{\r
+ if (localizedText[p_Txt])\r
+ return localizedText[p_Txt];\r
+ else \r
+ return 'ERROR: missing translation for ' + p_Txt;\r
+}\r
+\r
+function showUpdate()\r
+{\r
+ mode = 4;\r
+ hideViews();\r
+ document.getElementById("updateView").style.display = "block";\r
+ document.onclick = null;\r
+ \r
+ window.menu.setLeftSoftkeyLabel(getLocalizedText('update.checknow'), function(){\r
+ checkForUpdate();\r
+ });\r
+ window.menu.setRightSoftkeyLabel(getLocalizedText('softkey.back'), function()\r
+ {\r
+ mode = 1;\r
+ showFullscreen();\r
+ });\r
+ \r
+ document.getElementById("currentVersion").innerHTML = getLocalizedText("update.current") + version;\r
+ checkForUpdate();\r
+}\r
+\r
+function checkForUpdate()\r
+{\r
+ // asynch XHR to server url\r
+ reqV = new XMLHttpRequest();\r
+ reqV.onreadystatechange = checkForUpdateCallback;\r
+ document.getElementById("updateDiv").innerHTML = getLocalizedText("update.checking");\r
+ reqV.open("GET", versionURL, true);\r
+ reqV.setRequestHeader( "If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT" ); // disable caching\r
+ reqV.send(null);\r
+}\r
+\r
+function checkForUpdateCallback()\r
+{ \r
+ if (reqV.readyState == 4) {\r
+ if (reqV.status == 200) {\r
+ var resultXml = reqV.responseText;\r
+ if (resultXml) {\r
+ var div = document.getElementById("tmp");\r
+ div.innerHTML = resultXml;\r
+ var newVersion = div.getElementsByTagName('version')[0].innerHTML;\r
+ var newVersionURL = div.getElementsByTagName('url')[0].innerHTML;\r
+ div.innerHTML = "";\r
+ if (version != newVersion) {\r
+ document.getElementById("updateDiv").innerHTML = getLocalizedText("update.download").replace(/%1/, newVersion).replace(/%2/, newVersionURL);\r
+ }\r
+ else {\r
+ document.getElementById("updateDiv").innerHTML = getLocalizedText("update.nonewversion");\r
+ }\r
+ }\r
+ }\r
+ else {\r
+ document.getElementById("updateDiv").innerHTML = getLocalizedText("update.error") + reqV.status + " " + reqV.responseText;\r
+ }\r
+ }\r
}\r
\r
+function hideViews()\r
+{\r
+ document.getElementById("homescreenView").style.display = "none";\r
+ document.getElementById("fullscreenView").style.display = "none";\r
+ document.getElementById("aboutView").style.display = "none";\r
+ document.getElementById("settingsView").style.display = "none";\r
+ document.getElementById("updateView").style.display = "none";\r
+}\r
</script>\r
\r
<style type="text/css">\r
table { margin:0px; padding:0px; border-spacing:0px; }\r
td { padding:0px 5px 0px 0px; white-space:nowrap; overflow:hidden; }\r
+hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; border-style:none; }\r
+.settingsInfo { display:none; font-style:italic; }\r
+.title { font-weight:bold; font-size:14pt; }\r
+.textInput { width:90%; }\r
+.credits { margin-left:40px; text-indent: -20px; margin-bottom:0px; }\r
#homescreenView { width: 315px; height:91px; overflow:hidden; }\r
#calendarList { position:absolute; left:10px; top:4px; width:295px; height:75px; overflow:hidden; }\r
+#name { text-align:center; }\r
+#appicon { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; }\r
+#smallappicon { width:22px; height:22px; margin-right:10px; float:left; }\r
</style>\r
\r
</head>\r
<div id="homescreenView">\r
<div id="calendarList"></div>\r
</div>\r
+<div id="fullscreenView" style="display:none;">\r
+ <img src="Icon.png" id="smallappicon">\r
+ <h1 class="title">Coming Next</h1>\r
+ <hr />\r
+ <div id="fullscreenCalendarList">loading...</div>\r
+</div>\r
+<div id="settingsView" style="display:none">\r
+ <img src="Icon.png" id="smallappicon">\r
+ <h1 class="title">Settings</h1>\r
+ <hr />\r
+ <div id="settingsList"></div>\r
+</div>\r
+<div id="aboutView" style="display:none">\r
+ <img src="Icon.png" id="appicon">\r
+ <h1 id="name">Coming Next</h1>\r
+ <hr />\r
+ <p>Created by Dr. Cochambre and Michael Prager.</p>\r
+ <p>Contributions:</p>\r
+ <p class="credits">Paul Moore (bug fixes, new features and code cleanup)</p>\r
+ <p class="credits">Manfred Hanselmann (DST support)</p>\r
+ <p class="credits">Christophe Milsent (translation support & french translation</p>\r
+ <p class="credits">Flavio Nathan (portuguese-brazilian translation</p>\r
+ <p>This software is open source and licensed under the GPLv3.</p>\r
+ <p>Visit sourceforge.net/projects/comingnext for free updates.</p>\r
+ <hr />\r
+</div>\r
+<div id="updateView" style="display:none">\r
+ <img src="Icon.png" id="smallappicon">\r
+ <h1 class="title">Check for update</h1>\r
+ <hr />\r
+ <div id="currentVersion">Coming Next ??</div>\r
+ <div id="updateDiv"></div>\r
+ <div id="tmp" style="display:none;"></div>\r
+</div>\r
</body>\r
\r
</html>\r