X-Git-Url: https://code.delx.au/comingnext/blobdiff_plain/5e96e9ecba1fb9a52af29b7c902b68984b4cd197..c298170f30756226ad26d965af41bfbf2339f7c3:/comingNext/index.html

diff --git a/comingNext/index.html b/comingNext/index.html
index 2de6e29..5321d5a 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" />
@@ -27,6 +28,7 @@ var config = {
 	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,},
 	showTodayAsText: { Type: 'Bool', Default: true, Value: true,},
@@ -34,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,},
@@ -54,20 +58,28 @@ 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',},
 }
 
 
+
 //-------------------------------------------------------
 // Nothing of interest from here on...
 //-------------------------------------------------------
 var panelNum = 0; // use 1 for second panel
-var version = "1.24";
+var version = "1.26";
+var versionURL = "http://comingnext.sourceforge.net/version.xml";
 var calendarService = null;
 var cacheEntriesHtml = [];
 var months_translated = [];
 var orientation = '';
 var now = new Date();
-var mode = 0; // 0 = homescreen, 1 = fullscreen, 2 = settings, 3 = about
+var mode = 0; // 0 = homescreen, 1 = fullscreen, 2 = settings, 3 = about, 4 = check for update
+var reqV = null; 
+var settingsCalEntryId = null;
+var settingsCache = null;
+var notificationRequest1;
+var notificationRequest2;
 
 // vars for daylight saving time
 var daylightsavingWinter = 0;
@@ -146,25 +158,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)
@@ -266,9 +281,23 @@ function requestNotification()
 	criteria.Type = "CalendarEntry";
 
 	try {
-		var result = calendarService.IDataSource.RequestNotification(criteria, callback);
-		if (result.ErrorCode)
-			error('loading Calendar items list');
+		notificationRequest1 = calendarService.IDataSource.RequestNotification(criteria, callback);
+		if (notificationRequest1.ErrorCode)
+			error('requestNotification failed with error code ' + notificationRequest1.ErrorCode);
+	} catch (e) {
+		error("requestNotification: " + e + ', line ' + e.line);
+	}
+
+	var criteria2 = new Object();
+	criteria2.Type = "CalendarEntry";
+	criteria2.Filter = new Object();
+	criteria2.Filter.LocalIdList = new Array();
+	criteria2.Filter.LocalIdList[0] = settingsCalEntryId;
+
+	try {
+		notificationRequest2 = calendarService.IDataSource.RequestNotification(criteria2, settingsCallback);
+		if (notificationRequest2.ErrorCode)
+			error('requestNotification failed with error code ' + notificationRequest2.ErrorCode);
 	} catch (e) {
 		error("requestNotification: " + e + ', line ' + e.line);
 	}
@@ -276,9 +305,16 @@ function requestNotification()
 
 function callback(transId, eventCode, result)
 {
+	console.info("callback(): panelNum: %d  transId: %d  eventCode: %d result.ErrorCode: %d", panelNum, transId, eventCode, result.ErrorCode);
 	updateData();
 }
 
