merge pr #427: Use npm to handle frontend dependencies

1 files changed, 19 insertions, 0 deletions

diff --git a/frontend/js/moment-countdown.js b/frontend/js/moment-countdown.js
new file mode 100644
index 00000000..f5effbc0
--- /dev/null
+++ b/frontend/js/moment-countdown.js
@@ -0,0 +1,19 @@
+/*
+ * Initialize all moment countdowns on the page. A moment countdown has the
+ * class 'moment-countdown' and the attribute 'data-timestamp' which defines the
+ * countdown's time goal.
+ */
+$(document).ready(function () {
+    if (typeof moment !== 'undefined') {
+        $.each($('.moment-countdown'), function (i, e) {
+            var span = $(e);
+            var text = span.html();
+            /* global moment */
+            var timestamp = moment(parseInt(span.attr('data-timestamp') * 1000));
+            span.html(text.replace('%c', timestamp.fromNow()));
+            setInterval(function () {
+                span.html(text.replace('%c', timestamp.fromNow()));
+            }, 1000);
+        });
+    }
+});