Countdown for brainstorming

holyjak · Jun 25, 2013 · 527c3fe · 527c3fe
1 parent b7025d5
commit 527c3fe
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/resources/public/js/scotsgame.js b/resources/public/js/scotsgame.js
@@ -6,3 +6,15 @@ function pollForChange(){
     };
     xhr.send();
 }
+function countdown(targetId){
+    var t=10;
+    var s=Date.now();
+    var interval = setInterval(function(){
+        console.log(--t);
+        document.getElementById(targetId).textContent=t;
+        if(t===0){
+            clearInterval(interval);
+        }
+    }
+                               , 60000);
+}
diff --git a/src/clj_gamification/handler.clj b/src/clj_gamification/handler.clj
@@ -85,7 +85,9 @@
    "Teams"
    (include-changepoll-js)
    [:h1 "Teams & Topics"]
-   [:p [:strong "You have 10 min for brainstorming"]]          ; TODO counter, sort by ID
+   [:p [:strong "Brainstorming time remaining: "
+        [:span#countdown {:style "font-size:150%"} "10"]
+        " min"]]
    [:p "Teams:"]
    [:ol (map
       (fn [[id idea]] [:li "#" id ": " idea])  ; TODO show picture
@@ -96,7 +98,8 @@
     [:li "DELINEATE target behaviors: ..."]
     [:li "DESCRIBE your players: ..."]
     [:li "DEVISE activity loops: ..."]
-    [:li "[5+6] DON’T forget the FUN & DEPLOY the appropriate tools: ..."]]))
+    [:li "[5+6] DON’T forget the FUN & DEPLOY the appropriate tools: ..."]]
+   [:script {:type "text/javascript"} "countdown('countdown');"]))
 
 (defn page-vote [teams]
   "Vote for a gamification idea"