summaryrefslogtreecommitdiff
path: root/templates/project/widgets/clock
diff options
context:
space:
mode:
authorvarac <varacanero@zeromail.org>2016-08-15 14:14:32 +0200
committervarac <varacanero@zeromail.org>2016-08-15 14:14:32 +0200
commit21a91cbc9681a2f3f4615e7e467febf1c8f4f6e6 (patch)
treeef26732b75858c5fb17925bc861f1ee8b4c43bf2 /templates/project/widgets/clock
parente56e58562bd1972df8e8d386b30175f6b12430ac (diff)
parented5463dce052852a5ace2d11a0265fff2244e60e (diff)
Merge tag 'v1.3.6' into dashing_io
Diffstat (limited to 'templates/project/widgets/clock')
-rw-r--r--templates/project/widgets/clock/clock.coffee18
-rw-r--r--templates/project/widgets/clock/clock.html2
-rw-r--r--templates/project/widgets/clock/clock.scss13
3 files changed, 33 insertions, 0 deletions
diff --git a/templates/project/widgets/clock/clock.coffee b/templates/project/widgets/clock/clock.coffee
new file mode 100644
index 0000000..cd6b116
--- /dev/null
+++ b/templates/project/widgets/clock/clock.coffee
@@ -0,0 +1,18 @@
+class Dashing.Clock extends Dashing.Widget
+
+ ready: ->
+ setInterval(@startTime, 500)
+
+ startTime: =>
+ today = new Date()
+
+ h = today.getHours()
+ m = today.getMinutes()
+ s = today.getSeconds()
+ m = @formatTime(m)
+ s = @formatTime(s)
+ @set('time', h + ":" + m + ":" + s)
+ @set('date', today.toDateString())
+
+ formatTime: (i) ->
+ if i < 10 then "0" + i else i \ No newline at end of file
diff --git a/templates/project/widgets/clock/clock.html b/templates/project/widgets/clock/clock.html
new file mode 100644
index 0000000..06759d4
--- /dev/null
+++ b/templates/project/widgets/clock/clock.html
@@ -0,0 +1,2 @@
+<h1 data-bind="date"></h1>
+<h2 data-bind="time"></h2> \ No newline at end of file
diff --git a/templates/project/widgets/clock/clock.scss b/templates/project/widgets/clock/clock.scss
new file mode 100644
index 0000000..19e91bf
--- /dev/null
+++ b/templates/project/widgets/clock/clock.scss
@@ -0,0 +1,13 @@
+// ----------------------------------------------------------------------------
+// Sass declarations
+// ----------------------------------------------------------------------------
+$background-color: #dc5945;
+
+// ----------------------------------------------------------------------------
+// Widget-clock styles
+// ----------------------------------------------------------------------------
+.widget-clock {
+
+ background-color: $background-color;
+
+}