LT-107: Add countdown dialog

- Remove ui from meteor-stale-session package
2016-02-09 22:16:37 -05:00
1 parent d18a66d513
commit 5ec3cace94
@@ -0,0 +1,10 @@
+<template name="timeoutCountdownDialog">
+    <div id="timeoutCountdownDialog">
+        <div class="dialogHeader">
+            <h5>Session is about to expire!</h5>
+        </div>
+        <div class="dialogContent">
+            <p>You will be log out in {{leftTime}} {{secondsText}}.</p>
+        </div>
+    </div>
+</template>
@@ -0,0 +1,9 @@
+
+Template.timeoutCountdownDialog.helpers({
+    leftTime: function(e) {
+        return Session.get("countdownDialogLeftTime");
+    },
+    secondsText: function() {
+        return Session.get("countdownDialogLeftTime") > 1? "seconds": "second";
+    }
+});
@@ -0,0 +1,15 @@
+#timeoutCountdownDialog
+  display: none
+  position: absolute
+  top: 0
+  bottom: 0
+  left: 0
+  right: 0
+  margin: auto
+  width: 20%
+  height: 15%
+  z-index: 100
+  border-radius: 5px
+  padding: 10px 20px 10px 20px
+  background-color: rgba(255,255,255,1)
+  outline: none