viithiisys / startup_jalsa_frontend

Download as
Browse Code ยป

Commit edb8348251486780779b93b460560301374f5e6c

Authored by Palak Handa
1 parent 2f9a206452
Exists in master and in 1 other branch paytm

update timer

Showing 3 changed files with 220 additions and 23 deletions   Show diff stats
... ... @@ -1155,8 +1155,16 @@ input.hidden {
1155 1155 font-weight: normal;
1156 1156 margin-bottom: 0;
1157 1157 }
  1158 +
  1159 +.no, .no:hover, .no:focus {
  1160 + background-color:red !important;
  1161 + border-color: red !important;
  1162 +}
  1163 +
1158 1164 .button-aligment{
1159 1165 margin-top: 5px;
  1166 + background-color: red;
  1167 + border-color: red;
1160 1168 }
1161 1169 .card-text {
1162 1170 clear: both;
... ...
pages/registration.html
Diff comments   View file @edb8348
... ... @@ -11,8 +11,6 @@
11 11 <div class="clearfix"></div>
12 12 </div>
13 13 <!-- CLOSE HEADER -->
14   -
15   -
16 14 <div class="col-xs-12 col-md-10 col-md-offset-1">
17 15 <p class="select-stage" style="font-size:16px;"><b>Please select one city.</b></p>
18 16 <div class="stage-shadow">
... ... @@ -28,10 +26,10 @@
28 26 <label class="card-sub-title">9th November,2017</label>
29 27 </div>
30 28 <div class="pull-right">
31   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="register('chennai')">Apply</button>
  29 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="register('chennai')">Apply</button>
32 30 </div>
33 31 <div class="clearfix"></div>
34   - <label class="card-sub-title">Deadline:<span id="chennai"></span>*</label>
  32 + <label class="card-sub-title"> Early bird deadline :<span id="chennai"></span>*</label>
35 33 </div>
36 34 <div class="card-text2">
37 35 <span><b>Location</b></span>
... ... @@ -50,10 +48,10 @@
50 48 <label class="card-sub-title">11th November,2017</label>
51 49 </div>
52 50 <div class="pull-right">
53   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('pune')">Apply</button>
  51 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('pune')">Apply</button>
54 52 </div>
55 53 <div class="clearfix"></div>
56   - <label class="card-sub-title">Deadline:9th November,2017*</label>
  54 + <label class="card-sub-title"> Early bird deadline :<span id="pune"></span>*</label>
57 55 </div>
58 56 <div class="card-text2">
59 57 <span><b>Location</b></span>
... ... @@ -72,10 +70,10 @@
72 70 <label class="card-sub-title">13th November,2017</label>
73 71 </div>
74 72 <div class="pull-right">
75   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('mumbai')">Apply</button>
  73 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('mumbai')">Apply</button>
76 74 </div>
77 75 <div class="clearfix"></div>
78   - <label class="card-sub-title">Deadline:11th November,2017*</label>
  76 + <label class="card-sub-title"> Early bird deadline :<span id="mumbai"></span>*</label>
79 77 </div>
80 78 <div class="card-text2">
81 79 <span><b>Location</b></span>
... ... @@ -94,10 +92,10 @@
94 92 <label class="card-sub-title">15th November,2017</label>
95 93 </div>
96 94 <div class="pull-right">
97   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('ahmedabad')">Apply</button>
  95 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('ahmedabad')">Apply</button>
98 96 </div>
99 97 <div class="clearfix"></div>
100   - <label class="card-sub-title">Deadline:13th November,2017*</label>
  98 + <label class="card-sub-title"> Early bird deadline :<span id="ahmedabad"></span>*</label>
101 99 </div>
102 100 <div class="card-text2">
103 101 <span><b>Location</b></span>
... ... @@ -121,10 +119,10 @@
121 119 <label class="card-sub-title">17th November,2017</label>
122 120 </div>
123 121 <div class="pull-right">
124   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('jaipur')">Apply</button>
  122 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('jaipur')">Apply</button>
125 123 </div>
126 124 <div class="clearfix"></div>
127   - <label class="card-sub-title">Deadline:15th November,2017*</label>
  125 + <label class="card-sub-title"> Early bird deadline :<span id="jaipur"></span>*</label>
128 126 </div>
129 127 <div class="card-text2">
130 128 <span><b>Location</b></span>
... ... @@ -143,10 +141,10 @@
143 141 <label class="card-sub-title">19th November,2017</label>
144 142 </div>
145 143 <div class="pull-right">
146   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('delhi')">Apply</button>
  144 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('delhi')">Apply</button>
147 145 </div>
148 146 <div class="clearfix"></div>
149   - <label class="card-sub-title">Deadline:17th November,2017*</label>
  147 + <label class="card-sub-title"> Early bird deadline :<span id="delhi"></span>*</label>
150 148 </div>
151 149 <div class="card-text2">
152 150 <span><b>Location</b></span>
... ... @@ -165,10 +163,10 @@
165 163 <label class="card-sub-title">21st November,2017(Tentative)</label>
166 164 </div>
167 165 <div class="pull-right">
168   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('bangalore')">Apply</button>
  166 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('bangalore')">Apply</button>
169 167 </div>
170 168 <div class="clearfix"></div>
171   - <label class="card-sub-title">Deadline:19th November,2017*</label>
  169 + <label class="card-sub-title"> Early bird deadline :<span id="bangalore"></span>*</label>
172 170 </div>
173 171 <div class="card-text2">
174 172 <span><b>Location</b></span>
... ... @@ -187,10 +185,10 @@
187 185 <label class="card-sub-title">23rd November,2017(Tentative)</label>
188 186 </div>
189 187 <div class="pull-right">
190   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('hyderabad')">Apply</button>
  188 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('hyderabad')">Apply</button>
191 189 </div>
192 190 <div class="clearfix"></div>
193   - <label class="card-sub-title">Deadline:21st November,2017*</label>
  191 + <label class="card-sub-title"> Early bird deadline :<span id="hyderabad"></span>*</label>
194 192 </div>
195 193 <div class="card-text2">
196 194 <span><b>Location</b></span>
... ... @@ -209,10 +207,10 @@
209 207 <label class="card-sub-title">1st December,2017(Tentative)</label>
210 208 </div>
211 209 <div class="pull-right">
212   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('chandigarh')">Apply</button>
  210 + <button class="no btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('chandigarh')">Apply</button>
213 211 </div>
214 212 <div class="clearfix"></div>
215   - <label class="card-sub-title">Deadline:29th November,2017*</label>
  213 + <label class="card-sub-title"> Early bird deadline :<span id="chandigarh"></span>*</label>
216 214 </div>
217 215 <div class="card-text2">
218 216 <span><b>Location</b></span>
... ...
... ... @@ -59,14 +59,13 @@
59 59 hide: false
60 60 };
61 61  
62   -
63   - var countDownDate = new Date("Nov 9, 2017 00:00:00").getTime();
  62 + var chennai = new Date("Nov 7, 2017 00:00:00").getTime();
