]> code.delx.au - comingnext/blobdiff - comingNext/index.html
- improve startup performance by calling init() in <body> - improved battery life...
[comingnext] / comingNext / index.html
index b0f844c11ebbad68e14f85d1fd63e36e64e9fdf5..19789fd9776933c66543a04028fcc50ede80c0e9 100644 (file)
@@ -7,23 +7,23 @@
 \r
 <style type="text/css">\r
 /* The following classes can be modified by widget settings */\r
-.background { }\r
-.backgroundFullscreen { }\r
+.background { color:#ffffff; background-color:#000000 }
+.backgroundFullscreen { color:#ffffff; background-color:#000000 }
 .weekDay { }\r
 .date { }\r
-.today { }\r
-.tomorrow { }\r
+.today { color:#ff0000 }
+.tomorrow { color:#0000ff }
 .time { }\r
-.now { }\r
+.now { color:#ff00ff }
 .description { }\r
-.icon { }\r
-.overdue {}\r
-.calendar1 {}\r
-.calendar2 {}\r
-.calendar3 {}\r
-.calendar4 {}\r
-.calendar5 {}\r
-.calendar6 {}\r
+.icon { width:15px; height:15px }
+.overdue { color:#ffff00 }
+.calendar1 { background-color:#0757cf }
+.calendar2 { background-color:#579f37 }
+.calendar3 { background-color:#ff9f07 }
+.calendar4 { background-color:#af8fef }
+.calendar5 { background-color:#57afbf }
+.calendar6 { background-color:#9fdf57 }
 </style>\r
 \r
 <script type="text/javascript" src="localizedTextStrings.js" charset="utf-8" />\r
@@ -123,17 +123,13 @@ var entryFields = [
        "InstanceEndTime"\r
 ];\r
 \r
-window.onload = init;\r
-window.onresize = updateScreen;\r
-window.onshow = updateScreen;\r
-\r
 function isLeapYear( year ) {\r
        if (( year % 4 == 0 && year % 100 != 0 ) || year % 400 == 0 )\r
                return true;\r
        else\r
                return false;\r
 }\r
-         \r
+
 function calcLeapYear(year, days)\r
 {\r
        if (isLeapYear(year))\r
@@ -816,8 +812,11 @@ function updateData()
        }\r
 }\r
 \r
+// called by handleOnShow() and onResize events
 function updateScreen()\r
 {\r
+       log('updateScreen()');
+
        // check if opening fullscreen\r
        if( window.innerHeight > 91 && mode == 0) {\r
                mode = 1;\r
@@ -832,10 +831,15 @@ function updateScreen()
        }\r
        \r
        if (mode == 0)\r
-               updateHomescreen();\r
+               updateHomescreen(); // check for screen rotation
        else if (mode == 1)\r
                updateFullscreen();\r
-       \r
+}
+
+function handleOnShow()
+{
+       updateScreen();
+
        var time = new Date();\r
        if (time.getTime() - lastUpdateTime.getTime() > config['updateDataInterval'].Value * 60 * 1000) {\r
                log('updateScreen(): force updateData() because last update was too long ago (' + (time.getTime() - lastUpdateTime.getTime()) / 1000 + 's)');
@@ -890,10 +894,21 @@ function init()
        updateScreen();\r
        if (config['useBackgroundImage'].Value)\r
                // check for screen rotation every 1 secs\r
-               screenRotationTimer = window.setInterval('updateScreen()', 1000 * 1);\r
+               screenRotationTimer = window.setInterval('checkOrientation()', 1000 * 1);
+       
+       // call updateScreen() when widget changes from background to forground
+       window.widget.onshow = handleOnShow;
+
        log("init(): finished...");
 }\r
 \r
+function checkOrientation()
+{
+       //updateScreen();
+       if (mode == 0)
+               updateHomescreen(); // check for screen rotation
+}
+
 function setUpdateTimer()\r
 {\r
        updateTimer = window.setInterval('updateTimerCallback()', 1000 * 60 * config['updateDataInterval'].Value);\r
@@ -1550,7 +1565,7 @@ hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; borde
 \r
 </head>\r
 \r
-<body id="body" class="background">\r
+<body onload="javascript:init()" onresize="javascript:updateScreen()" id="body" class="background">
 <div id="homescreenView">\r
        <div id="calendarList"></div>\r
 </div>\r