Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit ea3c311267fcde7bab35b6138bfd821e27499b54

Authored by Palak Handa 2017-09-09 04:49:21 -0400

1 parent be08b6f5ed

Exists in master and in 1 other branch

complete

Showing 4 changed files with 118 additions and 84 deletions Show diff stats

css/custom.css

Diff comments View file @ea3c311

 *{
     outline: none !important;
 }
 .header{
     width: 100%;
     padding: 4px 20px;
     background-color: #42b549;
 }
 .logo{
     height: 45px;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     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);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 /*.text-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   font-size: 18px;
   padding: 5px;
 }*/
 .input-wrapper{
   margin-bottom: 15px !important;
 }
 .select-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   background-color: transparent;
   font-size: 12px;
   padding: 5px;
 }
 .submit-button, .submit-button:hover{
   background-color: #42b549;
   color: #fff;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .textarea{
   min-height: 97px;
 }
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 7px 4px -5px 26px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   /*display: none;*/
 }
 .step-two-form{
   display: block;
 }
 /*This is for stages images*/
 .stage-img {
   width: 115px;
 }
 .stage-thumbnail {
   float: left;
   margin-bottom: 0;
 }
 .stage-shadow {
   /*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); */
   /*margin: 3px 22px 14px 14px;*/
   background-color: #ffffff;
 }
 .line-size {
 }
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
   color: #fff;
 }
 /* identity card css*/
 .identity-shadow {
   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);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .identity-question {
   border-bottom: 2px solid #dedede;
   padding: 0px 10px;
 }
 .identity-align {
   margin: 8px -12px 19px 13px;
 }
 /********This css for sectors**************/
 .sectors-card {
   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);
   margin: 27px 22px 14px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .sector-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 .sector-question {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 /*To make the Stages in the center*/
 .card-align {
   /*margin: 56px -267px 11px -37px;*/
 }
 /*To make the sectors in the center */
 /*************sidebar content margin***********/
 .sidebar-align {
   margin: -5px -3px -18px 9px;
 }
 .heading {
   margin: 15px 10px 15px 16px;
 }
 .quiz {
   margin: 5px 5px 6px 19px;
   font-size: 12px;
 }
 #footer {
    background-image: url('/images/footer_design.png');
    background-repeat: inherit;
    background-size: 1274px 223px;
    position: bottom;
    width: 100%;
    height: auto;
    padding: 151px 3px 66px 83px;
  }
  .footer {
     bottom: 0px;
     background-color: #42b549;
     width: 100%;
     color:rgba(255, 255, 255, 0.77);
 }
 /********question box*****************/
 .question-shadow {
   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);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
 }
 .question-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 /*for p*/
 .line-space {
   line-height: 1.6em;
   font-size: 11px;
 }
 .line-adjust {
   margin-left: 26px;
 }
 /*badge icon css*/
 .material-icons{
   font-size: 17px !important;
 }
 .icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-b {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-c {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-d {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-e {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-f {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-g {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-h {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-i {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-j {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-k {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-l {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-m {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-n {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-x {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 13px;
     margin-top: 21px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-p {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-z {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-q {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-ab {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 18px;
     color: #fff;
     text-align: center;
 }
 /*.icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-select {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-textarea {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }*/
 /*quiz*/
 .q-card-align div{
   margin-bottom: 15px;
 }
 .drop-down {
   background-color: #fff;
   border-radius: 0;
   font-size: 12px;
 }
 .footer-link, .footer-link:hover {
   color:#fff;
 }
 /*idea content margin*/
 .content-idea{
   margin:196px 12px 8px;
 }
 .content-product{
   margin:193px -19px 9px;
 }
 .content-growth{
   margin:192px 11px 8px;
 }
 .last-content-card{
   /*margin: 0px -85px -4px -51px;*/
 }
 @media (max-width: 600px) {
   .content-idea{
     margin: auto;
   }
   .content-product{
     margin: auto;
   }
   .content-growth{
     margin: auto;
   }
   .stages-card{
     margin: auto;
     margin-bottom: 15px;
   }
   .last-content-card{
     margin: auto;
   }
   .card-align{
     margin: auto;
   }
 }
 .toggler {
     width: 500px;
     height: 200px;
   }
   #button {
     padding: .5em 1em;
     text-decoration: none;
   }
   #effect {
     position: relative;
     width: 240px;
     height: 170px;
     padding: 0.4em;
   }
   #effect h3 {
     margin: 0;
     padding: 0.4em;
     text-align: center;
   }
 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   top: -2px;
   right: 13px;
   border: none;
   height: 44px;
   color: #fff;
   background-color: #666;
   width: 100px;
 }
 .coupen-approved{
   position: absolute;
   right: 120px;
   top: 6px;
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
   @media (max-width: 768px){
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
     }
     .no-padding-mobile{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .sector-align .card-small{
       height: 74px;
     }
-  }
+  }

pages/ambassador.html

Diff comments View file @ea3c311

-<!-- <!DOCTYPE html>
-<html>
-<head>
-  <div style="text-align:center;margin-bottom:3%;">
-  <h4>Startup Ambassador</h4>
-  </div>
-</head>
-<body>
-  <div style="text-align:center">
-  <form>
-    Name:
-    <input type="text" name="name" ng-model="data.name">
-    <br><br>
-    Mobile:
-    <input type="text" name="mobile" ng-model="data.mobile">
-    <br><br>
-    Email:
-    <input type="text" name="email" ng-model="data.email">
-    <br><br>
-    <div>
-      <button type="button" class="btn btn-secondary" value="Submit" ng-click="submit()">Submit</button>
-    </div>
-  </form>
-  </div>
-</body>
-</html> -->
-<!-- <div class="jumbotron text-center">
-   <h1>Home Page</h1>
-   <p>{{ message }}</p>
-   </div> -->
-<!-- <div ng-if="checkView"> -->
 <div class="header">
    <img src="images/white.png" class="logo">
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm" id="signupForm">
  <div style="text-align:center;margin-bottom:3%;">
   <h4>Startup Ambassador</h4>
   </div>
    <div class="col-xs-12 col-md-10 col-md-offset-1">
       <div class="stage-shadow">
          <div class="stages card-align">
             <div class="col-xs-12 col-md-4 no-padding">
            <!--     <div class="card stages-card">
                   <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(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
                      <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Idea</p>
                      </div>
                   </label>
                </div> -->
               <!--  <div class="clearfix"></div>
                <div class="cards-content">
                   <p>
                      &#x26AC; Have an idea and need execution help?<br>
                      &#x26AC; Get feedback from mentors<br>
                      &#x26AC; Validate your idea.
                   </p>
                </div> -->
             </div>
             <div class="col-xs-12 col-md-4 no-padding-mobile">
                <!-- <div class="card stages-card">
                   <input type="radio"  ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
                      <img class="stage-img stage-product" src="images/production-stage.png"  alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Product</p>
                      </div>
                   </label>
                </div> -->
                <!-- <div class="clearfix"></div> -->
                <!-- <div class="cards-content">
                   <p>
                      &#x26AC; Have a prototype and want to take it to next level?<br>
                      &#x26AC; Advice on fundraising<br>
                      &#x26AC; Advice on go-to-market strategy
                   </p>
                </div> -->
             </div>
             <div class="col-xs-12 col-md-4 no-padding">
                <div class="card stages-card">
                   <!-- <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()"> -->
                  <!--  <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
                      <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Growth</p>
                      </div -->
                   <!-- </label> -->
                </div>
                <div class="clearfix"></div>
                <div class="cards-content">
                  <!--  <p>
                      &#x26AC; Have traction and looking to scale up?<br>
                      &#x26AC; Connect with Series A investors<br>
                      &#x26AC; Connect and hire top startups
                   </p> -->
                <!-- </div> -->
             </div>
             <div class="clearfix"></div>
          </div>
          <div class="clearfix"></div>
       </div>
       <!-- CLOSE STAGE SHADOW -->
       <div class="form-all">
          <table style="width: 100%;">
             <tr>
                <td>
                   <div class="step-one-form" >
                      <!-- form step 1 -->
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-c">
                            <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                         </div>
                         <input type="text" class="text-input" required  ng-model="data.name" placeholder="Startup Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
                         <input type="email" name="email" 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)">
                         <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                         <label  ng-if="check">Email already exist.</label>
                         <!-- <label class="error-message f-family control-label" id="alreadyExist"  ng-if="check">Email already exist.</label> -->
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div class="icon-circle-e">
                            <i class="material-icons" style="line-height: 30px;">phone</i>
                         </div>
                         <input type="number" required class="text-input" ng-model="data.mobile" placeholder="Mobile No." ng-blur="numbercheck(data.mobile)" ng-focus="removeNoError()" ng-change="enternumber(data.mobile); phonekeyPress(data.mobile)">
                         <label  ng-if="numberCheck">Contact Number already exist.</label>
                      </div>
                      <div class="clearfix"></div>
                    <!--   <div class="col-xs-12 text-right">
                         <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()">
                         Next
                         </button>
                      </div> -->
                   </div>
                   <!-- close step-one-form -->
                </td>
             </tr>
          </table>
       </div>
       <!-- CLOSE form-all -->
          <!-- CLOSE identity-shadow -->
          <!-- <div class="col-xs-12 input-wrapper">
             <div class="icon-circle-h" style="z-index: 999;">
                <i class="material-icons" style="line-height: 30px;">phone_android</i>
             </div>
             <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;">
             <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
             <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
             <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
          </div> -->
          <div class="clearfix"></div>
-         <div class="text-center">
+         <div style="margin-bottom: 10%;" class="text-center">
             <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="submit()">
          </div>
       </div>
       <!-- CLOSE step-two-form -->
    </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
 </form>
 <!-- CLOSE FORM -->
 <footer>
    <img id="footer" class="img-responsive banner">
    <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
 </footer>
 <!-- </div> CLOSE CHECK VIEW -->
 <div ng-if="verifyView">
-   <div style="margin-bottom: 0px;" class="text-center">
+   <div class="text-center">
       <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
       <!-- <button ng-disabled="applicantForm.$invalid">Save</button> -->
    </div>
 </div>
 </div> <!-- CLOSE NEW-CONTROLLER -->
 <div id="snacsskbar">Registration done successfully.</div>
 <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
-         <div class="modal-header">
+         <div class="modal-body" style="text-align:center;margin-top:5%">
-            <button type="button" class="close" data-dismiss="modal">&times;</button>
+            <p style="font-size:24px">Your Refral Token is <b>{{data.referalToken}}</b>.</p>
-            <h4 class="modal-title">Modal Header</h4>
          </div>
-         <div class="modal-body">
+         <div style="text-align:center;margin-bottom:5%">
-            <p>Some text in the modal.</p>
+            <button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button>
-         </div>
-         <div class="modal-footer">
-            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
       </div>
    </div>
 </div>

pages/home.html

Diff comments View file @ea3c311

 <!-- <div class="jumbotron text-center">
    <h1>Home Page</h1>
    <p>{{ message }}</p>
    </div> -->
 <!-- <div ng-if="checkView"> -->
 <div class="header">
    <img src="images/white.png" class="logo">
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm" id="signupForm">
    <div class="col-xs-12 col-md-10 col-md-offset-1">
       <p class="select-stage">Please select one stage.</p>
       <div class="stage-shadow">
          <div class="stages card-align">
             <div class="col-xs-12 col-md-4 no-padding">
                <div class="card stages-card">
                   <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(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
                      <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Idea</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
                <div class="cards-content">
                   <p>
                      &#x26AC; Have an idea and need execution help?<br>
                      &#x26AC; Get feedback from mentors<br>
                      &#x26AC; Validate your idea.
                   </p>
                </div>
             </div>
             <div class="col-xs-12 col-md-4 no-padding-mobile">
                <div class="card stages-card">
                   <input type="radio"  ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
                      <img class="stage-img stage-product" src="images/production-stage.png"  alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Product</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
                <div class="cards-content">
                   <p>
                      &#x26AC; Have a prototype and want to take it to next level?<br>
                      &#x26AC; Advice on fundraising<br>
                      &#x26AC; Advice on go-to-market strategy
                   </p>
                </div>
             </div>
             <div class="col-xs-12 col-md-4 no-padding">
                <div class="card stages-card">
                   <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
                      <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Growth</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
                <div class="cards-content">
                   <p>
                      &#x26AC; Have traction and looking to scale up?<br>
                      &#x26AC; Connect with Series A investors<br>
                      &#x26AC; Connect and hire top startups
                   </p>
                </div>
             </div>
             <div class="clearfix"></div>
          </div>
          <div class="clearfix"></div>
       </div>
       <!-- CLOSE STAGE SHADOW -->
       <div class="form-all">
          <table style="width: 100%;">
             <tr>
                <td>
                   <div class="step-one-form">
                      <!-- form step 1 -->
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-c">
                            <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                         </div>
                         <input type="text" class="text-input" required  ng-model="data.name" placeholder="Startup Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
                         <input type="email" name="email" 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)">
                         <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                         <label  ng-if="check">Email already exist.</label>
                         <!-- <label class="error-message f-family control-label" id="alreadyExist"  ng-if="check">Email already exist.</label> -->
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-e">
                            <i class="material-icons" style="line-height: 30px;">phone</i>
                         </div>
                         <input type="number" required class="text-input" ng-model="data.number" placeholder="Mobile No." ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                         <!--  <label class="error-message f-family control-label" id="noExist" " ng-if="numberCheck">Contact Number already exist.</label> -->
                         <label  ng-if="numberCheck">Contact Number already exist.</label>
                      </div>
                      <div class="col-xs-12  col-md-6 input-wrapper f-family">
                         <div class="icon-circle-f">
                            <i class="material-icons" style="line-height: 30px;">location_city</i>
                         </div>
                         <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;">
                            <option name="city" selected disabled value="">Choose City</option>
                            <option value="Ahmedabad">Ahmedabad</option>
                            <option value="Bangalore">Bangalore</option>
                            <option value="NCR">Delhi-NCR</option>
                            <option value="Hyderabad">Hyderabad</option>
                            <option value="Jaipur">Jaipur</option>
                            <option value="Mumbai">Mumbai</option>
                            <option value="Pune">Pune</option>
                            <option value="Indore">Indore</option>
                            <option value="Chandigarh">Chandigarh</option>
                            <option value="anyOther">Any other</option>
                         </select>
                      </div>
                      <div class="clearfix"></div>
                      <div class="col-xs-12 text-right">
                         <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()">
                         Next
                         </button>
                      </div>
                   </div>
                   <!-- close step-one-form -->
                </td>
             </tr>
          </table>
       </div>
       <!-- CLOSE form-all -->
       <div class="step-two-form" ng-show="infoForm">
          <div class="sectors-card">
             <div class="icon-circle-b">
                <i class="material-icons" style="line-height: 31px;">open_with</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   To which sector would you relate your company?
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix" style="height:15px;"></div>
             <div class="sector-align">
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/retail.png">
                   <label class="f-family">Retail</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/transport.png">
                   <label class="f-family">Travel</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/paymens.png">
                   <label class="f-family">B2B commerce</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/food.png">
                   <label class="f-family">Agritech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/online_media.png">
                   <label class="f-family">Fintech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/hardware.png">
                   <label class="f-family">Hyperlocal services</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/education.png">
                   <label class="f-family">Education</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/RURAL_ICON.png">
                   <label class="f-family">Rural</label>
                   </label>
                </div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE sectors-card -->
          <div class="col-xs-11 col-md-12 f-family line-adjust">
             <strong>What technology are you using in the product?</strong>
             <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-h">
                <i class="material-icons" style="line-height: 30px;">phone_android</i>
             </div>
             <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required>
          </div>
          <div class="col-xs-11 col-md-12 f-family line-adjust">
             <strong>Tell us about the problem that your company is trying to address. </strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-i">
                <i class="material-icons" style="line-height: 30px;">report_problem</i>
             </div>
             <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust">
             <strong>Tell us about the solution that your product/company has come up with.</strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-j">
                <i class="material-icons" style="line-height: 30px;">help</i>
             </div>
             <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel">
             <strong>What is your business model?</strong>
             <p class="line-space" >How do you plan to make money?</p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel">
             <div class="icon-circle-p">
                <i class="material-icons" style="line-height: 30px;">business_center</i>
             </div>
             <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;">
                <option selected disabled value="">Business Model</option>
                <option value="B2B">B2B</option>
                <option value="B2C">B2C</option>
                <option value="B2G">B2G</option>
             </select>
          </div>
          <div class="clearfix"></div>
          <!-- **************************For Quiz All About Input********************** -->
          <div class="question-shadow">
             <div class="icon-circle-x">
                <i class="material-icons" style="line-height: 30px;">question_answer</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem.
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages q-card-align">
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ1" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ1">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ2" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ2">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ3" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ3">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ4" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ4">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ5" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ5">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!--CLOSE question-shadow  -->
          <div class="clearfix"></div>
          <!-- **************************CLOSE QUIZ FORM********************** -->
          <div class="hideform" ng-if="prototyp">
             <div class="col-xs-12 col-md-12 f-family line-adjust">
                <strong>Do you have a prototype ready?</strong>
                <p class="line-space" >If yes, please share the link to demo/website/application</p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="prototyp">
                <div class="icon-circle-k">
                   <i class="material-icons" style="line-height: 30px;">device_hub</i>
                </div>
                <textarea name="prototyp" ng-required="prototyp" class="text-input textarea" ng-model="data.prototype" ng-if="prototyp" placeholder="Prototype" ng-change="abc(); prototypekeyPress(data.prototype)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market">
                <strong>What is your go-to-market strategy?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="market">
                <div class="icon-circle-l">
                   <i class="material-icons" style="line-height: 30px;">multiline_chart</i>
                </div>
                <textarea name="market" ng-required="market" class="text-input textarea" ng-model="data.market" ng-if="market" placeholder="Go to market strategy" ng-change="abc(); marketkeyPress(data.market)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks">
                <strong>Who are your existing competitors and potential risk factors?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="risks">
                <div class="icon-circle-m">
                   <i class="material-icons" style="line-height: 30px;">smoking_rooms</i>
                </div>
                <textarea name="risks" ng-required="risks" class="text-input textarea" ng-model="data.risks" ng-if="risks" placeholder="Competition and risks" ng-change="abc(); riskkeyPress(data.risks)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team">
                <strong>Who all are there in your team?</strong>
                <p class="line-space" >What are their backgrounds?</p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team">
                <div class="icon-circle-n" ng-if="team">
                   <i class="material-icons" style="line-height: 30px;">games</i>
                </div>
                <textarea name="team" ng-required="team" class="text-input textarea" ng-model="data.team" ng-if="team" placeholder="Team" ng-change="abc(); teamkeyPress(data.team)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch">
                <strong>Upload the pitch-deck/presentation mentioning the details of the startup.</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="pitch">
                <div class="icon-circle-z">
                   <i class="material-icons" style="line-height: 30px;">offline_pin</i>
                </div>
                <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Upload pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)">
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials">
                <strong>Upload the financial projections/funding requirements of your company?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="financials">
                <div class="icon-circle-q">
                   <i class="material-icons" style="line-height: 30px;">timeline</i>
                </div>
                <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Upload financials" ng-change="abc(); financialskeyPress(data.financials)">
             </div>
             <div class="clearfix"></div>
          </div>
          <!-- <div class="clearfix"></div> -->
          <!-- THIS CODE FOR WHO ARE YOU FORM -->
          <!-- <div class="row">
             <div class="col-md-3"></div>
             <div class="col-md-3"></div>
             <div class="col-md-3"></div>
             </div> -->
          <div class="identity-shadow">
             <div class="icon-circle-ab">
                <i class="material-icons" style="line-height: 30px;">perm_identity</i>
             </div>
             <div class="identity-question">
                <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
                   <b>Who are you?</b>
                   <p style="color:grey">kindly choose one option.</p>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages identity-align">
                <div class="col-xs-12">
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="student" ng-model="data.identity" class="option-input-a radio-a pull-left" id="studentRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='a'">
                      <!-- <img src="images/RURAL_ICON.png"> -->
                   <label class="f-family pull-left width-auto" for="studentRadio">Student</label>
                   </label>
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="others" ng-model="data.identity" class="option-input-a radio-a pull-left" id="othersRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='b'">
                      <!-- <img src="images/education.png"> -->
                   <label class="f-family pull-left width-auto" for="othersRadio">Others</label>
                   </label>
                </div>
                <!--
                   <div class="col-xs-6" ng-show="show=='a'">
                      <label class="card-small">
                      <input type="file" file-model="data.pic" required id="picture" name="pic" accept="image/*">
                      </label>
                   </div> -->
             </div>
             <!-- CLOSE stages identity-align -->
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE identity-shadow -->
          <div class="col-xs-12 input-wrapper">
             <div class="icon-circle-h" style="z-index: 999;">
                <i class="material-icons" style="line-height: 30px;">phone_android</i>
             </div>
             <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;">
             <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
             <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
             <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
          </div>
          <div class="clearfix"></div>
          <div class="text-center">
-            <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="create()">
+            <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
          </div>
       </div>
       <!-- CLOSE step-two-form -->
    </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
 </form>
 <!-- CLOSE FORM -->
 <footer>
    <img id="footer" class="img-responsive banner">
    <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
 </footer>
 <!-- </div> CLOSE CHECK VIEW -->
 <div ng-if="verifyView">
    <div style="margin-bottom: 0px;" class="text-center">
       <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
       <!-- <button ng-disabled="applicantForm.$invalid">Save</button> -->
    </div>
 </div>
 </div> <!-- CLOSE NEW-CONTROLLER -->
 <div id="snacsskbar">Registration done successfully.</div>
 <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
-         <div class="modal-header">
+         <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
-            <button type="button" class="close" data-dismiss="modal">&times;</button>
+            <tbody style="background-color:#f9f9f9">
-            <h4 class="modal-title">Modal Header</h4>
+               <tr>
-         </div>
+                  <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
-         <div class="modal-body">
+               </tr>
-            <p>Some text in the modal.</p>
+               <tr>
-         </div>
+                  <td align="left" valign="top" style="padding:10px">
-         <div class="modal-footer">
+                     <table width="100%" border="0" cellspacing="0" cellpadding="0">
-            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                        <tbody>
+                           <tr>
+                              <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
+                           </tr>
+                        </tbody>
+                     </table>
+                  </td>
+               </tr>
+            </tbody>
+            <tbody>
+               <tr>
+                  <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
+               </tr>
+               <tr>
+                  <td align="left" valign="top" style="padding:10px">
+                     <table width="100%" border="0" cellspacing="0" cellpadding="0">
+                        <tbody>
+                           <tr>
+                              <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
+                              <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
+                           </tr>
+                        </tbody>
+                     </table>
+                  </td>
+               </tr>
+               <tr>
+                  <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
+               </tr>
+               <tr>
+                  <td align="left" valign="top" style="padding:10px">
+                     <table width="100%" border="0" cellspacing="0" cellpadding="0">
+                        <tbody>
+                           <tr>
+                              <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
+                              <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
+                           </tr>
+                        </tbody>
+                     </table>
+                  </td>
+               </tr>
+               <tr>
+                  <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
+               </tr>
+               <tr>
+                  <td align="left" valign="top" style="padding:10px">
+                     <table width="100%" border="0" cellspacing="0" cellpadding="0">
+                        <tbody>
+                           <tr>
+                              <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
+                              <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
+                           </tr>
+                        </tbody>
+                     </table>
+                  </td>
+               </tr>
+               <tr>
+                  <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
+               </tr>
+               <tr>
+                  <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
+                     <table width="100%" border="0" cellspacing="0" cellpadding="0">
+                        <tbody>
+                           <tr>
+                              <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
+                              <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
+                           </tr>
+                        </tbody>
+                     </table>
+                  </td>
+               </tr>
+               <tr>
+                  <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
+               </tr>
+            </tbody>
+         </table>
+         <div style="text-align:center;margin-bottom:5%">
+            <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>
          </div>
       </div>
    </div>

script.js

Diff comments View file @ea3c311

1	// create the module and name it scotchApp	1	// create the module and name it scotchApp
2	var scotchApp = angular.module('scotchApp', ['ngRoute']);	2	var scotchApp = angular.module('scotchApp', ['ngRoute']);
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 about page	14	// route for the about page
15	.when('/verification/=:id', {	15	.when('/verification/=:id', {
16	templateUrl: 'pages/verify.html',	16	templateUrl: 'pages/verify.html',
17	controller: 'verifyController'	17	controller: 'verifyController'
18	})	18	})
19		19
20	// route for the ambassador page	20	// route for the ambassador page
21	.when('/ambassador', {	21	.when('/ambassador', {
22	templateUrl: 'pages/ambassador.html',	22	templateUrl: 'pages/ambassador.html',
23	controller: 'ambassadorController'	23	controller: 'ambassadorController'
24	})	24	})
25	});	25	});
26		26
27	// create the controller and inject Angular's $scope	27	// create the controller and inject Angular's $scope
28	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope) {	28	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope) {
29		29
30		30
31		31
32	$scope.data = {	32	$scope.data = {
33	show: true,	33	show: true,
34	hide: false	34	hide: false
35	};	35	};
36		36
37	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/	37	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/
38		38
39	$scope.max = 100;	39	$scope.max = 100;
40	$scope.current = 0;	40	$scope.current = 0;
41	$scope.payingAmnt = 0;	41	$scope.payingAmnt = 0;
42	if ($scope.data.stage == 'select') {	42	if ($scope.data.stage == 'select') {
43	console.log("sdsaasd");	43	console.log("sdsaasd");
44		44
45	}	45	}
46		46
47	$scope.author = 'Swarn Singh';	47	$scope.author = 'Swarn Singh';
48	$scope.data = {};	48	$scope.data = {};
49	$scope.data.stage = 'Idea';	49	$scope.data.stage = 'Idea';
50		50	$scope.discountAmount = 0;
51	//$scope.data.email = '';	51	//$scope.data.email = '';
52	$scope.check = false;	52	$scope.check = false;
53	$scope.numberCheck = false;	53	$scope.numberCheck = false;
54	$scope.tokencheck = false;	54	// $scope.tokencheck = false;
55	$scope.paymentResult = {};	55	$scope.paymentResult = {};
56	var BASE_URL = "http://0.0.0.0:4001/api";	56	var BASE_URL = "http://0.0.0.0:4001/api";
57	var data = {	57	var data = {
58	"amount": $scope.payingAmnt,	58	"amount": $scope.payingAmnt,
59	"currency": "INR",	59	"currency": "INR",
60	"status": "pending"	60	"status": "pending"
61	}	61	}
62		62
63	$scope.removeError = function() {	63	$scope.removeError = function() {
64	$('#invalidEmail').css('display', 'none');	64	$('#invalidEmail').css('display', 'none');
65	$('#alreadyExist').css('display', 'none');	65	$('#alreadyExist').css('display', 'none');
66	};	66	};
67		67
68	$scope.emailcheck = function(val) {	68	$scope.emailcheck = function(val) {
69	//console.log('val', val);	69	//console.log('val', val);
70	if (val == undefined) {	70	if (val == undefined) {
71	$('#invalidEmail').css('display', 'block');	71	$('#invalidEmail').css('display', 'block');
72	} else {	72	} else {
73	$http({	73	$http({
74	method: 'GET',	74	method: 'GET',
75	url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',	75	url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
76	//data: email,	76	//data: email,
77	headers: {}	77	headers: {}
78	}).then(function mySuccess(searchResult) {	78	}).then(function mySuccess(searchResult) {
79	console.log("searchResult1===>", searchResult)	79	console.log("searchResult1===>", searchResult)
80	if (searchResult.data.length == 0) {	80	if (searchResult.data.length == 0) {
81	$scope.check = false;	81	$scope.check = false;
82	} else {	82	} else {
83	$scope.check = true;	83	$scope.check = true;
84	$('#alreadyExist').css('display', 'block');	84	$('#alreadyExist').css('display', 'block');
85	}	85	}
86	}, function myError(error) {});	86	}, function myError(error) {});
87	}	87	}
88	};	88	};
89		89
90	$scope.removeNoError = function() {	90	$scope.removeNoError = function() {
91	$('#noExist').css('display', 'none');	91	$('#noExist').css('display', 'none');
92	};	92	};
93		93
94	$scope.numbercheck = function(number) {	94	$scope.numbercheck = function(number) {
95	$http({	95	$http({
96	method: 'GET',	96	method: 'GET',
97	url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',	97	url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
98	data: $scope.data,	98	data: $scope.data,
99	headers: {}	99	headers: {}
100	}).then(function mySuccess(searchResult) {	100	}).then(function mySuccess(searchResult) {
101	console.log("searchResult===>", searchResult)	101	console.log("searchResult===>", searchResult)
102	if (searchResult.data.length == 0) {	102	if (searchResult.data.length == 0) {
103	$scope.numberCheck = false;	103	$scope.numberCheck = false;
		104
104	} else {	105	} else {
105	$scope.numberCheck = true;	106	$scope.numberCheck = true;
106	$('#noExist').css('display', 'block');	107	$('#noExist').css('display', 'block');
107	}	108	}
108	}, function myError(error) {});	109	}, function myError(error) {});
109	};	110	};
110		111
111	$rootScope.tokenCall = function(val) {	112	$rootScope.tokenCall = function(val) {
112	console.log('val-------->', val);	113	console.log('val-------->', val);
113	if (val == undefined) {	114	if (val == undefined) {
114	$('#invalidEmail').css('display', 'block');	115	$('#invalidEmail').css('display', 'block');
115	} else {	116	} else {
116	val = val.toUpperCase();	117	val = val.toUpperCase();
117	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')	118	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')
118	.then(function(searchResult) {	119	.then(function(searchResult) {
119	if (searchResult.data.length == 0) {	120	if (searchResult.data.length == 0) {
120	$scope.tokencheck = false;	121	$scope.tokencheck = false;
121	console.log("kuch ni haiga")	122	$scope.discountAmount = 0;
122	} else {	123	} else {
123	console.log("haiga g haiga")
124	$scope.tokencheck = true;	124	$scope.tokencheck = true;
125	// $('#alreadyExist').css('display', 'block');	125	// $('#alreadyExist').css('display', 'block');
126	}	126	}
127	},function(err){	127	},function(err){
128	console.log(err)	128	console.log(err)
129	});	129	});
130		130
131	}	131	}
132	};	132	};
133		133
134	/THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE/	134	/THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE/
135	$(document).ready(	135	$(document).ready(
136	function() {	136	function() {
137	$('input:submit').attr('disabled', true);	137	$('input:submit').attr('disabled', true);
138	$('input:file').change(	138	$('input:file').change(
139	function() {	139	function() {
140	if ($("#picture").val()) {	140	if ($("#picture").val()) {
141	$('input:submit').removeAttr('disabled');	141	$('input:submit').removeAttr('disabled');
142	} else {	142	} else {
143	$('input:submit').attr('disabled', true);	143	$('input:submit').attr('disabled', true);
144	}	144	}
145	});	145	});
146	});	146	});
147		147
148	/***THIS IS FOR STEP ONE FORM ****/	148	/***THIS IS FOR STEP ONE FORM ****/
149	$scope.next = function() {	149	$scope.next = function() {
150	var BASE_URL = "http://0.0.0.0:4001/api";	150	var BASE_URL = "http://0.0.0.0:4001/api";
151	$scope.data.status = null	151	$scope.data.status = null
152	if ($scope.data.stage == undefined \|\| $scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined \|\| $scope.data.city == undefined) {	152	if ($scope.data.stage == undefined \|\| $scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined \|\| $scope.data.city == undefined) {
153	var x = document.getElementById("snackbar")	153	var x = document.getElementById("snackbar")
154	x.className = "show";	154	x.className = "show";
155	setTimeout(function() {	155	setTimeout(function() {
156	x.className = x.className.replace("show", "");	156	x.className = x.className.replace("show", "");
157	}, 3000);	157	}, 3000);
158	} else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {	158	} else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
159	$scope.infoForm = true;	159	$scope.infoForm = true;
160	console.log("sdasdasdsa");	160	console.log("sdasdasdsa");
161	$scope.data.stage = $scope.data.stage;	161	$scope.data.stage = $scope.data.stage;
162	$scope.detail = {};	162	$scope.detail = {};
163	$scope.data.phone = "+91" + $scope.data.number;	163	$scope.data.phone = "+91" + $scope.data.number;
164	$http({	164	$http({
165	method: 'POST',	165	method: 'POST',
166	url: BASE_URL + '/information',	166	url: BASE_URL + '/information',
167	data: $scope.data,	167	data: $scope.data,
168	headers: {}	168	headers: {}
169	}).then(function mySuccess(result) {	169	}).then(function mySuccess(result) {
170	console.log("result", result)	170	console.log("result", result)
171	$scope.detail = result;	171	$scope.detail = result;
172	data.applicantId = result.data.id;	172	data.applicantId = result.data.id;
173	$scope.userId = result.data.id;	173	$scope.userId = result.data.id;
174		174
175	}, function myError(error) {});	175	}, function myError(error) {});
176	}	176	}
177		177
178	}	178	}
179		179
180	/***THIS IS FOR STEP THREE FORM ****/	180
181	$scope.create = function() {	181	$scope.calculateAmount = function(){
182	console.log("$scope.data.identity", $scope.data.identity)	182	if ($scope.data.stage == "Idea") {
183	/***PAYMENT WITH 18% GST***/
184	if ($scope.data.stage == "Idea") {
185	console.log("$scope.data", $scope.data)	183	console.log("$scope.data", $scope.data)
186	$scope.payingAmnt = 59000;	184	$scope.ticketAmnt = 500;
187	}	185	}
188		186
189	if ($scope.data.stage == "Product") {	187	if ($scope.data.stage == "Product") {
190	$scope.payingAmnt = 118000;	188	$scope.ticketAmnt = 1000;
191	}	189	}
192		190
193	if ($scope.data.stage == "Growth") {	191	if ($scope.data.stage == "Growth") {
194	$scope.payingAmnt = 236000;	192	$scope.ticketAmnt = 2000;
195	}	193	}
196		194
197	if($scope.tokencheck == true){	195	if($scope.tokencheck == true){
198	var amount = $scope.payingAmnt	196	var amount = $scope.ticketAmnt
199	var discountAmount = (amount * 10)/100	197	$scope.discountAmount = (amount * 10)/100
200	$scope.payingAmnt = amount - discountAmount
201	console.log("finalAmount====>",$scope.payingAmnt)	198	console.log("finalAmount====>",$scope.payingAmnt)
202	}	199	}
203		200
		201	var taxAmount = $scope.ticketAmnt - $scope.discountAmount
		202	$scope.taxTotal = (taxAmount * 18)/100
		203	$scope.payingAmnt = taxAmount + $scope.taxTotal
		204	console.log("taxincludedamount----", $scope.payingAmnt)
		205	}
		206
		207	/***THIS IS FOR STEP THREE FORM ****/
		208	$scope.create = function() {
		209	console.log("$scope.data.identity", $scope.data.identity)
		210	/***PAYMENT WITH 18% GST***/
		211
204		212
205	if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {	213	if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {
206	var x = document.getElementById("snackbar")	214	var x = document.getElementById("snackbar")
207	x.className = "show";	215	x.className = "show";
208	setTimeout(function() {	216	setTimeout(function() {
209	x.className = x.className.replace("show", "");	217	x.className = x.className.replace("show", "");
210	}, 3000);	218	}, 3000);
211	} else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {	219	} else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
212		220
213	var BASE_URL = "http://0.0.0.0:4001/api";
214		221
215	// if($scope.data.identity == "student"){	222	// if($scope.data.identity == "student"){
216		223
217	// var image = BASE_URL+'/container1s/proof/download/'	224	// var image = BASE_URL+'/container1s/proof/download/'
218	// console.log("image",image)	225	// console.log("image",image)
219	// var image = document.getElementById('picture').files[0];	226	// var image = document.getElementById('picture').files[0];
220	// var imagePath = image.name;	227	// var imagePath = image.name;
221	// $scope.NewIamge = image + imagePath;	228	// $scope.NewIamge = image + imagePath;
222	// $scope.data.pic = $scope.NewIamge;	229	// $scope.data.pic = $scope.NewIamge;
223	// var fd = new FormData()	230	// var fd = new FormData()
224	// fd.append('file',image);	231	// fd.append('file',image);
225	// $http({	232	// $http({
226	// method:'POST',	233	// method:'POST',
227	// url: BASE_URL+'/container1s/proof/upload',	234	// url: BASE_URL+'/container1s/proof/upload',
228	// data:fd,	235	// data:fd,
229	// transformRequest:angular.identity,	236	// transformRequest:angular.identity,
230	// headers:{'Content-Type':undefined}	237	// headers:{'Content-Type':undefined}
231	// }).then(function mySuccess(sucessResponse) {	238	// }).then(function mySuccess(sucessResponse) {
232		239
233		240
234	// }, function myError(error) {	241	// }, function myError(error) {
235	// });	242	// });
236		243
237	// }	244	// }
238	var BASE_URL = "http://0.0.0.0:4001/api";	245	var BASE_URL = "http://0.0.0.0:4001/api";
239	console.log("BASE_URL", BASE_URL)	246	console.log("BASE_URL", BASE_URL)
240	$scope.infoForm = true;	247	$scope.infoForm = true;
241	console.log("sdasdasdsa");	248	console.log("sdasdasdsa");
242	$scope.data.stage = $scope.data.stage;	249	$scope.data.stage = $scope.data.stage;
243	$scope.detail = {};	250	$scope.detail = {};
244	$scope.data.phone = "+91" + $scope.data.number;	251	$scope.data.phone = "+91" + $scope.data.number;
245	$http({	252	$http({
246	method: 'POST',	253	method: 'POST',
247	url: BASE_URL + '/applicants',	254	url: BASE_URL + '/applicants',
248	data: $scope.data,	255	data: $scope.data,
249	headers: {}	256	headers: {}
250	}).then(function mySuccess(result) {	257	}).then(function mySuccess(result) {
251		258
252	console.log("=====result=====", result)	259	console.log("=====result=====", result)
253	$scope.detail = result;	260	$scope.detail = result;
254	data.applicantId = result.data.id;	261	data.applicantId = result.data.id;
255	$scope.userId = result.data.id;	262	$scope.userId = result.data.id;
256	console.log("=====data=====", data)	263	console.log("=====data=====", data)
257	data.amount = $scope.payingAmnt / 100;	264	data.amount = $scope.payingAmnt;
258	if ($scope.detail != null) {	265	if ($scope.detail != null) {
259	$http({	266	$http({
260	method: 'POST',	267	method: 'POST',
261	url: BASE_URL + '/payments',	268	url: BASE_URL + '/payments',
262	data: data,	269	data: data,
263	headers: {}	270	headers: {}
264	}).then(function mySuccess(paymentResult) {	271	}).then(function mySuccess(paymentResult) {
265	$scope.paymentResult = paymentResult;	272	$scope.paymentResult = paymentResult;
266	}, function myError(error) {});	273	}, function myError(error) {});
267	}	274	}
268	var i = 0;	275	var i = 0;
		276	$scope.payingAmnt = $scope.payingAmnt * 100;
269	var options = {	277	var options = {
270	"key": "rzp_test_YwHsVFiDIQ2WUQ",	278	"key": "rzp_test_YwHsVFiDIQ2WUQ",
271	"amount": $scope.payingAmnt,	279	"amount": $scope.payingAmnt,
272		280
273	"name": "Startup Jalsa",	281	"name": "Startup Jalsa",
274	"description": "amount",	282	"description": "amount",
275	"currency": "INR",	283	"currency": "INR",
276	"status": "done",	284	"status": "done",
277		285
278	"theme": {	286	"theme": {
279	"color": "#2196f3 ",	287	"color": "#2196f3 ",
280	"image_padding": "NO"	288	"image_padding": "NO"
281	},	289	},
282	"modal": {	290	"modal": {
283	"ondismiss": function() {}	291	"ondismiss": function() {}
284	},	292	},
285	"handler": function(response) {	293	"handler": function(response) {
286	createPayment(response);	294	createPayment(response);
287	}	295	}
288	};	296	};
289	var rzp1 = new Razorpay(options);	297	var rzp1 = new Razorpay(options);
290	rzp1.open();	298	rzp1.open();
291	$scope.paymentResponse = {};	299	$scope.paymentResponse = {};
292		300
293	function createPayment(response) {	301	function createPayment(response) {
294	$route.reload();	302	$route.reload();
295	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	303	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
296	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;	304	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
297	$scope.paymentResponse.amount = data.amount;	305	$scope.paymentResponse.amount = data.amount;
298	$scope.paymentResponse.currency = "INR";	306	$scope.paymentResponse.currency = "INR";
299	$scope.paymentResponse.status = "captured";	307	$scope.paymentResponse.status = "captured";
300	$http({	308	$http({
301	method: 'PUT',	309	method: 'PUT',
302	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,	310	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
303	data: $scope.paymentResponse,	311	data: $scope.paymentResponse,
304	headers: {}	312	headers: {}
305	}).then(function mySuccess(searchResult) {	313	}).then(function mySuccess(searchResult) {
306	console.log("searchResult", searchResult)	314	console.log("searchResult", searchResult)
307	$scope.showToastr()	315	$scope.showToastr()
308	//toaster.success("Registration done successfully");	316	//toaster.success("Registration done successfully");
309		317
310	}, function myError(error) {});	318	}, function myError(error) {});
311	}	319	}
312		320
313	}, function myError(error) {});	321	}, function myError(error) {});
314	}	322	}
315		323
316	}	324	}
317		325
318	$scope.showToastr = function() {	326	$scope.showToastr = function() {
319	console.log("called toast")	327	console.log("called toast")
320	var x = document.getElementById("snacsskbar")	328	var x = document.getElementById("snacsskbar")
321	x.className = "show";	329	x.className = "show";
322	setTimeout(function() {	330	setTimeout(function() {
323	x.className = x.className.replace("show", "");	331	x.className = x.className.replace("show", "");
324	}, 3000);	332	}, 3000);
325	}	333	}
326		334
327	// $scope.lastpage = function(){	335	// $scope.lastpage = function(){
328	// console.log("sdasd");	336	// console.log("sdasd");
329	// $('.sectors-card').css('display', 'inherit');	337	// $('.sectors-card').css('display', 'inherit');
330	// $('.form-all').css('display', 'inherit');	338	// $('.form-all').css('display', 'inherit');
331	// $('.submit-button').css('display', 'inherit');	339	// $('.submit-button').css('display', 'inherit');
332	// }	340	// }
333	/kkThis code for change data when click to chooses stages*/	341	/kkThis code for change data when click to chooses stages*/
334	$scope.businessmodel = true;	342	$scope.businessmodel = true;
335	$scope.Idea = true;	343	$scope.Idea = true;
336	$scope.current = true;	344	$scope.current = true;
337		345
338	$scope.stage = function(stage) {	346	$scope.stage = function(stage) {
339	// $('.sectors-card').css('display', 'block');	347	// $('.sectors-card').css('display', 'block');
340	// $('.form-all').css('display', 'block');	348	// $('.form-all').css('display', 'block');
341	// $('.identity-shadow').css('display', 'block');	349	// $('.identity-shadow').css('display', 'block');
342	// $('.step-two-form').css('display', 'block');	350	// $('.step-two-form').css('display', 'block');
343	// $('.step-three-form').css('display', 'block');	351	// $('.step-three-form').css('display', 'block');
344		352
345	if (stage == 'Idea') {	353	if (stage == 'Idea') {
346	$scope.current = 10;	354	$scope.current = 10;
347	$scope.prototyp = false;	355	$scope.prototyp = false;
348	$scope.market = false;	356	$scope.market = false;
349	$scope.risks = false;	357	$scope.risks = false;
350	$scope.team = false;	358	$scope.team = false;
351	$scope.pitch = false;	359	$scope.pitch = false;
352	$scope.financials = false;	360	$scope.financials = false;
353	$scope.businessmodel = true;	361	$scope.businessmodel = true;
354	// for right content	362	// for right content
355	$scope.Idea = true;	363	$scope.Idea = true;
356	$scope.Product = false;	364	$scope.Product = false;
357	$scope.Growth = false;	365	$scope.Growth = false;
358	} else if (stage == 'Product') {	366	} else if (stage == 'Product') {
359	$scope.current = 10;	367	$scope.current = 10;
360	$scope.prototyp = true;	368	$scope.prototyp = true;
361	$scope.market = true;	369	$scope.market = true;
362	$scope.risks = true;	370	$scope.risks = true;
363	$scope.team = true;	371	$scope.team = true;
364	$scope.pitch = true;	372	$scope.pitch = true;
365	$scope.financials = true;	373	$scope.financials = true;
366	$scope.businessmodel = false;	374	$scope.businessmodel = false;
367	// for right content	375	// for right content
368	$scope.Idea = false;	376	$scope.Idea = false;
369	$scope.Product = true;	377	$scope.Product = true;
370	$scope.Growth = false;	378	$scope.Growth = false;
371	} else if (stage == 'Growth') {	379	} else if (stage == 'Growth') {
372	$scope.current = 10;	380	$scope.current = 10;
373	$scope.prototyp = true;	381	$scope.prototyp = true;
374	$scope.market = true;	382	$scope.market = true;
375	$scope.risks = true;	383	$scope.risks = true;
376	$scope.team = true;	384	$scope.team = true;
377	$scope.pitch = true;	385	$scope.pitch = true;
378	$scope.financials = true;	386	$scope.financials = true;
379	$scope.businessmodel = false;	387	$scope.businessmodel = false;
380	// for right content	388	// for right content
381	$scope.Idea = false;	389	$scope.Idea = false;
382	$scope.Product = false;	390	$scope.Product = false;
383	$scope.Growth = true;	391	$scope.Growth = true;
384	}	392	}
385	}	393	}
386		394
387	// $scope.sector = function(sector){	395	// $scope.sector = function(sector){
388	// if (sector == 'retail') {	396	// if (sector == 'retail') {
389	// $scope.current = true;	397	// $scope.current = true;
390		398
391	// }else if(sector == 'b2b commerce') {	399	// }else if(sector == 'b2b commerce') {
392	// $scope.current = true;	400	// $scope.current = true;
393		401
394	// }else if(sector == 'agritech') {	402	// }else if(sector == 'agritech') {
395	// $scope.current = true;	403	// $scope.current = true;
396		404
397	// }else if(sector == 'travel') {	405	// }else if(sector == 'travel') {
398	// $scope.current = true;	406	// $scope.current = true;
399		407
400	// }else if(sector == 'fintech') {	408	// }else if(sector == 'fintech') {
401	// $scope.current = true;	409	// $scope.current = true;
402		410
403	// }else if(sector == 'hyperlocal services') {	411	// }else if(sector == 'hyperlocal services') {
404	// $scope.current = true;	412	// $scope.current = true;
405		413
406	// }else if(sector == 'education') {	414	// }else if(sector == 'education') {
407	// $scope.current = true;	415	// $scope.current = true;
408		416
409	// }else if(sector == 'rural') {	417	// }else if(sector == 'rural') {
410	// $scope.current = true;	418	// $scope.current = true;
411	// }	419	// }
412	// }	420	// }
413	// $scope.sector = function(sector){	421	// $scope.sector = function(sector){
414	// if (sector == 'retail') {	422	// if (sector == 'retail') {
415	// $scope.current = true;	423	// $scope.current = true;
416		424
417	// }else if(sector == 'b2b commerce') {	425	// }else if(sector == 'b2b commerce') {
418	// $scope.current = true;	426	// $scope.current = true;
419		427
420	// }else if(sector == 'agritech') {	428	// }else if(sector == 'agritech') {
421	// $scope.current = true;	429	// $scope.current = true;
422		430
423	// }else if(sector == 'travel') {	431	// }else if(sector == 'travel') {
424	// $scope.current = true;	432	// $scope.current = true;
425		433
426	// }else if(sector == 'fintech') {	434	// }else if(sector == 'fintech') {
427	// $scope.current = true;	435	// $scope.current = true;
428		436
429	// }else if(sector == 'hyperlocal services') {	437	// }else if(sector == 'hyperlocal services') {
430	// $scope.current = true;	438	// $scope.current = true;
431		439
432	// }else if(sector == 'education') {	440	// }else if(sector == 'education') {
433	// $scope.current = true;	441	// $scope.current = true;
434		442
435	// }else if(sector == 'rural') {	443	// }else if(sector == 'rural') {
436	// $scope.current = true;	444	// $scope.current = true;
437	// }	445	// }
438	// }	446	// }
439		447
440	// $scope.entername = function(name){	448	// $scope.entername = function(name){
441	// if (name == undefined) {	449	// if (name == undefined) {
442	// $scope.current = false;	450	// $scope.current = false;
443	// }else if (name != undefined){	451	// }else if (name != undefined){
444	// $scope.current = true;	452	// $scope.current = true;
445	// }	453	// }
446	// }	454	// }
447	// $scope.enteremail = function(email){	455	// $scope.enteremail = function(email){
448	// if (email == undefined) {	456	// if (email == undefined) {
449	// $scope.current = false;	457	// $scope.current = false;
450	// }else if (email != undefined){	458	// }else if (email != undefined){
451	// $scope.current = true;	459	// $scope.current = true;
452	// }	460	// }
453	// }	461	// }
454	// $scope.enternumber = function(number){	462	// $scope.enternumber = function(number){
455	// if (name == undefined) {	463	// if (name == undefined) {
456	// $scope.current = false;	464	// $scope.current = false;
457	// }else if (name != undefined){	465	// }else if (name != undefined){
458	// $scope.current = true;	466	// $scope.current = true;
459	// }	467	// }
460	// }	468	// }
461	// $scope.selectcity = function(city){	469	// $scope.selectcity = function(city){
462	// console.log("city",city);	470	// console.log("city",city);
463	// if (name == undefined) {	471	// if (name == undefined) {
464	// $scope.current = false;	472	// $scope.current = false;
465	// }else if (name != undefined){	473	// }else if (name != undefined){
466	// $scope.current = true;	474	// $scope.current = true;
467	// }	475	// }
468	// }	476	// }
469	// $scope.entertechnology = function(technology){	477	// $scope.entertechnology = function(technology){
470	// console.log("technology",technology);	478	// console.log("technology",technology);
471	// if (name == undefined) {	479	// if (name == undefined) {
472	// $scope.current = false;	480	// $scope.current = false;
473	// }else if (name != undefined){	481	// }else if (name != undefined){
474	// $scope.current = true;	482	// $scope.current = true;
475	// }	483	// }
476	// }	484	// }
477	// $scope.enterproblem = function(problem){	485	// $scope.enterproblem = function(problem){
478	// console.log("problem",problem);	486	// console.log("problem",problem);
479	// if (name == undefined) {	487	// if (name == undefined) {
480	// $scope.current = false;	488	// $scope.current = false;
481	// }else if (name != undefined){	489	// }else if (name != undefined){
482	// $scope.current = true;	490	// $scope.current = true;
483	// }	491	// }
484	// }	492	// }
485	// $scope.entersolution = function(solution){	493	// $scope.entersolution = function(solution){
486	// console.log("solution",solution);	494	// console.log("solution",solution);
487	// if (name == undefined) {	495	// if (name == undefined) {
488	// $scope.current = false;	496	// $scope.current = false;
489	// }else if (name != undefined){	497	// }else if (name != undefined){
490	// $scope.current = true;	498	// $scope.current = true;
491	// }	499	// }
492	// }	500	// }
493	$scope.enterbusiness = function(business) {	501	$scope.enterbusiness = function(business) {
494	console.log("business", business);	502	console.log("business", business);
495	if (name == undefined) {	503	if (name == undefined) {
496	$scope.current = false;	504	$scope.current = false;
497	} else if (name != undefined) {	505	} else if (name != undefined) {
498	$scope.current = true;	506	$scope.current = true;
499	}	507	}
500	}	508	}
501	/******FOR FILL THE DATA AND SHOWS ICON GREEN/	509	/******FOR FILL THE DATA AND SHOWS ICON GREEN/
502	$scope.stagekeyPress = function() {	510	$scope.stagekeyPress = function() {
503	$('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');	511	$('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
504	}	512	}
505	$scope.sectorkeyPress = function() {	513	$scope.sectorkeyPress = function() {
506	$('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');	514	$('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
507	}	515	}
508		516
509	$scope.studentkeyPress = function() {	517	$scope.studentkeyPress = function() {
510	$('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');	518	$('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
511	}	519	}
512		520
513	$scope.namekeyPress = function(name) {	521	$scope.namekeyPress = function(name) {
514	console.log("name", name);	522	console.log("name", name);
515	if (name == undefined) {	523	if (name == undefined) {
516	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');	524	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
517	} else {	525	} else {
518	$('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');	526	$('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
519	}	527	}
520	}	528	}
521	$scope.emailkeyPress = function(email) {	529	$scope.emailkeyPress = function(email) {
522	console.log("email", email);	530	console.log("email", email);
523	if (email == undefined) {	531	if (email == undefined) {
524	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');	532	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
525	} else {	533	} else {
526	$('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');	534	$('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
527	}	535	}
528	}	536	}
529		537
530		538
531	$scope.phonekeyPress = function(number) {	539	$scope.phonekeyPress = function(number) {
532	console.log("number", number);	540	console.log("number", number);
533	if (number == undefined) {	541	if (number == undefined) {
534	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');	542	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
535	} else {	543	} else {
536	$('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');	544	$('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
537	}	545	}
538	}	546	}
539		547
540	$scope.citykeyPress = function(city) {	548	$scope.citykeyPress = function(city) {
541	console.log("city", city);	549	console.log("city", city);
542	if (city == undefined) {	550	if (city == undefined) {
543	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');	551	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
544	} else {	552	} else {
545	$('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');	553	$('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
546	}	554	}
547	}	555	}
548		556
549	$scope.questionkeyPress = function(q) {	557	$scope.questionkeyPress = function(q) {
550	if (q == undefined) {	558	if (q == undefined) {
551	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');	559	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
552	} else {	560	} else {
553	$('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');	561	$('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
554	}	562	}
555	}	563	}
556		564
557	$scope.technologykeyPress = function(technology) {	565	$scope.technologykeyPress = function(technology) {
558	if (technology == undefined) {	566	if (technology == undefined) {
559	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');	567	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
560	} else {	568	} else {
561	$('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');	569	$('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
562	}	570	}
563	}	571	}
564	$scope.problemkeyPress = function(problem) {	572	$scope.problemkeyPress = function(problem) {
565	if (problem == undefined) {	573	if (problem == undefined) {
566	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');	574	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
567	} else {	575	} else {
568	$('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');	576	$('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
569	}	577	}
570	}	578	}
571	$scope.solutionkeyPress = function(solution) {	579	$scope.solutionkeyPress = function(solution) {
572	if (solution == undefined) {	580	if (solution == undefined) {
573	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');	581	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
574	} else {	582	} else {
575	$('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');	583	$('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
576	}	584	}
577	}	585	}
578	$scope.businesskeyPress = function(business) {	586	$scope.businesskeyPress = function(business) {
579	$('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');	587	$('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
580	}	588	}
581		589
582	$scope.prototypekeyPress = function(prototype) {	590	$scope.prototypekeyPress = function(prototype) {
583	if (prototype == undefined) {	591	if (prototype == undefined) {
584	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');	592	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
585	} else {	593	} else {
586	$('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');	594	$('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
587	}	595	}
588	}	596	}
589		597
590	$scope.marketkeyPress = function(market) {	598	$scope.marketkeyPress = function(market) {
591	if (market == undefined) {	599	if (market == undefined) {
592	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');	600	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
593	} else {	601	} else {
594	$('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');	602	$('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
595	}	603	}
596	}	604	}
597		605
598	$scope.riskkeyPress = function(risk) {	606	$scope.riskkeyPress = function(risk) {
599	if (risk == undefined) {	607	if (risk == undefined) {
600	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');	608	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
601	} else {	609	} else {
602	$('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');	610	$('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
603	}	611	}
604	}	612	}
605		613
606	$scope.teamkeyPress = function(team) {	614	$scope.teamkeyPress = function(team) {
607	if (team == undefined) {	615	if (team == undefined) {
608	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');	616	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
609	} else {	617	} else {
610	$('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');	618	$('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
611	}	619	}
612	}	620	}
613		621
614	$scope.pitchkeyPress = function(pitch) {	622	$scope.pitchkeyPress = function(pitch) {
615	if (pitch == undefined) {	623	if (pitch == undefined) {
616	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');	624	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
617	} else {	625	} else {
618	$('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');	626	$('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
619	}	627	}
620	}	628	}
621		629
622	$scope.financialskeyPress = function(financial) {	630	$scope.financialskeyPress = function(financial) {
623	console.log("financial", financial);	631	console.log("financial", financial);
624	if (financial == undefined) {	632	if (financial == undefined) {
625	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');	633	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
626	} else {	634	} else {
627	$('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');	635	$('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
628	}	636	}
629	}	637	}
630		638
631	// create a message to display in our view	639	// create a message to display in our view
632	// $scope.message = 'Everyone come and see how good I look!';	640	// $scope.message = 'Everyone come and see how good I look!';
633	});	641	});
634		642
635	scotchApp.controller('verifyController', function($scope, $http, $location) {	643	scotchApp.controller('verifyController', function($scope, $http, $location) {
636		644
637	$scope.pendingPaymentId = $location.absUrl().split('=')[1]	645	$scope.pendingPaymentId = $location.absUrl().split('=')[1]
638	var BASE_URL = "http://0.0.0.0:4001/api";	646	var BASE_URL = "http://0.0.0.0:4001/api";
639	$http({	647	$http({
640	method: "GET",	648	method: "GET",
641	url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,	649	url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
642	}).then(function mySuccess(response) {	650	}).then(function mySuccess(response) {
643	$scope.data = response.data;	651	$scope.data = response.data;
644	console.log("response-1", response);	652	console.log("response-1", response);
645	$scope.pendingPaymentId = $location.absUrl().split('=')[1]	653	$scope.pendingPaymentId = $location.absUrl().split('=')[1]
646	$http({	654	$http({
647	method: "GET",	655	method: "GET",
648	url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',	656	url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
649	}).then(function mySuccess(response) {	657	}).then(function mySuccess(response) {
650	$scope.paymentRecord = response.data;	658	$scope.paymentRecord = response.data;
651	}, function myError(response) {	659	}, function myError(response) {
652	// $scope.paymentRecord = response.data;	660	// $scope.paymentRecord = response.data;
653	});	661	});
654	}, function myError(response) {	662	}, function myError(response) {
655	$scope.myWelcome = response.statusText;	663	$scope.myWelcome = response.statusText;
656	});	664	});
657		665
658	$scope.checkView = false;	666	$scope.checkView = false;
659	$scope.verifyView = false;	667	$scope.verifyView = false;
660		668
661	$scope.pendingPaymentId = '';	669	$scope.pendingPaymentId = '';
662		670
663	var BASE_URL = "http://0.0.0.0:4001/api";	671	var BASE_URL = "http://0.0.0.0:4001/api";
664		672
665	$scope.update = function() {	673	$scope.update = function() {
666		674
667	$http({	675	$http({
668	method: 'GET',	676	method: 'GET',
669	url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',	677	url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
670	//data: email,	678	//data: email,
671	headers: {}	679	headers: {}
672	}).then(function mySuccess(searchResult) {	680	}).then(function mySuccess(searchResult) {
673	if (searchResult.data[0].status == "pending") {	681	if (searchResult.data[0].status == "pending") {
674	$scope.checkView = true;	682	$scope.checkView = true;
675	$scope.verifyView = false;	683	$scope.verifyView = false;
676	$scope.amount = searchResult.data[0].amount * 100;	684	$scope.amount = searchResult.data[0].amount * 100;
677	console.log('pending data', searchResult);	685	console.log('pending data', searchResult);
678	var i = 0;	686	var i = 0;
679	var options = {	687	var options = {
680	"key": "rzp_test_YwHsVFiDIQ2WUQ",	688	"key": "rzp_test_YwHsVFiDIQ2WUQ",
681	"amount": $scope.amount,	689	"amount": $scope.amount,
682		690
683	"name": "Startup Jalsa",	691	"name": "Startup Jalsa",
684	"description": "amount",	692	"description": "amount",
685	"currency": "INR",	693	"currency": "INR",
686	"status": "done",	694	"status": "done",
687		695
688	"theme": {	696	"theme": {
689	"color": "#2196f3 ",	697	"color": "#2196f3 ",
690	"image_padding": "NO"	698	"image_padding": "NO"
691	},	699	},
692	"modal": {	700	"modal": {
693	"ondismiss": function() {}	701	"ondismiss": function() {}
694	},	702	},
695	"handler": function(response) {	703	"handler": function(response) {
696	createPayment(response);	704	createPayment(response);
697	}	705	}
698	};	706	};
699	var rzp1 = new Razorpay(options);	707	var rzp1 = new Razorpay(options);
700	rzp1.open();	708	rzp1.open();
701	$scope.paymentResponse = {};	709	$scope.paymentResponse = {};
702		710
703	function createPayment(response) {	711	function createPayment(response) {
704	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	712	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
705	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;	713	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
706	$scope.paymentResponse.amount = $scope.amount;	714	$scope.paymentResponse.amount = $scope.amount;
707	$scope.paymentResponse.currency = "INR";	715	$scope.paymentResponse.currency = "INR";
708	$scope.paymentResponse.status = "captured";	716	$scope.paymentResponse.status = "captured";
709	$scope.paymentResponse.applicantId = $scope.userId;	717	$scope.paymentResponse.applicantId = $scope.userId;
710	console.log("$scope.paymentResponse", $scope.paymentResponse)	718	console.log("$scope.paymentResponse", $scope.paymentResponse)
711	$http({	719	$http({
712	method: 'PUT',	720	method: 'PUT',
713	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,	721	url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
714	data: $scope.paymentResponse,	722	data: $scope.paymentResponse,
715	headers: {}	723	headers: {}
716	}).then(function mySuccess(searchResult) {	724	}).then(function mySuccess(searchResult) {
717		725
718	}, function myError(error) {	726	}, function myError(error) {
719		727
720	});	728	});
721	}	729	}
722	} else {	730	} else {
723		731
724	}	732	}
725		733
726	}, function myError(error) {});	734	}, function myError(error) {});
727	}	735	}
728	});	736	});
729		737
730	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route) {	738	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route) {
731		739
732	$scope.data = {};	740	$scope.data = {};
733	$scope.submit = function() {	741	$scope.submit = function() {
734	console.log($scope.data.name)	742	console.log($scope.data.name)
735	var randomNumber = ""+Math.random();	743	var randomNumber = ""+Math.random();
736	var nameSpliced = $scope.data.name.slice(0,3);	744	var nameSpliced = $scope.data.name.slice(0,3);
737	var numberSpliced = randomNumber.slice(2,5);	745	var numberSpliced = randomNumber.slice(2,5);
738	$scope.data.referalToken = nameSpliced+numberSpliced;	746	$scope.data.referalToken = nameSpliced+numberSpliced;
739	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();	747	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
740	var BASE_URL = "http://0.0.0.0:4001/api";	748	var BASE_URL = "http://0.0.0.0:4001/api";
741	$http({	749	$http({
742	method: 'POST',	750	method: 'POST',
743	url: BASE_URL + '/ambassadors',	751	url: BASE_URL + '/ambassadors',
744	data: $scope.data,	752	data: $scope.data,
745	headers: {}	753	headers: {}
746	}).then(function mySuccess(result) {	754	}).then(function mySuccess(result) {
747	console.log("result", result)	755	console.log("result", result)
748	$scope.detail = result;	756	$scope.detail = result;
749		757