From 3f0a66e2414f2e935d9416a88c5c064bef668995 Mon Sep 17 00:00:00 2001
From: hardythe1
Date: Mon, 1 Dec 2014 19:38:00 +0530
Subject: added timer for registrations

---
 static/website/css/main.css        |  7 ++++---
 static/website/templates/home.html | 42 +++++++++++++++++++++++++++++++++++---
 2 files changed, 43 insertions(+), 6 deletions(-)

(limited to 'static')

diff --git a/static/website/css/main.css b/static/website/css/main.css
index 795ca67..98364c1 100644
--- a/static/website/css/main.css
+++ b/static/website/css/main.css
@@ -334,9 +334,10 @@ body {
 }
 
 .register-notify{
-    font-size: 1.3em;
-    background-color: #238E68;
-    color: black!important;
+    font-size: 1em;
+    background-color: aqua;
+    color: orange!important;
+    font-family: "sans";
 }
 
 
diff --git a/static/website/templates/home.html b/static/website/templates/home.html
index 85f5554..40ab150 100755
--- a/static/website/templates/home.html
+++ b/static/website/templates/home.html
@@ -47,9 +47,9 @@
                             <li class="{% active request 'poster' %}"><a href="{% url 'website:poster' %}">Poster</a></li>
                             <li class="{% active request 'contact' %}"><a href="{% url 'website:contact' %}">Contact Us</a></li-->
                         </ul>
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="{% active request 'register' %}"><a href="{% url 'website:register' %}">Register</a></li>
-                            <li><a href="{% url 'website:register' %}" class="register-notify">Registration closes in 1 Day</a></li>
+                        <ul class="nav navbar-nav navbar-right" id="register">
+                            <li class="{% active request 'register' %} register-notify"><a id="close" href="{% url 'website:register' %}"></a></li>
+                            <li class="{% active request 'register' %} register-notify"><a id="time_left" href="{% url 'website:register' %}"></a></li>
                         </ul>
                     </div><!-- /.navbar-collapse -->
                 </div><!-- /.container-fluid -->
@@ -250,6 +250,42 @@
     </div> <!-- /#social -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+<script>
+time_left = 5;
+function secs_to_time(secs)
+{
+    var h = Math.floor(secs/3600);
+    var h_s = (h > 0) ? h+'h:' : '';
+    var m = Math.floor((secs%3600)/60);
+    var m_s = (m > 0) ? m+'m:' : '';
+    var s_s = Math.floor(secs%60) + 's';
+    return h_s + m_s + s_s;
+}
+function update_time()
+{
+    time_left -=1;
+	var lElem = document.getElementById("register");
+	var elem1 = document.getElementById("close");
+	var elem = document.getElementById("time_left");
+	var t_str = secs_to_time(time_left);
+	if (time_left>0)
+	{
+	    elem1.innerHTML = "Registration closes in";
+	    elem.innerHTML = "<strong>" + t_str + "</strong>";
+	}
+	else
+	{
+	    elem1.innerHTML = "&nbsp;";
+	    elem.innerHTML = "Online Registrations Closed";
+	}
+	setTimeout("update_time()", 1000);
+}
+</script>
+<script>
+$(document).ready(function() {
+    update_time();
+});
+</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-- 
cgit