X-Git-Url: https://code.delx.au/comingnext/blobdiff_plain/47042684b33ea4f3fbee53bea574e3ca3ff3a33e..7827c4aebdfae60e5231732434f5eb1790222abf:/comingNext/index.html

diff --git a/comingNext/index.html b/comingNext/index.html
index 17ee333..6a4ec98 100644
--- a/comingNext/index.html
+++ b/comingNext/index.html
@@ -26,17 +26,20 @@
 .calendar6 { background-color:#9fdf57 }
 </style>
 
-<script type="text/javascript" src="localizedTextStrings.js" charset="utf-8" />
-
-<script>
+<script type="text/javascript" src="localizedTextStrings.js" charset="utf-8"></script>
+<script type="text/javascript" src="../debug.js" charset="utf-8"></script>
+<script type="text/javascript">
 // valid types for the config object are 'Int', 'Bool', 'String', 'Enum', 'UID', 'Array'
 var config = {
+	fontsize: { Type: 'Enum', Default: 'auto', Value: 'auto', ValidValues: ['auto', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28'],},
+	eventsPerWidget: { Type: 'Int', Default: 4, Value: 4,},
 	monthRange: { Type: 'Int', Default: 2, Value: 2,},
 	includeTodos: { Type: 'Bool', Default: true, Value: true,},
 	useBackgroundImage: { Type: 'Bool', Default: true, Value: true,},
 	backgroundImageLocation: { Type: 'Enum', Default: 'internal', Value: 'internal', ValidValues: ['internal', 'external']},
 	showCombinedDateTime: { Type: 'Bool', Default: false, Value: false,},
 	showLocation: { Type: 'Bool', Default: true, Value: true,},
+	showIcons: { Type: 'Bool', Default: true, Value: true,},
 	showTodayAsText: { Type: 'Bool', Default: true, Value: true,},
 	todayText: { Type: 'String', Default: getLocalizedText('settings.default.todayText'), Value: getLocalizedText('settings.default.todayText'),},
 	tomorrowText: { Type: 'String', Default: getLocalizedText('settings.default.tomorrowText'), Value: getLocalizedText('settings.default.tomorrowText'),},
@@ -49,7 +52,6 @@ var config = {
 	weekDayLength: { Type: 'Int', Default: 2, Value: 2,},
 	updateDataInterval: { Type: 'Int', Default: 5, Value: 5,},
 	calendarApp: { Type: 'UID', Default: 0x10005901, Value: 0x10005901,},
-	eventsPerWidget: { Type: 'Int', Default: 4, Value: 4,},
 	showNothingText: { Type: 'Bool', Default: true, Value: true,},
 	nothingText: { Type: 'String', Default: getLocalizedText('settings.default.nothingText'), Value: getLocalizedText('settings.default.nothingText'),},
 	enableDaylightSaving: { Type: 'Bool', Default: true, Value: true,},
@@ -67,7 +69,7 @@ var config = {
 	cssStyle_time: { Type: 'String', Default: '', Value: '',},
 	cssStyle_now: { Type: 'String', Default: 'color:#ff00ff', Value: 'color:#ff00ff',},
 	cssStyle_description: { Type: 'String', Default: '', Value: '',},
-	cssStyle_icon: { Type: 'String', Default: 'width:15px; height:15px', Value: 'width:15px; height:15px',},
+	cssStyle_icon: { Type: 'String', Default: '', Value: '',},
 	cssStyle_overdue: { Type: 'String', Default: 'color:#ffff00', Value: 'color:#ffff00',},
 	cssStyle_calendar1: { Type: 'String', Default: 'background-color:#0757cf', Value: 'background-color:#0757cf',},
 	cssStyle_calendar2: { Type: 'String', Default: 'background-color:#579f37', Value: 'background-color:#579f37',},
@@ -83,7 +85,7 @@ var config = {
 // Nothing of interest from here on...
 //-------------------------------------------------------
 var panelNum = 0; // use 1 for second panel
-var version = "1.33";
+var version = "1.37";
 var versionURL = "http://comingnext.sourceforge.net/version.xml";
 var calendarService = null;
 var cacheEntriesHtml = [];
@@ -107,6 +109,8 @@ var errorOccured = false;
 var entryLists = null; // stores all fetched calendar entries until data is refreshed
 var statupSuccessful = false; // indicates if everything started up wihtout errors. If we detect an error after that, it might just be a temporary problem e.g. by a backup process.
 var use12hoursTimeFormat = false; // defines how time should be formated: 19:00 or 07:00 pm
+var timeFormatSeparator = ":"; // format time 19:00 or 19.00 depending on system setting
+var defaultFontSize = null; // default browser font size will be set by init
 
 // vars for daylight saving time
 var summertime = false; // true, if current date is in summer, false if in winter
@@ -346,6 +350,7 @@ function collectLocales()
 		var curWeekday = "";
 
 		while (weekdaylist && (entry = weekdaylist.getNext()) != undefined) {
+			detectTimeFormat(entry.StartTime + '');
 			curWeekday = (entry.StartTime + '').split(',')[0];
 			log(entry.StartTime + ' -> ' + curWeekday + ' ' + counter2);
 			ids[counter + counter2] = entry.id;
@@ -373,6 +378,19 @@ function collectLocales()
 	}
 }
 
+function stringEndsWith(str, suffix)
+{
+	return str.indexOf(suffix, str.length - suffix.length) !== -1;
+}
+
+// detects the system's current time format by parsing a native calendar timestamp (this is the only reliable formating across all devices and firmwares)
+function detectTimeFormat(localeTimeString)
+{
+	localeTimeString = localeTimeString.toLowerCase();
+	use12hoursTimeFormat = stringEndsWith(localeTimeString, "am") || stringEndsWith(localeTimeString, "pm");
+	timeFormatSeparator = localeTimeString.indexOf(":") != -1 ? ":" : ".";
+}
+
 function requestNotification()
 {
 	var criteria = new Object();
@@ -492,10 +510,6 @@ function parseDate(dateString)
 		if (dateArr.length == 6 && dateArr[5].toLowerCase() == 'am' && hours == 12) 
 			hours = 0;
 		
-		// remember if date was formated using 12h time format, we need to use this information later when formating time
-		if (dateArr.length == 6 && (dateArr[5].toLowerCase() == 'am' || dateArr[5].toLowerCase() == 'pm'))
-			use12hoursTimeFormat = true;
-
 		result = new Date(year, month - 1, day, hours, minutes, seconds);
 	}
 	
@@ -521,7 +535,7 @@ function parseDate(dateString)
 
 function getWeekdayLocalized(date) {
 	var localizedString = date.toLocaleDateString();
-	if (localizedString.match(/\d\d.\d\d.\d\d/)) {
+	if (localizedString.indexOf(",") == -1) {
 		return weekdays_translated[date.getDay()];
 	} else
 		return localizedString.split(',')[0];
@@ -593,15 +607,11 @@ function formatDate(date, format)
 function formatTime(date)
 {
 	// date is a Date() object
-	date.setSeconds(0); // we don't care about seconds
-	var time = date.toLocaleTimeString().replace(/[\.:]00/, ''); // remove seconds from string
-	if (time.replace(/\./, ':').split(':')[0].length < 2)
-		time = '0' + time;
-
-	// workaround for bug introduced by Anna firmwares, which causes Date().toLocaleTimeString() to no longer return time in 12h format even though this has been defined in system settings
-	if (use12hoursTimeFormat && time.toLowerCase().indexOf('am') == -1 && time.toLowerCase().indexOf('pm') == -1) {	
-		var hour = date.getHours();
-		var minute = date.getMinutes();
+	var hour = date.getHours();
+	var minute = date.getMinutes();
+	
+	// don't use Date().toLocaleTimeString() as it is utterly broken on newer firmwares
+	if (use12hoursTimeFormat) {
 		var ap = "AM";
 		if (hour > 11)
 			ap = "PM";
@@ -613,11 +623,19 @@ function formatTime(date)
 			hour = "0" + hour;
 		if (minute < 10)
 			minute = "0" + minute;
-		time = hour + ":" + minute + " " + ap;
+		time = hour + timeFormatSeparator + minute + " " + ap;
+	}
+	else {
+		if (hour < 10)
+			hour = "0" + hour;
+		if (minute < 10)
+			minute = "0" + minute;
+		time = hour + timeFormatSeparator + minute;
 	}
 	
 	if (config['showNowAsText'].Value && date.getTime() == now.getTime())
 		time = '<span class="now">' + config['nowText'].Value + '</span>';
+	log("formatTime(): " + time + ", use12hoursTimeFormat=" + use12hoursTimeFormat + ", timeFormatSeparator=" + timeFormatSeparator + ", date.toLocateTimeString(): " + date.toLocaleTimeString());
 	return time;
 }
 
@@ -718,24 +736,22 @@ function updateData()
 		var counter = 0;
 		var entryDate = '';
 		var dateArr = [];
-		var fontsize = 'normal';
+		var fontsize = getDefaultFontSize()[1] + 'px';
+		var lineheight = fontsize;
 		if (mode == 0) {
-			if (config['eventsPerWidget'].Value == 3) {
-				fontsize = '17pt';
-				changeCssClass('.icon', 'width:20px; height:20px');
-			}
-			else if (config['eventsPerWidget'].Value == 5) {
-				fontsize = '10pt';
-				changeCssClass('.icon', 'width:10px; height:10px');
-			}
-			else if (config['eventsPerWidget'].Value == 6) {
-				fontsize = '8pt';
-				changeCssClass('.icon', 'width:8px; height:8px');
+			if (config['fontsize'].Value == config['fontsize'].ValidValues[0]) {
+				fontsize = parseInt(72 / config['eventsPerWidget'].Value) + 'px';
+				lineheight = parseInt(82 / config['eventsPerWidget'].Value) + 'px';
 			}
 		}
-		else
-			changeCssClass('.icon', config['cssStyle_icon'].Value);
-		var entriesHtml = '<table style="font-size:' + fontsize + ';">';
+		if (config['fontsize'].Value != config['fontsize'].ValidValues[0]) {
+			fontsize = config['fontsize'].Value + 'px';
+			lineheight = fontsize;
+		}
+		changeCssClass('.icon', config['cssStyle_icon'].Value + '; width:' + lineheight + '; height:' + lineheight + ';');
+		var entriesHtml = '<table style="font-size:' + fontsize + '; line-height:' + lineheight + ';">';
+		if (mode == 0)
+			entriesHtml = '<table width="307" height="82"><tr><td>' + entriesHtml; // this is needed to center the actual content vertically
 		var eventIds = [];
 		var max;
 		if (mode == 0)
@@ -879,7 +895,10 @@ function updateData()
 				if (config['showCalendarIndicator'].Value && calendarList.length - config['excludedCalendars'].Value.length > 1) {
 					entriesHtml += '<td><span class="calendar' + calendarColors[entry.CalendarName] + '">&nbsp;</span></td>';
 				}
-				entriesHtml += '<td><img class="icon" src="' + entry.Type + '.png" /></td>';
+				if (config['showIcons'].Value)
+					entriesHtml += '<td><img class="icon" align="top" src="' + entry.Type + '.png" /></td>';
+				else
+					entriesHtml += '<td style="padding:0px;"></td>';
 				if(date == null) {
 					// some languages have very strange locale date formats, can't parse all those. Also some todos don't have dates at all.
 					entriesHtml += '<td colspan="4"><span class="date">' + entryDate + '</span> ';
@@ -917,10 +936,13 @@ function updateData()
 			}
 		}
 		entriesHtml += '</table>';
+		if (mode == 0)
+			entriesHtml = entriesHtml + '</td></tr></table>';
 		if (config['showNothingText'].Value && entriesHtml == '<table></table>') {
 			var text = config['nothingText'].Value.replace(/%d/, config['monthRange'].Value);
 			entriesHtml = '<div style="width:295px; height:75px; text-align:center; line-height:75px; overflow:visible;">' + text + '</div>';
 		}
+		log("output: " + entriesHtml);
 		if (cacheEntriesHtml != entriesHtml) {
 			if (mode == 0)
 				document.getElementById('calendarList').innerHTML = entriesHtml;
@@ -939,16 +961,21 @@ function updateData()
 // called by handleOnShow() and onResize events
 function updateScreen()
 {
-	log('updateScreen()');
+	log('updateScreen(): mode=' + mode + ', window.innerHeight=' + window.innerHeight);
 
 	// check if opening fullscreen
-	if( window.innerHeight > 91 && mode == 0) {
+
+	// Note: according to Nokia's documentation, an innerHeight of >91 is an indicator for fullscreen view. 
+	// However a bug in E6's firmware causes different window widths and heights (disabled compatibility scaling). 
+	// So far, values of 104 and 115 for window.innerHeight were reported, we use a safty margin here and check 
+	// for 150 instead.
+	if( window.innerHeight > 150 && mode == 0) {
 		mode = 1;
 		cacheEntriesHtml = '';
 		document.getElementById('body').style.backgroundImage = "";
 		showFullscreen();
 	}
-	else if (window.innerHeight <= 91 && mode != 0) {
+	else if (window.innerHeight <= 150 && mode != 0) {
 		mode = 0;
 		cacheEntriesHtml = '';
 		showHomescreen();
@@ -1144,8 +1171,12 @@ function showSettings()
 			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 />';
 		else if (config[key].Type == 'Enum') {
 			settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><select name="settings.' + key + '" size="1">';
-			for(var i = 0; i < config[key].ValidValues.length; i++)
-				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>';
+			for(var i = 0; i < config[key].ValidValues.length; i++)	{
+				var text = getLocalizedText('settings.validValues.' + key + '.' + config[key].ValidValues[i]);
+				if (text.indexOf('ERROR') == 0)
+					text = config[key].ValidValues[i];
+				settingsHtml += '<option value="' + config[key].ValidValues[i] + '"' + (config[key].Value == config[key].ValidValues[i] ? ' selected="selected"' : '') + '>' + text + '</option>';
+			}
 			settingsHtml += '</select></div></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';
 		}
 		else if (config[key].Type == 'Array') {
@@ -1279,7 +1310,7 @@ function loadSettings()
 					log('Warning: unknown or invalid setting: ' + stringlist[i]);
 					continue;
 				}
-				log('stringlist: ' + key + '=\'' + value + '\'');
+				log('stringlist[' + i + ']: ' + key + '=\'' + value + '\'');
 				if (config[key].Type == 'Int') {
 					config[key].Value = Number(value);
 					if (isNaN(config[key].Value))
@@ -1371,7 +1402,7 @@ function printHintBox(text)
 {
 	uniqueId++;
 	return '<td width="1%" align="right" onclick="javascript:toggleVisibility(\'info' + uniqueId + '\')">' + getLocalizedText('settings.help') + '</td></tr></table>'+
-	       '<div class="settingsInfo" id="info' + uniqueId + '">' + text + '</div>';
+	       '<div class="settingsInfo" id="info' + uniqueId + '" style="display:none">' + text + '</div>';
 }
 
 function showAbout()
@@ -1501,7 +1532,6 @@ function checkForUpdate()
 	reqV.onreadystatechange = checkForUpdateCallback;
 	document.getElementById("updateDiv").innerHTML = getLocalizedText("update.checking");
 	reqV.open("GET", versionURL, true);
-	reqV.setRequestHeader( "If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT" ); // disable caching
 	reqV.send(null);
 }
 
@@ -1707,22 +1737,38 @@ function log(message)
 	}
 }
 
+function getDefaultFontSize()
+{
+	if (defaultFontSize == null) {
+		var pa = document.body;
+		var who = document.createElement('div');
+		who.className = 'defaultEm';
+		who.appendChild(document.createTextNode('M'));
+		pa.appendChild(who);
+		var fs = [who.offsetWidth, who.offsetHeight];
+		pa.removeChild(who);
+		defaultFontSize = fs;
+	}
+	return defaultFontSize;
+}
+
 </script>
 
 <style type="text/css">
 a { color:#aaccff }
-table { margin:0px; padding:0px; border-spacing:0px; }
-td { padding:0px 5px 0px 0px; white-space:nowrap; overflow:hidden; }
+table { margin:0px; padding:0px; border-spacing:0px; border-collapse: collapse; }
+td { padding:0px 5px 0px 0px; white-space:nowrap; overflow:visible; margin:0px; }
 hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; border-style:none; }
 .settingsInfo { display:none; font-style:italic; }
 .title { font-weight:bold; font-size:14pt; }
 .textInput { width:90%; }
 .credits { margin-left:40px; text-indent: -20px; margin-bottom:0px; }
-#homescreenView { width: 315px; height:91px; overflow:hidden; }
-#calendarList { position:absolute; left:5px; top:4px; width:295px; height:75px; overflow:hidden; }
+#homescreenView { width: 312px; height:82px; overflow:hidden; }
+#calendarList { position:absolute; left:5px; top:0px; width:307px; height:82px; overflow:hidden; }
 #name { text-align:center; }
 #appicon { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; }
 #smallappicon { width:22px; height:22px; margin-right:10px; float:left; }
+.defaultEm { font-size:1em; position:absolute; line-height:1; padding:0; visibility:hidden; } 
 </style>
 
 </head>
@@ -1751,11 +1797,15 @@ hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; borde
 	<p>Contributions:</p>
 		<p class="credits">Paul Moore (bug fixes, new features and code cleanup)</p>
 		<p class="credits">Manfred Hanselmann (DST support)</p>
-		<p class="credits">Christophe Milsent (translation support & french translation)</p>
-		<p class="credits">Flavio Nathan (portuguese-brazilian translation)</p>
-		<p class="credits">Tokeda (russian translation)</p>
-		<p class="credits">Marcella Ferrari (italian translation)</p>
-		<p class="credits">Venos (italian translation)</p>
+		<p class="credits">Christophe Milsent (translation support & French translation)</p>
+		<p class="credits">Flavio Nathan (Portuguese-Brazilian translation)</p>
+		<p class="credits">Tokeda (Russian translation)</p>
+		<p class="credits">Marcella Ferrari (Italian translation)</p>
+		<p class="credits">Venos (Italian translation)</p>
+		<p class="credits">Francisco Rodero (Catalan translation)</p>
+		<p class="credits">zbigzbig20 (Polish translation)</p>
+		<p class="credits">Streamkeskus (Finnish translation)</p>
+		<p class="credits">renek (Czech translation)</p>
 	<p>This software is open source and licensed under the GPLv3.</p>
 	<p>Visit <a onclick="widget.openURL('http://comingnext.sf.net/'); return false;" href="http://comingnext.sf.net/">comingnext.sf.net</a> for free updates.</p>
 	<hr />