64 63 // Update the count down every 1 second
65 64 var x = setInterval(function() {
66 65 // Get todays date and time
67 66 var now = new Date().getTime();
68 67 // Find the distance between now an the count down date
69   - var distance = countDownDate - now;
  68 + var distance = chennai - now;
70 69 // Time calculations for days, hours, minutes and seconds
71 70 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
72 71 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
... ... @@ -84,6 +83,198 @@
84 83 }
85 84 }, 1000);
86 85  
  86 + var pune = new Date("Nov 9, 2017 00:00:00").getTime();
  87 + // Update the count down every 1 second
  88 + var x = setInterval(function() {
  89 + // Get todays date and time
  90 + var now = new Date().getTime();
  91 + // Find the distance between now an the count down date
  92 + var distance = pune - now;
  93 + // Time calculations for days, hours, minutes and seconds
  94 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  95 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  96 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  97 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  98 + $scope.timer = days + "d " + hours + "h "
  99 + + minutes + "m " + seconds + "s "
  100 + // Output the result in an element with id="demo"
  101 + document.getElementById("pune").innerHTML = days + "d " + hours + "h "
  102 + + minutes + "m " + seconds + "s ";
  103 + // If the count down is over, write some text
  104 + if (distance < 0) {
  105 + clearInterval(x);
  106 + document.getElementById("pune").innerHTML = "EXPIRED";
  107 + }
  108 + }, 1000);
  109 +
  110 + var mumbai = new Date("Nov 11, 2017 00:00:00").getTime();
  111 + // Update the count down every 1 second
  112 + var x = setInterval(function() {
  113 + // Get todays date and time
  114 + var now = new Date().getTime();
  115 + // Find the distance between now an the count down date
  116 + var distance = mumbai - now;
  117 + // Time calculations for days, hours, minutes and seconds
  118 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  119 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  120 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  121 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  122 + $scope.timer = days + "d " + hours + "h "
  123 + + minutes + "m " + seconds + "s "
  124 + // Output the result in an element with id="demo"
  125 + document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "
  126 + + minutes + "m " + seconds + "s ";
  127 + // If the count down is over, write some text
  128 + if (distance < 0) {
  129 + clearInterval(x);
  130 + document.getElementById("mumbai").innerHTML = "EXPIRED";
  131 + }
  132 + }, 1000);
  133 +
  134 + var ahmedabad = new Date("Nov 13, 2017 00:00:00").getTime();
  135 + // Update the count down every 1 second
  136 + var x = setInterval(function() {
  137 + // Get todays date and time
  138 + var now = new Date().getTime();
  139 + // Find the distance between now an the count down date
  140 + var distance = ahmedabad - now;
  141 + // Time calculations for days, hours, minutes and seconds
  142 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  143 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  144 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  145 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  146 + $scope.timer = days + "d " + hours + "h "
  147 + + minutes + "m " + seconds + "s "
  148 + // Output the result in an element with id="demo"
  149 + document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "
  150 + + minutes + "m " + seconds + "s ";
  151 + // If the count down is over, write some text
  152 + if (distance < 0) {
  153 + clearInterval(x);
  154 + document.getElementById("ahmedabad").innerHTML = "EXPIRED";
  155 + }
  156 + }, 1000);
  157 +
  158 + var jaipur = new Date("Nov 15, 2017 00:00:00").getTime();
  159 + // Update the count down every 1 second
  160 + var x = setInterval(function() {
  161 + // Get todays date and time
  162 + var now = new Date().getTime();
  163 + // Find the distance between now an the count down date
  164 + var distance = jaipur - now;
  165 + // Time calculations for days, hours, minutes and seconds
  166 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  167 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  168 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  169 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  170 + $scope.timer = days + "d " + hours + "h "
  171 + + minutes + "m " + seconds + "s "
  172 + // Output the result in an element with id="demo"
  173 + document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "
  174 + + minutes + "m " + seconds + "s ";
  175 + // If the count down is over, write some text
  176 + if (distance < 0) {
  177 + clearInterval(x);
  178 + document.getElementById("jaipur").innerHTML = "EXPIRED";
  179 + }
  180 + }, 1000);
  181 +
  182 + var delhi = new Date("Nov 17, 2017 00:00:00").getTime();
  183 + // Update the count down every 1 second
  184 + var x = setInterval(function() {
  185 + // Get todays date and time
  186 + var now = new Date().getTime();
  187 + // Find the distance between now an the count down date
  188 + var distance = delhi - now;
  189 + // Time calculations for days, hours, minutes and seconds
  190 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  191 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  192 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  193 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  194 + $scope.timer = days + "d " + hours + "h "
  195 + + minutes + "m " + seconds + "s "
  196 + // Output the result in an element with id="demo"
  197 + document.getElementById("delhi").innerHTML = days + "d " + hours + "h "
  198 + + minutes + "m " + seconds + "s ";
  199 + // If the count down is over, write some text
  200 + if (distance < 0) {
  201 + clearInterval(x);
  202 + document.getElementById("delhi").innerHTML = "EXPIRED";
  203 + }
  204 + }, 1000);
  205 +
  206 + var bangalore = new Date("Nov 19, 2017 00:00:00").getTime();
  207 + // Update the count down every 1 second
  208 + var x = setInterval(function() {
  209 + // Get todays date and time
  210 + var now = new Date().getTime();
  211 + // Find the distance between now an the count down date
  212 + var distance = bangalore - now;
  213 + // Time calculations for days, hours, minutes and seconds
  214 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  215 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  216 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  217 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  218 + $scope.timer = days + "d " + hours + "h "
  219 + + minutes + "m " + seconds + "s "
  220 + // Output the result in an element with id="demo"
  221 + document.getElementById("bangalore").innerHTML = days + "d " + hours + "h "
  222 + + minutes + "m " + seconds + "s ";
  223 + // If the count down is over, write some text
  224 + if (distance < 0) {
  225 + clearInterval(x);
  226 + document.getElementById("bangalore").innerHTML = "EXPIRED";
  227 + }
  228 + }, 1000);
  229 +
  230 + var hyderabad = new Date("Nov 21, 2017 00:00:00").getTime();
  231 + // Update the count down every 1 second
  232 + var x = setInterval(function() {
  233 + // Get todays date and time
  234 + var now = new Date().getTime();
  235 + // Find the distance between now an the count down date
  236 + var distance = hyderabad - now;
  237 + // Time calculations for days, hours, minutes and seconds
  238 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  239 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  240 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  241 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  242 + $scope.timer = days + "d " + hours + "h "
  243 + + minutes + "m " + seconds + "s "
  244 + // Output the result in an element with id="demo"
  245 + document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "
  246 + + minutes + "m " + seconds + "s ";
  247 + // If the count down is over, write some text
  248 + if (distance < 0) {
  249 + clearInterval(x);
  250 + document.getElementById("hyderabad").innerHTML = "EXPIRED";
  251 + }
  252 + }, 1000);
  253 +
  254 + var chandigarh = new Date("Nov 29, 2017 00:00:00").getTime();
  255 + // Update the count down every 1 second
  256 + var x = setInterval(function() {
  257 + // Get todays date and time
  258 + var now = new Date().getTime();
  259 + // Find the distance between now an the count down date
  260 + var distance = chandigarh - now;
  261 + // Time calculations for days, hours, minutes and seconds
  262 + var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  263 + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  264 + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  265 + var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  266 + $scope.timer = days + "d " + hours + "h "
  267 + + minutes + "m " + seconds + "s "
  268 + // Output the result in an element with id="demo"
  269 + document.getElementById("chandigarh").innerHTML = days + "d " + hours + "h "
  270 + + minutes + "m " + seconds + "s ";
  271 + // If the count down is over, write some text
  272 + if (distance < 0) {
  273 + clearInterval(x);
  274 + document.getElementById("chandigarh").innerHTML = "EXPIRED";
  275 + }
  276 + }, 1000);
  277 +
87 278 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
88 279 $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
89 280 // $scope.Textshow = "yes"
... ...