Commit 321ed3c5172ddeea0960c61cad7210c72fed30ef
1 parent
9d4fa776e8
Exists in
master
and in
1 other branch
delete one card
Showing
3 changed files
with
30 additions
and
7 deletions
Show diff stats
pages/ambassador.html
1 | <div class="header"> | 1 | <div class="header"> |
2 | <div> | 2 | <div> |
3 | <h1 class="startup-jalsa">STARTUP JALSA 2018</h1> | 3 | <h1 class="startup-jalsa">STARTUP JALSA 2018</h1> |
4 | </div> | 4 | </div> |
5 | <div class="clearfix"></div> | 5 | <div class="clearfix"></div> |
6 | </div> | 6 | </div> |
7 | <!-- CLOSE HEADER --> | 7 | <!-- CLOSE HEADER --> |
8 | <form name="applicantForm"> | 8 | <form name="applicantForm"> |
9 | <div class="col-xs-12 col-md-8 col-md-offset-2"> | 9 | <div class="col-xs-12 col-md-8 col-md-offset-2"> |
10 | <div class="form-all"> | 10 | <div class="form-all"> |
11 | <!-- <table style="width: 100%;"> | 11 | <!-- <table style="width: 100%;"> |
12 | <tr> | 12 | <tr> |
13 | <td> | 13 | <td> |
14 | <div class="step-one-form" > --> | 14 | <div class="step-one-form" > --> |
15 | <!-- form step 1 --> | 15 | <!-- form step 1 --> |
16 | <div class="col-xs-12 col-md-6 input-wrapper" > | 16 | <div class="col-xs-12 col-md-6 input-wrapper" > |
17 | <div id="snackbar">Error ! Please fill in all fields.</div> | 17 | <div id="snackbar">Error ! Please fill in all fields.</div> |
18 | <div class="icon-circle-c"> | 18 | <div class="icon-circle-c"> |
19 | <i class="material-icons" style="line-height: 31px;">person</i> | 19 | <i class="material-icons" style="line-height: 31px;">person</i> |
20 | </div> | 20 | </div> |
21 | <input type="text" class="text-input" required ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)"> | 21 | <input type="text" class="text-input" required ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)"> |
22 | </div> | 22 | </div> |
23 | <div class="col-xs-12 col-md-6 input-wrapper" > | 23 | <div class="col-xs-12 col-md-6 input-wrapper" > |
24 | <div id="snackbar">Error ! Please fill in all fields.</div> | 24 | <div id="snackbar">Error ! Please fill in all fields.</div> |
25 | <div class="icon-circle-d"> | 25 | <div class="icon-circle-d"> |
26 | <i class="material-icons" style="line-height: 30px;">email</i> | 26 | <i class="material-icons" style="line-height: 30px;">email</i> |
27 | </div> | 27 | </div> |
28 | <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)"> | 28 | <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)"> |
29 | <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> | 29 | <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> |
30 | <label ng-if="check">Email already exist.</label> --> | 30 | <label ng-if="check">Email already exist.</label> --> |
31 | </div> | 31 | </div> |
32 | <div class="col-xs-12 col-md-6 input-wrapper" > | 32 | <div class="col-xs-12 col-md-6 input-wrapper" > |
33 | <div class="icon-circle-e"> | 33 | <div class="icon-circle-e"> |
34 | <i class="material-icons" style="line-height: 30px;">phone</i> | 34 | <i class="material-icons" style="line-height: 30px;">phone</i> |
35 | </div> | 35 | </div> |
36 | <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.number" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)"> | 36 | <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.number" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)"> |
37 | <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> --> | 37 | <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> --> |
38 | <label ng-if="numberCheck">Contact Number already exist.</label> | 38 | <label ng-if="numberCheck">Contact Number already exist.</label> |
39 | </div> | 39 | </div> |
40 | <div class="col-xs-12 col-md-6 input-wrapper"> | 40 | <div class="col-xs-12 col-md-6 input-wrapper"> |
41 | <div class="icon-circle-f"> | 41 | <div class="icon-circle-f"> |
42 | <i class="material-icons" style="line-height: 30px;">location_city</i> | 42 | <i class="material-icons" style="line-height: 30px;">location_city</i> |
43 | </div> | 43 | </div> |
44 | <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> | 44 | <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> |
45 | <option name="city" selected disabled value="">{{data.city}}</option> | 45 | <option name="city" selected disabled value="">{{data.city}}</option> |
46 | <option value="Ahmedabad">Ahmedabad</option> | 46 | <option value="Ahmedabad">Ahmedabad</option> |
47 | <option value="Bangalore">Bangalore</option> | 47 | <option value="Bangalore">Bangalore</option> |
48 | <option value="Chennai">Chennai</option> | 48 | <option value="Chennai">Chennai</option> |
49 | <option value="Delhi">Delhi</option> | 49 | <option value="Delhi">Delhi</option> |
50 | <option value="Guwahati">Guwahati</option> | ||
51 | <option value="Hyderabad">Hyderabad</option> | 50 | <option value="Hyderabad">Hyderabad</option> |
52 | <option value="Jaipur">Jaipur</option> | 51 | <option value="Jaipur">Jaipur</option> |
53 | <option value="Kanpur">Kanpur</option> | 52 | <option value="Kanpur">Kanpur</option> |
54 | <option value="Kolkata">Kolkata</option> | 53 | <option value="Kolkata">Kolkata</option> |
55 | <option value="Mumbai">Mumbai</option> | 54 | <option value="Mumbai">Mumbai</option> |
56 | </select> | 55 | </select> |
57 | </div> | 56 | </div> |
58 | <div class="col-xs-12 col-md-6 input-wrapper"> | 57 | <div class="col-xs-12 col-md-6 input-wrapper"> |
59 | <div class="icon-circle-i"> | 58 | <div class="icon-circle-i"> |
60 | <i class="material-icons" style="line-height: 30px;">perm_identity</i> | 59 | <i class="material-icons" style="line-height: 30px;">perm_identity</i> |
61 | </div> | 60 | </div> |
62 | <input type="text" class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required> | 61 | <input type="text" class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required> |
63 | </div> | 62 | </div> |
64 | <div class="col-xs-12 col-md-6 input-wrapper"> | 63 | <div class="col-xs-12 col-md-6 input-wrapper"> |
65 | <div class="icon-circle-z"> | 64 | <div class="icon-circle-z"> |
66 | <i class="material-icons" style="line-height: 30px;">web</i> | 65 | <i class="material-icons" style="line-height: 30px;">web</i> |
67 | </div> | 66 | </div> |
68 | <input name="website" class="text-input" ng-model="data.website" placeholder="Website link" ng-change="abc(); descriptionkeyPress(data.website)"></input> | 67 | <input name="website" class="text-input" ng-model="data.website" placeholder="Website link" ng-change="abc(); descriptionkeyPress(data.website)"></input> |
69 | </div> | 68 | </div> |
70 | <div class="col-xs-12 col-md-6 input-wrapper"> | 69 | <div class="col-xs-12 col-md-6 input-wrapper"> |
71 | <div class="icon-circle-y"> | 70 | <div class="icon-circle-y"> |
72 | <i class="material-icons" style="line-height: 30px;">assignment</i> | 71 | <i class="material-icons" style="line-height: 30px;">assignment</i> |
73 | </div> | 72 | </div> |
74 | <select ng-model="data.stage" ng-change="selectechnology(data.stage); fundkeyPress(data.stage)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> | 73 | <select ng-model="data.stage" ng-change="selectechnology(data.stage); fundkeyPress(data.stage)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> |
75 | <option name="stage" selected disabled value="">Choose Startup Stage *</option> | 74 | <option name="stage" selected disabled value="">Choose Startup Stage *</option> |
76 | <option value="Proof of Concept">Proof of Concept</option> | 75 | <option value="Proof of Concept">Proof of Concept</option> |
77 | <option value="Beta Launched">Beta Launched</option> | 76 | <option value="Beta Launched">Beta Launched</option> |
78 | <option value="Early Revenues">Early Revenues</option> | 77 | <option value="Early Revenues">Early Revenues</option> |
79 | <option value="Steady Revenues">Steady Revenues</option> | 78 | <option value="Steady Revenues">Steady Revenues</option> |
80 | <option value="Other">Other</option> | 79 | <option value="Other">Other</option> |
81 | </select> | 80 | </select> |
82 | </div> | 81 | </div> |
83 | <div class="col-xs-12 col-md-6 input-wrapper"> | 82 | <div class="col-xs-12 col-md-6 input-wrapper"> |
84 | <div class="icon-circle-q"> | 83 | <div class="icon-circle-q"> |
85 | <i class="material-icons" style="line-height: 30px;">business</i> | 84 | <i class="material-icons" style="line-height: 30px;">business</i> |
86 | </div> | 85 | </div> |
87 | <select ng-model="data.business" ng-change="selectechnology(data.business); ideakeyPress(data.business)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> | 86 | <select ng-model="data.business" ng-change="selectechnology(data.business); ideakeyPress(data.business)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> |
88 | <option name="business" selected disabled value="">Type of business *</option> | 87 | <option name="business" selected disabled value="">Type of business *</option> |
89 | <option value="B2B">B2B</option> | 88 | <option value="B2B">B2B</option> |
90 | <option value="B2C">B2C</option> | 89 | <option value="B2C">B2C</option> |
91 | </select> | 90 | </select> |
92 | </div> | 91 | </div> |
93 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 92 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
94 | <strong>How many founders/teammates will be attending the meetup? *</strong> | 93 | <strong>How many founders/teammates will be attending the meetup? *</strong> |
95 | <p class="line-space" ></p> | 94 | <p class="line-space" ></p> |
96 | </div> | 95 | </div> |
97 | <div class="col-xs-12 col-md-12 input-wrapper" > | 96 | <div class="col-xs-12 col-md-12 input-wrapper" > |
98 | <div class="icon-circle-o"> | 97 | <div class="icon-circle-o"> |
99 | <i class="material-icons" style="line-height: 30px;">confirmation_number</i> | 98 | <i class="material-icons" style="line-height: 30px;">confirmation_number</i> |
100 | </div> | 99 | </div> |
101 | <select ng-model="data.founder" ng-change="selectfounder(data.founder); discountkeyPress(data.founder)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> | 100 | <select ng-model="data.founder" ng-change="selectfounder(data.founder); discountkeyPress(data.founder)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required> |
102 | <option name="founder" selected disabled value="">Choose</option> | 101 | <option name="founder" selected disabled value="">Choose</option> |
103 | <option value="1">1</option> | 102 | <option value="1">1</option> |
104 | <option value="2">2</option> | 103 | <option value="2">2</option> |
105 | <option value="3">3</option> | 104 | <option value="3">3</option> |
106 | <option value="more than 3">more than 3</option> | 105 | <option value="more than 3">more than 3</option> |
107 | </select> | 106 | </select> |
108 | </div> | 107 | </div> |
109 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 108 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
110 | <strong>In which city is your startup registered at?</strong> | 109 | <strong>In which city is your startup registered at?</strong> |
111 | <p class="line-space" ></p> | 110 | <p class="line-space" ></p> |
112 | </div> | 111 | </div> |
113 | <div class="col-xs-12 col-md-12 input-wrapper"> | 112 | <div class="col-xs-12 col-md-12 input-wrapper"> |
114 | <div class="icon-circle-m"> | 113 | <div class="icon-circle-m"> |
115 | <i class="material-icons" style="line-height: 30px;">assessment</i> | 114 | <i class="material-icons" style="line-height: 30px;">assessment</i> |
116 | </div> | 115 | </div> |
117 | <input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)"> | 116 | <input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)"> |
118 | </div> | 117 | </div> |
119 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 118 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
120 | <strong>Give us a brief introduction about your startup. *</strong> | 119 | <strong>Give us a brief introduction about your startup. *</strong> |
121 | <p class="line-space" >Kindly write a powerful Twitter Pitch.</p> | 120 | <p class="line-space" >Kindly write a powerful Twitter Pitch.</p> |
122 | </div> | 121 | </div> |
123 | <div class="col-xs-12 col-md-12 input-wrapper"> | 122 | <div class="col-xs-12 col-md-12 input-wrapper"> |
124 | <div class="icon-circle-x"> | 123 | <div class="icon-circle-x"> |
125 | <i class="material-icons" style="line-height: 30px;">line_weight</i> | 124 | <i class="material-icons" style="line-height: 30px;">line_weight</i> |
126 | </div> | 125 | </div> |
127 | <textarea name="intro" class="text-input textarea" ng-model="data.intro" placeholder="Your Answer.." maxlength="200" ng-change="enterproblem(data.intro); startupNamekeyPress(data.intro)" required></textarea> | 126 | <textarea name="intro" class="text-input textarea" ng-model="data.intro" placeholder="Your Answer.." maxlength="200" ng-change="enterproblem(data.intro); startupNamekeyPress(data.intro)" required></textarea> |
128 | </div> | 127 | </div> |
129 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 128 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
130 | <strong>Who are your customers? *</strong> | 129 | <strong>Who are your customers? *</strong> |
131 | <p class="line-space" >We are looking for a simple and clear answer of who you are selling to.</p> | 130 | <p class="line-space" >We are looking for a simple and clear answer of who you are selling to.</p> |
132 | </div> | 131 | </div> |
133 | <div class="col-xs-12 col-md-12 input-wrapper"> | 132 | <div class="col-xs-12 col-md-12 input-wrapper"> |
134 | <div class="icon-circle-k"> | 133 | <div class="icon-circle-k"> |
135 | <i class="material-icons" style="line-height: 30px;">help</i> | 134 | <i class="material-icons" style="line-height: 30px;">help</i> |
136 | </div> | 135 | </div> |
137 | <textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea> | 136 | <textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea> |
138 | </div> | 137 | </div> |
139 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 138 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
140 | <strong>What problem you are solving for them? *</strong> | 139 | <strong>What problem you are solving for them? *</strong> |
141 | <p class="line-space" >We want to understand how clearly you know the pain point, and how big of a problem it is for the customers.</p> | 140 | <p class="line-space" >We want to understand how clearly you know the pain point, and how big of a problem it is for the customers.</p> |
142 | </div> | 141 | </div> |
143 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> | 142 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> |
144 | <div class="icon-circle-p"> | 143 | <div class="icon-circle-p"> |
145 | <i class="material-icons" style="line-height: 30px;">business_center</i> | 144 | <i class="material-icons" style="line-height: 30px;">business_center</i> |
146 | </div> | 145 | </div> |
147 | <textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required> | 146 | <textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required> |
148 | </textarea> | 147 | </textarea> |
149 | </div> | 148 | </div> |
150 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 149 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
151 | <strong>Link your pitch deck presentation. *</strong> | 150 | <strong>Link your pitch deck presentation. *</strong> |
152 | <p class="line-space" >Kindly upload your pitch deck to Google Presentation and make the link sharing settings open to all.</p> | 151 | <p class="line-space" >Kindly upload your pitch deck to Google Presentation and make the link sharing settings open to all.</p> |
153 | </div> | 152 | </div> |
154 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> | 153 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> |
155 | <div class="icon-circle-h"> | 154 | <div class="icon-circle-h"> |
156 | <i class="material-icons" style="line-height: 30px;">web</i> | 155 | <i class="material-icons" style="line-height: 30px;">web</i> |
157 | </div> | 156 | </div> |
158 | <input name="link" class="text-input" ng-pattern="/^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/" ng-blur="emailcheck(data.link)" ng-focus="removeError()" ng-model="data.link" placeholder="link" ng-change="enterbusiness(data.link); linkedInkeyPress(data.link)" required> | 157 | <input name="link" class="text-input" ng-pattern="/^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/" ng-blur="emailcheck(data.link)" ng-focus="removeError()" ng-model="data.link" placeholder="link" ng-change="enterbusiness(data.link); linkedInkeyPress(data.link)" required> |
159 | <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label> --> | 158 | <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label> --> |
160 | </div> | 159 | </div> |
161 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 160 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
162 | <strong>Coupon Code.</strong> | 161 | <strong>Coupon Code.</strong> |
163 | <p class="line-space" >It's applicable.</p> | 162 | <p class="line-space" >It's applicable.</p> |
164 | </div> | 163 | </div> |
165 | <div class="col-xs-12 input-wrapper"> | 164 | <div class="col-xs-12 input-wrapper"> |
166 | <div class="referel-icon" style="z-index: 999;"> | 165 | <div class="referel-icon" style="z-index: 999;"> |
167 | <i class="material-icons" style="line-height: 30px;">code</i> | 166 | <i class="material-icons" style="line-height: 30px;">code</i> |
168 | </div> | 167 | </div> |
169 | <input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)"> | 168 | <input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)"> |
170 | <!-- <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i> | 169 | <!-- <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i> |
171 | <i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i> | 170 | <i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i> |
172 | <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button> --> | 171 | <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button> --> |
173 | </div> | 172 | </div> |
174 | <div class="clearfix"></div> | 173 | <div class="clearfix"></div> |
175 | <!-- </div> --> | 174 | <!-- </div> --> |
176 | <!-- close step-one-form --> | 175 | <!-- close step-one-form --> |
177 | <!-- </td> | 176 | <!-- </td> |
178 | </tr> | 177 | </tr> |
179 | </table> --> | 178 | </table> --> |
180 | </div> | 179 | </div> |
181 | <!-- CLOSE form-all --> | 180 | <!-- CLOSE form-all --> |
182 | <!-- </div> --> | 181 | <!-- </div> --> |
183 | <div class="clearfix"></div> | 182 | <div class="clearfix"></div> |
184 | <div class="text-center"> | 183 | <div class="text-center"> |
185 | <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()"> | 184 | <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()"> |
186 | </div> | 185 | </div> |
187 | </div> | 186 | </div> |
188 | <!-- col-xs-12 col-md-8 col-md-offset-2 --> | 187 | <!-- col-xs-12 col-md-8 col-md-offset-2 --> |
189 | <footer> | 188 | <footer> |
190 | <img id="footer" class="img-responsive banner"> | 189 | <img id="footer" class="img-responsive banner"> |
191 | <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> | 190 | <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> |
192 | </center> | 191 | </center> |
193 | </footer> | 192 | </footer> |
194 | </form> | 193 | </form> |
195 | <!-- CLOSE FORM --> | 194 | <!-- CLOSE FORM --> |
196 | <!-- </div> CLOSE CHECK VIEW --> | 195 | <!-- </div> CLOSE CHECK VIEW --> |
pages/registration.html
1 | <div class="col-xs-12 col-md-10 col-md-offset-1"> | 1 | <div class="col-xs-12 col-md-10 col-md-offset-1"> |
2 | <div class="stage-shadow" id="front"> | 2 | <div class="stage-shadow" id="front"> |
3 | <div class="stages card-align"> | 3 | <div class="stages card-align"> |
4 | <div class="row"> | 4 | <div class="row"> |
5 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 5 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
6 | <div class="card" style="width:100%;border-radius: 6px;"> | 6 | <div class="card" style="width:100%;border-radius: 6px;"> |
7 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 7 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
8 | <img class="card-img-top" src="images/bangeluru.png" style="width:100%"> | 8 | <img class="card-img-top" src="images/bangeluru.png" style="width:100%"> |
9 | <div class="card-block"> | 9 | <div class="card-block"> |
10 | <div class="pull-left"> | 10 | <div class="pull-left"> |
11 | <label class="card-title">Bangalore</label><br> | 11 | <label class="card-title">Bangalore</label><br> |
12 | <label class="card-sub-title">Tuesday</label> | 12 | <label class="card-sub-title">Tuesday</label> |
13 | </div> | 13 | </div> |
14 | <div class="pull-right"> | 14 | <div class="pull-right"> |
15 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 15 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
16 | <span style="position: relative;top: -3px;font-size: 17px;">IIM-Bangalore</span> | 16 | <span style="position: relative;top: -3px;font-size: 17px;">IIM-Bangalore</span> |
17 | </label> | 17 | </label> |
18 | </div> | 18 | </div> |
19 | <div class="clearfix"></div> | 19 | <div class="clearfix"></div> |
20 | <label class="card-sub-title">Sept 18, 2018</label> | 20 | <label class="card-sub-title">Sept 18, 2018</label> |
21 | </div> | 21 | </div> |
22 | </label> | 22 | </label> |
23 | <div class="clearfix"></div> | 23 | <div class="clearfix"></div> |
24 | <div class="card-text2"> | 24 | <div class="card-text2"> |
25 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Bangalore')" >Apply</button> | 25 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Bangalore')" >Apply</button> |
26 | </div> | 26 | </div> |
27 | </div> | 27 | </div> |
28 | </div> | 28 | </div> |
29 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 29 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
30 | <div class="card" style="width:100%;border-radius: 6px;"> | 30 | <div class="card" style="width:100%;border-radius: 6px;"> |
31 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 31 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
32 | <img class="card-img-top" src="images/chennai.png" style="width:100%"> | 32 | <img class="card-img-top" src="images/chennai.png" style="width:100%"> |
33 | <div class="card-block"> | 33 | <div class="card-block"> |
34 | <div class="pull-left"> | 34 | <div class="pull-left"> |
35 | <label class="card-title">Chennai</label><br> | 35 | <label class="card-title">Chennai</label><br> |
36 | <label class="card-sub-title">Thursday</label> | 36 | <label class="card-sub-title">Thursday</label> |
37 | </div> | 37 | </div> |
38 | <div class="pull-right"> | 38 | <div class="pull-right"> |
39 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 39 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
40 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Madras</span> | 40 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Madras</span> |
41 | </label> | 41 | </label> |
42 | </div> | 42 | </div> |
43 | <div class="clearfix"></div> | 43 | <div class="clearfix"></div> |
44 | <label class="card-sub-title">Sept 20, 2018</label> | 44 | <label class="card-sub-title">Sept 20, 2018</label> |
45 | </div> | 45 | </div> |
46 | </label> | 46 | </label> |
47 | <div class="clearfix"></div> | 47 | <div class="clearfix"></div> |
48 | <div class="card-text2"> | 48 | <div class="card-text2"> |
49 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Chennai')" >Apply</button> | 49 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Chennai')" >Apply</button> |
50 | </div> | 50 | </div> |
51 | </div> | 51 | </div> |
52 | </div> | 52 | </div> |
53 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 53 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
54 | <div class="card" style="width:100%;border-radius: 6px;"> | 54 | <div class="card" style="width:100%;border-radius: 6px;"> |
55 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 55 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
56 | <img class="card-img-top" src="images/hydrabad.png" style="width:100%"> | 56 | <img class="card-img-top" src="images/hydrabad.png" style="width:100%"> |
57 | <div class="card-block"> | 57 | <div class="card-block"> |
58 | <div class="pull-left"> | 58 | <div class="pull-left"> |
59 | <label class="card-title">Hyderabad</label><br> | 59 | <label class="card-title">Hyderabad</label><br> |
60 | <label class="card-sub-title">Saturday</label> | 60 | <label class="card-sub-title">Saturday</label> |
61 | </div> | 61 | </div> |
62 | <div class="pull-right"> | 62 | <div class="pull-right"> |
63 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 63 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
64 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Hyderabad</span> | 64 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Hyderabad</span> |
65 | </label> | 65 | </label> |
66 | </div> | 66 | </div> |
67 | <div class="clearfix"></div> | 67 | <div class="clearfix"></div> |
68 | <label class="card-sub-title">Sept 22, 2018</label> | 68 | <label class="card-sub-title">Sept 22, 2018</label> |
69 | </div> | 69 | </div> |
70 | </label> | 70 | </label> |
71 | <div class="clearfix"></div> | 71 | <div class="clearfix"></div> |
72 | <div class="card-text2"> | 72 | <div class="card-text2"> |
73 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Hyderabad')" >Apply</button> | 73 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Hyderabad')" >Apply</button> |
74 | </div> | 74 | </div> |
75 | </div> | 75 | </div> |
76 | </div> | 76 | </div> |
77 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 77 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
78 | <div class="card" style="width:100%;border-radius: 6px;"> | 78 | <div class="card" style="width:100%;border-radius: 6px;"> |
79 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 79 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
80 | <img class="card-img-top" src="images/mumbai.png" style="width:100%"> | 80 | <img class="card-img-top" src="images/mumbai.png" style="width:100%"> |
81 | <div class="card-block"> | 81 | <div class="card-block"> |
82 | <div class="pull-left"> | 82 | <div class="pull-left"> |
83 | <label class="card-title">Mumbai</label><br> | 83 | <label class="card-title">Mumbai</label><br> |
84 | <label class="card-sub-title">Wednesday</label> | 84 | <label class="card-sub-title">Wednesday</label> |
85 | </div> | 85 | </div> |
86 | <div class="pull-right"> | 86 | <div class="pull-right"> |
87 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 87 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
88 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Bombay</span> | 88 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Bombay</span> |
89 | </label> | 89 | </label> |
90 | </div> | 90 | </div> |
91 | <div class="clearfix"></div> | 91 | <div class="clearfix"></div> |
92 | <label class="card-sub-title">Sept 26, 2018</label> | 92 | <label class="card-sub-title">Sept 26, 2018</label> |
93 | </div> | 93 | </div> |
94 | </label> | 94 | </label> |
95 | <div class="clearfix"></div> | 95 | <div class="clearfix"></div> |
96 | <div class="card-text2"> | 96 | <div class="card-text2"> |
97 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Mumbai')" >Apply</button> | 97 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Mumbai')" >Apply</button> |
98 | </div> | 98 | </div> |
99 | </div> | 99 | </div> |
100 | </div> | 100 | </div> |
101 | </div> | 101 | </div> |
102 | </div> | 102 | </div> |
103 | <div class="clearfix"></div> | 103 | <div class="clearfix"></div> |
104 | <div class="stages card-align"> | 104 | <div class="stages card-align"> |
105 | <div class="row"> | 105 | <div class="row"> |
106 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 106 | <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
107 | <div class="card" style="width:100%;border-radius: 6px;"> | 107 | <div class="card" style="width:100%;border-radius: 6px;"> |
108 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 108 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
109 | <img class="card-img-top" src="images/guwahati.png" style="width:100%"> | 109 | <img class="card-img-top" src="images/guwahati.png" style="width:100%"> |
110 | <div class="card-block"> | 110 | <div class="card-block"> |
111 | <div class="pull-left"> | 111 | <div class="pull-left"> |
112 | <label class="card-title">Guwahati</label><br> | 112 | <label class="card-title">Guwahati</label><br> |
113 | <label class="card-sub-title">Saturday</label> | 113 | <label class="card-sub-title">Saturday</label> |
114 | </div> | 114 | </div> |
115 | <div class="pull-right"> | 115 | <div class="pull-right"> |
116 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 116 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
117 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Guwahati</span> | 117 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Guwahati</span> |
118 | </label> | 118 | </label> |
119 | </div> | 119 | </div> |
120 | <div class="clearfix"></div> | 120 | <div class="clearfix"></div> |
121 | <label class="card-sub-title">Sept 29, 2018</label> | 121 | <label class="card-sub-title">Sept 29, 2018</label> |
122 | </div> | 122 | </div> |
123 | </label> | 123 | </label> |
124 | <div class="clearfix"></div> | 124 | <div class="clearfix"></div> |
125 | <div class="card-text2"> | 125 | <div class="card-text2"> |
126 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Guwahati')" >Apply</button> | 126 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Guwahati')" >Apply</button> |
127 | </div> | 127 | </div> |
128 | </div> | 128 | </div> |
129 | </div> --> | ||
130 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | ||
131 | <div class="card" style="width:100%;border-radius: 6px;"> | ||
132 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | ||
133 | <img class="card-img-top" src="images/kanpur.png" style="width:100%"> | ||
134 | <div class="card-block"> | ||
135 | <div class="pull-left"> | ||
136 | <label class="card-title">Kanpur</label><br> | ||
137 | <label class="card-sub-title">Wednesday</label> | ||
138 | </div> | ||
139 | <div class="pull-right"> | ||
140 | <label class="card-sub-title"><i class="material-icons">location_on</i> | ||
141 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Kanpur</span> | ||
142 | </label> | ||
143 | </div> | ||
144 | <div class="clearfix"></div> | ||
145 | <label class="card-sub-title">Oct 10, 2018</label> | ||
146 | </div> | ||
147 | </label> | ||
148 | <div class="clearfix"></div> | ||
149 | <div class="card-text2"> | ||
150 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kanpur')" >Apply</button> | ||
151 | </div> | ||
152 | </div> | ||
129 | </div> | 153 | </div> |
130 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 154 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
131 | <div class="card" style="width:100%;border-radius: 6px;"> | 155 | <div class="card" style="width:100%;border-radius: 6px;"> |
132 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 156 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
133 | <img class="card-img-top" src="images/kolkata.png" style="width:100%"> | 157 | <img class="card-img-top" src="images/kolkata.png" style="width:100%"> |
134 | <div class="card-block"> | 158 | <div class="card-block"> |
135 | <div class="pull-left"> | 159 | <div class="pull-left"> |
136 | <label class="card-title">Kolkata</label><br> | 160 | <label class="card-title">Kolkata</label><br> |
137 | <label class="card-sub-title">Wednesday</label> | 161 | <label class="card-sub-title">Wednesday</label> |
138 | </div> | 162 | </div> |
139 | <div class="pull-right"> | 163 | <div class="pull-right"> |
140 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 164 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
141 | <span style="position: relative;top: -3px;font-size: 17px;">IIM-Calcutta</span> | 165 | <span style="position: relative;top: -3px;font-size: 17px;">IIM-Calcutta</span> |
142 | </label> | 166 | </label> |
143 | </div> | 167 | </div> |
144 | <div class="clearfix"></div> | 168 | <div class="clearfix"></div> |
145 | <label class="card-sub-title">Oct 3, 2018</label> | 169 | <label class="card-sub-title">Oct 3, 2018</label> |
146 | </div> | 170 | </div> |
147 | </label> | 171 | </label> |
148 | <div class="clearfix"></div> | 172 | <div class="clearfix"></div> |
149 | <div class="card-text2"> | 173 | <div class="card-text2"> |
150 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kolkata')" >Apply</button> | 174 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kolkata')" >Apply</button> |
151 | </div> | 175 | </div> |
152 | </div> | 176 | </div> |
153 | </div> | 177 | </div> |
154 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 178 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
155 | <div class="card" style="width:100%;border-radius: 6px;"> | 179 | <div class="card" style="width:100%;border-radius: 6px;"> |
156 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 180 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
157 | <img class="card-img-top" src="images/jaipur.png" style="width:100%"> | 181 | <img class="card-img-top" src="images/jaipur.png" style="width:100%"> |
158 | <div class="card-block"> | 182 | <div class="card-block"> |
159 | <div class="pull-left"> | 183 | <div class="pull-left"> |
160 | <label class="card-title">Jaipur</label><br> | 184 | <label class="card-title">Jaipur</label><br> |
161 | <label class="card-sub-title">Friday</label> | 185 | <label class="card-sub-title">Friday</label> |
162 | </div> | 186 | </div> |
163 | <div class="pull-right"> | 187 | <div class="pull-right"> |
164 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 188 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
165 | <span style="position: relative;top: -3px;font-size: 17px;">Startup Oasis</span> | 189 | <span style="position: relative;top: -3px;font-size: 17px;">Startup Oasis</span> |
166 | </label> | 190 | </label> |
167 | </div> | 191 | </div> |
168 | <div class="clearfix"></div> | 192 | <div class="clearfix"></div> |
169 | <label class="card-sub-title">Oct 5, 2018</label> | 193 | <label class="card-sub-title">Oct 5, 2018</label> |
170 | </div> | 194 | </div> |
171 | </label> | 195 | </label> |
172 | <div class="clearfix"></div> | 196 | <div class="clearfix"></div> |
173 | <div class="card-text2"> | 197 | <div class="card-text2"> |
174 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Jaipur')" >Apply</button> | 198 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Jaipur')" >Apply</button> |
175 | </div> | 199 | </div> |
176 | </div> | 200 | </div> |
177 | </div> | 201 | </div> |
178 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 202 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
179 | <div class="card" style="width:100%;border-radius: 6px;"> | 203 | <div class="card" style="width:100%;border-radius: 6px;"> |
180 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 204 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
181 | <img class="card-img-top" src="images/delhi.png" style="width:100%"> | 205 | <img class="card-img-top" src="images/delhi.png" style="width:100%"> |
182 | <div class="card-block"> | 206 | <div class="card-block"> |
183 | <div class="pull-left"> | 207 | <div class="pull-left"> |
184 | <label class="card-title">Delhi</label><br> | 208 | <label class="card-title">Delhi</label><br> |
185 | <label class="card-sub-title">Monday</label> | 209 | <label class="card-sub-title">Monday</label> |
186 | </div> | 210 | </div> |
187 | <div class="pull-right"> | 211 | <div class="pull-right"> |
188 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 212 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
189 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Delhi</span> | 213 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Delhi</span> |
190 | </label> | 214 | </label> |
191 | </div> | 215 | </div> |
192 | <div class="clearfix"></div> | 216 | <div class="clearfix"></div> |
193 | <label class="card-sub-title">Oct 8, 2018</label> | 217 | <label class="card-sub-title">Oct 8, 2018</label> |
194 | </div> | 218 | </div> |
195 | </label> | 219 | </label> |
196 | <div class="clearfix"></div> | 220 | <div class="clearfix"></div> |
197 | <div class="card-text2"> | 221 | <div class="card-text2"> |
198 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Delhi')" >Apply</button> | 222 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Delhi')" >Apply</button> |
199 | </div> | 223 | </div> |
200 | </div> | 224 | </div> |
201 | </div> | 225 | </div> |
202 | </div> | 226 | </div> |
203 | </div> | 227 | </div> |
204 | <div class="clearfix"></div> | 228 | <div class="clearfix"></div> |
205 | <div class="stages card-align"> | 229 | <div class="stages card-align"> |
206 | <div class="row"> | 230 | <div class="row"> |
207 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 231 | <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
208 | <div class="card" style="width:100%;border-radius: 6px;"> | 232 | <div class="card" style="width:100%;border-radius: 6px;"> |
209 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 233 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
210 | <img class="card-img-top" src="images/kanpur.png" style="width:100%"> | 234 | <img class="card-img-top" src="images/kanpur.png" style="width:100%"> |
211 | <div class="card-block"> | 235 | <div class="card-block"> |
212 | <div class="pull-left"> | 236 | <div class="pull-left"> |
213 | <label class="card-title">Kanpur</label><br> | 237 | <label class="card-title">Kanpur</label><br> |
214 | <label class="card-sub-title">Wednesday</label> | 238 | <label class="card-sub-title">Wednesday</label> |
215 | </div> | 239 | </div> |
216 | <div class="pull-right"> | 240 | <div class="pull-right"> |
217 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 241 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
218 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Kanpur</span> | 242 | <span style="position: relative;top: -3px;font-size: 17px;">IIT-Kanpur</span> |
219 | </label> | 243 | </label> |
220 | </div> | 244 | </div> |
221 | <div class="clearfix"></div> | 245 | <div class="clearfix"></div> |
222 | <label class="card-sub-title">Oct 10, 2018</label> | 246 | <label class="card-sub-title">Oct 10, 2018</label> |
223 | </div> | 247 | </div> |
224 | </label> | 248 | </label> |
225 | <div class="clearfix"></div> | 249 | <div class="clearfix"></div> |
226 | <div class="card-text2"> | 250 | <div class="card-text2"> |
227 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kanpur')" >Apply</button> | 251 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kanpur')" >Apply</button> |
228 | </div> | 252 | </div> |
229 | </div> | 253 | </div> |
230 | </div> | 254 | </div> --> |
231 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 255 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
232 | <div class="card" style="width:100%;border-radius: 6px;"> | 256 | <div class="card" style="width:100%;border-radius: 6px;"> |
233 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 257 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
234 | <img class="card-img-top" src="images/ahmedabad.png" style="width:100%"> | 258 | <img class="card-img-top" src="images/ahmedabad.png" style="width:100%"> |
235 | <div class="card-block"> | 259 | <div class="card-block"> |
236 | <div class="pull-left"> | 260 | <div class="pull-left"> |
237 | <label class="card-title">Ahmedabad</label><br> | 261 | <label class="card-title">Ahmedabad</label><br> |
238 | <label class="card-sub-title">Friday</label> | 262 | <label class="card-sub-title">Friday</label> |
239 | </div> | 263 | </div> |
240 | <div class="pull-right"> | 264 | <div class="pull-right"> |
241 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 265 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
242 | <span style="position: relative;top: -3px;font-size: 17px;">IIM-Ahmedabad</span> | 266 | <span style="position: relative;top: -3px;font-size: 17px;">IIM-Ahmedabad</span> |
243 | </label> | 267 | </label> |
244 | </div> | 268 | </div> |
245 | <div class="clearfix"></div> | 269 | <div class="clearfix"></div> |
246 | <label class="card-sub-title">Oct 12, 2018</label> | 270 | <label class="card-sub-title">Oct 12, 2018</label> |
247 | </div> | 271 | </div> |
248 | </label> | 272 | </label> |
249 | <div class="clearfix"></div> | 273 | <div class="clearfix"></div> |
250 | <div class="card-text2"> | 274 | <div class="card-text2"> |
251 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Ahmedabad')" >Apply</button> | 275 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Ahmedabad')" >Apply</button> |
252 | </div> | 276 | </div> |
253 | </div> | 277 | </div> |
254 | </div> | 278 | </div> |
255 | <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 279 | <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
256 | <div class="card" style="width:100%;border-radius: 6px;"> | 280 | <div class="card" style="width:100%;border-radius: 6px;"> |
257 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 281 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
258 | <img class="card-img-top" src="images/indore.png" style="width:100%"> | 282 | <img class="card-img-top" src="images/indore.png" style="width:100%"> |
259 | <div class="card-block"> | 283 | <div class="card-block"> |
260 | <div class="pull-left"> | 284 | <div class="pull-left"> |
261 | <h4 class="card-title">Indore</h4> | 285 | <h4 class="card-title">Indore</h4> |
262 | <label class="card-sub-title">Monday</label> | 286 | <label class="card-sub-title">Monday</label> |
263 | </div> | 287 | </div> |
264 | <div class="pull-right"> | 288 | <div class="pull-right"> |
265 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 289 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
266 | <span style="position: relative;top: -3px;">IIM-Indore</span> | 290 | <span style="position: relative;top: -3px;">IIM-Indore</span> |
267 | </label> | 291 | </label> |
268 | </div> | 292 | </div> |
269 | <div class="clearfix"></div> | 293 | <div class="clearfix"></div> |
270 | <label class="card-sub-title">Oct 15, 2018</label> | 294 | <label class="card-sub-title">Oct 15, 2018</label> |
271 | </div> | 295 | </div> |
272 | </label> | 296 | </label> |
273 | <div class="clearfix"></div> | 297 | <div class="clearfix"></div> |
274 | <div class="card-text2"> | 298 | <div class="card-text2"> |
275 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button> | 299 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button> |
276 | </div> | 300 | </div> |
277 | </div> | 301 | </div> |
278 | </div> | 302 | </div> |
279 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> | 303 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
280 | <div class="card" style="width:100%;border-radius: 6px;"> | 304 | <div class="card" style="width:100%;border-radius: 6px;"> |
281 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | 305 | <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> |
282 | <img class="card-img-top" src="images/roorkee.png" style="width:100%"> | 306 | <img class="card-img-top" src="images/roorkee.png" style="width:100%"> |
283 | <div class="card-block"> | 307 | <div class="card-block"> |
284 | <div class="pull-left"> | 308 | <div class="pull-left"> |
285 | <h4 class="card-title">Roorkee</h4> | 309 | <h4 class="card-title">Roorkee</h4> |
286 | <label class="card-sub-title">Wednesday</label> | 310 | <label class="card-sub-title">Wednesday</label> |
287 | </div> | 311 | </div> |
288 | <div class="pull-right"> | 312 | <div class="pull-right"> |
289 | <label class="card-sub-title"><i class="material-icons">location_on</i> | 313 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
290 | <span style="position: relative;top: -3px;">IIT-Roorkee</span> | 314 | <span style="position: relative;top: -3px;">IIT-Roorkee</span> |
291 | </label> | 315 | </label> |
292 | </div> | 316 | </div> |
293 | <div class="clearfix"></div> | 317 | <div class="clearfix"></div> |
294 | <label class="card-sub-title">Oct 17, 2018</label> | 318 | <label class="card-sub-title">Oct 17, 2018</label> |
295 | </div> | 319 | </div> |
296 | </label> | 320 | </label> |
297 | <div class="clearfix"></div> | 321 | <div class="clearfix"></div> |
298 | <div class="card-text2"> | 322 | <div class="card-text2"> |
299 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button> | 323 | <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button> |
300 | </div> | 324 | </div> |
301 | </div> | 325 | </div> |
302 | </div> --> | 326 | </div> --> |
303 | </div> | 327 | </div> |
304 | </div> | 328 | </div> |
305 | <div class="clearfix"></div> | 329 | <div class="clearfix"></div> |
306 | </div> | 330 | </div> |
307 | </div> | 331 | </div> |
308 | <div class="clearfix"></div> | 332 | <div class="clearfix"></div> |
309 | <footer style="margin-top: 5%;"> | 333 | <footer style="margin-top: 5%;"> |
310 | <img id="footer" class="img-responsive banner"> | 334 | <img id="footer" class="img-responsive banner"> |
311 | <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center> | 335 | <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center> |
312 | </footer> | 336 | </footer> |
313 | 337 | ||
314 | 338 | ||
315 | 339 |
script.js
1 | // create the module and name it scotchApp | 1 | // create the module and name it scotchApp |
2 | var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']); | 2 | var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']); |
3 | 3 | ||
4 | // configure our routes | 4 | // configure our routes |
5 | scotchApp.config(function($routeProvider) { | 5 | scotchApp.config(function($routeProvider) { |
6 | $routeProvider | 6 | $routeProvider |
7 | 7 | ||
8 | // route for the Home page | 8 | // route for the Home page |
9 | .when('/', { | 9 | .when('/', { |
10 | templateUrl: 'pages/Home.html', | 10 | templateUrl: 'pages/Home.html', |
11 | controller: 'mainController' | 11 | controller: 'mainController' |
12 | }) | 12 | }) |
13 | 13 | ||
14 | // route for the registration page | 14 | // route for the registration page |
15 | .when('/caricatures', { | 15 | .when('/caricatures', { |
16 | templateUrl: 'pages/registration.html', | 16 | templateUrl: 'pages/registration.html', |
17 | controller: 'mainController' | 17 | controller: 'mainController' |
18 | }) | 18 | }) |
19 | 19 | ||
20 | // // route for the paymentVerify page | 20 | // // route for the paymentVerify page |
21 | // .when('/pendingPayment/:id', { | 21 | // .when('/pendingPayment/:id', { |
22 | // templateUrl: 'pages/verify.html', | 22 | // templateUrl: 'pages/verify.html', |
23 | // controller: 'verifyController' | 23 | // controller: 'verifyController' |
24 | // }) | 24 | // }) |
25 | 25 | ||
26 | // route for the ambassador page | 26 | // route for the ambassador page |
27 | .when('/registration', { | 27 | .when('/registration', { |
28 | templateUrl: 'pages/ambassador.html', | 28 | templateUrl: 'pages/ambassador.html', |
29 | controller: 'ambassadorController' | 29 | controller: 'ambassadorController' |
30 | }) | 30 | }) |
31 | 31 | ||
32 | // route for the confirmation page | 32 | // route for the confirmation page |
33 | .when('/confirmation', { | 33 | .when('/confirmation', { |
34 | templateUrl: 'pages/confirmation.html', | 34 | templateUrl: 'pages/confirmation.html', |
35 | controller: 'ambassadorController' | 35 | controller: 'ambassadorController' |
36 | }) | 36 | }) |
37 | 37 | ||
38 | }); | 38 | }); |
39 | 39 | ||
40 | scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) { | 40 | scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) { |
41 | // Add configuration code as desired | 41 | // Add configuration code as desired |
42 | AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code | 42 | AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code |
43 | 43 | ||
44 | // Track all routes (default is true). | 44 | // Track all routes (default is true). |
45 | AnalyticsProvider.trackPages(true); | 45 | AnalyticsProvider.trackPages(true); |
46 | 46 | ||
47 | // Track all URL query params (default is false). | 47 | // Track all URL query params (default is false). |
48 | AnalyticsProvider.trackUrlParams(true); | 48 | AnalyticsProvider.trackUrlParams(true); |
49 | 49 | ||
50 | }]).run(['Analytics', function(Analytics) { }]); | 50 | }]).run(['Analytics', function(Analytics) { }]); |
51 | 51 | ||
52 | scotchApp.constant("BASE_URL", "http://35.154.24.158:4001/v1") | 52 | scotchApp.constant("BASE_URL", "http://35.154.24.158:4001/v1") |
53 | //scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1") | 53 | //scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1") |
54 | 54 | ||
55 | // create the controller and inject Angular's $scope | 55 | // create the controller and inject Angular's $scope |
56 | scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) { | 56 | scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) { |
57 | $scope.data = { | 57 | $scope.data = { |
58 | show: true, | 58 | show: true, |
59 | hide: false | 59 | hide: false |
60 | }; | 60 | }; |
61 | 61 | ||
62 | $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ | 62 | $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ |
63 | $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ | 63 | $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ |
64 | // $scope.Textshow = "yes" | 64 | // $scope.Textshow = "yes" |
65 | $scope.max = 100; | 65 | $scope.max = 100; |
66 | $scope.formPage = false; | 66 | $scope.formPage = false; |
67 | $scope.current = 0; | 67 | $scope.current = 0; |
68 | $scope.payingAmnt = 0; | 68 | $scope.payingAmnt = 0; |
69 | $scope.data = {}; | 69 | $scope.data = {}; |
70 | $scope.discountAmount = 0; | 70 | $scope.discountAmount = 0; |
71 | // $scope.data.quantity = "1"; | 71 | // $scope.data.quantity = "1"; |
72 | $scope.check = false; | 72 | $scope.check = false; |
73 | $scope.numberCheck = false; | 73 | $scope.numberCheck = false; |
74 | $scope.paymentResult = {}; | 74 | $scope.paymentResult = {}; |
75 | var data = { | 75 | var data = { |
76 | "amount": $scope.payingAmnt, | 76 | "amount": $scope.payingAmnt, |
77 | "currency": "INR", | 77 | "currency": "INR", |
78 | "status": "pending" | 78 | "status": "pending" |
79 | } | 79 | } |
80 | 80 | ||
81 | $scope.apply = function() { | 81 | $scope.apply = function() { |
82 | //Analytics.trackEvent('register', 'click', 'Registration'); | 82 | //Analytics.trackEvent('register', 'click', 'Registration'); |
83 | $location.path("/caricatures") | 83 | $location.path("/caricatures") |
84 | } | 84 | } |
85 | 85 | ||
86 | $scope.data.city = ''; | 86 | $scope.data.city = ''; |
87 | $scope.watch = function(value){ | 87 | $scope.watch = function(value){ |
88 | console.log("cllll",value) | 88 | console.log("cllll",value) |
89 | $scope.data.city = value; | 89 | $scope.data.city = value; |
90 | localStorage.setItem("city" ,value); | 90 | localStorage.setItem("city" ,value); |
91 | //$location.path('/registration').search({city: value}); | 91 | //$location.path('/registration').search({city: value}); |
92 | $location.path('/registration'); | 92 | $location.path('/registration'); |
93 | //$state.go('registration', { 'city': value}) | 93 | //$state.go('registration', { 'city': value}) |
94 | } | 94 | } |
95 | 95 | ||
96 | $scope.stagekeyPress = function() { | 96 | $scope.stagekeyPress = function() { |
97 | $('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)'); | 97 | $('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)'); |
98 | } | 98 | } |
99 | $scope.sectorkeyPress = function() { | 99 | $scope.sectorkeyPress = function() { |
100 | $('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)'); | 100 | $('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)'); |
101 | } | 101 | } |
102 | 102 | ||
103 | $scope.productLaunchkeyPress = function() { | 103 | $scope.productLaunchkeyPress = function() { |
104 | $('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)'); | 104 | $('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)'); |
105 | } | 105 | } |
106 | 106 | ||
107 | $scope.launchPeriodkeyPress = function() { | 107 | $scope.launchPeriodkeyPress = function() { |
108 | $('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)'); | 108 | $('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)'); |
109 | } | 109 | } |
110 | 110 | ||
111 | $scope.industrykeyPress = function(quantity) { | 111 | $scope.industrykeyPress = function(quantity) { |
112 | console.log("fghj",quantity) | 112 | console.log("fghj",quantity) |
113 | $('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)'); | 113 | $('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)'); |
114 | } | 114 | } |
115 | 115 | ||
116 | $scope.industryNamekeyPress = function(firstName) { | 116 | $scope.industryNamekeyPress = function(firstName) { |
117 | console.log("lastName==", firstName); | 117 | console.log("lastName==", firstName); |
118 | if (firstName == undefined) { | 118 | if (firstName == undefined) { |
119 | $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)'); | 119 | $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)'); |
120 | } else { | 120 | } else { |
121 | $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)'); | 121 | $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)'); |
122 | } | 122 | } |
123 | } | 123 | } |
124 | 124 | ||
125 | $scope.amountkeyPress = function() { | 125 | $scope.amountkeyPress = function() { |
126 | $('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)'); | 126 | $('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)'); |
127 | } | 127 | } |
128 | 128 | ||
129 | $scope.firstNamekeyPress = function(name) { | 129 | $scope.firstNamekeyPress = function(name) { |
130 | console.log("lastName==", name); | 130 | console.log("lastName==", name); |
131 | if (name == undefined) { | 131 | if (name == undefined) { |
132 | $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)'); | 132 | $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)'); |
133 | } else { | 133 | } else { |
134 | $('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)'); | 134 | $('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)'); |
135 | } | 135 | } |
136 | } | 136 | } |
137 | 137 | ||
138 | $scope.emailkeyPress = function(email) { | 138 | $scope.emailkeyPress = function(email) { |
139 | console.log("email", email); | 139 | console.log("email", email); |
140 | if (email == undefined) { | 140 | if (email == undefined) { |
141 | $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)'); | 141 | $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)'); |
142 | } else { | 142 | } else { |
143 | $('.icon-circle-d').css('background-color', 'rgb(25, 104, 157)'); | 143 | $('.icon-circle-d').css('background-color', 'rgb(25, 104, 157)'); |
144 | } | 144 | } |
145 | } | 145 | } |
146 | 146 | ||
147 | $scope.phonekeyPress = function(number) { | 147 | $scope.phonekeyPress = function(number) { |
148 | console.log("number", number); | 148 | console.log("number", number); |
149 | if (number == undefined || number == '') { | 149 | if (number == undefined || number == '') { |
150 | $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)'); | 150 | $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)'); |
151 | } else { | 151 | } else { |
152 | $('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)'); | 152 | $('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)'); |
153 | } | 153 | } |
154 | } | 154 | } |
155 | 155 | ||
156 | $scope.citykeyPress = function(city) { | 156 | $scope.citykeyPress = function(city) { |
157 | console.log("city", city); | 157 | console.log("city", city); |
158 | if (city == undefined) { | 158 | if (city == undefined) { |
159 | $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)'); | 159 | $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)'); |
160 | } else { | 160 | } else { |
161 | $('.icon-circle-f').css('background-color', 'rgb(25, 104, 157)'); | 161 | $('.icon-circle-f').css('background-color', 'rgb(25, 104, 157)'); |
162 | } | 162 | } |
163 | } | 163 | } |
164 | 164 | ||
165 | $scope.startupNamekeyPress = function(q) { | 165 | $scope.startupNamekeyPress = function(q) { |
166 | if (q == undefined) { | 166 | if (q == undefined) { |
167 | $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)'); | 167 | $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)'); |
168 | } else { | 168 | } else { |
169 | $('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)'); | 169 | $('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)'); |
170 | } | 170 | } |
171 | } | 171 | } |
172 | 172 | ||
173 | $scope.linkedInkeyPress = function(technology) { | 173 | $scope.linkedInkeyPress = function(technology) { |
174 | if (technology == undefined || technology == '') { | 174 | if (technology == undefined || technology == '') { |
175 | $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)'); | 175 | $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)'); |
176 | } else { | 176 | } else { |
177 | $('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)'); | 177 | $('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)'); |
178 | } | 178 | } |
179 | } | 179 | } |
180 | $scope.companykeyPress = function(problem) { | 180 | $scope.companykeyPress = function(problem) { |
181 | if (problem == undefined) { | 181 | if (problem == undefined) { |
182 | $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)'); | 182 | $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)'); |
183 | } else { | 183 | } else { |
184 | $('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)'); | 184 | $('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)'); |
185 | } | 185 | } |
186 | } | 186 | } |
187 | $scope.productNamekeyPress = function(solution) { | 187 | $scope.productNamekeyPress = function(solution) { |
188 | if (solution == undefined) { | 188 | if (solution == undefined) { |
189 | $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)'); | 189 | $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)'); |
190 | } else { | 190 | } else { |
191 | $('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)'); | 191 | $('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)'); |
192 | } | 192 | } |
193 | } | 193 | } |
194 | $scope.businesskeyPress = function(business) { | 194 | $scope.businesskeyPress = function(business) { |
195 | $('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)'); | 195 | $('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)'); |
196 | } | 196 | } |
197 | 197 | ||
198 | $scope.websitekeyPress = function(prototype) { | 198 | $scope.websitekeyPress = function(prototype) { |
199 | if (prototype == undefined || prototype == '') { | 199 | if (prototype == undefined || prototype == '') { |
200 | $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)'); | 200 | $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)'); |
201 | } else { | 201 | } else { |
202 | $('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)'); | 202 | $('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)'); |
203 | } | 203 | } |
204 | } | 204 | } |
205 | 205 | ||
206 | $scope.employeekeyPress = function(market) { | 206 | $scope.employeekeyPress = function(market) { |
207 | if (market == undefined || market == '') { | 207 | if (market == undefined || market == '') { |
208 | $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)'); | 208 | $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)'); |
209 | } else { | 209 | } else { |
210 | $('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)'); | 210 | $('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)'); |
211 | } | 211 | } |
212 | } | 212 | } |
213 | 213 | ||
214 | $scope.annualkeyPress = function(risk) { | 214 | $scope.annualkeyPress = function(risk) { |
215 | if (risk == undefined || risk == '') { | 215 | if (risk == undefined || risk == '') { |
216 | $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)'); | 216 | $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)'); |
217 | } else { | 217 | } else { |
218 | $('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)'); | 218 | $('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)'); |
219 | } | 219 | } |
220 | } | 220 | } |
221 | 221 | ||
222 | $scope.revenuekeyPress = function(team) { | 222 | $scope.revenuekeyPress = function(team) { |
223 | if (team == undefined || team == '') { | 223 | if (team == undefined || team == '') { |
224 | $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)'); | 224 | $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)'); |
225 | } else { | 225 | } else { |
226 | $('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)'); | 226 | $('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)'); |
227 | } | 227 | } |
228 | } | 228 | } |
229 | 229 | ||
230 | $scope.descriptionkeyPress = function(pitch) { | 230 | $scope.descriptionkeyPress = function(pitch) { |
231 | if (pitch == undefined) { | 231 | if (pitch == undefined) { |
232 | $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)'); | 232 | $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)'); |
233 | } else { | 233 | } else { |
234 | $('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)'); | 234 | $('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)'); |
235 | } | 235 | } |
236 | } | 236 | } |
237 | 237 | ||
238 | $scope.discountkeyPress = function(discount) { | 238 | $scope.discountkeyPress = function(discount) { |
239 | if (discount == undefined) { | 239 | if (discount == undefined) { |
240 | $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)'); | 240 | $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)'); |
241 | } else { | 241 | } else { |
242 | $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)'); | 242 | $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)'); |
243 | } | 243 | } |
244 | } | 244 | } |
245 | 245 | ||
246 | $scope.removeNooError = function() { | 246 | $scope.removeNooError = function() { |
247 | $('#invalidIdea').css('display', 'block'); | 247 | $('#invalidIdea').css('display', 'block'); |
248 | $('#noExist').css('display', 'none'); | 248 | $('#noExist').css('display', 'none'); |
249 | }; | 249 | }; |
250 | 250 | ||
251 | $scope.ideakeyPress = function(financial) { | 251 | $scope.ideakeyPress = function(financial) { |
252 | console.log("financial", financial); | 252 | console.log("financial", financial); |
253 | if (financial == undefined) { | 253 | if (financial == undefined) { |
254 | $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)'); | 254 | $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)'); |
255 | } else { | 255 | } else { |
256 | $('.icon-circle-q').css('background-color', 'rgb(25, 104, 157)'); | 256 | $('.icon-circle-q').css('background-color', 'rgb(25, 104, 157)'); |
257 | } | 257 | } |
258 | } | 258 | } |
259 | 259 | ||
260 | $scope.fundkeyPress = function(financial) { | 260 | $scope.fundkeyPress = function(financial) { |
261 | console.log("financial", financial); | 261 | console.log("financial", financial); |
262 | if (financial == undefined) { | 262 | if (financial == undefined) { |
263 | $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)'); | 263 | $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)'); |
264 | } else { | 264 | } else { |
265 | $('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)'); | 265 | $('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)'); |
266 | } | 266 | } |
267 | } | 267 | } |
268 | 268 | ||
269 | $scope.changeReferalIconColor = function(referalToken){ | 269 | $scope.changeReferalIconColor = function(referalToken){ |
270 | if (referalToken == undefined || referalToken == '') { | 270 | if (referalToken == undefined || referalToken == '') { |
271 | $('.referel-icon').css('background-color', 'rgb(102, 102, 102)'); | 271 | $('.referel-icon').css('background-color', 'rgb(102, 102, 102)'); |
272 | }else { | 272 | }else { |
273 | $('.referel-icon').css('background-color', 'rgb(25, 104, 157)'); | 273 | $('.referel-icon').css('background-color', 'rgb(25, 104, 157)'); |
274 | } | 274 | } |
275 | } | 275 | } |
276 | 276 | ||
277 | }); | 277 | }); |
278 | 278 | ||
279 | scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) { | 279 | scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) { |
280 | $scope.data = {}; | 280 | $scope.data = {}; |
281 | $scope.check = false; | 281 | $scope.check = false; |
282 | $scope.numberCheck = false; | 282 | $scope.numberCheck = false; |
283 | $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ | 283 | $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ |
284 | $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ | 284 | $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ |
285 | $scope.max = 100; | 285 | $scope.max = 100; |
286 | $scope.formPage = false; | 286 | $scope.formPage = false; |
287 | $scope.current = 0; | 287 | $scope.current = 0; |
288 | $scope.payingAmnt = 0; | 288 | $scope.payingAmnt = 0; |
289 | $scope.discountAmount = 0; | 289 | $scope.discountAmount = 0; |
290 | // $scope.data.quantity = "1"; | 290 | // $scope.data.quantity = "1"; |
291 | $scope.check = false; | 291 | $scope.check = false; |
292 | $scope.numberCheck = false; | 292 | $scope.numberCheck = false; |
293 | $scope.paymentResult = {}; | 293 | $scope.paymentResult = {}; |
294 | var data = { | 294 | var data = { |
295 | "amount": $scope.payingAmnt, | 295 | "amount": $scope.payingAmnt, |
296 | "currency": "INR", | 296 | "currency": "INR", |
297 | "status": "pending" | 297 | "status": "pending" |
298 | } | 298 | } |
299 | 299 | ||
300 | $scope.removeError = function() { | 300 | $scope.removeError = function() { |
301 | $('#invalidEmail').css('display', 'none'); | 301 | $('#invalidEmail').css('display', 'none'); |
302 | $('#alreadyExist').css('display', 'none'); | 302 | $('#alreadyExist').css('display', 'none'); |
303 | }; | 303 | }; |
304 | 304 | ||
305 | $scope.emailcheck = function(val) { | 305 | $scope.emailcheck = function(val) { |
306 | if (val == undefined) { | 306 | if (val == undefined) { |
307 | $('#invalidEmail').css('display', 'block'); | 307 | $('#invalidEmail').css('display', 'block'); |
308 | } else { | 308 | } else { |
309 | $('#alreadyExist').css('display', 'block'); | 309 | $('#alreadyExist').css('display', 'block'); |
310 | } | 310 | } |
311 | }; | 311 | }; |
312 | 312 | ||
313 | // $scope.$on('city', function (event, value) { | 313 | // $scope.$on('city', function (event, value) { |
314 | $scope.data.city = localStorage.getItem("city"); | 314 | $scope.data.city = localStorage.getItem("city"); |
315 | console.log("HERE===",$scope.data.city ); | 315 | console.log("HERE===",$scope.data.city ); |
316 | // }); | 316 | // }); |
317 | $scope.submit = function() { | 317 | $scope.submit = function() { |
318 | $scope.payingAmnt = 100; | 318 | $scope.payingAmnt = 50000; |
319 | if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) { | 319 | if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) { |
320 | var x = document.getElementById("snackbar") | 320 | var x = document.getElementById("snackbar") |
321 | setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); | 321 | setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); |
322 | }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) { | 322 | }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) { |
323 | $scope.infoForm = true; | 323 | $scope.infoForm = true; |
324 | $scope.detail = {}; | 324 | $scope.detail = {}; |
325 | $scope.data.phone = "+91"+$scope.data.number; | 325 | $scope.data.phone = "+91"+$scope.data.number; |
326 | $http({ | 326 | $http({ |
327 | method: 'POST', | 327 | method: 'POST', |
328 | url: BASE_URL+'/applicants', | 328 | url: BASE_URL+'/applicants', |
329 | data: $scope.data, | 329 | data: $scope.data, |
330 | headers: {} | 330 | headers: {} |
331 | }).then(function mySuccess(result) { | 331 | }).then(function mySuccess(result) { |
332 | console.log("=====result=====",result) | 332 | console.log("=====result=====",result) |
333 | $scope.detail = result; | 333 | $scope.detail = result; |
334 | data.applicantId = result.data.id; | 334 | data.applicantId = result.data.id; |
335 | $scope.userId = result.data.id; | 335 | $scope.userId = result.data.id; |
336 | console.log("=====data=====",data) | 336 | console.log("=====data=====",data) |
337 | data.amount = $scope.payingAmnt /100; | 337 | data.amount = $scope.payingAmnt /100; |
338 | if($scope.detail != null){ | 338 | if($scope.detail != null){ |
339 | $http({ | 339 | $http({ |
340 | method: 'POST', | 340 | method: 'POST', |
341 | url: BASE_URL+'/payments', | 341 | url: BASE_URL+'/payments', |
342 | data: data, | 342 | data: data, |
343 | headers: {} | 343 | headers: {} |
344 | }).then(function mySuccess(paymentResult) { | 344 | }).then(function mySuccess(paymentResult) { |
345 | $scope.paymentResult = paymentResult; | 345 | $scope.paymentResult = paymentResult; |
346 | }, function myError(error) { | 346 | }, function myError(error) { |
347 | }); | 347 | }); |
348 | } | 348 | } |
349 | var i = 0; | 349 | var i = 0; |
350 | var options = { | 350 | var options = { |
351 | "key": "rzp_test_YwHsVFiDIQ2WUQ", | 351 | //"key": "rzp_test_YwHsVFiDIQ2WUQ", |
352 | //"key": "rzp_live_mkmCb4FkstuWaS", | 352 | "key": "rzp_live_mkmCb4FkstuWaS", |
353 | "amount": $scope.payingAmnt, | 353 | "amount": $scope.payingAmnt, |
354 | 354 | ||
355 | "name": "Startup Jalsa", | 355 | "name": "Startup Jalsa", |
356 | "description":"amount", | 356 | "description":"amount", |
357 | "currency": "INR", | 357 | "currency": "INR", |
358 | "status": "done", | 358 | "status": "done", |
359 | 359 | ||
360 | "prefill": { | 360 | "prefill": { |
361 | "email": $scope.detail.email, | 361 | "email": $scope.detail.email, |
362 | "contact": $scope.detail.phone | 362 | "contact": $scope.detail.phone |
363 | }, | 363 | }, |
364 | 364 | ||
365 | "theme": { | 365 | "theme": { |
366 | "color": "#2196f3 ", | 366 | "color": "#2196f3 ", |
367 | "image_padding":"NO" | 367 | "image_padding":"NO" |
368 | }, | 368 | }, |
369 | "modal": { | 369 | "modal": { |
370 | "ondismiss": function(){ | 370 | "ondismiss": function(){ |
371 | } | 371 | } |
372 | }, | 372 | }, |
373 | "handler": function (response){ | 373 | "handler": function (response){ |
374 | createPayment(response); | 374 | createPayment(response); |
375 | } | 375 | } |
376 | }; | 376 | }; |
377 | var rzp1 = new Razorpay(options); | 377 | var rzp1 = new Razorpay(options); |
378 | rzp1.open(); | 378 | rzp1.open(); |
379 | $scope.paymentResponse = {}; | 379 | $scope.paymentResponse = {}; |
380 | function createPayment(response){ | 380 | function createPayment(response){ |
381 | console.log("response12333333",response) | 381 | console.log("response12333333",response) |
382 | $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id; | 382 | $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id; |
383 | $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId; | 383 | $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId; |
384 | $scope.paymentResponse.amount = data.amount; | 384 | $scope.paymentResponse.amount = data.amount; |
385 | $scope.paymentResponse.currency = "INR"; | 385 | $scope.paymentResponse.currency = "INR"; |
386 | $scope.paymentResponse.status = $scope.paymentResult.data.status; | 386 | $scope.paymentResponse.status = $scope.paymentResult.data.status; |
387 | $http({ | 387 | $http({ |
388 | method: 'PUT', | 388 | method: 'PUT', |
389 | url: BASE_URL+'/payments/'+$scope.paymentResult.data.id, | 389 | url: BASE_URL+'/payments/'+$scope.paymentResult.data.id, |
390 | data: $scope.paymentResponse, | 390 | data: $scope.paymentResponse, |
391 | headers: {} | 391 | headers: {} |
392 | }).then(function mySuccess(searchResult) { | 392 | }).then(function mySuccess(searchResult) { |
393 | console.log("searchResult",searchResult) | 393 | console.log("searchResult",searchResult) |
394 | $location.path("/confirmation") | 394 | $location.path("/confirmation") |
395 | }, function myError(error) { | 395 | }, function myError(error) { |
396 | }); | 396 | }); |
397 | } | 397 | } |
398 | 398 | ||
399 | }, function myError(error) { | 399 | }, function myError(error) { |
400 | 400 | ||
401 | }); | 401 | }); |
402 | 402 | ||
403 | } | 403 | } |
404 | 404 | ||
405 | } | 405 | } |
406 | 406 | ||
407 | }); | 407 | }); |
408 | 408 | ||
409 | 409 | ||
410 | 410 | ||
411 | 411 |