Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code ยป

Commit 204302c02afa01066beb85be2e396e52158733e5

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

minor changes

Showing 3 changed files with 100 additions and 60 deletions   Show diff stats
... ... @@ -663,6 +663,18 @@ stroke-dashoffset:0
663 663 text-align: center;
664 664 }
665 665  
  666 +.icon-circle-o {
  667 + background: rgba(89, 89, 89, 0.92);
  668 + border-radius: 50%;
  669 + width: 30px;
  670 + height: 30px;
  671 + position: absolute;
  672 + left: 0px;
  673 + margin-top: 4px;
  674 + color: #fff;
  675 + text-align: center;
  676 +}
  677 +
666 678 .icon-circle-l {
667 679 background: rgba(89, 89, 89, 0.92);
668 680 border-radius: 50%;
... ...
pages/registration.html
Diff comments   View file @204302c
... ... @@ -105,21 +105,21 @@
105 105 <div class="icon-circle-c">
106 106 <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
107 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 109 </div>
110 110 <div class="col-xs-12 col-md-6 input-wrapper">
111 111 <div id="snackbar">Error ! Please fill in all fields.</div>
112 112 <div class="icon-circle-x">
113 113 <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
114 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 116 </div>
117 117 <div class="col-xs-12 col-md-6 input-wrapper">
118 118 <div id="snackbar">Error ! Please fill in all fields.</div>
119 119 <div class="icon-circle-d">
120 120 <i class="material-icons" style="line-height: 30px;">email</i>
121 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 123 <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
124 124 <label ng-if="check">Email already exist.</label>
125 125 </div>
... ... @@ -128,7 +128,7 @@
128 128 <i class="material-icons" style="line-height: 30px;">location_city</i>
129 129 </div>
130 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 132 <option value="Agra">Agra</option>
133 133 <option value="Ahmedabad">Ahmedabad</option>
134 134 <option value="Ajmer">Ajmer</option>
... ... @@ -240,51 +240,36 @@
240 240 <strong>Which city meet-up would you like to attend? </strong>
241 241 <p class="line-space" ></p>
242 242 </div>
243   - <div class="col-xs-12 col-md-6 input-wrapper f-family">
  243 + <div class="col-xs-12 col-md-12 input-wrapper f-family">
244 244 <div class="icon-circle-p">
245 245 <i class="material-icons" style="line-height: 30px;">location_city</i>
246 246 </div>
247 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;">
248   - <option selected disabled value="">City meet-up</option>
249   - <option value="Bengaluru">To be announced: Bengaluru</option>
250   - <option value="Hyderabad">To be announced: Hyderabad</option>
251   - <option value="Chennai">To be announced: Chennai</option>
252   - <option value="Pune">To be announced: Pune</option>
253   - <option value="Mumbai">To be announced: Mumbai</option>
254   - <option value="Ahmedabad">To be announced: Ahmedabad</option>
255   - <option value="Delhi">To be announced: Delhi</option>
  248 + <option selected disabled value="">City meet-up *</option>
  249 + <option value="Bengaluru">Date to be announced: Bengaluru</option>
  250 + <option value="Hyderabad">Date to be announced: Hyderabad</option>
  251 + <option value="Chennai">Date to be announced: Chennai</option>
  252 + <option value="Pune">Date to be announced: Pune</option>
  253 + <option value="Mumbai">Date to be announced: Mumbai</option>
  254 + <option value="Ahmedabad">Date to be announced: Ahmedabad</option>
  255 + <option value="Delhi">Date to be announced: Delhi</option>
256 256 </select>
257 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;" ng-if="hideSelectBox" id="dataIndustry">
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>
272   - </select>
273   - <input type="text" ng-if="addOther" class="text-input" ng-model="data.industryName" placeholder="Please mention other industry name">
274   - </div>
275 258 <div class="col-xs-12 col-md-6 input-wrapper">
  259 + <div id="snackbar">Error ! Please fill in all fields.</div>
276 260 <div class="icon-circle-e">
277 261 <i class="material-icons" style="line-height: 30px;">phone</i>
278 262 </div>
279   - <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)">
  263 + <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)">
280 264 <label ng-if="numberCheck">Contact Number already exist.</label>
281 265 </div>
282   - <div class="col-xs-12 col-md-6 input-wrapper">
  266 + <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
283 267 <div id="snackbar">Error ! Please fill in all fields.</div>
284 268 <div class="icon-circle-h">
285 269 <i class="material-icons" style="line-height: 31px;">link</i>
286 270 </div>
287   - <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)">
  271 + <input type="text" class="text-input" ng-model="data.linkedInUrl" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)">
  272 + <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.linkedInUrl == undefined || data.linkedInUrl == ''" style="position:absolute; top: 10px; left: 116px; color: #999">*</span>
