Skip to content

Instantly share code, notes, and snippets.

@ftherese
Created November 1, 2009 00:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ftherese/223317 to your computer and use it in GitHub Desktop.
Save ftherese/223317 to your computer and use it in GitHub Desktop.
<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="My Special Day"
description="Want to count down the days to your birthday? Count the days since you birth? Or afraid forgot you marriage anniversary? This little gadget may help you."
screenshot="http://kevinchu.googlepages.com/DayCounter_screenshoot.png"
thumbnail="http://kevinchu.googlepages.com/DayCounter.png"
author="Kevin Chu"
author_email="kevinchu@gmail.com"
author_location="Hong Kong"
height="80"
/>
<UserPref name="Title" display_name="Title" datatype="string" required="true" />
<UserPref name="YY" display_name="Year" datatype="string" required="true" default_value="2011" />
<UserPref name="MM" display_name="Month" datatype="string" required="true" default_value="7" />
<UserPref name="DD" display_name="Day" datatype="string" required="true" default_value="4" />
<UserPref name="HH" display_name="Hour" datatype="string" required="true" default_value="0" />
<UserPref name="mm" display_name="Minute" datatype="string" required="true" default_value="0" />
<UserPref name="ss" display_name="Second" datatype="string" required="true" default_value="0" />
<Content type="html"><![CDATA[
<body style="{margin:0;}"
<table bgcolor="black" cellpadding="4" cellspacing="0" align="center">
<tr>
<td>
<table bgcolor="white" cellpadding="0" cellspacing="2">
<tr>
<td colspan="8" align="left"><font size="2"><b><span id="TITLE">-</span></b></font></td>
</tr>
<tr>
<td><table bgcolor="black">
<tr>
<td><font color="white" size="5"><b><span id="WEEKS">--</span></b></font></td>
</tr>
</table></td>
<td align="center" valign="bottom"><font size="1">W</font></td>
<td><table bgcolor="black">
<tr>
<td><font color="white" size="5"><b><span id="HOUR">--</span></b></font></td>
</tr>
</table></td>
<td align="center" valign="bottom"><font size="1">D</font></td>
<td><table bgcolor="black">
<tr>
<td><font color="white" size="5"><b><span id="MINUTE">--</span></b></font></td>
</tr>
</table></td>
<td align="center" valign="bottom"><font size="1">H</font></td>
<td><table bgcolor="black">
<tr>
<td><font color="white" size="5"><b><span id="SECOND">--</span></b></font></td>
</tr>
</table></td>
<td align="center" valign="bottom"><font size="1">M</font></td>
</tr>
<tr>
<td colspan="8" align="right"><font size="1"><b><span id="INDICATOR">-</span></b></font></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<script>
// Get userprefs
var prefs = new _IG_Prefs();
var title = prefs.getString("Title");
var yy = prefs.getInt("YY");
var mm = prefs.getInt("MM");
var dd = prefs.getInt("DD");
var hh = prefs.getInt("HH");
var m = prefs.getInt("mm");
var s = prefs.getInt("ss");
function calcDays(){
var sDate = new Date();
var eDate = new Date(yy,mm-1,dd,hh,m,s);
var ms = Math.abs(sDate-eDate);
var day = Math.floor(ms/86400000);
ms -= day*86400000;
if (day < 10)
day = "0"+day;
var hour = Math.floor(ms/3600000);
ms -= hour*3600000;
if (hour < 10)
hour = "0"+hour;
var min = Math.floor(ms/60000);
ms -= min*60000;
if (min < 10)
min = "0"+min;
var sec = Math.floor(ms/1000);
if (sec < 10)
sec = "0"+sec;
var result;
if (sDate < eDate) {
document.getElementById("INDICATOR").innerHTML = "LEFT";
} else {
document.getElementById("INDICATOR").innerHTML = "PASSED";
}
document.getElementById("TITLE").innerHTML = title;
document.getElementById("WEEKS").innerHTML = Math.floor(day/7);
document.getElementById("HOUR").innerHTML = day%7;
document.getElementById("MINUTE").innerHTML = hour;
document.getElementById("SECOND").innerHTML = min;
return result;
}
function update() {
calcDays();
}
setInterval('update()', 1000);
</script>
]]></Content>
</Module>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment