X-Git-Url: https://code.delx.au/comingnext/blobdiff_plain/26bb4aec00dbaf0ae17fac41c8471d99a0b80d10..1e409f4b962c7083ecb0fb8ebdb0d00f2c821f03:/comingNext/index.html

diff --git a/comingNext/index.html b/comingNext/index.html
index cadf329..6ac4e42 100644
--- a/comingNext/index.html
+++ b/comingNext/index.html
@@ -17,6 +17,7 @@
 .now { }
 .description { }
 .icon { }
+.overdue {}
 </style>
 
 <script type="text/javascript" src="localizedTextStrings.js" charset="utf-8" />
@@ -35,6 +36,8 @@ var config = {
 	tomorrowText: { Type: 'String', Default: getLocalizedText('settings.default.tomorrowText'), Value: getLocalizedText('settings.default.tomorrowText'),},
 	showNowAsText: { Type: 'Bool', Default: true, Value: true,},
 	nowText: { Type: 'String', Default: getLocalizedText('settings.default.nowText'), Value: getLocalizedText('settings.default.nowText'),},
+	markOverdueTodos: { Type: 'Bool', Default: true, Value: true,},
+	overdueText: {Type: 'String', Default: getLocalizedText('settings.default.overdueText'), Value: getLocalizedText('settings.default.overdueText'),},
 	dateSeparator: { Type: 'String', Default: getLocalizedText('settings.default.dateSeparator'), Value: getLocalizedText('settings.default.dateSeparator'),},
 	dateFormat: { Type: 'Enum', Default: 'auto', Value: 'auto', ValidValues: ['auto', 'DDMM', 'MMDD'],},
 	weekDayLength: { Type: 'Int', Default: 2, Value: 2,},
@@ -55,6 +58,7 @@ var config = {
 	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_overdue: { Type: 'String', Default: 'color:#ffff00', Value: 'color:#ffff00',},
 }
 
 
@@ -63,7 +67,7 @@ var config = {
 // Nothing of interest from here on...
 //-------------------------------------------------------
 var panelNum = 0; // use 1 for second panel
-var version = "1.25";
+var version = "1.26";
 var versionURL = "http://comingnext.sourceforge.net/version.xml";
 var calendarService = null;
 var cacheEntriesHtml = [];
@@ -150,25 +154,28 @@ function error(message)
 	document.getElementById("calendarList").innerHTML = 'Error: ' + message;
 }
 
-function isToday(date)
+function areDatesEqual(date1, date2)
 {
-	if (date.getDate() == now.getDate() && date.getMonth() == now.getMonth())
-		return true;
-	return false;
+	return (date1.getFullYear() == date2.getFullYear() && 
+			date1.getMonth() == date2.getMonth() && 
+			date1.getDate() == date2.getDate());
 }
 
 function isTomorrow(date)
 {
-	if ((date.getDate() == now.getDate() + 1 && date.getMonth() == now.getMonth()) ||
-	    (date.getDate() == 0 && date.getMonth() == now.getMonth() + 1) ||
-	    (date.getDate() == 0 && date.getMonth() == now.getMonth() + 1 && date.getYear() == now.getYear() + 1))
-		return true;
-	return false;
+	// tommorow = now + 1 day
+	// ToDo: some days can be shorter as 24 hours(daylight saving change day)
+	return areDatesEqual(date, new Date (now.getTime() + 24*60*60*1000));
+}
+
+function isToday(date)
+{
+	return areDatesEqual(date, now);
 }
 
 function collectLocales()
 {
-	var tmpyear = ((panelNum == 0) ? 2000 : 2001);
+	var tmpyear = 2000 + panelNum;
 	var month = 0;
 
 	if (months_translated.length > 0)
@@ -465,11 +472,28 @@ function updateData()
 		var counter = 0;
 		var entryDate = '';
 		var dateArr = [];
-		var entriesHtml = '<table>';
+		var fontsize = 'normal';
+		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');
+			}
+		}
+		else
+			changeCssClass('.icon', config['cssStyle_icon'].Value);
+		var entriesHtml = '<table style="font-size:' + fontsize + ';">';
 		var eventIds = [];
 		var max;
 		if (mode == 0)
-			max = ((panelNum == 0) ? config['eventsPerWidget'].Value : 2 * config['eventsPerWidget'].Value);
+			max = (panelNum + 1) * config['eventsPerWidget'].Value;
 		else
 			max = 30; // we can display a lot more events in fullscreen mode
 
@@ -571,10 +595,20 @@ function updateData()
 				}
 
 				// skip events for the first panel in case this is the second one and we're not in fullscreen mode
-				if (mode == 0 && panelNum == 1 && counter < config['eventsPerWidget'].Value + 1) {
+				if (mode == 0 && panelNum > 0 && counter < panelNum * config['eventsPerWidget'].Value + 1) {
 					console.info('skipping (already in first widget) ' + entry.id);
 					continue;
 				}
+				
+				// mark overdue todos
+				var overdue = false;
+				if (entry.Type == 'ToDo') {
+					var tmp1 = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0,0,0);
+					var tmp2 = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0,0,0);
+					if (tmp1.getTime() < tmp2.getTime()) {
+						overdue = true;
+					}
+				}
 
 				// generate html output
 				entriesHtml += '<tr><td><img class="icon" src="' + entry.Type + '.png" /></td>';
@@ -585,7 +619,10 @@ function updateData()
 					var weekDay = date.toLocaleDateString().substr(0,config['weekDayLength'].Value);
 					var time = formatTime(date);
 					var dateStr = formatDate(date, entryDate);
-					if (entry.Type == 'ToDo' || entry.Type == 'Anniversary' || entry.Type == 'DayEvent' || entry.Type == 'Reminder') {
+					if (entry.Type == 'ToDo' && overdue && config['markOverdueTodos'].Value) {
+						dateStr = '<span class="overdue">' + config['overdueText'].Value + '</span>';
+						entriesHtml += '<td colspan="4" width="1px"><span class="date">' + dateStr + '</span> ';
+					} else if (entry.Type == 'ToDo' || entry.Type == 'Anniversary' || entry.Type == 'DayEvent' || entry.Type == 'Reminder') {
 						if ((isToday(date) || isTomorrow(date)) && config['showTodayAsText'].Value) // show weekday if the date string is not text. looks odd otherwise
 							entriesHtml += '<td colspan="4" width="1px"><span class="date">' + dateStr + '</span> ';
 						else