288 273 </div>
289 274 <div class="col-xs-12 col-md-12 f-family line-adjust">
290 275 <strong>Explain your idea/product briefly</strong>
... ... @@ -295,22 +280,47 @@
295 280 <div class="icon-circle-q">
296 281 <i class="material-icons" style="line-height: 31px;">thumb_up</i>
297 282 </div>
298   - <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 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)">
299 284 </textarea>
300 285 </div>
301   - <div class="col-xs-12 col-md-6 input-wrapper">
  286 + <div class="col-xs-12 col-md-12 input-wrapper f-family">
  287 + <div class="icon-circle-abcdefg">
  288 + <i class="material-icons" style="line-height: 30px;">open_with</i>
  289 + </div>
  290 + <select name="industry" ng-model="data.industry" ng-change="industry(data.industry); industrykeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="dataIndustry">
  291 + <option selected disabled value="">Choose Industry *</option>
  292 + <option value="Travel">Travel</option>
  293 + <option value="Retail">Retail</option>
  294 + <option value="Editech">Editech</option>
  295 + <option value="Fintech">Fintech</option>
  296 + <option value="Hardware">Hardware</option>
  297 + <option value="Digital">Digital</option>
  298 + <option value="Rural">Rural</option>
  299 + <option value="others">Others</option>
  300 + </select>
  301 + </div>
  302 + <div class="col-xs-12 col-md-12 input-wrapper" ng-if="addOther">
  303 + <div id="snackbar">Error ! Please fill in all fields.</div>
  304 + <div class="icon-circle-o">
  305 + <i class="material-icons" style="line-height: 31px;">open_with</i>
  306 + </div>
  307 + <input type="text" class="text-input" ng-change="industry(data.industryName); industryNamekeyPress((data.industryName))" ng-model="data.industryName" placeholder="Please mention other industry name">
  308 + </div>
  309 + <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
302 310 <div id="snackbar">Error ! Please fill in all fields.</div>
303 311 <div class="icon-circle-i">
304 312 <i class="material-icons" style="line-height: 31px;">business</i>
305 313 </div>
306   - <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)">
  314 + <input type="text" class="text-input" ng-model="data.companyName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)">
  315 + <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.companyName == undefined || data.companyName == ''" style="position:absolute; top: 10px; left: 130px; color: #999">*</span>
307 316 </div>
308   - <div class="col-xs-12 col-md-6 input-wrapper">
  317 + <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
309 318 <div id="snackbar">Error ! Please fill in all fields.</div>
310 319 <div class="icon-circle-j">
311 320 <i class="material-icons" style="line-height: 31px;">view_comfy</i>
312 321 </div>
313   - <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)">
  322 + <input type="text" class="text-input" ng-model="data.productName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)">
  323 + <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.productName == undefined || data.productName == ''" style="position:absolute; top: 10px; left: 120px; color: #999">*</span>
314 324 </div>
315 325 <div class="hideform" ng-if="prototyp">
316 326 <div class="col-xs-12 col-md-12 f-family line-adjust">
... ... @@ -322,7 +332,7 @@
322 332 <i class="material-icons" style="line-height: 30px;">launch</i>
323 333 </div>
324 334 <select name="productLaunch" ng-model="data.productLaunch" ng-change="productLaunch(data.productLaunch); productLaunchkeyPress()" ng-click="productCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="productDiv">
325   - <option selected disabled value="">Select</option>
  335 + <option selected disabled value="">Select *</option>
326 336 <option value="yes">Yes</option>
327 337 <option value="no">No</option>
328 338 </select>
... ... @@ -347,28 +357,28 @@
347 357 <div class="icon-circle-k">
348 358 <i class="material-icons" style="line-height: 31px;">web</i>
349 359 </div>
350   - <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)">
  360 + <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 361 </div>
352 362 <div class="col-xs-12 col-md-6 input-wrapper">
353 363 <div id="snackbar">Error ! Please fill in all fields.</div>
354 364 <div class="icon-circle-m">
355 365 <i class="material-icons" style="line-height: 31px;">link</i>
356 366 </div>
357   - <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)">
  367 + <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 368 </div>
359 369 <div class="col-xs-12 col-md-6 input-wrapper">
360 370 <div id="snackbar">Error ! Please fill in all fields.</div>
361 371 <div class="icon-circle-l">
362 372 <i class="material-icons" style="line-height: 31px;">format_list_numbered</i>
363 373 </div>
364   - <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)">
  374 + <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)">
365 375 </div>
366 376 <div class="col-xs-12 col-md-6 input-wrapper">
367 377 <div id="snackbar">Error ! Please fill in all fields.</div>
368 378 <div class="icon-circle-n">
369 379 <i class="material-icons" style="line-height: 31px;">view_stream</i>
370 380 </div>
371   - <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)">
  381 + <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 382 </div>
