FUNCT Add support to dinamically update header time

1 files changed, 33 insertions, 0 deletions

diff --git a/src/js/time.js b/src/js/time.js
new file mode 100644
index 0000000..55165c7
--- /dev/null
+++ b/src/js/time.js
@@ -0,0 +1,33 @@
+import Mustache from 'mustache';
+
+var template;
+
+var days = ['SUNDAY', 'MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY'];
+
+function formatAMPM(date) {
+    var hours = date.getHours();
+    var minutes = date.getMinutes();
+    var ampm = hours >= 12 ? 'PM' : 'AM';
+    hours = hours % 12;
+    hours = hours ? hours : 12;
+    minutes = minutes < 10 ? '0'+minutes : minutes;
+    var strTime = hours + ':' + minutes + ' ' + ampm;
+    return strTime;
+  }
+
+function initInterval() {
+    setInterval(function() {
+        var date = new Date();
+        document.getElementById('timeContainer').innerHTML = Mustache.render(template, {
+            day: days[date.getDay()],
+            hour: formatAMPM(date)
+        });
+    }, 1000);
+}
+
+export function init() {
+    template = document.getElementById('time-template').innerHTML;
+    Mustache.parse(template);
+
+    initInterval();
+}
\ No newline at end of file