Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 163c5adae3f4375abd79ba23427480efe349cf58

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

minor changes

Showing 4 changed files with 158 additions and 219 deletions   Show diff stats
1 { 1 {
2 outline: none !important; 2 outline: none !important;
3 } 3 }
4 .header{ 4 .header{
5 width: 100%; 5 width: 100%;
6 padding: 4px 20px; 6 padding: 4px 20px;
7 background-color: #42b549; 7 background-color: #42b549;
8 } 8 }
9 .logo{ 9 .logo{
10 height: 45px; 10 height: 45px;
11 margin-left: 11 margin-left:
12 } 12 }
13 13
14 .hyperColor{ 14 .hyperColor{
15 color: white !important; 15 color: white !important;
16 cursor: pointer !important; 16 cursor: pointer !important;
17 } 17 }
18 .main-heading{ 18 .main-heading{
19 height: 70px; 19 height: 70px;
20 line-height: 70px; 20 line-height: 70px;
21 } 21 }
22 .card{ 22 .card{
23 flex-direction: column; 23 flex-direction: column;
24 background-color: rgb(255,255,255); 24 background-color: rgb(255,255,255);
25 border-radius: 0; 25 border-radius: 0;
26 width: 676px; 26 width: 676px;
27 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 27 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
28 } 28 }
29 .card input{ 29 .card input{
30 display: none; 30 display: none;
31 } 31 }
32 .card .card-content{ 32 .card .card-content{
33 padding: 12px; 33 padding: 12px;
34 font-size: 12px; 34 font-size: 12px;
35 } 35 }
36 .card p{ 36 .card p{
37 margin-top:18px; 37 margin-top:18px;
38 margin-right:4px ; 38 margin-right:4px ;
39 margin-bottom:-5px; 39 margin-bottom:-5px;
40 /*margin-left:13px;*/ 40 /*margin-left:13px;*/
41 41
42 font-family: montserrat, arial, verdana; 42 font-family: montserrat, arial, verdana;
43 font-weight: normal; 43 font-weight: normal;
44 font-size: 12px; 44 font-size: 12px;
45 } 45 }
46 .card .thumbnail{ 46 .card .thumbnail{
47 padding: 15px 30px 1px 28px; 47 padding: 15px 30px 1px 28px;
48 border: 0; 48 border: 0;
49 border-radius: 0px !important; 49 border-radius: 0px !important;
50 } 50 }
51 .panel-default{ 51 .panel-default{
52 border-color: #ddd; 52 border-color: #ddd;
53 } 53 }
54 .video-wrapper{ 54 .video-wrapper{
55 padding: 16px 0; 55 padding: 16px 0;
56 } 56 }
57 .stageRadio:checked+label{ 57 .stageRadio:checked+label{
58 background-color: #42b549; 58 background-color: #42b549;
59 color: #fff !important; 59 color: #fff !important;
60 } 60 }
61 61
62 /* css for radio buttons */ 62 /* css for radio buttons */
63 63
64 .option-input { 64 .option-input {
65 -webkit-appearance: none; 65 -webkit-appearance: none;
66 -moz-appearance: none; 66 -moz-appearance: none;
67 -ms-appearance: none; 67 -ms-appearance: none;
68 -o-appearance: none; 68 -o-appearance: none;
69 appearance: none; 69 appearance: none;
70 position: relative; 70 position: relative;
71 /*top: 13.33333px;*/ 71 /*top: 13.33333px;*/
72 right: 0; 72 right: 0;
73 bottom: 0; 73 bottom: 0;
74 left: 0; 74 left: 0;
75 height: 15px; 75 height: 15px;
76 width: 15px; 76 width: 15px;
77 transition: all 0.15s ease-out 0s; 77 transition: all 0.15s ease-out 0s;
78 background: transparent; 78 background: transparent;
79 border: 2px solid #42b549; 79 border: 2px solid #42b549;
80 color: #fff; 80 color: #fff;
81 cursor: pointer; 81 cursor: pointer;
82 display: inline-block; 82 display: inline-block;
83 margin-right: 0.5rem; 83 margin-right: 0.5rem;
84 outline: none; 84 outline: none;
85 position: relative; 85 position: relative;
86 z-index: 1000; 86 z-index: 1000;
87 } 87 }
88 .option-input:checked { 88 .option-input:checked {
89 background: #42b549; 89 background: #42b549;
90 } 90 }
91 .option-input:checked::before { 91 .option-input:checked::before {
92 height: 20px; 92 height: 20px;
93 width: 20px; 93 width: 20px;
94 position: absolute; 94 position: absolute;
95 /*content: '✔';*/ 95 /*content: '✔';*/
96 display: inline-block; 96 display: inline-block;
97 font-size: 12px; 97 font-size: 12px;
98 text-align: center; 98 text-align: center;
99 line-height: 22px; 99 line-height: 22px;
100 } 100 }
101 .option-input:checked::after { 101 .option-input:checked::after {
102 -webkit-animation: click-wave 0.65s; 102 -webkit-animation: click-wave 0.65s;
103 -moz-animation: click-wave 0.65s; 103 -moz-animation: click-wave 0.65s;
104 animation: click-wave 0.65s; 104 animation: click-wave 0.65s;
105 background: #40e0d0; 105 background: #40e0d0;
106 content: ''; 106 content: '';
107 display: block; 107 display: block;
108 position: relative; 108 position: relative;
109 z-index: 100; 109 z-index: 100;
110 } 110 }
111 .option-input-a.radio-a::after { 111 .option-input-a.radio-a::after {
112 border-radius: 50%; 112 border-radius: 50%;
113 } 113 }
114 /*second css*/ 114 /*second css*/
115 .option-input-a { 115 .option-input-a {
116 -webkit-appearance: none; 116 -webkit-appearance: none;
117 -moz-appearance: none; 117 -moz-appearance: none;
118 -ms-appearance: none; 118 -ms-appearance: none;
119 -o-appearance: none; 119 -o-appearance: none;
120 appearance: none; 120 appearance: none;
121 position: relative; 121 position: relative;
122 /*top: 13.33333px;*/ 122 /*top: 13.33333px;*/
123 right: 0; 123 right: 0;
124 bottom: 0; 124 bottom: 0;
125 left: 0; 125 left: 0;
126 height: 22px; 126 height: 22px;
127 width: 22px; 127 width: 22px;
128 transition: all 0.15s ease-out 0s; 128 transition: all 0.15s ease-out 0s;
129 background: transparent; 129 background: transparent;
130 border: 2px solid #42b549; 130 border: 2px solid #42b549;
131 color: #fff; 131 color: #fff;
132 cursor: pointer; 132 cursor: pointer;
133 display: inline-block; 133 display: inline-block;
134 margin-right: 0.5rem; 134 margin-right: 0.5rem;
135 outline: none; 135 outline: none;
136 position: relative; 136 position: relative;
137 z-index: 1000; 137 z-index: 1000;
138 } 138 }
139 .option-input-a:checked { 139 .option-input-a:checked {
140 background: #42b549; 140 background: #42b549;
141 } 141 }
142 .option-input-a:checked::before { 142 .option-input-a:checked::before {
143 height: 20px; 143 height: 20px;
144 width: 20px; 144 width: 20px;
145 position: absolute; 145 position: absolute;
146 /*content: '✔';*/ 146 /*content: '✔';*/
147 display: inline-block; 147 display: inline-block;
148 font-size: 12px; 148 font-size: 12px;
149 text-align: center; 149 text-align: center;
150 line-height: 22px; 150 line-height: 22px;
151 } 151 }
152 .option-input-a:checked::after { 152 .option-input-a:checked::after {
153 -webkit-animation: click-wave 0.65s; 153 -webkit-animation: click-wave 0.65s;
154 -moz-animation: click-wave 0.65s; 154 -moz-animation: click-wave 0.65s;
155 animation: click-wave 0.65s; 155 animation: click-wave 0.65s;
156 background: #40e0d0; 156 background: #40e0d0;
157 content: ''; 157 content: '';
158 display: block; 158 display: block;
159 position: relative; 159 position: relative;
160 z-index: 100; 160 z-index: 100;
161 } 161 }
162 .option-input-a.radio-a { 162 .option-input-a.radio-a {
163 border-radius: 50%; 163 border-radius: 50%;
164 } 164 }
165 .option-input-a.radio-a::after { 165 .option-input-a.radio-a::after {
166 border-radius: 50%; 166 border-radius: 50%;
167 } 167 }
168 168
169 /* css for radio ends */ 169 /* css for radio ends */
170 170
171 .card-small{ 171 .card-small{
172 cursor: pointer; 172 cursor: pointer;
173 } 173 }
174 .card-small img{ 174 .card-small img{
175 width: 37px; 175 width: 37px;
176 } 176 }
177 .card-small label{ 177 .card-small label{
178 width: 100%; 178 width: 100%;
179 font-weight: normal; 179 font-weight: normal;
180 font-size: 12px; 180 font-size: 12px;
181 margin-top: 5px; 181 margin-top: 5px;
182 } 182 }
183 /*.text-input{ 183 /*.text-input{
184 width: 100%; 184 width: 100%;
185 border: 0; 185 border: 0;
186 border-bottom: 2px solid #42b549; 186 border-bottom: 2px solid #42b549;
187 font-size: 18px; 187 font-size: 18px;
188 padding: 5px; 188 padding: 5px;
189 }*/ 189 }*/
190 .input-wrapper{ 190 .input-wrapper{
191 margin-bottom: 15px !important; 191 margin-bottom: 15px !important;
192 } 192 }
193 .select-input{ 193 .select-input{
194 width: 100%; 194 width: 100%;
195 border: 0; 195 border: 0;
196 border-bottom: 2px solid #42b549; 196 border-bottom: 2px solid #42b549;
197 background-color: transparent; 197 background-color: transparent;
198 font-size: 12px; 198 font-size: 12px;
199 padding: 5px; 199 padding: 5px;
200 } 200 }
201 .submit-button, .submit-button:hover{ 201 .submit-button, .submit-button:hover{
202 background-color: #42b549; 202 background-color: #42b549;
203 color: #fff; 203 color: #fff;
204 /*display: none;*/ 204 /*display: none;*/
205 } 205 }
206 .submit-button:disabled{ 206 .submit-button:disabled{
207 background-color: #ddd; 207 background-color: #ddd;
208 } 208 }
209 .textarea{ 209 .textarea{
210 min-height: 97px; 210 min-height: 97px;
211 } 211 }
212 .error-message{ 212 .error-message{
213 font-weight: inherit; 213 font-weight: inherit;
214 color: #ff0000; 214 color: #ff0000;
215 margin: 5px 4px -5px 0px; 215 margin: 5px 4px -5px 0px;
216 display: none; 216 display: none;
217 } 217 }
218 218
219 /*custom input*/ 219 /*custom input*/
220 .text-input, select { 220 .text-input, select {
221 width: 100%; 221 width: 100%;
222 padding: 12px 25px; 222 padding: 12px 25px;
223 margin: -2px 0; 223 margin: -2px 0;
224 display: inline-block; 224 display: inline-block;
225 border: 0px solid rgba(51, 51, 51, 0); 225 border: 0px solid rgba(51, 51, 51, 0);
226 border-radius: -3px; 226 border-radius: -3px;
227 box-sizing: border-box; 227 box-sizing: border-box;
228 box-shadow: 0 0 10px rgba(240, 255, 235); 228 box-shadow: 0 0 10px rgba(240, 255, 235);
229 -moz-box-shadow: 0 0 10px rgba(240, 255, 235); 229 -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
230 -webkit-box-shadow: 0 0 5px #777; 230 -webkit-box-shadow: 0 0 5px #777;
231 -o-box-shadow: 0 0 10px rgba(240, 255, 235); 231 -o-box-shadow: 0 0 10px rgba(240, 255, 235);
232 font-size: 12px; 232 font-size: 12px;
233 } 233 }
234 234
235 /* progress bar css */ 235 /* progress bar css */
236 236
237 @-webkit-keyframes 237 @-webkit-keyframes
238 load { 0% { 238 load { 0% {
239 stroke-dashoffset:0 239 stroke-dashoffset:0
240 } 240 }
241 } 241 }
242 @-moz-keyframes 242 @-moz-keyframes
243 load { 0% { 243 load { 0% {
244 stroke-dashoffset:0 244 stroke-dashoffset:0
245 } 245 }
246 } 246 }
247 @keyframes 247 @keyframes
248 load { 0% { 248 load { 0% {
249 stroke-dashoffset:0 249 stroke-dashoffset:0
250 } 250 }
251 } 251 }
252 252
253 /* Container */ 253 /* Container */
254 254
255 .progress-form { 255 .progress-form {
256 position: relative; 256 position: relative;
257 display: inline-block; 257 display: inline-block;
258 padding: 0; 258 padding: 0;
259 text-align: center; 259 text-align: center;
260 } 260 }
261 261
262 /* Item */ 262 /* Item */
263 263
264 .progress-form>li { 264 .progress-form>li {
265 display: inline-block; 265 display: inline-block;
266 position: relative; 266 position: relative;
267 text-align: center; 267 text-align: center;
268 color: #93A2AC; 268 color: #93A2AC;
269 font-family: Lato; 269 font-family: Lato;
270 font-weight: 100; 270 font-weight: 100;
271 margin: 2rem; 271 margin: 2rem;
272 } 272 }
273 273
274 .progress-form>li:before { 274 .progress-form>li:before {
275 content: attr(data-name); 275 content: attr(data-name);
276 position: absolute; 276 position: absolute;
277 width: 100%; 277 width: 100%;
278 bottom: -2rem; 278 bottom: -2rem;
279 font-weight: 400; 279 font-weight: 400;
280 } 280 }
281 281
282 .progress-form>li:after { 282 .progress-form>li:after {
283 content: attr(data-percent); 283 content: attr(data-percent);
284 position: absolute; 284 position: absolute;
285 width: 100%; 285 width: 100%;
286 top: 3.7rem; 286 top: 3.7rem;
287 left: 0; 287 left: 0;
288 font-size: 2rem; 288 font-size: 2rem;
289 text-align: center; 289 text-align: center;
290 } 290 }
291 291
292 .progress-form svg { 292 .progress-form svg {
293 width: 10rem; 293 width: 10rem;
294 height: 10rem; 294 height: 10rem;
295 } 295 }
296 296
297 .progress-form svg:nth-child(2) { 297 .progress-form svg:nth-child(2) {
298 position: absolute; 298 position: absolute;
299 left: 0; 299 left: 0;
300 top: 0; 300 top: 0;
301 transform: rotate(-90deg); 301 transform: rotate(-90deg);
302 -webkit-transform: rotate(-90deg); 302 -webkit-transform: rotate(-90deg);
303 -moz-transform: rotate(-90deg); 303 -moz-transform: rotate(-90deg);
304 -ms-transform: rotate(-90deg); 304 -ms-transform: rotate(-90deg);
305 } 305 }
306 306
307 .progress-form svg:nth-child(2) path { 307 .progress-form svg:nth-child(2) path {
308 fill: none; 308 fill: none;
309 stroke-width: 25; 309 stroke-width: 25;
310 stroke-dasharray: 629; 310 stroke-dasharray: 629;
311 stroke: rgba(255, 255, 255, 0.9); 311 stroke: rgba(255, 255, 255, 0.9);
312 -webkit-animation: load 10s; 312 -webkit-animation: load 10s;
313 -moz-animation: load 10s; 313 -moz-animation: load 10s;
314 -o-animation: load 10s; 314 -o-animation: load 10s;
315 animation: load 10s; 315 animation: load 10s;
316 } 316 }
317 /*circle of stage image*/ 317 /*circle of stage image*/
318 .circular{ 318 .circular{
319 319
320 -webkit-border-radius: 150px; 320 -webkit-border-radius: 150px;
321 -moz-border-radius: 150px; 321 -moz-border-radius: 150px;
322 border-radius: 150px; 322 border-radius: 150px;
323 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 323 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
324 border: 5px solid white; 324 border: 5px solid white;
325 overflow: hidden; 325 overflow: hidden;
326 position: fixed; 326 position: fixed;
327 height: 100px; 327 height: 100px;
328 width: 100px; 328 width: 100px;
329 left: 80px; 329 left: 80px;
330 top: 20px; 330 top: 20px;
331 } 331 }
332 /*font-size*/ 332 /*font-size*/
333 .font{ 333 .font{
334 font-size: 14px; 334 font-size: 14px;
335 } 335 }
336 336
337 .f-family { 337 .f-family {
338 font-family:sans-serif; 338 font-family:sans-serif;
339 } 339 }
340 340
341 /*container-card css*/ 341 /*container-card css*/
342 .container-card { 342 .container-card {
343 width: auto; 343 width: auto;
344 float: left; 344 float: left;
345 margin: 31px 24px 26px 14px; 345 margin: 31px 24px 26px 14px;
346 } 346 }
347 347
348 /******This css for header container******/ 348 /******This css for header container******/
349 .h1 { 349 .h1 {
350 font-size: 20px; 350 font-size: 20px;
351 margin: 11px; 351 margin: 11px;
352 } 352 }
353 353
354 .paragraph { 354 .paragraph {
355 font-size: 14px; 355 font-size: 14px;
356 margin: 30px 10px 20px; 356 margin: 30px 10px 20px;
357 line-height: 1.5; 357 line-height: 1.5;
358 } 358 }
359 /*This css for stages container*/ 359 /*This css for stages container*/
360 360
361 .full-line { 361 .full-line {
362 border-bottom: 2px solid #dedede; 362 border-bottom: 2px solid #dedede;
363 padding: 15px 10px; 363 padding: 15px 10px;
364 } 364 }
365 365
366 .stages-card { 366 .stages-card {
367 width: auto; 367 width: auto;
368 float: left; 368 float: left;
369 /*margin: -30px 8px 7px 22px;*/ 369 /*margin: -30px 8px 7px 22px;*/
370 } 370 }
371 371
372 /*form -css*/ 372 /*form -css*/
373 .form-all { 373 .form-all {
374 margin: 13px 4px 26px -2px; 374 margin: 13px 4px 26px -2px;
375 /*display: none;*/ 375 /*display: none;*/
376 } 376 }
377 377
378 .step-two-form{ 378 .step-two-form{
379 display: block; 379 display: block;
380 } 380 }
381 381
382 /*This is for stages images*/ 382 /*This is for stages images*/
383 .stage-img { 383 .stage-img {
384 width: 115px; 384 width: 115px;
385 } 385 }
386 386
387 .stage-thumbnail { 387 .stage-thumbnail {
388 float: left; 388 float: left;
389 margin-bottom: 0; 389 margin-bottom: 0;
390 } 390 }
391 391
392 .stage-shadow { 392 .stage-shadow {
393 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 393 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
394 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 394 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
395 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ 395 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
396 /*margin: 3px 22px 14px 14px;*/ 396 /*margin: 3px 22px 14px 14px;*/
397 background-color: #ffffff; 397 background-color: #ffffff;
398 } 398 }
399 399
400 .line-size { 400 .line-size {
401 401
402 } 402 }
403 403
404 .card-paragraph { 404 .card-paragraph {
405 background-color: rgba(66, 181, 73, 0.61); 405 background-color: rgba(66, 181, 73, 0.61);
406 color: #fff; 406 color: #fff;
407 } 407 }
408 408
409 /* identity card css*/ 409 /* identity card css*/
410 410
411 .identity-shadow { 411 .identity-shadow {
412 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 412 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
413 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 413 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
414 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 414 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
415 margin: 15px 15px 17px 14px; 415 margin: 15px 15px 17px 14px;
416 background-color: #ffffff; 416 background-color: #ffffff;
417 /*display: none;*/ 417 /*display: none;*/
418 } 418 }
419 419
420 .identity-question { 420 .identity-question {
421 border-bottom: 2px solid #dedede; 421 border-bottom: 2px solid #dedede;
422 padding: 0px 10px; 422 padding: 0px 10px;
423 } 423 }
424 424
425 .identity-align { 425 .identity-align {
426 margin: 8px -12px 19px 13px; 426 margin: 8px -12px 19px 13px;
427 } 427 }
428 428
429 429
430 /********This css for sectors**************/ 430 /********This css for sectors**************/
431 .sectors-card { 431 .sectors-card {
432 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 432 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
433 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 433 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
434 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 434 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
435 margin: 27px 22px 14px 14px; 435 margin: 27px 22px 14px 14px;
436 background-color: #ffffff; 436 background-color: #ffffff;
437 /*display: none;*/ 437 /*display: none;*/
438 } 438 }
439 439
440 .sector-card { 440 .sector-card {
441 width: auto; 441 width: auto;
442 float: left; 442 float: left;
443 margin: 29px 22px 26px 14px; 443 margin: 29px 22px 26px 14px;
444 } 444 }
445 445
446 .sector-question { 446 .sector-question {
447 border-bottom: 2px solid #dedede; 447 border-bottom: 2px solid #dedede;
448 padding: 15px 10px; 448 padding: 15px 10px;
449 } 449 }
450 450
451 /*To make the Stages in the center*/ 451 /*To make the Stages in the center*/
452 .card-align { 452 .card-align {
453 /*margin: 56px -267px 11px -37px;*/ 453 /*margin: 56px -267px 11px -37px;*/
454 } 454 }
455 455
456 /*To make the sectors in the center */ 456 /*To make the sectors in the center */
457 457
458 458
459 /*************sidebar content margin***********/ 459 /*************sidebar content margin***********/
460 .sidebar-align { 460 .sidebar-align {
461 margin: -5px -3px -18px 9px; 461 margin: -5px -3px -18px 9px;
462 } 462 }
463 463
464 .heading { 464 .heading {
465 margin: 15px 10px 15px 16px; 465 margin: 15px 10px 15px 16px;
466 } 466 }
467 .quiz { 467 .quiz {
468 margin: 5px 5px 6px 19px; 468 margin: 5px 5px 6px 19px;
469 font-size: 12px; 469 font-size: 12px;
470 } 470 }
471 471
472 #footer { 472 #footer {
473 background-image: url(/images/footer_design.png); 473 background-image: url(/images/footer_design.png);
474 background-repeat: inherit; 474 background-repeat: inherit;
475 position: bottom; 475 position: bottom;
476 width: 100%; 476 width: 100%;
477 height: auto; 477 height: auto;
478 padding: 97px 3px 66px 83px; 478 padding: 97px 3px 66px 83px;
479 } 479 }
480 480
481 .footer { 481 .footer {
482 482
483 bottom: 0px; 483 bottom: 0px;
484 background-color: #76b34f !important; 484 background-color: #76b34f !important;
485 width: 100%; 485 width: 100%;
486 color:rgba(255, 255, 255, 0.77); 486 color:rgba(255, 255, 255, 0.77);
487 } 487 }
488 488
489 /********question box*****************/ 489 /********question box*****************/
490 .question-shadow { 490 .question-shadow {
491 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 491 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
492 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 492 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
493 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 493 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
494 margin: 15px 15px 17px 14px; 494 margin: 15px 15px 17px 14px;
495 background-color: #ffffff; 495 background-color: #ffffff;
496 } 496 }
497 497
498 498
499 499
500 .question-card { 500 .question-card {
501 width: auto; 501 width: auto;
502 float: left; 502 float: left;
503 margin: 29px 22px 26px 14px; 503 margin: 29px 22px 26px 14px;
504 } 504 }
505 505
506 /*for p*/ 506 /*for p*/
507 .line-space { 507 .line-space {
508 line-height: 1.6em; 508 line-height: 1.6em;
509 font-size: 11px; 509 font-size: 11px;
510 } 510 }
511 511
512 .line-adjust { 512 .line-adjust {
513 margin-left: 0px; 513 margin-left: 0px;
514 } 514 }
515 515
516 /*badge icon css*/ 516 /*badge icon css*/
517 517
518 .material-icons{ 518 .material-icons{
519 font-size: 17px !important; 519 font-size: 17px !important;
520 } 520 }
521 521
522 .icon-circle-a { 522 .icon-circle-a {
523 background: rgba(89, 89, 89, 0.92); 523 background: rgba(89, 89, 89, 0.92);
524 border-radius: 50%; 524 border-radius: 50%;
525 width: 30px; 525 width: 30px;
526 height: 30px; 526 height: 30px;
527 position: absolute; 527 position: absolute;
528 left: 14px; 528 left: 14px;
529 margin-top: 10px; 529 margin-top: 10px;
530 color: #fff; 530 color: #fff;
531 text-align: center; 531 text-align: center;
532 } 532 }
533 533
534 .icon-circle-b { 534 .icon-circle-b {
535 background: rgba(89, 89, 89, 0.92); 535 background: rgba(89, 89, 89, 0.92);
536 border-radius: 50%; 536 border-radius: 50%;
537 width: 30px; 537 width: 30px;
538 height: 30px; 538 height: 30px;
539 position: absolute; 539 position: absolute;
540 left: 14px; 540 left: 14px;
541 margin-top: 10px; 541 margin-top: 10px;
542 color: #fff; 542 color: #fff;
543 text-align: center; 543 text-align: center;
544 } 544 }
545 545
546 .icon-circle-c { 546 .icon-circle-c {
547 background: rgba(89, 89, 89, 0.92); 547 background: rgba(89, 89, 89, 0.92);
548 border-radius: 50%; 548 border-radius: 50%;
549 width: 30px; 549 width: 30px;
550 height: 30px; 550 height: 30px;
551 position: absolute; 551 position: absolute;
552 left: 0px; 552 left: 0px;
553 margin-top: 4px; 553 margin-top: 4px;
554 color: #fff; 554 color: #fff;
555 text-align: center; 555 text-align: center;
556 } 556 }
557 557
558 .icon-circle-d { 558 .icon-circle-d {
559 background: rgba(89, 89, 89, 0.92); 559 background: rgba(89, 89, 89, 0.92);
560 border-radius: 50%; 560 border-radius: 50%;
561 width: 30px; 561 width: 30px;
562 height: 30px; 562 height: 30px;
563 position: absolute; 563 position: absolute;
564 left: 0px; 564 left: 0px;
565 margin-top: 4px; 565 margin-top: 4px;
566 color: #fff; 566 color: #fff;
567 text-align: center; 567 text-align: center;
568 } 568 }
569 569
570 .icon-circle-e { 570 .icon-circle-e {
571 background: rgba(89, 89, 89, 0.92); 571 background: rgba(89, 89, 89, 0.92);
572 border-radius: 50%; 572 border-radius: 50%;
573 width: 30px; 573 width: 30px;
574 height: 30px; 574 height: 30px;
575 position: absolute; 575 position: absolute;
576 left: 0px; 576 left: 0px;
577 margin-top: 4px; 577 margin-top: 4px;
578 color: #fff; 578 color: #fff;
579 text-align: center; 579 text-align: center;
580 } 580 }
581 581
582 .icon-circle-f { 582 .icon-circle-f {
583 background: rgba(89, 89, 89, 0.92); 583 background: rgba(89, 89, 89, 0.92);
584 border-radius: 50%; 584 border-radius: 50%;
585 width: 30px; 585 width: 30px;
586 height: 30px; 586 height: 30px;
587 position: absolute; 587 position: absolute;
588 left: 0px; 588 left: 0px;
589 margin-top: 3px; 589 margin-top: 3px;
590 color: #fff; 590 color: #fff;
591 text-align: center; 591 text-align: center;
592 } 592 }
593 593
594 .icon-circle-g { 594 .icon-circle-g {
595 background: rgba(89, 89, 89, 0.92); 595 background: rgba(89, 89, 89, 0.92);
596 border-radius: 50%; 596 border-radius: 50%;
597 width: 30px; 597 width: 30px;
598 height: 30px; 598 height: 30px;
599 position: absolute; 599 position: absolute;
600 left: 14px; 600 left: 14px;
601 margin-top: 10px; 601 margin-top: 10px;
602 color: #fff; 602 color: #fff;
603 text-align: center; 603 text-align: center;
604 } 604 }
605 605
606 .icon-circle-h { 606 .icon-circle-h {
607 background: rgba(89, 89, 89, 0.92); 607 background: rgba(89, 89, 89, 0.92);
608 border-radius: 50%; 608 border-radius: 50%;
609 width: 30px; 609 width: 30px;
610 height: 30px; 610 height: 30px;
611 position: absolute; 611 position: absolute;
612 left: 0px; 612 left: 0px;
613 margin-top: 4px; 613 margin-top: 4px;
614 color: #fff; 614 color: #fff;
615 text-align: center; 615 text-align: center;
616 } 616 }
617 617
618 .icon-circle-i { 618 .icon-circle-i {
619 background: rgba(89, 89, 89, 0.92); 619 background: rgba(89, 89, 89, 0.92);
620 border-radius: 50%; 620 border-radius: 50%;
621 width: 30px; 621 width: 30px;
622 height: 30px; 622 height: 30px;
623 position: absolute; 623 position: absolute;
624 left: 0px; 624 left: 0px;
625 margin-top: 4px; 625 margin-top: 4px;
626 color: #fff; 626 color: #fff;
627 text-align: center; 627 text-align: center;
628 } 628 }
629 629
630 .icon-circle-j { 630 .icon-circle-j {
631 background: rgba(89, 89, 89, 0.92); 631 background: rgba(89, 89, 89, 0.92);
632 border-radius: 50%; 632 border-radius: 50%;
633 width: 30px; 633 width: 30px;
634 height: 30px; 634 height: 30px;
635 position: absolute; 635 position: absolute;
636 left: 0px; 636 left: 0px;
637 margin-top: 4px; 637 margin-top: 4px;
638 color: #fff; 638 color: #fff;
639 text-align: center; 639 text-align: center;
640 } 640 }
641 641
642 .icon-circle-k { 642 .icon-circle-k {
643 background: rgba(89, 89, 89, 0.92); 643 background: rgba(89, 89, 89, 0.92);
644 border-radius: 50%; 644 border-radius: 50%;
645 width: 30px; 645 width: 30px;
646 height: 30px; 646 height: 30px;
647 position: absolute; 647 position: absolute;
648 left: 0px; 648 left: 0px;
649 margin-top: 4px; 649 margin-top: 4px;
650 color: #fff; 650 color: #fff;
651 text-align: center; 651 text-align: center;
652 } 652 }
653 653
654 .icon-circle-y { 654 .icon-circle-y {
655 background: rgba(89, 89, 89, 0.92); 655 background: rgba(89, 89, 89, 0.92);
656 border-radius: 50%; 656 border-radius: 50%;
657 width: 30px; 657 width: 30px;
658 height: 30px; 658 height: 30px;
659 position: absolute; 659 position: absolute;
660 left: 0px; 660 left: 0px;
661 margin-top: 4px; 661 margin-top: 4px;
662 color: #fff; 662 color: #fff;
663 text-align: center; 663 text-align: center;
664 } 664 }
665 665
666 .icon-circle-l { 666 .icon-circle-l {
667 background: rgba(89, 89, 89, 0.92); 667 background: rgba(89, 89, 89, 0.92);
668 border-radius: 50%; 668 border-radius: 50%;
669 width: 30px; 669 width: 30px;
670 height: 30px; 670 height: 30px;
671 position: absolute; 671 position: absolute;
672 left: 0px; 672 left: 0px;
673 margin-top: 4px; 673 margin-top: 4px;
674 color: #fff; 674 color: #fff;
675 text-align: center; 675 text-align: center;
676 } 676 }
677 677
678 .icon-circle-m { 678 .icon-circle-m {
679 background: rgba(89, 89, 89, 0.92); 679 background: rgba(89, 89, 89, 0.92);
680 border-radius: 50%; 680 border-radius: 50%;
681 width: 30px; 681 width: 30px;
682 height: 30px; 682 height: 30px;
683 position: absolute; 683 position: absolute;
684 left: 0px; 684 left: 0px;
685 margin-top: 4px; 685 margin-top: 4px;
686 color: #fff; 686 color: #fff;
687 text-align: center; 687 text-align: center;
688 } 688 }
689 689
690 .icon-circle-n { 690 .icon-circle-n {
691 background: rgba(89, 89, 89, 0.92); 691 background: rgba(89, 89, 89, 0.92);
692 border-radius: 50%; 692 border-radius: 50%;
693 width: 30px; 693 width: 30px;
694 height: 30px; 694 height: 30px;
695 position: absolute; 695 position: absolute;
696 left: 0px; 696 left: 0px;
697 margin-top: 4px; 697 margin-top: 4px;
698 color: #fff; 698 color: #fff;
699 text-align: center; 699 text-align: center;
700 } 700 }
701 701
702 .icon-circle-x { 702 .icon-circle-x {
703 background: rgba(89, 89, 89, 0.92); 703 background: rgba(89, 89, 89, 0.92);
704 border-radius: 50%; 704 border-radius: 50%;
705 width: 30px; 705 width: 30px;
706 height: 30px; 706 height: 30px;
707 position: absolute; 707 position: absolute;
708 left: 0px; 708 left: 0px;
709 margin-top: 4px; 709 margin-top: 4px;
710 color: #fff; 710 color: #fff;
711 text-align: center; 711 text-align: center;
712 } 712 }
713 713
714 .icon-circle-p { 714 .icon-circle-p {
715 background: rgba(89, 89, 89, 0.92); 715 background: rgba(89, 89, 89, 0.92);
716 border-radius: 50%; 716 border-radius: 50%;
717 width: 30px; 717 width: 30px;
718 height: 30px; 718 height: 30px;
719 position: absolute; 719 position: absolute;
720 left: 0px; 720 left: 0px;
721 margin-top: 3px; 721 margin-top: 3px;
722 color: #fff; 722 color: #fff;
723 text-align: center; 723 text-align: center;
724 } 724 }
725 725
726 .icon-circle-z { 726 .icon-circle-z {
727 background: rgba(89, 89, 89, 0.92); 727 background: rgba(89, 89, 89, 0.92);
728 border-radius: 50%; 728 border-radius: 50%;
729 width: 30px; 729 width: 30px;
730 height: 30px; 730 height: 30px;
731 position: absolute; 731 position: absolute;
732 left: 0px; 732 left: 0px;
733 margin-top: 4px; 733 margin-top: 4px;
734 color: #fff; 734 color: #fff;
735 text-align: center; 735 text-align: center;
736 } 736 }
737 737
738 .icon-circle-q { 738 .icon-circle-q {
739 background: rgba(89, 89, 89, 0.92); 739 background: rgba(89, 89, 89, 0.92);
740 border-radius: 50%; 740 border-radius: 50%;
741 width: 30px; 741 width: 30px;
742 height: 30px; 742 height: 30px;
743 position: absolute; 743 position: absolute;
744 left: 0px; 744 left: 0px;
745 margin-top: 4px; 745 margin-top: 4px;
746 color: #fff; 746 color: #fff;
747 text-align: center; 747 text-align: center;
748 } 748 }
749 749
750 .icon-circle-ab { 750 .icon-circle-ab {
751 background: rgba(89, 89, 89, 0.92); 751 background: rgba(89, 89, 89, 0.92);
752 border-radius: 50%; 752 border-radius: 50%;
753 width: 30px; 753 width: 30px;
754 height: 30px; 754 height: 30px;
755 position: absolute; 755 position: absolute;
756 left: 14px; 756 left: 0px;
757 margin-top: 8px; 757 margin-top: 3px;
758 color: #fff; 758 color: #fff;
759 text-align: center; 759 text-align: center;
760 } 760 }
761 761
762 .icon-circle-abc { 762 .icon-circle-abc {
763 background: rgba(89, 89, 89, 0.92); 763 background: rgba(89, 89, 89, 0.92);
764 border-radius: 50%; 764 border-radius: 50%;
765 width: 30px; 765 width: 30px;
766 height: 30px; 766 height: 30px;
767 position: absolute; 767 position: absolute;
768 left: 14px; 768 left: 0px;
769 margin-top: 8px; 769 margin-top: 3px;
770 color: #fff; 770 color: #fff;
771 text-align: center; 771 text-align: center;
772 } 772 }
773 773
774 .icon-circle-bc { 774 .icon-circle-bc {
775 background: rgba(89, 89, 89, 0.92); 775 background: rgba(89, 89, 89, 0.92);
776 border-radius: 50%; 776 border-radius: 50%;
777 width: 30px; 777 width: 30px;
778 height: 30px; 778 height: 30px;
779 position: absolute; 779 position: absolute;
780 left: 14px; 780 left: 0px;
781 margin-top: 8px; 781 margin-top: 3px;
782 color: #fff; 782 color: #fff;
783 text-align: center; 783 text-align: center;
784 } 784 }
785 785
786 .icon-circle-abcdefg { 786 .icon-circle-abcdefg {
787 background: rgba(89, 89, 89, 0.92); 787 background: rgba(89, 89, 89, 0.92);
788 border-radius: 50%; 788 border-radius: 50%;
789 width: 30px; 789 width: 30px;
790 height: 30px; 790 height: 30px;
791 position: absolute; 791 position: absolute;
792 left: 14px; 792 left: 0px;
793 margin-top: 8px; 793 margin-top: 3px;
794 color: #fff; 794 color: #fff;
795 text-align: center; 795 text-align: center;
796 } 796 }
797 797
798 .referel-icon { 798 .referel-icon {
799 background: rgba(89, 89, 89, 0.92); 799 background: rgba(89, 89, 89, 0.92);
800 border-radius: 50%; 800 border-radius: 50%;
801 width: 30px; 801 width: 30px;
802 height: 30px; 802 height: 30px;
803 position: absolute; 803 position: absolute;
804 left: 0px; 804 left: 0px;
805 margin-top: 3px; 805 margin-top: 3px;
806 color: #fff; 806 color: #fff;
807 text-align: center; 807 text-align: center;
808 } 808 }
809 809
810 810
811 /*quiz*/ 811 /*quiz*/
812 .q-card-align div{ 812 .q-card-align div{
813 margin-bottom: 15px; 813 margin-bottom: 15px;
814 } 814 }
815 815
816 .drop-down { 816 .drop-down {
817 background-color: #fff; 817 background-color: #fff;
818 border-radius: 0; 818 border-radius: 0;
819 font-size: 12px; 819 font-size: 12px;
820 } 820 }
821 821
822 .footer-link, .footer-link:hover { 822 .footer-link, .footer-link:hover {
823 color:#fff; 823 color:#fff;
824 } 824 }
825 /*idea content margin*/ 825 /*idea content margin*/
826 .content-idea{ 826 .content-idea{
827 margin:196px 12px 8px; 827 margin:196px 12px 8px;
828 } 828 }
829 829
830 .content-product{ 830 .content-product{
831 margin:193px -19px 9px; 831 margin:193px -19px 9px;
832 } 832 }
833 833
834 .content-growth{ 834 .content-growth{
835 margin:192px 11px 8px; 835 margin:192px 11px 8px;
836 } 836 }
837 .last-content-card{ 837 .last-content-card{
838 /*margin: 0px -85px -4px -51px;*/ 838 /*margin: 0px -85px -4px -51px;*/
839 } 839 }
840 840
841 @media (max-width: 600px) { 841 @media (max-width: 600px) {
842 .content-idea{ 842 .content-idea{
843 margin: auto; 843 margin: auto;
844 } 844 }
845 845
846 .content-product{ 846 .content-product{
847 margin: auto; 847 margin: auto;
848 } 848 }
849 849
850 .content-growth{ 850 .content-growth{
851 margin: auto; 851 margin: auto;
852 } 852 }
853 .stages-card{ 853 .stages-card{
854 margin: auto; 854 margin: auto;
855 margin-bottom: 15px; 855 margin-bottom: 15px;
856 } 856 }
857 .last-content-card{ 857 .last-content-card{
858 margin: auto; 858 margin: auto;
859 } 859 }
860 .card-align{ 860 .card-align{
861 margin: auto; 861 margin: auto;
862 } 862 }
863 } 863 }
864 864
865 .toggler { 865 .toggler {
866 width: 500px; 866 width: 500px;
867 height: 200px; 867 height: 200px;
868 } 868 }
869 #button { 869 #button {
870 padding: .5em 1em; 870 padding: .5em 1em;
871 text-decoration: none; 871 text-decoration: none;
872 } 872 }
873 #effect { 873 #effect {
874 position: relative; 874 position: relative;
875 width: 240px; 875 width: 240px;
876 height: 170px; 876 height: 170px;
877 padding: 0.4em; 877 padding: 0.4em;
878 } 878 }
879 #effect h3 { 879 #effect h3 {
880 margin: 0; 880 margin: 0;
881 padding: 0.4em; 881 padding: 0.4em;
882 text-align: center; 882 text-align: center;
883 } 883 }
884 884
885 #snackbar { 885 #snackbar {
886 visibility: hidden; 886 visibility: hidden;
887 min-width: 250px; 887 min-width: 250px;
888 margin-left: -125px; 888 margin-left: -125px;
889 background-color: #F44336; 889 background-color: #F44336;
890 color: #fff; 890 color: #fff;
891 text-align: center; 891 text-align: center;
892 border-radius: 2px; 892 border-radius: 2px;
893 padding: 16px; 893 padding: 16px;
894 position: fixed; 894 position: fixed;
895 z-index: 1; 895 z-index: 1;
896 left: 50%; 896 left: 50%;
897 bottom: 30px; 897 bottom: 30px;
898 font-size: 17px; 898 font-size: 17px;
899 } 899 }
900 900
901 #snackbar.show { 901 #snackbar.show {
902 visibility: visible; 902 visibility: visible;
903 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 903 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
904 animation: fadin 0.5s, fadout 0.5s 2.5s; 904 animation: fadin 0.5s, fadout 0.5s 2.5s;
905 } 905 }
906 906
907 @-webkit-keyframes fadin { 907 @-webkit-keyframes fadin {
908 from {bottom: 0; opacity: 0;} 908 from {bottom: 0; opacity: 0;}
909 to {bottom: 30px; opacity: 1;} 909 to {bottom: 30px; opacity: 1;}
910 } 910 }
911 911
912 @keyframes fadin { 912 @keyframes fadin {
913 from {bottom: 0; opacity: 0;} 913 from {bottom: 0; opacity: 0;}
914 to {bottom: 30px; opacity: 1;} 914 to {bottom: 30px; opacity: 1;}
915 } 915 }
916 916
917 @-webkit-keyframes fadout { 917 @-webkit-keyframes fadout {
918 from {bottom: 30px; opacity: 1;} 918 from {bottom: 30px; opacity: 1;}
919 to {bottom: 0; opacity: 0;} 919 to {bottom: 0; opacity: 0;}
920 } 920 }
921 921
922 @keyframes fadout { 922 @keyframes fadout {
923 from {bottom: 30px; opacity: 1;} 923 from {bottom: 30px; opacity: 1;}
924 to {bottom: 0; opacity: 0;} 924 to {bottom: 0; opacity: 0;}
925 } 925 }
926 926
927 927
928 #snacsskbar { 928 #snacsskbar {
929 visibility: hidden; 929 visibility: hidden;
930 min-width: 250px; 930 min-width: 250px;
931 margin-left: -125px; 931 margin-left: -125px;
932 background-color: #333; 932 background-color: #333;
933 color: #fff; 933 color: #fff;
934 text-align: center; 934 text-align: center;
935 border-radius: 2px; 935 border-radius: 2px;
936 padding: 16px; 936 padding: 16px;
937 position: fixed; 937 position: fixed;
938 z-index: 1; 938 z-index: 1;
939 left: 50%; 939 left: 50%;
940 top: 30px; 940 top: 30px;
941 font-size: 17px; 941 font-size: 17px;
942 } 942 }
943 943
944 #snacsskbar.show { 944 #snacsskbar.show {
945 visibility: visible; 945 visibility: visible;
946 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 946 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
947 animation: fadein 0.5s, fadeout 0.5s 2.5s; 947 animation: fadein 0.5s, fadeout 0.5s 2.5s;
948 } 948 }
949 949
950 @-webkit-keyframes fadein { 950 @-webkit-keyframes fadein {
951 from {top: 0; opacity: 0;} 951 from {top: 0; opacity: 0;}
952 to {top: 30px; opacity: 1;} 952 to {top: 30px; opacity: 1;}
953 } 953 }
954 954
955 @keyframes fadein { 955 @keyframes fadein {
956 from {top: 0; opacity: 0;} 956 from {top: 0; opacity: 0;}
957 to {top: 30px; opacity: 1;} 957 to {top: 30px; opacity: 1;}
958 } 958 }
959 959
960 @-webkit-keyframes fadeout { 960 @-webkit-keyframes fadeout {
961 from {top: 30px; opacity: 1;} 961 from {top: 30px; opacity: 1;}
962 to {top: 0; opacity: 0;} 962 to {top: 0; opacity: 0;}
963 } 963 }
964 964
965 @keyframes fadeout { 965 @keyframes fadeout {
966 from {top: 30px; opacity: 1;} 966 from {top: 30px; opacity: 1;}
967 to {top: 0; opacity: 0;} 967 to {top: 0; opacity: 0;}
968 } 968 }
969 969
970 input.hidden { 970 input.hidden {
971 position: absolute; 971 position: absolute;
972 left: -9999px; 972 left: -9999px;
973 } 973 }
974 974
975 #profile-image1 { 975 #profile-image1 {
976 cursor: pointer; 976 cursor: pointer;
977 width: 100px; 977 width: 100px;
978 height: 100px; 978 height: 100px;
979 border:2px solid #eee ; 979 border:2px solid #eee ;
980 } 980 }
981 981
982 .tital{ font-size:16px; font-weight:500;} 982 .tital{ font-size:16px; font-weight:500;}
983 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 983 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
984 .footerpadd{padding: 5px;} 984 .footerpadd{padding: 5px;}
985 985
986 986
987 .container1{ 987 .container1{
988 width: 100% 988 width: 100%
989 } 989 }
990 990
991 .no-margin{ 991 .no-margin{
992 margin: 0 0 0 !important; 992 margin: 0 0 0 !important;
993 } 993 }
994 .no-padding{ 994 .no-padding{
995 padding: 0 0 0 0 !important; 995 padding: 0 0 0 0 !important;
996 } 996 }
997 .select-stage{ 997 .select-stage{
998 margin: 10px 0; 998 margin: 10px 0;
999 } 999 }
1000 .cards-content{ 1000 .cards-content{
1001 margin-top: 40px; 1001 margin-top: 40px;
1002 } 1002 }
1003 .cards-content p{ 1003 .cards-content p{
1004 font-size: 13px; 1004 font-size: 13px;
1005 } 1005 }
1006 .q-card-align{ 1006 .q-card-align{
1007 margin-top: 15px; 1007 margin-top: 15px;
1008 } 1008 }
1009 .width-auto{ 1009 .width-auto{
1010 width: auto !important; 1010 width: auto !important;
1011 } 1011 }
1012 .margin-right-label{ 1012 .margin-right-label{
1013 margin-right: 20px; 1013 margin-right: 20px;
1014 } 1014 }
1015 .margin-right-label label{ 1015 .margin-right-label label{
1016 margin-left: 5px; 1016 margin-left: 5px;
1017 } 1017 }
1018 .apply-coupen-btn{ 1018 .apply-coupen-btn{
1019 position: absolute; 1019 position: absolute;
1020 top: -2px; 1020 top: -2px;
1021 right: 13px; 1021 right: 13px;
1022 border: none; 1022 border: none;
1023 height: 44px; 1023 height: 44px;
1024 color: #fff; 1024 color: #fff;
1025 background-color: #666; 1025 background-color: #666;
1026 width: 100px; 1026 width: 100px;
1027 } 1027 }
1028 .coupen-approved{ 1028 .coupen-approved{
1029 position: absolute; 1029 position: absolute;
1030 right: 120px; 1030 right: 120px;
1031 top: 6px; 1031 top: 6px;
1032 color: rgb(66, 181, 73); 1032 color: rgb(66, 181, 73);
1033 font-size: 30px !important; 1033 font-size: 30px !important;
1034 } 1034 }
1035 .right-side-links{ 1035 .right-side-links{
1036 margin-top: 12px; 1036 margin-top: 12px;
1037 } 1037 }
1038 .right-side-links a{ 1038 .right-side-links a{
1039 width: auto; 1039 width: auto;
1040 display: inline; 1040 display: inline;
1041 } 1041 }
1042 .right-side-links a:first-child{ 1042 .right-side-links a:first-child{
1043 border-right: 1px solid #fff; 1043 border-right: 1px solid #fff;
1044 padding-right: 4px; 1044 padding-right: 4px;
1045 } 1045 }
1046 1046
1047 @media (max-width: 768px){ 1047 @media (max-width: 768px){
1048 .cards-content{ 1048 .cards-content{
1049 margin-top: 15px; 1049 margin-top: 15px;
1050 margin-bottom: 30px; 1050 margin-bottom: 30px;
1051 } 1051 }
1052 .no-padding-mobile{ 1052 .no-padding-mobile{
1053 padding-left: 0 !important; 1053 padding-left: 0 !important;
1054 padding-right: 0 !important; 1054 padding-right: 0 !important;
1055 } 1055 }
1056 .sector-align .card-small{ 1056 .sector-align .card-small{
1057 height: 74px; 1057 height: 74px;
1058 } 1058 }
1059 .stages-card{ 1059 .stages-card{
1060 width: 92%; 1060 width: 92%;
1061 } 1061 }
1062 .right-stage-card{ 1062 .right-stage-card{
1063 float: right; 1063 float: right;
1064 } 1064 }
1065 .margin-auto-mobile{ 1065 .margin-auto-mobile{
1066 margin-left: 4%; 1066 margin-left: 4%;
1067 } 1067 }
1068 .card .thumbnail{ 1068 .card .thumbnail{
1069 padding: 15px 0 1px 0; 1069 padding: 15px 0 1px 0;
1070 } 1070 }
1071 .thumbnail > img, .thumbnail a > img{ 1071 .thumbnail > img, .thumbnail a > img{
1072 width: 50%; 1072 width: 50%;
1073 } 1073 }
1074 .right-side-links a{ 1074 .right-side-links a{
1075 display: block; 1075 display: block;
1076 width: 100%; 1076 width: 100%;
1077 } 1077 }
1078 .right-side-links a:first-child{ 1078 .right-side-links a:first-child{
1079 border-right: 0 solid #fff; 1079 border-right: 0 solid #fff;
1080 padding-right: 0; 1080 padding-right: 0;
1081 } 1081 }
1082 .right-side-links{ 1082 .right-side-links{
1083 margin-top: 0; 1083 margin-top: 0;
1084 } 1084 }
1085 .panel-default{ 1085 .panel-default{
1086 border-color: transparent; 1086 border-color: transparent;
1087 box-shadow: none; 1087 box-shadow: none;
1088 } 1088 }
1089 .modal-footers { 1089 .modal-footers {
1090 padding: 19px 20px 20px; 1090 padding: 19px 20px 20px;
1091 margin-top: 15px; 1091 margin-top: 15px;
1092 text-align: center !important; 1092 text-align: center !important;
1093 margin-bottom: 4px; 1093 margin-bottom: 4px;
1094 } 1094 }
1095 } 1095 }
1096 1096
1097 1097
1098 1098
1 <div class="header"> 1 <div class="header">
2 <div style="float: left;"> 2 <div style="float: left;">
3 <img src="images/white.png" class="logo" > 3 <img src="images/white.png" class="logo" >
4 </div> 4 </div>
5 <!-- <div style="float: right;"> 5 <!-- <div style="float: right;">
6 <input type="button" style="font-size:20px;color:#fff" class="btn submit-button" value="Register Now" ng-click="apply()"> 6 <input type="button" style="font-size:20px;color:#fff" class="btn submit-button" value="Register Now" ng-click="apply()">
7 </div> --> 7 </div> -->
8 <div class="clearfix"></div> 8 <div class="clearfix"></div>
9 </div> 9 </div>
10 <!-- CLOSE HEADER --> 10 <!-- CLOSE HEADER -->
11 <form name="homeForm"> 11 <form name="homeForm">
12 <div class="col-xs-12 col-md-10 col-md-offset-1"> 12 <div class="col-xs-12 col-md-10 col-md-offset-1">
13 <div class="col-xs-12"> 13 <div class="col-xs-12">
14 <div class="row"> 14 <div class="row">
15 <div class="col-sm-8"> 15 <div class="col-sm-8">
16 <div style="padding-top:2%;"> 16 <div style="padding-top:2%;">
17 <div style="font-size:17px"> 17 <div style="font-size:17px">
18 <b>Startup Jalsa</b> is a platform which brings together successful entrepreneurs with aspiring entrepreneurs - to help startups get funding ready.<br> 18 <b>Startup Jalsa</b> is a platform which brings together successful entrepreneurs with aspiring entrepreneurs - to help startups get funding ready.<br>
19 </div> 19 </div>
20 <ul style="font-size:17px"> 20 <ul style="font-size:17px">
21 <li>Watch <a href="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be/" target="_blank">Startup Jalsa 2016</a></li> 21 <li>Watch <a href="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be/" target="_blank">Startup Jalsa 2016</a></li>
22 <li>Watch what<a href="https://www.youtube.com/watch?v=v8jqTRzQqOI&index=2&list=PL_ieVNgs36HStvzUph85NUXjrZIXS_bTg/" target="_blank"> startups, mentors and investors think</a> about it.</li> 22 <li>Watch what<a href="https://www.youtube.com/watch?v=v8jqTRzQqOI&index=2&list=PL_ieVNgs36HStvzUph85NUXjrZIXS_bTg/" target="_blank"> startups, mentors and investors think</a> about it.</li>
23 <li>Watch how <a href="https://www.youtube.com/watch?v=eAFNFvCdvhY&feature=youtu.be" target="_blank">Startup Jalsa 2017</a> can help you.</li> 23 <li>Watch how <a href="https://www.youtube.com/watch?v=eAFNFvCdvhY&feature=youtu.be" target="_blank">Startup Jalsa 2017</a> can help you.</li>
24 </ul> 24 </ul>
25 <b>Become a part of our network and get access to leading entrepreneurs.</b><br> 25 <div style="padding-top:1%;font-size:16px"><b>Become a part of our network and get access to leading entrepreneurs.</b><br>
26 <div style="font-size:15px">There are Inspire and Invest editions for selection</div><br> 26 There are Inspire and Invest editions for selection:</div><br>
27 <ol style="margin-bottom: 0;"><li><b>Startup Jalsa Inspire edition (November 5, 2017 onwards across cities)</b></li></ol> 27 <ol style="margin-bottom: 0;font-size:15px"><li style="font-weight: bold;"><b>Startup Jalsa Inspire edition (November 5, 2017 onwards across cities)</b></li></ol>
28 <ul> 28 <ul>
29 <li><b>Registered startups will pitch </b>in front of a panel of top mentors and investors who will give one-on- one feedback on your idea.</li> 29 <li><b>Registered startups will pitch </b>in front of a panel of top mentors and investors who will give one-on- one feedback on your idea.</li>
30 <li>At each Inspire event per city, we will give <b>₹1 Lac cash-prize</b> to 1 idea stage startup to build their proof-of- concept.</li> 30 <li>At each Inspire event per city, we will give <b>₹1 Lac cash-prize</b> to 1 idea stage startup to build their proof-of- concept.</li>
31 <li>The shortlisted startups will get access to the Invest edition.</li> 31 <li>The shortlisted startups will get access to the Invest edition.</li>
32 </ul> 32 </ul>
33 <ol start="2" style="margin-bottom: 0;"><li><b>Startup Jalsa Invest edition (December 2 and 3, 2017 in Chandigarh)</b></li></ol> 33 <ol start="2" style="margin-bottom: 0;padding-top:1%;font-size:15px"><li style="font-weight:bold;"><b>Startup Jalsa Invest edition (December 2 and 3, 2017 in Chandigarh)</b></li></ol>
34 <ul> 34 <ul>
35 <li>Selected startups will spend 2 days with the top investors, entrepreneurs and policy makers.</li> 35 <li>Selected startups will spend 2 days with the top investors, entrepreneurs and policy makers.</li>
36 <li>1 product stage startup will get <b>guaranteed ₹1 Crore funding </b>from Startup Jalsa.</li> 36 <li>1 product stage startup will get <b>guaranteed ₹1 Crore funding </b>from Startup Jalsa.</li>
37 </ul> 37 </ul>
38 </div> 38 </div>
39 </div> 39 </div>
40 <div class="row"> 40 <div class="row">
41 <div class="col-sm-4"> 41 <div class="col-sm-4">
42 <div class="card" style="width:auto;"> 42 <div class="card" style="width:auto;">
43 <p style="font-size:15px;padding:5% 4%"><b>Inspire edition of Startup Jalsa is coming to the following cities:</b></p> 43 <p style="font-size:15px;padding:5% 4%"><b>Inspire edition of Startup Jalsa is coming to the following cities:</b></p>
44 <ul> 44 <ul>
45 <li>To be announced: <a href="http://startupjalsa.com/bengaluru/" target="_blank">Bengaluru</a></li> 45 <li>To be announced: <a href="http://startupjalsa.com/bengaluru/" target="_blank">Bengaluru</a></li>
46 <li>To be announced: <a href="http://startupjalsa.com/hyderabad/" target="_blank">Hyderabad</a></li> 46 <li>To be announced: <a href="http://startupjalsa.com/hyderabad/" target="_blank">Hyderabad</a></li>
47 <li>To be decided: <a href="http://startupjalsa.com/chennai/" target="_blank">Chennai</a></li> 47 <li>To be announced: <a href="http://startupjalsa.com/chennai/" target="_blank">Chennai</a></li>
48 <li>To be announced: <a href="http://startupjalsa.com/pune/" target="_blank">Pune</a></li> 48 <li>To be announced: <a href="http://startupjalsa.com/pune/" target="_blank">Pune</a></li>
49 <li>To be announced: <a href="http://startupjalsa.com/mumbai/" target="_blank">Mumbai</a></li> 49 <li>To be announced: <a href="http://startupjalsa.com/mumbai/" target="_blank">Mumbai</a></li>
50 <li>To be announced: <a href="http://startupjalsa.com/ahmedabad/" target="_blank">Ahmedabad</a></li> 50 <li>To be announced: <a href="http://startupjalsa.com/ahmedabad/" target="_blank">Ahmedabad</a></li>
51 <li>To be announced: <a href="http://startupjalsa.com/delhi/" target="_blank">Delhi</a></li> 51 <li>To be announced: <a href="http://startupjalsa.com/delhi/" target="_blank">Delhi</a></li>
52 </ul><br> 52 </ul><br>
53 </div> 53 </div>
54 </div> 54 </div>
55 </div><br> 55 </div><br>
56 <div class="col-sm-8"> 56 <div class="col-sm-12" style="text-align:center">
57 Fee: Idea stage ₹500 + GST/ Product stage ₹1000 + GST/ Growth stage ₹1000+ GST *<br><br> 57 <b>Fee: Idea stage ₹500 + GST/ Product stage ₹1000 + GST/ Growth stage ₹1000+ GST *</b><br><br>
58 <b>Deadline: 30 Oct 2017</b> 58 <b>Deadline: 30 Oct 2017</b>
59 </div> 59 </div>
60 </div><br> 60 </div><br>
61 <div style="text-align:center"> 61 <div style="text-align:center">
62 <input type="button" style="font-size:16px;color:#fff" class="btn submit-button" value="Register Now" ng-click="apply()"> 62 <input type="button" style="font-size:16px;color:#fff" class="btn submit-button" value="Register Now" ng-click="apply()">
63 </div><br> 63 </div><br>
64 * Fee will be increased by 50% post deadline<br> * A separate registration fee for Invest edition will be notified in due time. 64 <div style="font-size:15px">* Fee will be increased by 50% post deadline<br> * A separate registration fee for Invest edition will be notified in due time.</div><br>
65 </div> 65 </div>
66 </div> 66 </div>
67 <footer> 67 <footer>
68 <img id="footer" class="img-responsive banner"> 68 <img id="footer" class="img-responsive banner">
69 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center> 69 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center>
70 </footer> 70 </footer>
71 </form> 71 </form>
pages/registration.html
Diff comments   View file @163c5ad
1 <div class="header"> 1 <div class="header">
2 <div style="float: left;"> 2 <div style="float: left;">
3 <img src="images/white.png" class="logo" > 3 <img src="images/white.png" class="logo" >
4 </div> 4 </div>
5 <!-- <div style="float: right;" class="right-side-links"> 5 <!-- <div style="float: right;" class="right-side-links">
6 <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a> 6 <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
7 <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a> 7 <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
8 </div> --> 8 </div> -->
9 <div class="clearfix"></div> 9 <div class="clearfix"></div>
10 </div> 10 </div>
11 <!-- CLOSE HEADER --> 11 <!-- CLOSE HEADER -->
12 <form name="applicantForm" id="signupForm"> 12 <form name="applicantForm" id="signupForm">
13 <div class="col-xs-12 col-md-10 col-md-offset-1"> 13 <div class="col-xs-12 col-md-10 col-md-offset-1">
14 <p class="select-stage" style="font-size:16px;">Please select one stage.</p> 14 <p class="select-stage" style="font-size:16px;">Please select one stage.</p>
15 <div class="stage-shadow"> 15 <div class="stage-shadow">
16 <div class="stages card-align"> 16 <div class="stages card-align">
17 <div class="col-xs-4 no-padding"> 17 <div class="col-xs-4 no-padding">
18 <div class="card stages-card"> 18 <div class="card stages-card">
19 <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Idea')"> 19 <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Idea')">
20 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation"> 20 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
21 <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights"> 21 <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
22 <div class="card-content f-family"> 22 <div class="card-content f-family">
23 <p align="center">Idea</p> 23 <p align="center">Idea</p>
24 </div> 24 </div>
25 </label> 25 </label>
26 </div> 26 </div>
27 <div class="clearfix"></div> 27 <div class="clearfix"></div>
28 <div class="cards-content hidden-xs"> 28 <div class="cards-content hidden-xs">
29 <p> 29 <p>
30 &#x26AC; Have an idea and need execution help?<br> 30 &#x26AC; <b>Have an idea and need execution help?</b><br>
31 &#x26AC; Get feedback from mentors<br> 31 &#x26AC; Get feedback from mentors<br>
32 &#x26AC; Validate your idea. 32 &#x26AC; Validate your idea.
33 </p> 33 </p>
34 </div> 34 </div>
35 </div> 35 </div>
36 <div class="col-xs-4 no-padding-mobile"> 36 <div class="col-xs-4 no-padding-mobile">
37 <div class="card stages-card margin-auto-mobile"> 37 <div class="card stages-card margin-auto-mobile">
38 <input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')"> 38 <input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')">
39 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof"> 39 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
40 <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights"> 40 <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights">
41 <div class="card-content f-family"> 41 <div class="card-content f-family">
42 <p align="center">Product</p> 42 <p align="center">Product</p>
43 </div> 43 </div>
44 </label> 44 </label>
45 </div> 45 </div>
46 <div class="clearfix"></div> 46 <div class="clearfix"></div>
47 <div class="cards-content hidden-xs"> 47 <div class="cards-content hidden-xs">
48 <p> 48 <p>
49 &#x26AC; Have a prototype and want to take it to next level?<br> 49 &#x26AC; <b>Have a prototype and want to take it to next level?</b><br>
50 &#x26AC; Advice on fundraising<br> 50 &#x26AC; Advice on fundraising<br>
51 &#x26AC; Advice on go-to-market strategy 51 &#x26AC; Advice on go-to-market strategy
52 </p> 52 </p>
53 </div> 53 </div>
54 </div> 54 </div>
55 <div class="col-xs-4 no-padding"> 55 <div class="col-xs-4 no-padding">
56 <div class="card stages-card right-stage-card"> 56 <div class="card stages-card right-stage-card">
57 <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')"> 57 <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')">
58 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta"> 58 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
59 <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights"> 59 <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
60 <div class="card-content f-family"> 60 <div class="card-content f-family">
61 <p align="center">Growth</p> 61 <p align="center">Growth</p>
62 </div> 62 </div>
63 </label> 63 </label>
64 </div> 64 </div>
65 <div class="clearfix"></div> 65 <div class="clearfix"></div>
66 <div class="cards-content hidden-xs"> 66 <div class="cards-content hidden-xs">
67 <p> 67 <p>
68 &#x26AC; Have traction and looking to scale up?<br> 68 &#x26AC; <b>Have traction and looking to scale up?</b><br>
69 &#x26AC; Connect with Series A investors<br> 69 &#x26AC; Connect with Series A investors<br>
70 &#x26AC; Connect and hire top startups 70 &#x26AC; Connect and hire top startups
71 </p> 71 </p>
72 </div> 72 </div>
73 </div> 73 </div>
74 <div class="clearfix"></div> 74 <div class="clearfix"></div>
75 </div> 75 </div>
76 <div class="clearfix"></div> 76 <div class="clearfix"></div>
77 </div> 77 </div>
78 <div class="hidden-sm hidden-md hidden-lg"> 78 <div class="hidden-sm hidden-md hidden-lg">
79 <div class="cards-content" ng-if="data.stage == 'Idea'"> 79 <div class="cards-content" ng-if="data.stage == 'Idea'">
80 <p> 80 <p>
81 &#x26AC; Have an idea and need execution help?<br> 81 &#x26AC; Have an idea and need execution help?<br>
82 &#x26AC; Get feedback from mentors<br> 82 &#x26AC; Get feedback from mentors<br>
83 &#x26AC; Validate your idea. 83 &#x26AC; Validate your idea.
84 </p> 84 </p>
85 </div> 85 </div>
86 <div class="cards-content" ng-if="data.stage == 'Product'"> 86 <div class="cards-content" ng-if="data.stage == 'Product'">
87 <p> 87 <p>
88 &#x26AC; Have a prototype and want to take it to next level?<br> 88 &#x26AC; Have a prototype and want to take it to next level?<br>
89 &#x26AC; Advice on fundraising<br> 89 &#x26AC; Advice on fundraising<br>
90 &#x26AC; Advice on go-to-market strategy 90 &#x26AC; Advice on go-to-market strategy
91 </p> 91 </p>
92 </div> 92 </div>
93 <div class="cards-content" ng-if="data.stage == 'Growth'"> 93 <div class="cards-content" ng-if="data.stage == 'Growth'">
94 <p> 94 <p>
95 &#x26AC; Have traction and looking to scale up?<br> 95 &#x26AC; Have traction and looking to scale up?<br>
96 &#x26AC; Connect with Series A investors<br> 96 &#x26AC; Connect with Series A investors<br>
97 &#x26AC; Connect and hire top startups 97 &#x26AC; Connect and hire top startups
98 </p> 98 </p>
99 </div> 99 </div>
100 </div> 100 </div>
101 <!-- CLOSE STAGE SHADOW --> 101 <!-- CLOSE STAGE SHADOW -->
102 <div class="form-all"> 102 <div class="form-all">
103 <div class="col-xs-12 col-md-6 input-wrapper"> 103 <div class="col-xs-12 col-md-6 input-wrapper">
104 <div id="snackbar">Error ! Please fill in all fields.</div> 104 <div id="snackbar">Error ! Please fill in all fields.</div>
105 <div class="icon-circle-c"> 105 <div class="icon-circle-c">
106 <i class="material-icons" style="line-height: 31px;">assignment_ind</i> 106 <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
107 </div> 107 </div>
108 <input type="text" class="text-input" required ng-model="data.firstName" placeholder="First Name" id="myBtn" name="firstName" ng-change="entername(data.firstName); firstNamekeyPress(data.firstName)"> 108 <input type="text" class="text-input" required ng-model="data.firstName" placeholder="First Name" id="myBtn" name="firstName" ng-change="entername(data.firstName); firstNamekeyPress(data.firstName)">
109 </div> 109 </div>
110 <div class="col-xs-12 col-md-6 input-wrapper"> 110 <div class="col-xs-12 col-md-6 input-wrapper">
111 <div id="snackbar">Error ! Please fill in all fields.</div> 111 <div id="snackbar">Error ! Please fill in all fields.</div>
112 <div class="icon-circle-x"> 112 <div class="icon-circle-x">
113 <i class="material-icons" style="line-height: 31px;">assignment_ind</i> 113 <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
114 </div> 114 </div>
115 <input type="text" class="text-input" required ng-model="data.lastName" placeholder="Last Name" id="myBtn" name="lastName" ng-change="entername(data.lastName); lastNamekeyPress(data.lastName)"> 115 <input type="text" class="text-input" required ng-model="data.lastName" placeholder="Last Name" id="myBtn" name="lastName" ng-change="entername(data.lastName); lastNamekeyPress(data.lastName)">
116 </div> 116 </div>
117 <div class="col-xs-12 col-md-6 input-wrapper"> 117 <div class="col-xs-12 col-md-6 input-wrapper">
118 <div id="snackbar">Error ! Please fill in all fields.</div> 118 <div id="snackbar">Error ! Please fill in all fields.</div>
119 <div class="icon-circle-d"> 119 <div class="icon-circle-d">
120 <i class="material-icons" style="line-height: 30px;">email</i> 120 <i class="material-icons" style="line-height: 30px;">email</i>
121 </div> 121 </div>
122 <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)"> 122 <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)">
123 <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> 123 <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
124 <label ng-if="check">Email already exist.</label> 124 <label ng-if="check">Email already exist.</label>
125 </div> 125 </div>
126 <div class="col-xs-12 col-md-6 input-wrapper f-family"> 126 <div class="col-xs-12 col-md-6 input-wrapper f-family">
127 <div class="icon-circle-f"> 127 <div class="icon-circle-f">
128 <i class="material-icons" style="line-height: 30px;">location_city</i> 128 <i class="material-icons" style="line-height: 30px;">location_city</i>
129 </div> 129 </div>
130 <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;"> 130 <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;">
131 <option name="city" selected disabled value="">Choose City</option> 131 <option name="city" selected disabled value="">Choose City</option>
132 <option value="Agra">Agra</option> 132 <option value="Agra">Agra</option>
133 <option value="Ahmedabad">Ahmedabad</option> 133 <option value="Ahmedabad">Ahmedabad</option>
134 <option value="Ajmer">Ajmer</option> 134 <option value="Ajmer">Ajmer</option>
135 <option value="Aligarh">Aligarh</option> 135 <option value="Aligarh">Aligarh</option>
136 <option value="Allahabad">Allahabad</option> 136 <option value="Allahabad">Allahabad</option>
137 <option value="Ambattur">Ambattur</option> 137 <option value="Ambattur">Ambattur</option>
138 <option value="Amravati">Amravati</option> 138 <option value="Amravati">Amravati</option>
139 <option value="Amritsar">Amritsar</option> 139 <option value="Amritsar">Amritsar</option>
140 <option value="Asansol">Asansol</option> 140 <option value="Asansol">Asansol</option>
141 <option value="Aurangabad">Aurangabad</option> 141 <option value="Aurangabad">Aurangabad</option>
142 <option value="Bareilly">Bareilly</option> 142 <option value="Bareilly">Bareilly</option>
143 <option value="Belgaum">Belgaum</option> 143 <option value="Belgaum">Belgaum</option>
144 <option value="Bengaluru">Bengaluru</option> 144 <option value="Bengaluru">Bengaluru</option>
145 <option value="Bhavnagar">Bhavnagar</option> 145 <option value="Bhavnagar">Bhavnagar</option>
146 <option value="Bhayander">Bhayander</option> 146 <option value="Bhayander">Bhayander</option>
147 <option value="Bhilai Nagar">Bhilai Nagar</option> 147 <option value="Bhilai Nagar">Bhilai Nagar</option>
148 <option value="Bhiwandi">Bhiwandi</option> 148 <option value="Bhiwandi">Bhiwandi</option>
149 <option value="Bhopal">Bhopal</option> 149 <option value="Bhopal">Bhopal</option>
150 <option value="Bhubaneswar">Bhubaneswar</option> 150 <option value="Bhubaneswar">Bhubaneswar</option>
151 <option value="Bikaner">Bikaner</option> 151 <option value="Bikaner">Bikaner</option>
152 <option value="Chandigarh">Chandigarh</option> 152 <option value="Chandigarh">Chandigarh</option>
153 <option value="Chennai">Chennai</option> 153 <option value="Chennai">Chennai</option>
154 <option value="Chinchwad">Chinchwad</option> 154 <option value="Chinchwad">Chinchwad</option>
155 <option value="Coimbatore">Coimbatore</option> 155 <option value="Coimbatore">Coimbatore</option>
156 <option value="Cuttack">Cuttack</option> 156 <option value="Cuttack">Cuttack</option>
157 <option value="Dehradun">Dehradun</option> 157 <option value="Dehradun">Dehradun</option>
158 <option value="Delhi-NCR">Delhi-NCR</option> 158 <option value="Delhi-NCR">Delhi-NCR</option>
159 <option value="Dhanbad">Dhanbad</option> 159 <option value="Dhanbad">Dhanbad</option>
160 <option value="Dharwad">Dharwad</option> 160 <option value="Dharwad">Dharwad</option>
161 <option value="Dombivali">Dombivali</option> 161 <option value="Dombivali">Dombivali</option>
162 <option value="Durgapur">Durgapur</option> 162 <option value="Durgapur">Durgapur</option>
163 <option value="Faridabad">Faridabad</option> 163 <option value="Faridabad">Faridabad</option>
164 <option value="Firozabad">Firozabad</option> 164 <option value="Firozabad">Firozabad</option>
165 <option value="Gaya">Gaya</option> 165 <option value="Gaya">Gaya</option>
166 <option value="Ghaziabad">Ghaziabad</option> 166 <option value="Ghaziabad">Ghaziabad</option>
167 <option value="Gorakhpur">Gorakhpur</option> 167 <option value="Gorakhpur">Gorakhpur</option>
168 <option value="Gulbarga">Gulbarga</option> 168 <option value="Gulbarga">Gulbarga</option>
169 <option value="Guntur">Guntur</option> 169 <option value="Guntur">Guntur</option>
170 <option value="Gurgaon">Gurgaon</option> 170 <option value="Gurgaon">Gurgaon</option>
171 <option value="Guwahati">Guwahati</option> 171 <option value="Guwahati">Guwahati</option>
172 <option value="Gwalior">Gwalior</option> 172 <option value="Gwalior">Gwalior</option>
173 <option value="Haora">Haora</option> 173 <option value="Haora">Haora</option>
174 <option value="Hubli">Hubli</option> 174 <option value="Hubli">Hubli</option>
175 <option value="Hyderabad">Hyderabad</option> 175 <option value="Hyderabad">Hyderabad</option>
176 <option value="Indore">Indore</option> 176 <option value="Indore">Indore</option>
177 <option value="Jabalpur">Jabalpur</option> 177 <option value="Jabalpur">Jabalpur</option>
178 <option value="Jaipur">Jaipur</option> 178 <option value="Jaipur">Jaipur</option>
179 <option value="Jalandhar">Jalandhar</option> 179 <option value="Jalandhar">Jalandhar</option>
180 <option value="Jalgaon">Jalgaon</option> 180 <option value="Jalgaon">Jalgaon</option>
181 <option value="Jammu">Jammu</option> 181 <option value="Jammu">Jammu</option>
182 <option value="Jamnagar">Jamnagar</option> 182 <option value="Jamnagar">Jamnagar</option>
183 <option value="Jamshedpur">Jamshedpur</option> 183 <option value="Jamshedpur">Jamshedpur</option>
184 <option value="Jhansi">Jhansi</option> 184 <option value="Jhansi">Jhansi</option>
185 <option value="Jodhpur">Jodhpur</option> 185 <option value="Jodhpur">Jodhpur</option>
186 <option value="Kalyan">Kalyan</option> 186 <option value="Kalyan">Kalyan</option>
187 <option value="Kanpur">Kanpur</option> 187 <option value="Kanpur">Kanpur</option>
188 <option value="Kochi">Kochi</option> 188 <option value="Kochi">Kochi</option>
189 <option value="Kolapur">Kolapur</option> 189 <option value="Kolapur">Kolapur</option>
190 <option value="Kolkata">Kolkata</option> 190 <option value="Kolkata">Kolkata</option>
191 <option value="Kota">Kota</option> 191 <option value="Kota">Kota</option>
192 <option value="Loni">Loni</option> 192 <option value="Loni">Loni</option>
193 <option value="Lucknow">Lucknow</option> 193 <option value="Lucknow">Lucknow</option>
194 <option value="Ludhiana">Ludhiana</option> 194 <option value="Ludhiana">Ludhiana</option>
195 <option value="Madurai">Madurai</option> 195 <option value="Madurai">Madurai</option>
196 <option value="Maheshtala">Maheshtala</option> 196 <option value="Maheshtala">Maheshtala</option>
197 <option value="Malegoan">Malegoan</option> 197 <option value="Malegoan">Malegoan</option>
198 <option value="Mangalore">Mangalore</option> 198 <option value="Mangalore">Mangalore</option>
199 <option value="Meerut">Meerut</option> 199 <option value="Meerut">Meerut</option>
200 <option value="Mira">Mira</option> 200 <option value="Mira">Mira</option>
201 <option value="Moradabad">Moradabad</option> 201 <option value="Moradabad">Moradabad</option>
202 <option value="Mumbai">Mumbai</option> 202 <option value="Mumbai">Mumbai</option>
203 <option value="Mysore">Mysore</option> 203 <option value="Mysore">Mysore</option>
204 <option value="Nagpur">Nagpur</option> 204 <option value="Nagpur">Nagpur</option>
205 <option value="Nanded Waghala">Nanded Waghala</option> 205 <option value="Nanded Waghala">Nanded Waghala</option>
206 <option value="Nashik">Nashik</option> 206 <option value="Nashik">Nashik</option>
207 <option value="Navi Mumbai">Navi Mumbai</option> 207 <option value="Navi Mumbai">Navi Mumbai</option>
208 <option value="Nellore">Nellore</option> 208 <option value="Nellore">Nellore</option>
209 <option value="Noida">Noida</option> 209 <option value="Noida">Noida</option>
210 <option value="Patna">Patna</option> 210 <option value="Patna">Patna</option>
211 <option value="Pimpri">Pimpri</option> 211 <option value="Pimpri">Pimpri</option>
212 <option value="Pune">Pune</option> 212 <option value="Pune">Pune</option>
213 <option value="Raipur">Raipur</option> 213 <option value="Raipur">Raipur</option>
214 <option value="Rajkot">Rajkot</option> 214 <option value="Rajkot">Rajkot</option>
215 <option value="Ranchi">Ranchi</option> 215 <option value="Ranchi">Ranchi</option>
216 <option value="Saharanpur">Saharanpur</option> 216 <option value="Saharanpur">Saharanpur</option>
217 <option value="Salem">Salem</option> 217 <option value="Salem">Salem</option>
218 <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option> 218 <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option>
219 <option value="Siliguri">Siliguri</option> 219 <option value="Siliguri">Siliguri</option>
220 <option value="Solapur">Solapur</option> 220 <option value="Solapur">Solapur</option>
221 <option value="Srinagar">Srinagar</option> 221 <option value="Srinagar">Srinagar</option>
222 <option value="Surat">Surat</option> 222 <option value="Surat">Surat</option>
223 <option value="Thane">Thane</option> 223 <option value="Thane">Thane</option>
224 <option value="Thiruvananthapuram">Thiruvananthapuram</option> 224 <option value="Thiruvananthapuram">Thiruvananthapuram</option>
225 <option value="Tiruchirappalli">Tiruchirappalli</option> 225 <option value="Tiruchirappalli">Tiruchirappalli</option>
226 <option value="Tirunelveli">Tirunelveli</option> 226 <option value="Tirunelveli">Tirunelveli</option>
227 <option value="Udaipur">Udaipur</option> 227 <option value="Udaipur">Udaipur</option>
228 <option value="Ujjain">Ujjain</option> 228 <option value="Ujjain">Ujjain</option>
229 <option value="Ulhasnagar">Ulhasnagar</option> 229 <option value="Ulhasnagar">Ulhasnagar</option>
230 <option value="Vadodara">Vadodara</option> 230 <option value="Vadodara">Vadodara</option>
231 <option value="Varanasi">Varanasi</option> 231 <option value="Varanasi">Varanasi</option>
232 <option value="Vasai Virar">Vasai Virar</option> 232 <option value="Vasai Virar">Vasai Virar</option>
233 <option value="Vijayawada">Vijayawada</option> 233 <option value="Vijayawada">Vijayawada</option>
234 <option value="Visakhapatnam">Visakhapatnam</option> 234 <option value="Visakhapatnam">Visakhapatnam</option>
235 <option value="Warangal">Warangal</option> 235 <option value="Warangal">Warangal</option>
236 <option value="anyOther">Any other</option> 236 <option value="anyOther">Any other</option>
237 </select> 237 </select>
238 </div> 238 </div>
239 <div class="col-xs-12 col-md-12 f-family line-adjust"> 239 <div class="col-xs-12 col-md-12 f-family line-adjust">
240 <strong>Which city meet-up would you like to attend? </strong> 240 <strong>Which city meet-up would you like to attend? </strong>
241 <p class="line-space" ></p> 241 <p class="line-space" ></p>
242 </div> 242 </div>
243 </div> 243 <div class="col-xs-12 col-md-6 input-wrapper f-family">
244 <div class="col-xs-12 col-md-12 input-wrapper f-family">
245 <div class="icon-circle-p"> 244 <div class="icon-circle-p">
246 <i class="material-icons" style="line-height: 30px;">location_city</i> 245 <i class="material-icons" style="line-height: 30px;">location_city</i>
247 </div> 246 </div>
248 <select name="businessmodel" ng-model="data.business" ng-change="enterbusiness(data.business); businesskeyPress(data.business)" required style="background-color: #fff;border-radius: 0; font-size: 12px;"> 247 <select name="citymeetup" ng-model="data.citymeetup" ng-change="enterbusiness(data.citymeetup); businesskeyPress(data.citymeetup)" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
249 <option selected disabled value="">City meet-up</option> 248 <option selected disabled value="">City meet-up</option>
250 <option value="B2B">November 5: Bengaluru</option> 249 <option value="Bengaluru">To be announced: Bengaluru</option>
251 <option value="B2C">November 10: Hyderabad</option> 250 <option value="Hyderabad">To be announced: Hyderabad</option>
252 <option value="B2G">To be decided: Chennai</option> 251 <option value="Chennai">To be announced: Chennai</option>
253 <option value="B2B">November 17: Pune</option> 252 <option value="Pune">To be announced: Pune</option>
254 <option value="B2C">November 19: Mumbai</option> 253 <option value="Mumbai">To be announced: Mumbai</option>
255 <option value="B2G">November 27: Ahmedabad</option> 254 <option value="Ahmedabad">To be announced: Ahmedabad</option>
256 <option value="B2G">November 29: Delhi</option> 255 <option value="Delhi">To be announced: Delhi</option>
256 </select>
257 </div>
258 <div class="col-xs-12 col-md-6 input-wrapper f-family">
259 <div class="icon-circle-abcdefg">
260 <i class="material-icons" style="line-height: 30px;">open_with</i>
261 </div>
262 <select name="industry" ng-model="data.industry" ng-change="industry(data.industry); industrykeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
263 <option selected disabled value="">Choose Industry</option>
264 <option value="Travel">Travel</option>
265 <option value="Retail">Retail</option>
266 <option value="Editech">Editech</option>
267 <option value="Fintech">Fintech</option>
268 <option value="Hardware">Hardware</option>
269 <option value="Digital">Digital</option>
270 <option value="Rural">Rural</option>
271 <option value="others">Others</option>
257 </select> 272 </select>
258 </div> 273 </div>
259 <div class="col-xs-12 col-md-6 input-wrapper"> 274 <div class="col-xs-12 col-md-6 input-wrapper">
260 <div class="icon-circle-e"> 275 <div class="icon-circle-e">
261 <i class="material-icons" style="line-height: 30px;">phone</i> 276 <i class="material-icons" style="line-height: 30px;">phone</i>
262 </div> 277 </div>
263 <input type="number" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-blur="numbercheck(data.number)" ng-model="data.number" placeholder="Mobile No." ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)"> 278 <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-blur="numbercheck(data.number)" ng-model="data.number" placeholder="Mobile No." ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
264 <label ng-if="numberCheck">Contact Number already exist.</label> 279 <label ng-if="numberCheck">Contact Number already exist.</label>
265 </div> 280 </div>
266 <div class="col-xs-12 col-md-6 input-wrapper"> 281 <div class="col-xs-12 col-md-6 input-wrapper">
267 <div id="snackbar">Error ! Please fill in all fields.</div> 282 <div id="snackbar">Error ! Please fill in all fields.</div>
268 <div class="icon-circle-h"> 283 <div class="icon-circle-h">
269 <i class="material-icons" style="line-height: 31px;">link</i> 284 <i class="material-icons" style="line-height: 31px;">link</i>
270 </div> 285 </div>
271 <input type="text" class="text-input" ng-model="data.linkedInUrl" placeholder="LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)"> 286 <input type="text" class="text-input" ng-model="data.linkedInUrl" placeholder="LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)">
272 </div> 287 </div>
273 <div class="col-xs-12 col-md-12 f-family line-adjust"> 288 <div class="col-xs-12 col-md-12 f-family line-adjust">
274 <strong>Explain your idea briefly</strong> 289 <strong>Explain your idea/product briefly</strong>
275 <p class="line-space" ></p> 290 <p class="line-space" ></p>
276 </div> 291 </div>
277 <div class="col-xs-12 col-md-12 input-wrapper"> 292 <div class="col-xs-12 col-md-12 input-wrapper">
278 <div id="snackbar">Error ! Please fill in all fields.</div> 293 <div id="snackbar">Error ! Please fill in all fields.</div>
279 <div class="icon-circle-q"> 294 <div class="icon-circle-q">
280 <i class="material-icons" style="line-height: 31px;">thumb_up</i> 295 <i class="material-icons" style="line-height: 31px;">thumb_up</i>
281 </div> 296 </div>
282 <textarea type="text" class="text-input" required ng-model="data.idea" placeholder="Idea" id="myBtn" name="Idea" ng-change="entername(data.idea); ideakeyPress(data.idea)"> 297 <textarea type="text" class="text-input" required ng-model="data.idea" placeholder="Idea/Product" id="myBtn" name="Idea" ng-change="entername(data.idea); ideakeyPress(data.idea)">
283 </textarea> 298 </textarea>
284 </div> 299 </div>
285 <div class="col-xs-12 col-md-6 input-wrapper"> 300 <div class="col-xs-12 col-md-6 input-wrapper">
286 <div id="snackbar">Error ! Please fill in all fields.</div> 301 <div id="snackbar">Error ! Please fill in all fields.</div>
287 <div class="icon-circle-i"> 302 <div class="icon-circle-i">
288 <i class="material-icons" style="line-height: 31px;">business</i> 303 <i class="material-icons" style="line-height: 31px;">business</i>
289 </div> 304 </div>
290 <input type="text" class="text-input" ng-model="data.companyName" placeholder="Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)"> 305 <input type="text" class="text-input" ng-model="data.companyName" placeholder="Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)">
291 </div> 306 </div>
292 <div class="col-xs-12 col-md-6 input-wrapper"> 307 <div class="col-xs-12 col-md-6 input-wrapper">
293 <div id="snackbar">Error ! Please fill in all fields.</div> 308 <div id="snackbar">Error ! Please fill in all fields.</div>
294 <div class="icon-circle-j"> 309 <div class="icon-circle-j">
295 <i class="material-icons" style="line-height: 31px;">view_comfy</i> 310 <i class="material-icons" style="line-height: 31px;">view_comfy</i>
296 </div> 311 </div>
297 <input type="text" class="text-input" ng-model="data.productName" placeholder="Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)"> 312 <input type="text" class="text-input" ng-model="data.productName" placeholder="Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)">
298 </div> 313 </div>
299 314 <div class="hideform" ng-if="prototyp">
300 <div class="clearfix"></div> 315 <!-- <div class="col-xs-12 col-md-6 f-family line-adjust">
301 <div class="identity-shadow"> 316 <strong>Product Launch? </strong>
317 <p class="line-space" ></p>
318 </div> -->
319 <div class="col-xs-12 col-md-6 input-wrapper f-family">
320 <p><b>Product Launch?</b></p>
302 <div class="icon-circle-ab"> 321 <div class="icon-circle-ab">
303 <i class="material-icons" style="line-height: 30px;">launch</i> 322 <i class="material-icons" style="line-height: 30px;">launch</i>
304 </div> 323 </div>
305 <div class="identity-question"> 324 <select name="productLaunch" ng-model="data.productLaunch" ng-change="productLaunch(data.productLaunch); productLaunchkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
306 <div class="col-xs-6 font f-family" style="margin:10px 10px 0px 10px;"> 325 <option selected disabled value="">Select</option>
307 <b>Product Launched?</b> 326 <option value="Yes">Yes</option>
308 <p style="color:grey"></p> 327 <option value="No">No</option>
309 </div> 328 </select>
310 <div class="clearfix"></div>
311 </div>
312 <div class="stages identity-align">
313 <div class="col-xs-6">
314 <label class="card-small margin-right-label">
315 <input type="radio" value="yes" ng-model="data.productlaunch" class="option-input-a radio-a pull-left" id="yesRadio" ng-change="productlaunch(data.productlaunch); studentkeyPress()" name="productlaunch" ng-click="show='a'">
316 <!-- <img src="images/RURAL_ICON.png"> -->
317 <label class="f-family pull-left width-auto" for="yesRadio">Yes</label>
318 </label>
319 <label class="card-small margin-right-label">
320 <input type="radio" value="no" ng-model="data.productlaunch" class="option-input-a radio-a pull-left" id="noRadio" ng-change="productlaunch(data.productlaunch); studentkeyPress()" name="productlaunch" ng-click="show='b'">
321 <!-- <img src="images/education.png"> -->
322 <label class="f-family pull-left width-auto" for="noRadio">No</label>
323 </label>
324 </div>
325 </div>
326 <!-- CLOSE stages identity-align -->
327 <div class="clearfix"></div>
328 </div> 329 </div>
329 <div class="identity-shadow"> 330 <!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
331 <strong>Product Launch Period </strong>
332 <p class="line-space" ></p>
333 </div> -->
334 <div class="col-xs-12 col-md-6 input-wrapper f-family">
335 <p><b>Product Launch Period</b></p>
330 <div class="icon-circle-abc"> 336 <div class="icon-circle-abc">
331 <i class="material-icons" style="line-height: 30px;">launch</i> 337 <i class="material-icons" style="line-height: 30px;">launch</i>
332 </div> 338 </div>
333 <div class="identity-question"> 339 <select name="launchPeriod" ng-model="data.launchPeriod" ng-change="launchPeriod(data.launchPeriod); launchPeriodkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
334 <div class="col-xs-6 font f-family" style="margin:10px 10px 0px 10px;"> 340 <option selected disabled value="">Select</option>
335 <b>Product Launch Period</b> 341 <option value="less than 1 Month">less than one month</option>
336 <p style="color:grey"></p> 342 <option value="less than 6 Months">less than 6 months</option>
337 </div> 343 <option value="more than 6 Months">more than 6 months</option>
338 <div class="clearfix"></div> 344 </select>
339 </div> 345 </div>
340 <div class="stages identity-align">
341 <div class="col-xs-6">
342 <label class="card-small margin-right-label">
343 <input type="radio" value="lessOneMonth" ng-model="data.launchPeriod" class="option-input-a radio-a pull-left" id="lessOneMonthRadio" ng-change="launchPeriod(data.launchPeriod); productLaunchkeyPress()" name="launchPeriod" ng-click="show='a'">
344 <!-- <img src="images/RURAL_ICON.png"> -->
345 <label class="f-family pull-left width-auto" for="lessOneMonthRadio">less than one month</label>
346 </label>
347 <label class="card-small margin-right-label">
348 <input type="radio" value="lessSixMonths" ng-model="data.launchPeriod" class="option-input-a radio-a pull-left" id="lessSixMonthsRadio" ng-change="launchPeriod(data.launchPeriod); productLaunchkeyPress()" name="launchPeriod" ng-click="show='b'">
349 <!-- <img src="images/education.png"> -->
350 <label class="f-family pull-left width-auto" for="lessSixMonthsRadio">less than 6 months</label>
351 </label>
352 <label class="card-small margin-right-label">
353 <input type="radio" value="moreSixMonths" ng-model="data.launchPeriod" class="option-input-a radio-a pull-left" id="moreSixMonthsRadio" ng-change="launchPeriod(data.launchPeriod); productLaunchkeyPress()" name="launchPeriod" ng-click="show='c'">
354 <!-- <img src="images/education.png"> -->
355 <label class="f-family pull-left width-auto" for="moreSixMonthsRadio">more than 6 months</label>
356 </label>
357 </div>
358 </div>
359 <!-- CLOSE stages identity-align -->
360 <div class="clearfix"></div>
361 </div>
362 <div class="col-xs-12 col-md-12 input-wrapper">
363 <div id="snackbar">Error ! Please fill in all fields.</div>
364 <div class="icon-circle-z">
365 <i class="material-icons" style="line-height: 31px;">description</i>
366 </div>
367 <textarea type="text" class="text-input" ng-model="data.productDescription" placeholder="Product Description" id="myBtn" name="productDescription" ng-change="entername(data.productDescription); descriptionkeyPress(data.productDescription)">
368 </textarea>
369 </div>
370 <div class="col-xs-12 col-md-6 input-wrapper"> 346 <div class="col-xs-12 col-md-6 input-wrapper">
371 <div id="snackbar">Error ! Please fill in all fields.</div> 347 <div id="snackbar">Error ! Please fill in all fields.</div>
372 <div class="icon-circle-k"> 348 <div class="icon-circle-k">
373 <i class="material-icons" style="line-height: 31px;">web</i> 349 <i class="material-icons" style="line-height: 31px;">web</i>
374 </div> 350 </div>
375 <input type="text" class="text-input" ng-model="data.websiteUrl" placeholder="Website URL" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)"> 351 <input type="text" class="text-input" ng-model="data.websiteUrl" placeholder="Website URL" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)">
376 </div> 352 </div>
377 <div class="col-xs-12 col-md-6 input-wrapper"> 353 <div class="col-xs-12 col-md-6 input-wrapper">
378 <div id="snackbar">Error ! Please fill in all fields.</div> 354 <div id="snackbar">Error ! Please fill in all fields.</div>
379 <div class="icon-circle-m"> 355 <div class="icon-circle-m">
380 <i class="material-icons" style="line-height: 31px;">link</i> 356 <i class="material-icons" style="line-height: 31px;">link</i>
381 </div> 357 </div>
382 <input type="text" class="text-input" ng-model="data.demoLink" placeholder="Link to your product/app/demo" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)"> 358 <input type="text" class="text-input" ng-model="data.demoLink" placeholder="Link to your product/app/demo" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)">
383 </div> 359 </div>
384 <div class="col-xs-12 col-md-6 input-wrapper"> 360 <div class="col-xs-12 col-md-6 input-wrapper">
385 <div id="snackbar">Error ! Please fill in all fields.</div> 361 <div id="snackbar">Error ! Please fill in all fields.</div>
386 <div class="icon-circle-l"> 362 <div class="icon-circle-l">
387 <i class="material-icons" style="line-height: 31px;">format_list_numbered</i> 363 <i class="material-icons" style="line-height: 31px;">format_list_numbered</i>
388 </div> 364 </div>
389 <input type="number" class="text-input" ng-model="data.numberOfEmployees" placeholder="Number of Employees" id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)"> 365 <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-model="data.numberOfEmployees" placeholder="Number of Employees" id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)">
390 </div> 366 </div>
391 <div class="col-xs-12 col-md-6 input-wrapper"> 367 <div class="col-xs-12 col-md-6 input-wrapper">
392 <div id="snackbar">Error ! Please fill in all fields.</div> 368 <div id="snackbar">Error ! Please fill in all fields.</div>
393 <div class="icon-circle-n"> 369 <div class="icon-circle-n">
394 <i class="material-icons" style="line-height: 31px;">view_stream</i> 370 <i class="material-icons" style="line-height: 31px;">view_stream</i>
395 </div> 371 </div>
396 <input type="text" class="text-input" ng-model="data.revenueMonth" placeholder="Monthly Revenue" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)"> 372 <input type="text" class="text-input" ng-model="data.revenueMonth" placeholder="Monthly Revenue" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)">
397 </div> 373 </div>
398 <div class="clearfix"></div> 374 <div class="col-xs-12 col-md-12 input-wrapper f-family">
399 <div class="identity-shadow"> 375 <p><b>Have you risen any funding yet?</b></p>
400 <div class="icon-circle-abcdefg"> 376 <div class="icon-circle-bc">
401 <i class="material-icons" style="line-height: 30px;">open_with</i> 377 <i class="material-icons" style="line-height: 30px;">payment</i>
402 </div>
403 <div class="identity-question">
404 <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
405 <b>Industry</b>
406 <p style="color:grey"></p>
407 </div>
408 <div class="clearfix"></div>
409 </div>
410 <div class="stages identity-align">
411 <div class="col-xs-12">
412 <label class="card-small margin-right-label">
413 <input type="radio" required value="Travel" ng-model="data.industry" class="option-input-a radio-a pull-left" id="travelRadio" ng-change="industry(data.industry); industrykeyPress()" name="industry" ng-click="show='a'">
414 <!-- <img src="images/RURAL_ICON.png"> -->
415 <label class="f-family pull-left width-auto" for="travelRadio">Travel</label>
416 </label>
417 <label class="card-small margin-right-label">
418 <input type="radio" required value="Retail" ng-model="data.industry" class="option-input-a radio-a pull-left" id="retailRadio" ng-change="industry(data.industry); industrykeyPress()" name="industry" ng-click="show='b'">
419 <!-- <img src="images/education.png"> -->
420 <label class="f-family pull-left width-auto" for="retailRadio">Retail</label>
421 </label>
422 <label class="card-small margin-right-label">
423 <input type="radio" required value="Editech" ng-model="data.industry" class="option-input-a radio-a pull-left" id="editechRadio" ng-change="industry(data.industry); industrykeyPress()" name="industry" ng-click="show='c'">
424 <!-- <img src="images/education.png"> -->
425 <label class="f-family pull-left width-auto" for="editechRadio">Editech</label>
426 </label>
427 <label class="card-small margin-right-label">
428 <input type="radio" required value="Fintech" ng-model="data.industry" class="option-input-a radio-a pull-left" id="fintechRadio" ng-change="industry(data.industry); industrykeyPress()" name="industry" ng-click="show='d'">
429 <!-- <img src="images/RURAL_ICON.png"> -->
430 <label class="f-family pull-left width-auto" for="fintechRadio">Fintech</label>
431 </label>
432 <label class="card-small margin-right-label">
433 <input type="radio" required value="Hardware" ng-model="data.industry" class="option-input-a radio-a pull-left" id="hardwareRadio" ng-change="industry(data.industry); industrykeyPress()" name="industry" ng-click="show='e'">
434 <!-- <img src="images/education.png"> -->
435 <label class="f-family pull-left width-auto" for="hardwareRadio">Hardware</label>
436 </label>
437 <label class="card-small margin-right-label">
438 <input type="radio" required value="Digital" ng-model="data.industry" class="option-input-a radio-a pull-left" id="digitalRadio" ng-change="industry(data.industry); industrykeyPress()" name="industry" ng-click="show='f'">
439 <!-- <img src="images/education.png"> -->
440 <label class="f-family pull-left width-auto" for="digitalRadio">Digital</label>
441 </label>
442 <label class="card-small margin-right-label">
443 <input type="radio" required value="Rural" ng-model="data.industry" class="option-input-a radio-a pull-left" id="ruralRadio" ng-change="industry(data.Rural); industrykeyPress()" name="industry" ng-click="show='g'">
444 <!-- <img src="images/education.png"> -->
445 <label class="f-family pull-left width-auto" for="ruralRadio">Rural</label>
446 </label>
447 </div>
448 </div> 378 </div>
449 <!-- CLOSE stages identity-align --> 379 <select name="amount" ng-model="data.amount" ng-change="amount(data.amount); amountkeyPress()" ng-click="textCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="fundingDiv">
450 <div class="clearfix"></div> 380 <option selected disabled value="">Select</option>
451 </div> 381 <option value="yes">Yes</option>
452 <div class="clearfix"></div> 382 <option value="no">No</option>
453 <div class="identity-shadow"> 383 </select>
384 </div>
385 <!-- <div class="identity-shadow">
454 <div class="icon-circle-bc"> 386 <div class="icon-circle-bc">
455 <i class="material-icons" style="line-height: 30px;">payment</i> 387 <i class="material-icons" style="line-height: 30px;">payment</i>
456 </div> 388 </div>
457 <div class="identity-question"> 389 <div class="identity-question">
458 <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;"> 390 <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
459 <b>Have you risen any funding yet?</b> 391 <b>Have you risen any funding yet?</b>
460 <p style="color:grey"></p> 392 <p style="color:grey"></p>
461 </div> 393 </div>
462 <div class="clearfix"></div> 394 <div class="clearfix"></div>
463 </div> 395 </div>
464 <div class="stages identity-align"> 396 <div class="stages identity-align">
465 <div class="col-xs-12"> 397 <div class="col-xs-12">
466 <label class="card-small margin-right-label"> 398 <label class="card-small margin-right-label">
467 <input type="radio" value="yes" ng-model="data.amount" class="option-input-a radio-a pull-left" id="yesRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('yes')" name="amount" > 399 <input type="radio" value="yes" ng-model="data.amount" class="option-input-a radio-a pull-left" id="yesRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('yes')" name="amount" >
468 <!-- <img src="images/RURAL_ICON.png"> -->
469 <label class="f-family pull-left width-auto" for="yesRadio">Yes</label> 400 <label class="f-family pull-left width-auto" for="yesRadio">Yes</label>
470 </label> 401 </label>
471 <label class="card-small margin-right-label"> 402 <label class="card-small margin-right-label">
472 <input type="radio" value="no" ng-model="data.amount" class="option-input-a radio-a pull-left" id="noRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('no')" name="amount" > 403 <input type="radio" value="no" ng-model="data.amount" class="option-input-a radio-a pull-left" id="noRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('no')" name="amount" >
473 <!-- <img src="images/education.png"> --> 404
474 <label class="f-family pull-left width-auto" for="noRadio">No</label> 405 <label class="f-family pull-left width-auto" for="noRadio">No</label>
475 </label> 406 </label>
476 </div> 407 </div>
477 </div> 408 </div>
478 <!-- CLOSE stages identity-align --> 409
479 <div class="clearfix"></div> 410 <div class="clearfix"></div>
411 </div> -->
480 </div> 412 </div>
481
482 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'"> 413 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'">
483 <div class="icon-circle-y" > 414 <div class="icon-circle-y" >
484 <i class="material-icons" style="line-height: 31px;">money</i> 415 <i class="material-icons" style="line-height: 31px;">money</i>
485 </div> 416 </div>
486 <input type="number" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input> 417 <input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input>
487 </div> 418 </div>
488 419
489 <div class="text-center"> 420 <div class="text-center">
490 <input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()"> 421 <input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
491 </div> 422 </div>
492 423
493 </div> 424 </div>
425 </div>
494 <!-- CLOSE step-two-form --> 426 <!-- CLOSE step-two-form -->
495 </div> 427 </div>
496 <!-- col-xs-12 col-md-8 col-md-offset-2 --> 428 <!-- col-xs-12 col-md-8 col-md-offset-2 -->
497 </form> 429 </form>
498 <!-- CLOSE FORM --> 430 <!-- CLOSE FORM -->
499 <footer> 431 <footer>
500 <img id="footer" class="img-responsive banner"> 432 <img id="footer" class="img-responsive banner">
501 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center> 433 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
502 </footer> 434 </footer>
503 <!-- </div> CLOSE CHECK VIEW --> 435 <!-- </div> CLOSE CHECK VIEW -->
504 <div ng-if="verifyView"> 436 <div ng-if="verifyView">
505 <div style="margin-bottom: 0px;" class="text-center"> 437 <div style="margin-bottom: 0px;" class="text-center">
506 <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()"> 438 <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
507 </div> 439 </div>
508 </div> 440 </div>
509 </div> <!-- CLOSE NEW-CONTROLLER --> 441 </div> <!-- CLOSE NEW-CONTROLLER -->
510 <!-- <div id="snacsskbar">Registration done successfully.</div> 442 <!-- <div id="snacsskbar">Registration done successfully.</div>
511 --><!-- <div class="modal fade" id="myModal" role="dialog"> 443 --><!-- <div class="modal fade" id="myModal" role="dialog">
512 <div class="modal-dialog" style="left: auto;"> 444 <div class="modal-dialog" style="left: auto;">
513 <div class="modal-content"> 445 <div class="modal-content">
514 <h4 style="text-align:center;">Congratulations, you are now eligible for:</h4> 446 <h4 style="text-align:center;">Congratulations, you are now eligible for:</h4>
515 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px"> 447 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
516 <tbody style="background-color:#f9f9f9"> 448 <tbody style="background-color:#f9f9f9">
517 <tr> 449 <tr>
518 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 450 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
519 </tr> 451 </tr>
520 <tr> 452 <tr>
521 <td align="left" valign="top" style="padding:10px"> 453 <td align="left" valign="top" style="padding:10px">
522 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 454 <table width="100%" border="0" cellspacing="0" cellpadding="0">
523 <tbody> 455 <tbody>
524 <tr> 456 <tr>
525 <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td> 457 <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
526 </tr> 458 </tr>
527 </tbody> 459 </tbody>
528 </table> 460 </table>
529 </td> 461 </td>
530 </tr> 462 </tr>
531 </tbody> 463 </tbody>
532 <tbody> 464 <tbody>
533 <tr> 465 <tr>
534 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 466 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
535 </tr> 467 </tr>
536 <tr> 468 <tr>
537 <td align="left" valign="top" style="padding:10px"> 469 <td align="left" valign="top" style="padding:10px">
538 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 470 <table width="100%" border="0" cellspacing="0" cellpadding="0">
539 <tbody> 471 <tbody>
540 <tr> 472 <tr>
541 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td> 473 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
542 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td> 474 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
543 </tr> 475 </tr>
544 </tbody> 476 </tbody>
545 </table> 477 </table>
546 </td> 478 </td>
547 </tr> 479 </tr>
548 <tr> 480 <tr>
549 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 481 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
550 </tr> 482 </tr>
551 <tr> 483 <tr>
552 <td align="left" valign="top" style="padding:10px"> 484 <td align="left" valign="top" style="padding:10px">
553 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 485 <table width="100%" border="0" cellspacing="0" cellpadding="0">
554 <tbody> 486 <tbody>
555 <tr> 487 <tr>
556 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td> 488 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
557 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td> 489 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
558 </tr> 490 </tr>
559 </tbody> 491 </tbody>
560 </table> 492 </table>
561 </td> 493 </td>
562 </tr> 494 </tr>
563 <tr> 495 <tr>
564 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 496 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
565 </tr> 497 </tr>
566 <tr> 498 <tr>
567 <td align="left" valign="top" style="padding:10px"> 499 <td align="left" valign="top" style="padding:10px">
568 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 500 <table width="100%" border="0" cellspacing="0" cellpadding="0">
569 <tbody> 501 <tbody>
570 <tr> 502 <tr>
571 <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td> 503 <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
572 <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td> 504 <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
573 </tr> 505 </tr>
574 </tbody> 506 </tbody>
575 </table> 507 </table>
576 </td> 508 </td>
577 </tr> 509 </tr>
578 <tr> 510 <tr>
579 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 511 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
580 </tr> 512 </tr>
581 <tr> 513 <tr>
582 <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px"> 514 <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
583 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 515 <table width="100%" border="0" cellspacing="0" cellpadding="0">
584 <tbody> 516 <tbody>
585 <tr> 517 <tr>
586 <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td> 518 <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
587 <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td> 519 <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
588 </tr> 520 </tr>
589 </tbody> 521 </tbody>
590 </table> 522 </table>
591 </td> 523 </td>
592 </tr> 524 </tr>
593 <tr> 525 <tr>
594 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 526 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
595 </tr> 527 </tr>
596 </tbody> 528 </tbody>
597 </table> 529 </table>
598 <div style="text-align:center;margin-bottom:5%"> 530 <div style="text-align:center;margin-bottom:5%">
599 <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button> 531 <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button>
600 </div> 532 </div>
601 </div> 533 </div>
602 </div> 534 </div>
603 </div> 535 </div>
604 536
605 <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()"> 537 <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
606 <div class="modal-dialog" style="left: auto;"> 538 <div class="modal-dialog" style="left: auto;">
607 <div class="modal-content" > 539 <div class="modal-content" >
1 // create the module and name it scotchApp 1 // create the module and name it scotchApp
2 var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']); 2 var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
3 3
4 // configure our routes 4 // configure our routes
5 scotchApp.config(function($routeProvider) { 5 scotchApp.config(function($routeProvider) {
6 $routeProvider 6 $routeProvider
7 7
8 // route for the Home page 8 // route for the Home page
9 .when('/', { 9 .when('/', {
10 templateUrl: 'pages/Home.html', 10 templateUrl: 'pages/Home.html',
11 controller: 'mainController' 11 controller: 'mainController'
12 }) 12 })
13 13
14 // route for the registration page 14 // route for the registration page
15 .when('/registration', { 15 .when('/registration', {
16 templateUrl: 'pages/registration.html', 16 templateUrl: 'pages/registration.html',
17 controller: 'mainController' 17 controller: 'mainController'
18 }) 18 })
19 19
20 // route for the paymentVerify page 20 // route for the paymentVerify page
21 .when('/pendingPayment/:id', { 21 .when('/pendingPayment/:id', {
22 templateUrl: 'pages/verify.html', 22 templateUrl: 'pages/verify.html',
23 controller: 'verifyController' 23 controller: 'verifyController'
24 }) 24 })
25 25
26 // route for the ambassador page 26 // route for the ambassador page
27 .when('/ambassador', { 27 .when('/ambassador', {
28 templateUrl: 'pages/ambassador.html', 28 templateUrl: 'pages/ambassador.html',
29 controller: 'ambassadorController' 29 controller: 'ambassadorController'
30 }) 30 })
31 31
32 // route for the confirmation page 32 // route for the confirmation page
33 .when('/confirmation', { 33 .when('/confirmation', {
34 templateUrl: 'pages/confirmation.html', 34 templateUrl: 'pages/confirmation.html',
35 controller: 'mainController' 35 controller: 'mainController'
36 }) 36 })
37 37
38 }); 38 });
39 39
40 scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) { 40 scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
41 // Add configuration code as desired 41 // Add configuration code as desired
42 AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code 42 AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code
43 43
44 // Track all routes (default is true). 44 // Track all routes (default is true).
45 AnalyticsProvider.trackPages(true); 45 AnalyticsProvider.trackPages(true);
46 46
47 // Track all URL query params (default is false). 47 // Track all URL query params (default is false).
48 AnalyticsProvider.trackUrlParams(true); 48 AnalyticsProvider.trackUrlParams(true);
49 49
50 }]).run(['Analytics', function(Analytics) { }]); 50 }]).run(['Analytics', function(Analytics) { }]);
51 51
52 scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api") 52 scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api")
53 //scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api") 53 //scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api")
54 54
55 // create the controller and inject Angular's $scope 55 // create the controller and inject Angular's $scope
56 scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) { 56 scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) {
57 $scope.data = { 57 $scope.data = {
58 show: true, 58 show: true,
59 hide: false 59 hide: false
60 }; 60 };
61 61
62 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ 62 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
63 // $scope.Textshow = "yes" 63 // $scope.Textshow = "yes"
64 $scope.max = 100; 64 $scope.max = 100;
65 $scope.current = 0; 65 $scope.current = 0;
66 $scope.payingAmnt = 0; 66 $scope.payingAmnt = 0;
67 if ($scope.data.stage == 'select') { 67 if ($scope.data.stage == 'select') {
68 68
69 } 69 }
70 70
71 //$scope.author = 'Swarn Singh'; 71 //$scope.author = 'Swarn Singh';
72 $scope.data = {}; 72 $scope.data = {};
73 $scope.data.stage = 'Idea'; 73 $scope.data.stage = 'Idea';
74 $scope.discountAmount = 0; 74 $scope.discountAmount = 0;
75 $scope.check = false; 75 $scope.check = false;
76 $scope.numberCheck = false; 76 $scope.numberCheck = false;
77 $scope.paymentResult = {}; 77 $scope.paymentResult = {};
78 var data = { 78 var data = {
79 "amount": $scope.payingAmnt, 79 "amount": $scope.payingAmnt,
80 "currency": "INR", 80 "currency": "INR",
81 "status": "pending" 81 "status": "pending"
82 } 82 }
83 83
84 /*open videos in modal*/ 84 /*open videos in modal*/
85 // $scope.openyoutube16 = function(){ 85 // $scope.openyoutube16 = function(){
86 // $('#videoModel').modal('show'); 86 // $('#videoModel').modal('show');
87 // } 87 // }
88 88
89 // $scope.openyoutube17 = function(){ 89 // $scope.openyoutube17 = function(){
90 // $('#videoModels').modal('show'); 90 // $('#videoModels').modal('show');
91 // } 91 // }
92 92
93 // $scope.closeModal = function(){ 93 // $scope.closeModal = function(){
94 // var url = $('#youtubePlayer').attr('src'); 94 // var url = $('#youtubePlayer').attr('src');
95 // $('#youtubePlayer').attr('src', ''); 95 // $('#youtubePlayer').attr('src', '');
96 // $('#youtubePlayer').attr('src', url); 96 // $('#youtubePlayer').attr('src', url);
97 // } 97 // }
98 98
99 99
100 // $scope.closed = function(){ 100 // $scope.closed = function(){
101 // var url = $('#youtubePlayersss').attr('src'); 101 // var url = $('#youtubePlayersss').attr('src');
102 // $('#youtubePlayersss').attr('src', ''); 102 // $('#youtubePlayersss').attr('src', '');
103 // $('#youtubePlayersss').attr('src', url); 103 // $('#youtubePlayersss').attr('src', url);
104 // } 104 // }
105 /*open videos ends here*/ 105 /*open videos ends here*/
106 $scope.apply = function() { 106 $scope.apply = function() {
107 $location.path("/registration") 107 $location.path("/registration")
108 } 108 }
109 109
110 $scope.removeError = function() { 110 $scope.removeError = function() {
111 $('#invalidEmail').css('display', 'none'); 111 $('#invalidEmail').css('display', 'none');
112 $('#alreadyExist').css('display', 'none'); 112 $('#alreadyExist').css('display', 'none');
113 }; 113 };
114 114
115 $scope.emailcheck = function(val) { 115 $scope.emailcheck = function(val) {
116 if (val == undefined) { 116 if (val == undefined) {
117 $('#invalidEmail').css('display', 'block'); 117 $('#invalidEmail').css('display', 'block');
118 } else { 118 } else {
119 $http({ 119 $http({
120 method: 'GET', 120 method: 'GET',
121 url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}', 121 url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
122 headers: {} 122 headers: {}
123 }).then(function mySuccess(searchResult) { 123 }).then(function mySuccess(searchResult) {
124 console.log("searchResult1===>", searchResult) 124 console.log("searchResult1===>", searchResult)
125 if (searchResult.data.length == 0) { 125 if (searchResult.data.length == 0) {
126 $scope.check = false; 126 $scope.check = false;
127 } else { 127 } else {
128 $scope.check = true; 128 $scope.check = true;
129 $('#alreadyExist').css('display', 'block'); 129 $('#alreadyExist').css('display', 'block');
130 } 130 }
131 }, function myError(error) {}); 131 }, function myError(error) {});
132 } 132 }
133 }; 133 };
134 134
135 $scope.removeNoError = function() { 135 $scope.removeNoError = function() {
136 $('#noExist').css('display', 'none'); 136 $('#noExist').css('display', 'none');
137 }; 137 };
138 138
139 $scope.numbercheck = function(number) { 139 $scope.numbercheck = function(number) {
140 $http({ 140 $http({
141 method: 'GET', 141 method: 'GET',
142 url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}', 142 url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
143 data: $scope.data, 143 data: $scope.data,
144 headers: {} 144 headers: {}
145 }).then(function mySuccess(searchResult) { 145 }).then(function mySuccess(searchResult) {
146 console.log("searchResult===>", searchResult) 146 console.log("searchResult===>", searchResult)
147 if (searchResult.data.length == 0) { 147 if (searchResult.data.length == 0) {
148 $scope.numberCheck = false; 148 $scope.numberCheck = false;
149 149
150 } else { 150 } else {
151 $scope.numberCheck = true; 151 $scope.numberCheck = true;
152 $('#noExist').css('display', 'block'); 152 $('#noExist').css('display', 'block');
153 } 153 }
154 }, function myError(error) {}); 154 }, function myError(error) {});
155 }; 155 };
156 156
157 $rootScope.tokenCall = function(val) { 157 $rootScope.tokenCall = function(val) {
158 console.log('val-------->', val); 158 console.log('val-------->', val);
159 if (val == undefined) { 159 if (val == undefined) {
160 $('#invalidEmail').css('display', 'block'); 160 $('#invalidEmail').css('display', 'block');
161 } else { 161 } else {
162 val = val.toUpperCase(); 162 val = val.toUpperCase();
163 $http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}') 163 $http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')
164 .then(function(searchResult) { 164 .then(function(searchResult) {
165 if (searchResult.data.length == 0) { 165 if (searchResult.data.length == 0) {
166 $scope.tokencheck = false; 166 $scope.tokencheck = false;
167 $scope.discountAmount = 0; 167 $scope.discountAmount = 0;
168 } else { 168 } else {
169 $scope.tokencheck = true; 169 $scope.tokencheck = true;
170 } 170 }
171 },function(err){ 171 },function(err){
172 console.log(err) 172 console.log(err)
173 }); 173 });
174 174
175 } 175 }
176 }; 176 };
177 177
178 178
179 /*THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE*/ 179 /*THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE*/
180 $(document).ready( 180 $(document).ready(
181 function() { 181 function() {
182 $('input:submit').attr('disabled', true); 182 $('input:submit').attr('disabled', true);
183 $('input:file').change( 183 $('input:file').change(
184 function() { 184 function() {
185 if ($("#picture").val()) { 185 if ($("#picture").val()) {
186 $('input:submit').removeAttr('disabled'); 186 $('input:submit').removeAttr('disabled');
187 } else { 187 } else {
188 $('input:submit').attr('disabled', true); 188 $('input:submit').attr('disabled', true);
189 } 189 }
190 }); 190 });
191 }); 191 });
192 192
193 /*****THIS IS FOR STEP ONE FORM ******/ 193 /*****THIS IS FOR STEP ONE FORM ******/
194 // $scope.next = function() { 194 // $scope.next = function() {
195 // $scope.data.status = null 195 // $scope.data.status = null
196 // if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) { 196 // if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
197 // var x = document.getElementById("snackbar") 197 // var x = document.getElementById("snackbar")
198 // x.className = "show"; 198 // x.className = "show";
199 // setTimeout(function() { 199 // setTimeout(function() {
200 // x.className = x.className.replace("show", ""); 200 // x.className = x.className.replace("show", "");
201 // }, 3000); 201 // }, 3000);
202 // } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) { 202 // } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
203 // $scope.infoForm = true; 203 // $scope.infoForm = true;
204 // console.log("sdasdasdsa"); 204 // console.log("sdasdasdsa");
205 // $scope.data.stage = $scope.data.stage; 205 // $scope.data.stage = $scope.data.stage;
206 // $scope.detail = {}; 206 // $scope.detail = {};
207 // $scope.data.phone = "+91" + $scope.data.number; 207 // $scope.data.phone = "+91" + $scope.data.number;
208 // $http({ 208 // $http({
209 // method: 'POST', 209 // method: 'POST',
210 // url: BASE_URL + '/information', 210 // url: BASE_URL + '/information',
211 // data: $scope.data, 211 // data: $scope.data,
212 // headers: {} 212 // headers: {}
213 // }).then(function mySuccess(result) { 213 // }).then(function mySuccess(result) {
214 // Analytics.trackEvent('information', 'click', 'django.mp4'); 214 // Analytics.trackEvent('information', 'click', 'django.mp4');
215 // console.log("result", result) 215 // console.log("result", result)
216 // $scope.detail = result; 216 // $scope.detail = result;
217 // data.applicantId = result.data.id; 217 // data.applicantId = result.data.id;
218 // $scope.userId = result.data.id; 218 // $scope.userId = result.data.id;
219 219
220 // }, function myError(error) {}); 220 // }, function myError(error) {});
221 221
222 // } 222 // }
223 223
224 // } 224 // }
225 225
226 $scope.calculateAmount = function(){ 226 $scope.calculateAmount = function(){
227 if ($scope.data.stage == undefined || $scope.data.firstName == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) { 227 if ($scope.data.stage == undefined || $scope.data.firstName == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
228 var x = document.getElementById("snackbar") 228 var x = document.getElementById("snackbar")
229 x.className = "show"; 229 x.className = "show";
230 setTimeout(function() { 230 setTimeout(function() {
231 x.className = x.className.replace("show", ""); 231 x.className = x.className.replace("show", "");
232 }, 3000); 232 }, 3000);
233 } else if ($scope.data.stage != undefined && $scope.data.firstName != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) { 233 } else if ($scope.data.stage != undefined && $scope.data.firstName != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
234 $scope.infoForm = true; 234 $scope.infoForm = true;
235 console.log("sdasdasdsa"); 235 console.log("sdasdasdsa");
236 $scope.data.stage = $scope.data.stage; 236 $scope.data.stage = $scope.data.stage;
237 $scope.detail = {}; 237 $scope.detail = {};
238 $scope.data.phone = "+91" + $scope.data.number; 238 $scope.data.phone = "+91" + $scope.data.number;
239 $http({ 239 $http({
240 method: 'POST', 240 method: 'POST',
241 url: BASE_URL + '/applicants', 241 url: BASE_URL + '/applicants',
242 data: $scope.data, 242 data: $scope.data,
243 headers: {} 243 headers: {}
244 }).then(function mySuccess(result) { 244 }).then(function mySuccess(result) {
245 Analytics.trackEvent('applicants', 'click', 'django.mp4'); 245 Analytics.trackEvent('applicants', 'click', 'django.mp4');
246 console.log("result", result) 246 console.log("result", result)
247 $scope.detail = result; 247 $scope.detail = result;
248 data.applicantId = result.data.id; 248 data.applicantId = result.data.id;
249 $scope.userId = result.data.id; 249 $scope.userId = result.data.id;
250 250
251 }, function myError(error) {}); 251 }, function myError(error) {});
252 } 252 }
253 253
254 if ($scope.data.stage == "Idea") { 254 if ($scope.data.stage == "Idea") {
255 console.log("$scope.data", $scope.data) 255 console.log("$scope.data", $scope.data)
256 $scope.ticketAmnt = 500; 256 $scope.ticketAmnt = 500;
257 } 257 }
258 258
259 if ($scope.data.stage == "Product") { 259 if ($scope.data.stage == "Product") {
260 $scope.ticketAmnt = 1000; 260 $scope.ticketAmnt = 1000;
261 } 261 }
262 262
263 if ($scope.data.stage == "Growth") { 263 if ($scope.data.stage == "Growth") {
264 $scope.ticketAmnt = 1000; 264 $scope.ticketAmnt = 1000;
265 } 265 }
266 var amount = $scope.ticketAmnt * 100 266 var amount = $scope.ticketAmnt * 100
267 if($scope.tokencheck == true){ 267 if($scope.tokencheck == true){
268 var amount = $scope.ticketAmnt 268 var amount = $scope.ticketAmnt
269 // $scope.discountAmount = (amount * 10)/100 269 // $scope.discountAmount = (amount * 10)/100
270 console.log("finalAmount====>",$scope.payingAmnt) 270 console.log("finalAmount====>",$scope.payingAmnt)
271 } 271 }
272 272
273 var taxAmount = $scope.ticketAmnt 273 var taxAmount = $scope.ticketAmnt
274 // $scope.taxTotal = (taxAmount * 18)/100 274 // $scope.taxTotal = (taxAmount * 18)/100
275 $scope.payingAmnt = taxAmount 275 $scope.payingAmnt = taxAmount
276 console.log("taxincludedamount----", $scope.payingAmnt) 276 console.log("taxincludedamount----", $scope.payingAmnt)
277 // } 277 // }
278 278
279 /*****THIS IS FOR STEP THREE FORM ******/ 279 /*****THIS IS FOR STEP THREE FORM ******/
280 // $scope.create = function() { 280 // $scope.create = function() {
281 // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) { 281 // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
282 // var x = document.getElementById("snackbar") 282 // var x = document.getElementById("snackbar")
283 // x.className = "show"; 283 // x.className = "show";
284 // setTimeout(function() { 284 // setTimeout(function() {
285 // x.className = x.className.replace("show", ""); 285 // x.className = x.className.replace("show", "");
286 // }, 3000); 286 // }, 3000);
287 // } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) { 287 // } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
288 // $scope.infoForm = true; 288 // $scope.infoForm = true;
289 // console.log("sdasdasdsa"); 289 // console.log("sdasdasdsa");
290 // $scope.data.stage = $scope.data.stage; 290 // $scope.data.stage = $scope.data.stage;
291 // $scope.detail = {}; 291 // $scope.detail = {};
292 // $scope.data.phone = "+91" + $scope.data.number; 292 // $scope.data.phone = "+91" + $scope.data.number;
293 // $http({ 293 // $http({
294 // method: 'POST', 294 // method: 'POST',
295 // url: BASE_URL + '/applicants', 295 // url: BASE_URL + '/applicants',
296 // data: $scope.data, 296 // data: $scope.data,
297 // headers: {} 297 // headers: {}
298 // }).then(function mySuccess(result) { 298 // }).then(function mySuccess(result) {
299 299
300 // console.log("=====result=====", result) 300 // console.log("=====result=====", result)
301 // $scope.detail = result; 301 // $scope.detail = result;
302 // data.applicantId = result.data.id; 302 // data.applicantId = result.data.id;
303 // $scope.userId = result.data.id; 303 // $scope.userId = result.data.id;
304 // console.log("=====data=====", data) 304 // console.log("=====data=====", data)
305 data.amount = $scope.payingAmnt; 305 data.amount = $scope.payingAmnt;
306 if ($scope.detail != null) { 306 if ($scope.detail != null) {
307 $http({ 307 $http({
308 method: 'POST', 308 method: 'POST',
309 url: BASE_URL + '/payments', 309 url: BASE_URL + '/payments',
310 data: data, 310 data: data,
311 headers: {} 311 headers: {}
312 }).then(function mySuccess(paymentResult) { 312 }).then(function mySuccess(paymentResult) {
313 Analytics.trackEvent('payments', 'click', 'django.mp4'); 313 Analytics.trackEvent('payments', 'click', 'django.mp4');
314 console.log("paymentResult",paymentResult) 314 console.log("paymentResult",paymentResult)
315 $scope.paymentResult = paymentResult; 315 $scope.paymentResult = paymentResult;
316 }, function myError(error) {}); 316 }, function myError(error) {});
317 } 317 }
318 var i = 0; 318 var i = 0;
319 $scope.payingAmnt = $scope.payingAmnt * 100; 319 $scope.payingAmnt = $scope.payingAmnt * 100;
320 var options = { 320 var options = {
321 "key": "rzp_test_YwHsVFiDIQ2WUQ", 321 "key": "rzp_test_YwHsVFiDIQ2WUQ",
322 "amount": $scope.payingAmnt, 322 "amount": $scope.payingAmnt,
323 323
324 "name": "Startup Jalsa", 324 "name": "Startup Jalsa",
325 "description": "amount", 325 "description": "amount",
326 "currency": "INR", 326 "currency": "INR",
327 "status": "done", 327 "status": "done",
328 328
329 "theme": { 329 "theme": {
330 "color": "#2196f3 ", 330 "color": "#2196f3 ",
331 "image_padding": "NO" 331 "image_padding": "NO"
332 }, 332 },
333 "modal": { 333 "modal": {
334 "ondismiss": function() {} 334 "ondismiss": function() {}
335 }, 335 },
336 "handler": function(response) { 336 "handler": function(response) {
337 createPayment(response); 337 createPayment(response);
338 } 338 }
339 }; 339 };
340 var rzp1 = new Razorpay(options); 340 var rzp1 = new Razorpay(options);
341 rzp1.open(); 341 rzp1.open();
342 $scope.paymentResponse = {}; 342 $scope.paymentResponse = {};
343 343
344 function createPayment(response) { 344 function createPayment(response) {
345 Analytics.trackEvent('payments', 'click', 'django.mp4'); 345 Analytics.trackEvent('payments', 'click', 'django.mp4');
346 console.log("response====from===razorpay",response) 346 console.log("response====from===razorpay",response)
347 $route.reload(); 347 $route.reload();
348 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id; 348 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
349 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId; 349 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
350 $scope.paymentResponse.amount = data.amount; 350 $scope.paymentResponse.amount = data.amount;
351 $scope.paymentResponse.currency = "INR"; 351 $scope.paymentResponse.currency = "INR";
352 $scope.paymentResponse.status = $scope.paymentResult.data.status; 352 $scope.paymentResponse.status = $scope.paymentResult.data.status;
353 $http({ 353 $http({
354 method: 'PUT', 354 method: 'PUT',
355 url: BASE_URL + '/payments/' + $scope.paymentResult.data.id, 355 url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
356 data: $scope.paymentResponse, 356 data: $scope.paymentResponse,
357 headers: {} 357 headers: {}
358 }).then(function mySuccess(searchResult) { 358 }).then(function mySuccess(searchResult) {
359 Analytics.trackEvent('payments', 'click', 'django.mp4'); 359 Analytics.trackEvent('payments', 'click', 'django.mp4');
360 console.log("searchResult", searchResult) 360 console.log("searchResult", searchResult)
361 $location.path("/confirmation") 361 $location.path("/confirmation")
362 //$scope.showToastr() 362 //$scope.showToastr()
363 //toaster.success("Registration done successfully"); 363 //toaster.success("Registration done successfully");
364 364
365 }, function myError(error) {}); 365 }, function myError(error) {});
366 } 366 }
367 367
368 } 368 }
369 369
370 //}, function myError(error) {}); 370 //}, function myError(error) {});
371 //} 371 //}
372 372
373 //} 373 //}
374 374
375 // $scope.showToastr = function() { 375 // $scope.showToastr = function() {
376 // console.log("called toast") 376 // console.log("called toast")
377 // var x = document.getElementById("snacsskbar") 377 // var x = document.getElementById("snacsskbar")
378 // x.className = "show"; 378 // x.className = "show";
379 // setTimeout(function() { 379 // setTimeout(function() {
380 // x.className = x.className.replace("show", ""); 380 // x.className = x.className.replace("show", "");
381 // }, 3000); 381 // }, 3000);
382 // } 382 // }
383 383
384 /*kk***This code for change data when click to chooses stages***/ 384 /*kk***This code for change data when click to chooses stages***/
385 // $scope.proto = true; 385 $scope.proto = true;
386 // $scope.businessmodel = true; 386 $scope.businessmodel = true;
387 // $scope.Idea = true; 387 $scope.Idea = true;
388 // $scope.current = true; 388 $scope.current = true;
389 389
390 // $scope.stage = function(stage) { 390 $scope.stage = function(stage) {
391 // $scope.stagekeyPress(); 391 $scope.stagekeyPress();
392 // console.log("stage--2",stage) 392 console.log("stage--2",stage)
393 // if (stage == 'Idea') { 393 if (stage == 'Idea') {
394 // $scope.current = 10; 394 $scope.current = 10;
395 // $scope.proto = true; 395 $scope.proto = true;
396 // $scope.prototyp = false; 396 $scope.prototyp = false;
397 // $scope.market = false; 397 $scope.market = false;
398 // $scope.risks = false; 398 $scope.risks = false;
399 // $scope.team = false; 399 $scope.team = false;
400 // $scope.pitch = false; 400 $scope.pitch = false;
401 // $scope.financials = false; 401 $scope.financials = false;
402 // $scope.businessmodel = true; 402 $scope.businessmodel = true;
403 // $scope.data.stage = stage; 403 $scope.data.stage = stage;
404 // // for right content 404 // for right content
405 // $scope.Idea = true; 405 $scope.Idea = true;
406 // $scope.Product = false; 406 $scope.Product = false;
407 // $scope.Growth = false; 407 $scope.Growth = false;
408 // } else if (stage == 'Product') { 408 } else if (stage == 'Product') {
409 // $scope.current = 10; 409 $scope.current = 10;
410 // $scope.proto = true; 410 $scope.proto = true;
411 // $scope.prototyp = true; 411 $scope.prototyp = true;
412 // $scope.market = true; 412 $scope.market = true;
413 // $scope.risks = true; 413 $scope.risks = true;
414 // $scope.team = true; 414 $scope.team = true;
415 // $scope.pitch = true; 415 $scope.pitch = true;
416 // $scope.financials = true; 416 $scope.financials = true;
417 // $scope.businessmodel = false; 417 $scope.businessmodel = false;
418 // $scope.data.stage = stage; 418 $scope.data.stage = stage;
419 // // for right content 419 // for right content
420 // $scope.Idea = false; 420 $scope.Idea = false;
421 // $scope.Product = true; 421 $scope.Product = true;
422 // $scope.Growth = false; 422 $scope.Growth = false;
423 // } else if (stage == 'Growth') { 423 } else if (stage == 'Growth') {
424 // $scope.current = 10; 424 $scope.current = 10;
425 // $scope.proto = false; 425 $scope.proto = false;
426 // $scope.prototyp = true; 426 $scope.prototyp = true;
427 // $scope.market = true; 427 $scope.market = true;
428 // $scope.risks = true; 428 $scope.risks = true;
429 // $scope.team = true; 429 $scope.team = true;
430 // $scope.pitch = true; 430 $scope.pitch = true;
431 // $scope.financials = true; 431 $scope.financials = true;
432 // $scope.businessmodel = false; 432 $scope.businessmodel = false;
433 // // for right content 433 // for right content
434 // $scope.Idea = false; 434 $scope.Idea = false;
435 // $scope.Product = false; 435 $scope.Product = false;
436 // $scope.Growth = true; 436 $scope.Growth = true;
437 // $scope.data.stage = stage; 437 $scope.data.stage = stage;
438 // } 438 }
439 // } 439 }
440 // $scope.enterbusiness = function(business) { 440 // $scope.enterbusiness = function(business) {
441 // console.log("business", business); 441 // console.log("business", business);
442 // if (name == undefined) { 442 // if (name == undefined) {
443 // $scope.current = false; 443 // $scope.current = false;
444 444
445 // } else if (name != undefined) { 445 // } else if (name != undefined) {
446 // $scope.current = true; 446 // $scope.current = true;
447 // } 447 // }
448 // } 448 // }
449 /*******FOR FILL THE DATA AND SHOWS ICON GREEN*/ 449 /*******FOR FILL THE DATA AND SHOWS ICON GREEN*/
450 $scope.stagekeyPress = function() { 450 $scope.stagekeyPress = function() {
451 $('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)'); 451 $('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
452 } 452 }
453 $scope.sectorkeyPress = function() { 453 $scope.sectorkeyPress = function() {
454 $('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)'); 454 $('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
455 } 455 }
456 456
457 $scope.studentkeyPress = function() { 457 $scope.productLaunchkeyPress = function() {
458 $('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)'); 458 $('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
459 } 459 }
460 460
461 $scope.productLaunchkeyPress = function() { 461 $scope.launchPeriodkeyPress = function() {
462 $('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)'); 462 $('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)');
463 } 463 }
464 464
465 $scope.industrykeyPress = function() { 465 $scope.industrykeyPress = function() {
466 $('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)'); 466 $('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');
467 } 467 }
468 468
469 $scope.amountkeyPress = function() { 469 $scope.amountkeyPress = function() {
470 $('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)'); 470 $('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)');
471 } 471 }
472 472
473 $scope.firstNamekeyPress = function(firstName) { 473 $scope.firstNamekeyPress = function(firstName) {
474 console.log("lastName==", firstName); 474 console.log("lastName==", firstName);
475 if (firstName == undefined) { 475 if (firstName == undefined) {
476 $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)'); 476 $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
477 } else { 477 } else {
478 $('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)'); 478 $('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
479 } 479 }
480 } 480 }
481 481
482 $scope.emailkeyPress = function(email) { 482 $scope.emailkeyPress = function(email) {
483 console.log("email", email); 483 console.log("email", email);
484 if (email == undefined) { 484 if (email == undefined) {
485 $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)'); 485 $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
486 } else { 486 } else {
487 $('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)'); 487 $('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
488 } 488 }
489 } 489 }
490 490
491 $scope.textCheck = function(value){ 491 $scope.textCheck = function(){
492 $scope.Textshow = value; 492 var e = document.getElementById("fundingDiv");
493 var funding = e.options[e.selectedIndex].value;
494 $scope.Textshow = "no";
495 if(funding == "yes") {
496 $scope.Textshow = "yes";
497 console.log("Val:::", $scope.Textshow);
498 }
499
493 } 500 }
494 501
495 502
496 $scope.phonekeyPress = function(number) { 503 $scope.phonekeyPress = function(number) {
497 console.log("number", number); 504 console.log("number", number);
498 if (number == undefined) { 505 if (number == undefined) {
499 $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)'); 506 $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
500 } else { 507 } else {
501 $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)'); 508 $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
502 } 509 }
503 } 510 }
504 511
505 $scope.citykeyPress = function(city) { 512 $scope.citykeyPress = function(city) {
506 console.log("city", city); 513 console.log("city", city);
507 if (city == undefined) { 514 if (city == undefined) {
508 $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)'); 515 $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
509 } else { 516 } else {
510 $('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)'); 517 $('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
511 } 518 }
512 } 519 }
513 520
514 $scope.lastNamekeyPress = function(q) { 521 $scope.lastNamekeyPress = function(q) {
515 if (q == undefined) { 522 if (q == undefined) {
516 $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)'); 523 $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
517 } else { 524 } else {
518 $('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)'); 525 $('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
519 } 526 }
520 } 527 }
521 528
522 $scope.linkedInkeyPress = function(technology) { 529 $scope.linkedInkeyPress = function(technology) {
523 if (technology == undefined) { 530 if (technology == undefined) {
524 $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)'); 531 $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
525 } else { 532 } else {
526 $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)'); 533 $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
527 } 534 }
528 } 535 }
529 $scope.companykeyPress = function(problem) { 536 $scope.companykeyPress = function(problem) {
530 if (problem == undefined) { 537 if (problem == undefined) {
531 $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)'); 538 $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
532 } else { 539 } else {
533 $('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)'); 540 $('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
534 } 541 }
535 } 542 }
536 $scope.productNamekeyPress = function(solution) { 543 $scope.productNamekeyPress = function(solution) {
537 if (solution == undefined) { 544 if (solution == undefined) {
538 $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)'); 545 $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
539 } else { 546 } else {
540 $('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)'); 547 $('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
541 } 548 }
542 } 549 }
543 $scope.businesskeyPress = function(business) { 550 $scope.businesskeyPress = function(business) {
544 $('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)'); 551 $('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
545 } 552 }
546 553
547 $scope.websitekeyPress = function(prototype) { 554 $scope.websitekeyPress = function(prototype) {
548 if (prototype == undefined) { 555 if (prototype == undefined) {
549 $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)'); 556 $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
550 } else { 557 } else {
551 $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)'); 558 $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
552 } 559 }
553 } 560 }
554 561
555 $scope.employeekeyPress = function(market) { 562 $scope.employeekeyPress = function(market) {
556 if (market == undefined) { 563 if (market == undefined) {
557 $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)'); 564 $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
558 } else { 565 } else {
559 $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)'); 566 $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
560 } 567 }
561 } 568 }
562 569
563 $scope.annualkeyPress = function(risk) { 570 $scope.annualkeyPress = function(risk) {
564 if (risk == undefined) { 571 if (risk == undefined) {
565 $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)'); 572 $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
566 } else { 573 } else {
567 $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)'); 574 $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
568 } 575 }
569 } 576 }
570 577
571 $scope.revenuekeyPress = function(team) { 578 $scope.revenuekeyPress = function(team) {
572 if (team == undefined) { 579 if (team == undefined) {
573 $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)'); 580 $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
574 } else { 581 } else {
575 $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)'); 582 $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
576 } 583 }
577 } 584 }
578 585
579 $scope.descriptionkeyPress = function(pitch) { 586 $scope.descriptionkeyPress = function(pitch) {
580 if (pitch == undefined) { 587 if (pitch == undefined) {
581 $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)'); 588 $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
582 } else { 589 } else {
583 $('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)'); 590 $('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
584 } 591 }
585 } 592 }
586 593
587 $scope.ideakeyPress = function(financial) { 594 $scope.ideakeyPress = function(financial) {
588 console.log("financial", financial); 595 console.log("financial", financial);
589 if (financial == undefined) { 596 if (financial == undefined) {
590 $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)'); 597 $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
591 } else { 598 } else {
592 $('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)'); 599 $('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
593 } 600 }
594 } 601 }
595 602
596 $scope.fundkeyPress = function(financial) { 603 $scope.fundkeyPress = function(financial) {
597 console.log("financial", financial); 604 console.log("financial", financial);
598 if (financial == undefined) { 605 if (financial == undefined) {
599 $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)'); 606 $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
600 } else { 607 } else {
601 $('.icon-circle-y').css('background-color', 'rgb(66, 181, 73)'); 608 $('.icon-circle-y').css('background-color', 'rgb(66, 181, 73)');
602 } 609 }
603 } 610 }
604 611
605 $scope.changeReferalIconColor = function(referalToken){ 612 $scope.changeReferalIconColor = function(referalToken){
606 if (referalToken == undefined || referalToken == '') { 613 if (referalToken == undefined || referalToken == '') {
607 $('.referel-icon').css('background-color', 'rgb(102, 102, 102)'); 614 $('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
608 }else { 615 }else {
609 $('.referel-icon').css('background-color', 'rgb(66, 181, 73)'); 616 $('.referel-icon').css('background-color', 'rgb(66, 181, 73)');
610 } 617 }
611 } 618 }
612 619
613 }); 620 });
614 621
615 scotchApp.controller('verifyController', function($scope, $http, $location, $route,BASE_URL) { 622 scotchApp.controller('verifyController', function($scope, $http, $location, $route,BASE_URL) {
616 $scope.pendingPaymentId = $route.current.params.id 623 $scope.pendingPaymentId = $route.current.params.id
617 $http({ 624 $http({
618 method: "GET", 625 method: "GET",
619 url: BASE_URL + '/applicants/' + $scope.pendingPaymentId, 626 url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
620 }).then(function mySuccess(response) { 627 }).then(function mySuccess(response) {
621 $scope.data = response.data; 628 $scope.data = response.data;
622 console.log("response-1", response); 629 console.log("response-1", response);
623 $scope.pendingPaymentId = $route.current.params.id; 630 $scope.pendingPaymentId = $route.current.params.id;
624 631
625 $http({ 632 $http({
626 method: "GET", 633 method: "GET",
627 url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}', 634 url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
628 }).then(function mySuccess(response) { 635 }).then(function mySuccess(response) {
629 $scope.paymentRecord = response.data; 636 $scope.paymentRecord = response.data;
630 }, function myError(response) { 637 }, function myError(response) {
631 }); 638 });
632 }, function myError(response) { 639 }, function myError(response) {
633 $scope.myWelcome = response.statusText; 640 $scope.myWelcome = response.statusText;
634 }); 641 });
635 642
636 $scope.checkView = false; 643 $scope.checkView = false;
637 $scope.verifyView = false; 644 $scope.verifyView = false;
638 645
639 $scope.pendingPaymentId = ''; 646 $scope.pendingPaymentId = '';
640 647
641 $scope.update = function() { 648 $scope.update = function() {
642 649
643 $http({ 650 $http({
644 method: 'GET', 651 method: 'GET',
645 url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}', 652 url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
646 headers: {} 653 headers: {}
647 }).then(function mySuccess(searchResult) { 654 }).then(function mySuccess(searchResult) {
648 if (searchResult.data[0].status == "created") { 655 if (searchResult.data[0].status == "created") {
649 $scope.checkView = true; 656 $scope.checkView = true;
650 $scope.verifyView = false; 657 $scope.verifyView = false;
651 $scope.amount = searchResult.data[0].amount; 658 $scope.amount = searchResult.data[0].amount;
652 $scope.searchResult = searchResult.data[0]; 659 $scope.searchResult = searchResult.data[0];
653 console.log('====searchResult===', searchResult); 660 console.log('====searchResult===', searchResult);
654 console.log("searchResult=====",searchResult.data[0].razorOrderId) 661 console.log("searchResult=====",searchResult.data[0].razorOrderId)
655 var i = 0; 662 var i = 0;
656 $scope.amount = $scope.amount * 100; 663 $scope.amount = $scope.amount * 100;
657 var options = { 664 var options = {
658 "key": "rzp_live_mhSE1uOBlXvFyJ", 665 "key": "rzp_live_mhSE1uOBlXvFyJ",
659 //"key" : "rzp_test_YwHsVFiDIQ2WUQ", 666 //"key" : "rzp_test_YwHsVFiDIQ2WUQ",
660 "amount": $scope.amount, 667 "amount": $scope.amount,
661 668
662 "name": "Startup Jalsa", 669 "name": "Startup Jalsa",
663 "description": "amount", 670 "description": "amount",
664 "currency": "INR", 671 "currency": "INR",
665 "status": "done", 672 "status": "done",
666 673
667 "theme": { 674 "theme": {
668 "color": "#2196f3 ", 675 "color": "#2196f3 ",
669 "image_padding": "NO" 676 "image_padding": "NO"
670 }, 677 },
671 "modal": { 678 "modal": {
672 "ondismiss": function() {} 679 "ondismiss": function() {}
673 }, 680 },
674 "handler": function(response) { 681 "handler": function(response) {
675 createPayment(response); 682 createPayment(response);
676 } 683 }
677 }; 684 };
678 var rzp1 = new Razorpay(options); 685 var rzp1 = new Razorpay(options);
679 rzp1.open(); 686 rzp1.open();
680 $scope.paymentResponse = {}; 687 $scope.paymentResponse = {};
681 function createPayment(response) { 688 function createPayment(response) {
682 $scope.amount = $scope.amount / 100; 689 $scope.amount = $scope.amount / 100;
683 console.log("response======retepaymen",response); 690 console.log("response======retepaymen",response);
684 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id; 691 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
685 $scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId; 692 $scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId;
686 $scope.paymentResponse.amount = $scope.amount; 693 $scope.paymentResponse.amount = $scope.amount;
687 $scope.paymentResponse.currency = $scope.searchResult.currency; 694 $scope.paymentResponse.currency = $scope.searchResult.currency;
688 $scope.paymentResponse.status = $scope.searchResult.status; 695 $scope.paymentResponse.status = $scope.searchResult.status;
689 $scope.paymentResponse.applicantId = $scope.searchResult.applicantId; 696 $scope.paymentResponse.applicantId = $scope.searchResult.applicantId;
690 console.log("$scope.paymentResponse", $scope.paymentResponse) 697 console.log("$scope.paymentResponse", $scope.paymentResponse)
691 $http({ 698 $http({
692 method: 'PUT', 699 method: 'PUT',
693 url: BASE_URL + '/payments/' + $scope.searchResult.id, 700 url: BASE_URL + '/payments/' + $scope.searchResult.id,
694 data: $scope.paymentResponse, 701 data: $scope.paymentResponse,
695 headers: {} 702 headers: {}
696 }).then(function mySuccess(searchResult) { 703 }).then(function mySuccess(searchResult) {
697 console.log("finalsearchResult",searchResult) 704 console.log("finalsearchResult",searchResult)
698 $location.path("/confirmation") 705 $location.path("/confirmation")
699 }, function myError(error) { 706 }, function myError(error) {
700 707
701 }); 708 });
702 } 709 }
703 } else { 710 } else {
704 711
705 } 712 }
706 713
707 }, function myError(error) {}); 714 }, function myError(error) {});
708 } 715 }
709 }); 716 });
710 717
711 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) { 718 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
712 $scope.data = {}; 719 $scope.data = {};
713 $scope.check = false; 720 $scope.check = false;
714 $scope.numberCheck = false; 721 $scope.numberCheck = false;
715 722
716 /*open videos in modal*/ 723 /*open videos in modal*/
717 $scope.openyoutube16 = function(){ 724 $scope.openyoutube16 = function(){
718 $('#videoModel').modal('show'); 725 $('#videoModel').modal('show');
719 } 726 }
720 727
721 $scope.openyoutube17 = function(){ 728 $scope.openyoutube17 = function(){
722 $('#videoModels').modal('show'); 729 $('#videoModels').modal('show');
723 } 730 }
724 731
725 $scope.closeModal = function(){ 732 $scope.closeModal = function(){
726 var url = $('#youtubePlayer').attr('src'); 733 var url = $('#youtubePlayer').attr('src');
727 $('#youtubePlayer').attr('src', ''); 734 $('#youtubePlayer').attr('src', '');
728 $('#youtubePlayer').attr('src', url); 735 $('#youtubePlayer').attr('src', url);
729 } 736 }
730 /*open videos ends here*/ 737 /*open videos ends here*/
731 738
732 $scope.removeError = function() { 739 $scope.removeError = function() {
733 $('#invalidEmail').css('display', 'none'); 740 $('#invalidEmail').css('display', 'none');
734 $('#alreadyExist').css('display', 'none'); 741 $('#alreadyExist').css('display', 'none');
735 }; 742 };
736 743
737 $scope.emailcheck = function(val) { 744 $scope.emailcheck = function(val) {
738 if (val == undefined) { 745 if (val == undefined) {
739 $('#invalidEmail').css('display', 'block'); 746 $('#invalidEmail').css('display', 'block');
740 } else { 747 } else {
741 $http({ 748 $http({
742 method: 'GET', 749 method: 'GET',
743 url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}', 750 url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
744 headers: {} 751 headers: {}
745 }).then(function mySuccess(searchResult) { 752 }).then(function mySuccess(searchResult) {
746 console.log("searchResult1===>", searchResult) 753 console.log("searchResult1===>", searchResult)
747 if (searchResult.data.length == 0) { 754 if (searchResult.data.length == 0) {
748 $scope.check = false; 755 $scope.check = false;
749 } else { 756 } else {
750 $scope.check = true; 757 $scope.check = true;
751 $('#alreadyExist').css('display', 'block'); 758 $('#alreadyExist').css('display', 'block');
752 } 759 }
753 }, function myError(error) {}); 760 }, function myError(error) {});
754 } 761 }
755 }; 762 };
756 763
757 $scope.removeNoError = function() { 764 $scope.removeNoError = function() {
758 $('#invalidNumber').css('display', 'none'); 765 $('#invalidNumber').css('display', 'none');
759 $('#noExist').css('display', 'none'); 766 $('#noExist').css('display', 'none');
760 }; 767 };
761 768
762 $scope.numbercheck = function(number) { 769 $scope.numbercheck = function(number) {
763 // if (val == undefined) { 770 // if (val == undefined) {
764 // $('#invalidNumber').css('display', 'block'); 771 // $('#invalidNumber').css('display', 'block');
765 // } else { 772 // } else {
766 $http({ 773 $http({
767 method: 'GET', 774 method: 'GET',
768 url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}', 775 url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',
769 data: $scope.data, 776 data: $scope.data,
770 headers: {} 777 headers: {}
771 }).then(function mySuccess(searchResult) { 778 }).then(function mySuccess(searchResult) {
772 console.log("searchResult===>", searchResult) 779 console.log("searchResult===>", searchResult)
773 if (searchResult.data.length == 0) { 780 if (searchResult.data.length == 0) {
774 $scope.numberCheck = false; 781 $scope.numberCheck = false;
775 } else { 782 } else {
776 $scope.numberCheck = true; 783 $scope.numberCheck = true;
777 $('#noExist').css('display', 'block'); 784 $('#noExist').css('display', 'block');
778 } 785 }
779 }, function myError(error) {}); 786 }, function myError(error) {});
780 //} 787 //}
781 788
782 }; 789 };
783 790
784 $scope.submit = function() { 791 $scope.submit = function() {
785 console.log($scope.data.name) 792 console.log($scope.data.name)
786 var randomNumber = ""+Math.random(); 793 var randomNumber = ""+Math.random();
787 var nameSpliced = $scope.data.name.slice(0,3); 794 var nameSpliced = $scope.data.name.slice(0,3);
788 var numberSpliced = randomNumber.slice(2,5); 795 var numberSpliced = randomNumber.slice(2,5);
789 $scope.data.referalToken = nameSpliced+numberSpliced; 796 $scope.data.referalToken = nameSpliced+numberSpliced;
790 $scope.data.referalToken = $scope.data.referalToken.toUpperCase(); 797 $scope.data.referalToken = $scope.data.referalToken.toUpperCase();
791 798
792 $http({ 799 $http({
793 method: 'POST', 800 method: 'POST',
794 url: BASE_URL + '/ambassadors', 801 url: BASE_URL + '/ambassadors',
795 data: $scope.data, 802 data: $scope.data,
796 headers: {} 803 headers: {}
797 }).then(function mySuccess(result) { 804 }).then(function mySuccess(result) {
798 console.log("result", result) 805 console.log("result", result)
799 $scope.detail = result; 806 $scope.detail = result;
800 $('#myModal').modal('show'); 807 $('#myModal').modal('show');
801 $scope.data.name = ''; 808 $scope.data.name = '';
802 $scope.data.email = ''; 809 $scope.data.email = '';
803 $scope.data.mobile = ''; 810 $scope.data.mobile = '';
804 811
805 }, function myError(error) { 812 }, function myError(error) {
806 console.log(error) 813 console.log(error)
807 console.log(error.data.error.message) 814 console.log(error.data.error.message)
808 }); 815 });
809 console.log($scope.data) 816 console.log($scope.data)
810 } 817 }
811 }); 818 });
812 819
813 820