373 383 <div class="col-xs-12 col-md-12 input-wrapper f-family">
374 384 <p><b>Have you risen any funding yet?</b></p>
... ... @@ -376,10 +386,17 @@
376 386 <i class="material-icons" style="line-height: 30px;">payment</i>
377 387 </div>
378 388 <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">
379   - <option selected disabled value="">Select</option>
  389 + <option selected disabled value="">Select *</option>
380 390 <option value="yes">Yes</option>
381 391 <option value="no">No</option>
382 392 </select>
  393 + </div>
  394 + <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'">
  395 + <div class="icon-circle-y" >
  396 + <i class="material-icons" style="line-height: 31px;">money</i>
  397 + </div>
  398 + <input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input>
  399 + </div>
383 400 </div>
384 401 <!-- <div class="identity-shadow">
385 402 <div class="icon-circle-bc">
... ... @@ -408,14 +425,16 @@
408 425  
409 426 <div class="clearfix"></div>
410 427 </div> -->
411   - </div>
412   - <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'">
413   - <div class="icon-circle-y" >
414   - <i class="material-icons" style="line-height: 31px;">money</i>
  428 + <div class="col-xs-12 input-wrapper">
  429 + <div class="referel-icon" style="z-index: 999;">
  430 + <i class="material-icons" style="line-height: 30px;">code</i>
415 431 </div>
416   - <input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input>
  432 + <input class="text-input" ng-model="data.referalToken" placeholder="Enter Promo code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
  433 + <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
  434 + <i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>
  435 + <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
417 436 </div>
418   -
  437 + <div class="clearfix"></div>
419 438 <div class="text-center">
420 439 <input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
421 440 </div>
... ...
... ... @@ -462,9 +462,9 @@
462 462 $('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)');
463 463 }
464 464  
465   - $scope.addOther = false;
466   - $scope.hideSelectBox = true;
467 465 $scope.industrykeyPress = function() {
  466 + $scope.addOther = false;
  467 + $scope.hideSelectBox = true;
468 468 $('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');
469 469 var e = document.getElementById("dataIndustry");
470 470 var dataIndustry = e.options[e.selectedIndex].value;
... ... @@ -474,6 +474,15 @@
474 474 }
475 475 }
476 476  
  477 + $scope.industryNamekeyPress = function(firstName) {
  478 + console.log("lastName==", firstName);
  479 + if (firstName == undefined) {
  480 + $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
  481 + } else {
  482 + $('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');
  483 + }
  484 + }
  485 +
477 486 $scope.amountkeyPress = function() {
478 487 $('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)');
479 488 }
... ... @@ -500,9 +509,9 @@
500 509 console.log("Val1:::", $scope.textCheck);
501 510 var e = document.getElementById("fundingDiv");
502 511 var funding = e.options[e.selectedIndex].value;
503   - $scope.Textshow = "yes";
  512 + $scope.Textshow = "no";
504 513 if(funding == "yes") {
505   - $scope.Textshow = "no";
  514 + $scope.Textshow = "yes";
506 515 console.log("Val:::", $scope.Textshow);
507 516 }
508 517  
... ... @@ -522,7 +531,7 @@
522 531  
523 532 $scope.phonekeyPress = function(number) {
524 533 console.log("number", number);
525   - if (number == undefined) {
  534 + if (number == undefined || number == '') {
526 535 $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
527 536 } else {
528 537 $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
... ... @@ -547,7 +556,7 @@
547 556 }
548 557  
549 558 $scope.linkedInkeyPress = function(technology) {
550   - if (technology == undefined) {
  559 + if (technology == undefined || technology == '') {
551 560 $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
552 561 } else {
553 562 $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
... ... @@ -572,7 +581,7 @@
572 581 }
573 582  
574 583 $scope.websitekeyPress = function(prototype) {
575   - if (prototype == undefined) {
  584 + if (prototype == undefined || prototype == '') {
576 585 $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
577 586 } else {
578 587 $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
... ... @@ -580,7 +589,7 @@
580 589 }
581 590  
582 591 $scope.employeekeyPress = function(market) {
583   - if (market == undefined) {
  592 + if (market == undefined || market == '') {
584 593 $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
585 594 } else {
586 595 $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
... ... @@ -588,7 +597,7 @@
588 597 }
589 598  
590 599 $scope.annualkeyPress = function(risk) {
591   - if (risk == undefined) {
  600 + if (risk == undefined || risk == '') {
592 601 $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
593 602 } else {
594 603 $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
... ... @@ -596,7 +605,7 @@
596 605 }
597 606  
598 607 $scope.revenuekeyPress = function(team) {
599   - if (team == undefined) {
  608 + if (team == undefined || team == '') {
600 609 $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
601 610 } else {
602 611 $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
... ...