+function settingsCallback(transId, eventCode, result)
+{
+	console.info("settingsCallback(): panelNum: %d  transId: %d  eventCode: %d result.ErrorCode: %d", panelNum, transId, eventCode, result.ErrorCode);
+	loadSettings();
+}
+
 function parseDate(dateString)
 {
 	/*
@@ -416,6 +452,7 @@ function formatTime(date)
 
 function updateData()
 {
+	console.info('updateData()');
 	calcDaylightSaving();
 	try {
 		// meetings have time
@@ -429,6 +466,8 @@ function updateData()
 			}
 		}
 		var meetingResult = calendarService.IDataSource.GetList(meetingListFiltering);
+		if (meetingResult.ErrorCode != 0)
+			throw("Error fetching calendar data: " + meetingResult.ErrorCode + ': ' + meetingResult.ErrorMessage);
 		var meetingList = meetingResult.ReturnValue;
 
 		// todos don't, they start on 00:00 hrs., but should be visible anyway
@@ -458,11 +497,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
 
@@ -564,10 +620,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' && date != null) {
+					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>';
@@ -578,7 +644,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
@@ -655,16 +724,20 @@ function launchCalendar()
 
 function init()
 {
+	console.info('New widget instance starting up...');
+	
 	try {
 		// call calendar service
-		calendarService = device.getServiceObject("Service.Calendar", "IDataSource");
+		if (device != "undefined")
+			calendarService = device.getServiceObject("Service.Calendar", "IDataSource");
+		else
+			throw('device object does not exist');
 	} catch(e) {
-		error('loading Calendar service');
+		error('loading Calendar service: ' + e + ', line ' + e.line);
 		return;
 	}
 
 	loadSettings();
-	updateCssClasses();
 	collectLocales();
 	//updateData();
 	requestNotification();
@@ -685,22 +758,23 @@ function createMenu()
 	var id = 0;
 	var menuSettings = new MenuItem(getLocalizedText('menu.settings'), id++);
 	var menuCallApp = new MenuItem(getLocalizedText('menu.openCalendarApp'), id++);
+	var menuUpdate = new MenuItem(getLocalizedText('menu.update'), id++);
 	var menuAbout = new MenuItem(getLocalizedText('menu.about'), id++);
 	menuSettings.onSelect = showSettings;
 	menuAbout.onSelect = showAbout;
 	menuCallApp.onSelect = launchCalendar;
+	menuUpdate.onSelect = showUpdate;
 	window.menu.clear();
 	window.menu.append(menuCallApp);
 	window.menu.append(menuSettings);
+	window.menu.append(menuUpdate);
 	window.menu.append(menuAbout);	
 }
 
 function showSettings()
 {
 	mode = 2;
-	document.getElementById("homescreenView").style.display = "none";
-	document.getElementById("fullscreenView").style.display = "none";
-	document.getElementById("aboutView").style.display = "none";
+	hideViews();
 	document.getElementById("settingsView").style.display = "block";
 	document.onclick = null;
 	
@@ -751,7 +825,7 @@ function showSettings()
 		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 label="' + config[key].ValidValues[i] + '"' + (config[key].Value == config[key].ValidValues[i] ? ' selected="selected"' : '') + '>' + config[key].ValidValues[i] + '</option>';
+				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>';
 			settingsHtml += '</select></div></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';
 		}
 	}
@@ -779,6 +853,53 @@ function updateCssClasses()
 	}
 }
 
+function getSettingsCalEntryId()
+{
+	if (settingsCalEntryId == null) {
+		// check if entry already exists
+		var listFiltering = {
+			Type:'CalendarEntry', 
+			Filter:{
+				StartRange: new Date(2000, 0, 1),
+				EndRange: new Date(2000, 0, 1),
+				SearchText: 'ComingNext Settings|',
+				Type: 'DayEvent'
+			}
+		}
+		var result = calendarService.IDataSource.GetList(listFiltering);
+		if (result.ErrorCode) {
+			error(result.ErrorMessage);
+			return;
+		}
+		var list = result.ReturnValue;
+		var entry = list.getNext();
+		if (entry != undefined) {
+			settingsCalEntryId = entry.LocalId;
+			console.info("settingsCalEntryId=" + settingsCalEntryId);
+		}
+		else { // create settings item
+			var item = new Object();
+			item.Type = "DayEvent";
+			item.StartTime = new Date(2000, 0, 1);
+			item.Summary = "ComingNext Settings|";
+			
+			var criteria = new Object();
+			criteria.Type = "CalendarEntry";
+			criteria.Item = item;
+
+			try {
+				var result = calendarService.IDataSource.Add(criteria);
+				if (result.ErrorCode)
+					error(result.ErrorMessage);
+			} catch (e) {
+				error("getSettingsCalEntryId: " + e + ', line ' + e.line);
+			}
+
+			getSettingsCalEntryId();
+		}
+	}
+}
+
 function restoreDefaultSettings()
 {
 	for (var key in config)
@@ -787,38 +908,85 @@ function restoreDefaultSettings()
 
 function loadSettings()
 {
-	for (var key in config) {
-		if (widget.preferenceForKey(key)) {
-			if (config[key].Type == 'Int')
-				config[key].Value = Number(widget.preferenceForKey(key));
-			else if (config[key].Type == 'String')
-				config[key].Value = widget.preferenceForKey(key);
-			else if (config[key].Type == 'Bool')
-				config[key].Value = (widget.preferenceForKey(key) == 'true')
-			else if (config[key].Type == 'Enum')
-				config[key].Value = widget.preferenceForKey(key);
-			else if (config[key].Type == 'UID')
-				config[key].Value = Number(widget.preferenceForKey(key));
+	getSettingsCalEntryId();
+	var listFiltering = {
+		Type:'CalendarEntry', 
+		Filter:{
+			LocalId: settingsCalEntryId
 		}
-		else
-			config[key].Value = config[key].Default;
-		
+	}
+	var result = calendarService.IDataSource.GetList(listFiltering);
+	if (result.ErrorCode) {
+		error(result.ErrorMessage);
+		return;
+	}
+	var entry = result.ReturnValue.getNext();
+	if (entry != undefined)	{
+		// only reload settings if they chanced since the last reload
+		if (settingsCache != entry.Summary)
+		{
+			restoreDefaultSettings();
+			var stringlist = entry.Summary.split("|");
+			// skip the first two entries, those contain header and version info
+			for(var i = 2; i < stringlist.length - 1; i++) {
+				var pair = stringlist[i].split('=');
+				var key = pair[0];
+				var value = pair[1];
+				console.info('stringlist: ' + key + '=\'' + value + '\'');
+				if (config[key].Type == 'Int')
+					config[key].Value = Number(value);
+				else if (config[key].Type == 'String')
+					config[key].Value = value;
+				else if (config[key].Type == 'Bool')
+					config[key].Value = (value == 'true')
+				else if (config[key].Type == 'Enum')
+					config[key].Value = value;
+				else if (config[key].Type == 'UID')
+					config[key].Value = Number(value);
+			}
+			settingsCache = entry.Summary;
+			updateCssClasses();
+		}
+	}
+	else {
+		error("Failed to load settings, calendar entry could not be found");
 	}
 }
 
 function saveSettings()
 {
+	getSettingsCalEntryId();
+	var item = new Object();
+	item.Type = "DayEvent";
+	item.StartTime = new Date(2000, 0, 1);
+	item.LocalId = settingsCalEntryId;
+	item.Summary = "ComingNext Settings|" + version + "|";
+
 	for (var key in config) {
 		if (config[key].Type == 'Int')
-			widget.setPreferenceForKey(config[key].Value.toString(), key);
+			item.Summary += key + "=" + config[key].Value.toString() + "|";
 		else if (config[key].Type == 'String')
-			widget.setPreferenceForKey(config[key].Value, key);
+			item.Summary += key + "=" + config[key].Value + "|";
 		else if (config[key].Type == 'Bool')
-			widget.setPreferenceForKey(config[key].Value ? 'true' : 'false', key);
+			item.Summary += key + "=" + (config[key].Value ? 'true' : 'false') + "|";
 		else if (config[key].Type == 'Enum')
-			widget.setPreferenceForKey(config[key].Value, key);
+			item.Summary += key + "=" + config[key].Value + "|";
 		else if (config[key].Type == 'UID')
-			widget.setPreferenceForKey(config[key].Value.toString(), key);
+			item.Summary += key + "=" + config[key].Value.toString() + "|";
+	}
+	settingsCache = item.Summary;
+	
+	var criteria = new Object();
+	criteria.Type = "CalendarEntry";
+	criteria.Item = item;
+
+	console.info("Saving settings to calendar entry: " + item.Summary);
+	try {
+		var result = calendarService.IDataSource.Add(criteria);
+		if (result.ErrorCode)
+			error(result.ErrorMessage);
+	} catch (e) {
+		error("saveSettings: " + e + ', line ' + e.line);
 	}
 }
 
@@ -841,14 +1009,12 @@ function printHintBox(text)
 function showAbout()
 {
 	mode = 3;
-	document.getElementById("homescreenView").style.display = "none";
-	document.getElementById("fullscreenView").style.display = "none";
+	hideViews();
 	document.getElementById("aboutView").style.display = "block";
-	document.getElementById("settingsView").style.display = "none";
 	document.onclick = null;
 	
 	window.menu.setLeftSoftkeyLabel(" ", function(){});
-	window.menu.setRightSoftkeyLabel("Back", function()
+	window.menu.setRightSoftkeyLabel(getLocalizedText('softkey.back'), function()
 	{
 		mode = 1;
 		showFullscreen();
@@ -864,16 +1030,24 @@ function updateFullscreen()
 
 function showFullscreen()
 {
-	document.getElementById("homescreenView").style.display = "none";
+	hideViews();
 	document.getElementById("fullscreenView").style.display = "block";
-	document.getElementById("aboutView").style.display = "none";
-	document.getElementById("settingsView").style.display = "none";
 	document.getElementById('body').className = "backgroundFullscreen";
 	document.onclick = launchCalendar;
 	createMenu();
 	updateData();
 }
 
+function getBackgroundImage()
+{
+	var bgImage;
+	if (config['backgroundImageLocation'].Value == config['backgroundImageLocation'].ValidValues[0]) // internal
+		bgImage = 'background_' + orientation + '.png';
+	else
+		bgImage = 'C:/Data/background_' + panelNum + '_' + orientation + '.png';
+	return bgImage;
+}
+
 function updateHomescreen()
 {
 	if (config['useBackgroundImage'].Value) {
@@ -881,29 +1055,27 @@ function updateHomescreen()
 		if (orientation != 'portrait' && screen.width == 360 && screen.height == 640) {
 			window.widget.prepareForTransition("fade");
 			orientation = 'portrait';
-			document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';
+			document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';
 			document.getElementById('body').style.backgroundColor = 'none';
 			window.widget.performTransition();
 		} else if (orientation != 'landscape' && screen.width == 640 && screen.height == 360) {
 			window.widget.prepareForTransition("fade");
 			orientation = 'landscape';
-			document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';
+			document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';
 			document.getElementById('body').style.backgroundColor = 'none';
 			window.widget.performTransition();
 		}
 		else if (document.getElementById('body').style.backgroundImage == "")
 		{
-			document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';
+			document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';
 		}
 	}
 }
 
 function showHomescreen()
 {
+	hideViews();
 	document.getElementById("homescreenView").style.display = "block";
-	document.getElementById("fullscreenView").style.display = "none";
-	document.getElementById("aboutView").style.display = "none";
-	document.getElementById("settingsView").style.display = "none";
 	document.getElementById('body').className = "background";
 	document.onclick = null;
 	updateData();
@@ -916,6 +1088,71 @@ function getLocalizedText(p_Txt)
 	else 
 		return 'ERROR: missing translation for ' + p_Txt;
 }
+
+function showUpdate()
+{
+	mode = 4;
+	hideViews();
+	document.getElementById("updateView").style.display = "block";
+	document.onclick = null;
+	
+	window.menu.setLeftSoftkeyLabel(getLocalizedText('update.checknow'), function(){
+		checkForUpdate();
+	});
+	window.menu.setRightSoftkeyLabel(getLocalizedText('softkey.back'), function()
+	{
+		mode = 1;
+		showFullscreen();
+	});
+	
+	document.getElementById("currentVersion").innerHTML = getLocalizedText("update.current") + version;
+	checkForUpdate();
+}
+
+function checkForUpdate()
+{
+	// asynch XHR to server url
+	reqV = new XMLHttpRequest();
+	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);
+}
+
+function checkForUpdateCallback()
+{ 
+	if (reqV.readyState == 4) {
+		if (reqV.status == 200) {
+			var resultXml = reqV.responseText;
+			if (resultXml) {
+				var div = document.getElementById("tmp");
+				div.innerHTML = resultXml;
+				var newVersion = div.getElementsByTagName('version')[0].innerHTML;
+				var newVersionURL = div.getElementsByTagName('url')[0].innerHTML;
+				div.innerHTML = "";
+				if (version != newVersion) {
+					document.getElementById("updateDiv").innerHTML = getLocalizedText("update.download").replace(/%1/, newVersion).replace(/%2/, newVersionURL);
+				}
+				else {
+					document.getElementById("updateDiv").innerHTML = getLocalizedText("update.nonewversion");
+				}
+			}
+		}
+		else {
+			document.getElementById("updateDiv").innerHTML = getLocalizedText("update.error") + reqV.status + " " + reqV.responseText;
+		}
+	}
+}
+
+function hideViews()
+{
+	document.getElementById("homescreenView").style.display = "none";
+	document.getElementById("fullscreenView").style.display = "none";
+	document.getElementById("aboutView").style.display = "none";
+	document.getElementById("settingsView").style.display = "none";
+	document.getElementById("updateView").style.display = "none";
+}
 </script>
 
 <style type="text/css">
@@ -960,10 +1197,19 @@ hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; borde
 		<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>This software is open source and licensed under the GPLv3.</p>
 	<p>Visit sourceforge.net/projects/comingnext for free updates.</p>
 	<hr />
 </div>
+<div id="updateView" style="display:none">
+	<img src="Icon.png" id="smallappicon">
+	<h1 class="title">Check for update</h1>
+	<hr />
+	<div id="currentVersion">Coming Next ??</div>
+	<div id="updateDiv"></div>
+	<div id="tmp" style="display:none;"></div>
+</div>
 </body>
 
 </html>