From d67310a6c2b21dc1e805d9543b10a6e55eea43dc Mon Sep 17 00:00:00 2001
From: Shilpi <shilpi.saini@viithiisys.com>
Date: Fri, 30 Aug 2019 12:39:48 +0530
Subject: [PATCH] new page design & integrate api

---
 pages/ambassador.html | 83 ++++++++++++++++++++++++++++++++++++++-------------
 script.js             | 10 +++----
 2 files changed, 68 insertions(+), 25 deletions(-)

diff --git a/pages/ambassador.html b/pages/ambassador.html
index c2fdfb2..3e37b44 100644
--- a/pages/ambassador.html
+++ b/pages/ambassador.html
@@ -1,19 +1,19 @@
-<div class="header">
+<!-- <div class="header">
    <div>
-      <h1 class="startup-jalsa">STARTUP JALSA 2018</h1>
+      <h1 class="startup-jalsa">STARTUP JALSA 2019</h1>
    </div> 
    <div class="clearfix"></div>
-</div>
+</div> -->
 <!-- CLOSE HEADER -->
-<form name="applicantForm" id="signupForm">
+<!-- <form name="applicantForm" id="signupForm">
    <div class="col-xs-12 col-md-4 col-md-offset-4">
       <div class="form-all">
          <table style="width: 100%;">
             <tr>
                <td>
-                  <div class="step-one-form" >
+                  <div class="step-one-form" > -->
                      <!-- form step 1 -->
-                     <div class="col-xs-12 input-wrapper" >
+                     <!-- <div class="col-xs-12 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;">person</i>
@@ -26,19 +26,19 @@
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
-                        <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)">
+                        <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)"> -->
                         <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                         <label ng-if="check">Email already exist.</label>  -->
-                     </div>
+                     <!-- </div>
                      <div class="clearfix"></div>
                      <div class="col-xs-12 input-wrapper" >
                         <div class="icon-circle-e">
                            <i class="material-icons" style="line-height: 30px;">phone</i>
                         </div>
-                        <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.mobile" placeholder="Mobile No." ng-change="enternumber(data.mobile); phonekeyPress(data.mobile)">
+                        <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.mobile" placeholder="Mobile No." ng-change="enternumber(data.mobile); phonekeyPress(data.mobile)"> -->
                         <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> -->
                         <!-- <label  ng-if="numberCheck">Contact Number already exist.</label> -->
-                     </div>
+                     <!-- </div>
                      <div class="clearfix"></div>
                      <div class="col-xs-12 input-wrapper" >
                         <div class="icon-circle-o">
@@ -46,33 +46,76 @@
                         </div>
                         <input type="number" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.discount" placeholder="Percentage Discount" ng-change="enternumber(data.discount); discountkeyPress(data.discount)">
                      </div>
-                  </div>
+                  </div> -->
                   <!-- close step-one-form -->
-               </td>
+               <!-- </td>
             </tr>
          </table>
-      </div>
+      </div> -->
       <!-- CLOSE form-all -->
    <!-- </div> -->
-      <div class="clearfix"></div>
+      <!-- <div class="clearfix"></div>
          <div style="margin-bottom: 12%;" class="text-center">
             <input type="submit" class="btn submit-button"  ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
          </div>
-       </div>
+       </div> -->
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
-	<footer>
+	<!-- <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 Technologies.</a>
 	    </center>
 	</footer>
-</form>
+</form> -->
 <!-- </div> CLOSE CHECK VIEW -->
-<div ng-if="verifyView">
+<!-- <div ng-if="verifyView">
    <div class="text-center">
       <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
    </div>
-</div>
-</div> <!-- CLOSE NEW-CONTROLLER -->    
+</div> -->
+<!-- </div> CLOSE NEW-CONTROLLER     -->
+
+<div class="header">
+   <div>
+   </div>      
+ <div class="clearfix"></div>
+ <div class="myLoaderWrap" ng-show="loading">       
+    <img  class="ajax-loader" src="images/loader.gif">
+ </div>
+ </div>
+ <!-- CLOSE HEADER -->
+ <form name="applicantForm">  
+    <div class="col-xs-12 col-md-8 col-md-offset-2">
+       <div class="form-all">
+          <h4 class="title">AMBASSADOR FORM</h4>
+          <p></p>
+           <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
+               <div class="form-group">
+                   <label>Name: *</label>
+                   <input type="name" class="form-control" ng-model="data.name" required>
+               </div>
+               <div class="form-group">
+                  <label>Email: *</label>
+                  <input type="email" class="form-control" ng-model="data.email" required>
+               </div>
+               <div class="form-group">
+                   <label>Phone No: *</label>
+                   <input type="text" class="form-control" maxlength="10" ng-model="data.mobile" required>
+                   <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label> -->
+               </div>
+               <div class="form-group">
+                  <label>Percentage Discount: *</label>
+                  <!-- <input type="number" class="form-control" ng-model="data.startupName" required> -->
+                  <input type="number" class="form-control" maxlength="10" ng-model="data.discount" required>
+              </div>
+           </div>
+           <div class="clearfix"></div>
+           <div class="text-center">
+               <input type="submit" class="btn submit-button-form" style="outline: none;" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
+           </div>
+       </div>
+   </div>
+ </form>
+
 <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
diff --git a/script.js b/script.js
index ce855bf..704b926 100644
--- a/script.js
+++ b/script.js
@@ -1466,12 +1466,12 @@ scotchApp.controller('ambassadorController', function($scope, $http, $location,
 	    $scope.numberCheck = false;
 
 		$scope.submit = function() {
-			//var randomNumber = ""+Math.random();
-			var nameSpliced = $scope.data.name.slice(0,5);
-			//var numberSpliced = randomNumber.slice(2,4);
+			var randomNumber = ""+Math.random();
+			var nameSpliced = $scope.data.name.slice(0,3);
+			var numberSpliced = randomNumber.slice(2,4);
 			//var numberSpliced = "90";
-			//$scope.data.referalToken = nameSpliced+numberSpliced;
-			$scope.data.referalToken = nameSpliced;
+			$scope.data.referalToken = nameSpliced+numberSpliced;
+			//$scope.data.referalToken = nameSpliced;
 			$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
 			//$scope.data.referalToken = $scope.data.referalToken.toString();
 	         $http({
-- 
2.0.0