Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit dee1f7479d0e7ddfa3fb33a342a39b4f28d7f13a

Authored by Palak Handa 2018-09-12 03:42:21 -0400

1 parent 7cdbd289e4

Exists in master and in 1 other branch

validation use

Showing 2 changed files with 24 additions and 11 deletions Show diff stats

pages/registration.html

Diff comments View file @dee1f74

 <div class="header">
   <div>
     <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>
     <!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
   </div>
 <div class="clearfix"></div>
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm">
    <div class="col-xs-12 col-md-8 col-md-offset-2">
       <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;">person</i>
                         </div>
                         <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)">
                      </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" 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" ng-blur="emailcheck(data.email)" ng-focus="removeError()" 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 class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
-                        <label ng-if="check">Email already exist.</label> -->
+                        <!-- <label 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="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)">
-                        <!-- <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 class="col-xs-12 col-md-6 input-wrapper">
                         <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)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                            <option name="city" selected disabled value="">{{data.city}}</option>
                            <option value="Ahmedabad">Ahmedabad</option>
                            <option value="Bengaluru">Bengaluru</option>
                            <option value="Chennai">Chennai</option>
                            <option value="Delhi">Delhi</option>
                            <option value="Hyderabad">Hyderabad</option>
                            <option value="Jaipur">Jaipur</option>
                            <option value="Kanpur">Kanpur</option>
                            <option value="Kolkata">Kolkata</option>
                            <option value="Mumbai">Mumbai</option>
                         </select>
                      </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="phone" name="phone" ng-pattern="/^\d*(?:\.\d{1,2})?$/" maxlength="10" class="text-input" required class="" ng-model="data.number" ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)">
+                        <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label>
+                        <!-- <label ng-if="numberCheck">Contact Number already exist.</label> -->
+                     </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-i">
                            <i class="material-icons" style="line-height: 30px;">perm_identity</i>
                         </div>
                         <input type="text"  class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-n">
                            <i class="material-icons" style="line-height: 30px;">web</i>
                         </div>
                         <input name="website"  class="text-input" ng-model="data.website" placeholder="Website link" ng-change="enterwebsite(data.website); revenuekeyPress(data.website)"></input>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-y">
                            <i class="material-icons" style="line-height: 30px;">assignment</i>
                         </div>
                         <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>
                            <option name="stage" selected disabled value="">Choose Startup Stage *</option>
                            <option value="Idea">Idea</option>
                            <option value="Prototype">Prototype</option>
 <!--                            <option value="Proof of Concept">Proof of Concept</option>
                            <option value="Beta Launched">Beta Launched</option>
                            <option value="Early Revenues">Early Revenues</option>
                            <option value="Steady Revenues">Steady Revenues</option>
                            <option value="Other">Other</option>
  -->                        </select>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-q">
                            <i class="material-icons" style="line-height: 30px;">business</i>
                         </div>
                         <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>
                            <option name="business" selected disabled value="">Type of business *</option>
                            <option value="B2B">B2B</option>
                            <option value="B2C">B2C</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>How many founders/teammates will be attending the meetup? *</strong>
                         <p class="line-space" ></p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper" >
                         <div class="icon-circle-o">
                            <i class="material-icons" style="line-height: 30px;">confirmation_number</i>
                         </div>
                         <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>
                            <option name="founder" selected disabled value="">Choose</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="more than 3">more than 3</option>
                         </select>
                      </div>
 <!--                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>In which city is your startup registered at?</strong>
                         <p class="line-space" ></p>
                      </div> -->
                     <!--  <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-m">
                            <i class="material-icons" style="line-height: 30px;">assessment</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)">
                      </div> -->
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Give us a brief introduction about your startup. *</strong>
                         <p class="line-space" >Kindly write a powerful Twitter Pitch (word limit-200).</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-x">
                            <i class="material-icons" style="line-height: 30px;">line_weight</i>
                         </div>
                         <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>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Who are your customers? *</strong>
                         <p class="line-space" >We are looking for a simple and clear answer of who you are selling to.</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-k">
                            <i class="material-icons" style="line-height: 30px;">help</i>
                         </div>
                         <textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>What problem you are solving for them? *</strong>
                         <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>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <div class="icon-circle-p">
                            <i class="material-icons" style="line-height: 30px;">business_center</i>
                         </div>
                         <textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required>
                         </textarea>
                      </div>
                      <!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Link your pitch deck presentation. *</strong>
                         <p class="line-space" > Kindly upload the link to your pitch deck (Dropbox/Google Drive, if on google drive make the link open to all).</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <div class="icon-circle-h">
                            <i class="material-icons" style="line-height: 30px;">web</i>
                         </div>
                         <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>
                         <label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label>
                      </div> -->
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Coupon Code.</strong>
                         <p class="line-space" >Only applicable for venue partner ecosystem</p>
                      </div>
                      <div class="col-xs-12 input-wrapper">
                         <div class="referel-icon" style="z-index: 999;">
                            <i class="material-icons" style="line-height: 30px;">code</i>
                         </div>
                         <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
                         <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> -->
                   <!-- close step-one-form -->
                <!-- </td>
             </tr>
          </table> -->
       </div>
       <!-- CLOSE form-all -->
    <!-- </div> -->
       <div class="clearfix"></div>
          <div class="text-center">
             <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
          </div>
         </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->

script.js

Diff comments View file @dee1f74

 	// create the module and name it scotchApp
 	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
 	// configure our routes
 	scotchApp.config(function($routeProvider) {
 	    $routeProvider
 	    	// route for the Home page
 	        .when('/', {
 	            templateUrl: 'pages/Home.html',
 	            controller: 'mainController'
 	        })
 	        // route for the caricatures page
 	        .when('/caricatures', {
 	            templateUrl: 'pages/caricatures.html',
 	            controller: 'mainController'
 	        })
 	        // // route for the paymentVerify page
 	        // .when('/pendingPayment/:id', {
 	        //     templateUrl: 'pages/verify.html',
 	        //     controller: 'verifyController'
 	        // })
 	        // route for the registration page
 	        .when('/registration', {
 	            templateUrl: 'pages/registration.html',
 	            controller: 'registrationController'
 	        })
 	        // route for the ambassador page
 	        .when('/startupJalsaPromocode', {
 	            templateUrl: 'pages/ambassador.html',
 	            controller: 'ambassadorController'
 	        })
 	        // route for the confirmation page
 	        .when('/confirmation', {
 	            templateUrl: 'pages/confirmation.html',
 	            controller: 'registrationController'
 	        })
 	});
 	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
 	   	// Add configuration code as desired
 	   	 AnalyticsProvider.setAccount('UA-106416759-1');  //UU-XXXXXXX-X should be your tracking code
 	   	// Track all routes (default is true).
 	  	AnalyticsProvider.trackPages(true);
 	  	// Track all URL query params (default is false).
 	  	AnalyticsProvider.trackUrlParams(true);
 	}]).run(['Analytics', function(Analytics) { }]);
 	scotchApp.constant("BASE_URL", "http://35.154.24.158:4001/v1")
 	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")
 	// create the controller and inject Angular's $scope
 	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) {
 	    $scope.data = {
 	        show: true,
 	        hide: false
 	    };
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    // $scope.Textshow = "yes"
 	    $scope.max = 100;
 	    $scope.formPage = false;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    $scope.data = {};
 	    $scope.discountAmount = 0;
 	    // $scope.data.quantity = "1";
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
 	    }
 	    $scope.apply = function() {
 	    	//Analytics.trackEvent('register', 'click', 'Registration');
 			$location.path("/caricatures")
 		}
 	    $scope.data.city = '';
 	    $scope.watch =  function(value){
 	    	console.log("cllll",value)
 	    	$scope.data.city = value;
 	    	localStorage.setItem("city" ,value);
 	    	//$location.path('/registration').search({city: value});
 	    	$location.path('/registration');
 	    	//$state.go('registration', { 'city': value})
 	    }
 	    $scope.select =  function(url){
 	    	console.log("cllll")
 	    	window.open(url)
 	    }
 	    $scope.stagekeyPress = function() {
 	        $('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.sectorkeyPress = function() {
 	        $('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.productLaunchkeyPress = function() {
 	        $('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.launchPeriodkeyPress = function() {
 	        $('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.industrykeyPress = function(quantity) {
 	    	console.log("fghj",quantity)
 	    	$('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.industryNamekeyPress = function(firstName) {
 	        console.log("lastName==", firstName);
 	        if (firstName == undefined) {
 	            $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.amountkeyPress = function() {
 	        $('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.firstNamekeyPress = function(name) {
 	        console.log("lastName==", name);
 	        if (name == undefined) {
 	            $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.emailkeyPress = function(email) {
 	        console.log("email", email);
 	        if (email == undefined) {
 	            $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-d').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.phonekeyPress = function(number) {
 	        console.log("number", number);
 	        if (number == undefined || number == '') {
 	            $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.citykeyPress = function(city) {
 	        console.log("city", city);
 	        if (city == undefined) {
 	            $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-f').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.startupNamekeyPress = function(q) {
 	        if (q == undefined) {
 	            $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.linkedInkeyPress = function(technology) {
 	        if (technology == undefined || technology == '') {
 	            $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.companykeyPress = function(problem) {
 	        if (problem == undefined) {
 	            $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.productNamekeyPress = function(solution) {
 	        if (solution == undefined) {
 	            $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.businesskeyPress = function(business) {
 	    	if (business == undefined) {
 	        	$('.icon-circle-p').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.websitekeyPress = function(prototype) {
 	        if (prototype == undefined  || prototype == '') {
 	            $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.employeekeyPress = function(market) {
 	        if (market == undefined || market == '') {
 	            $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.annualkeyPress = function(risk) {
 	        if (risk == undefined || risk == '') {
 	            $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.revenuekeyPress = function(team) {
 	        if (team == undefined) {
 	            $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.descriptionkeyPress = function(pitch) {
 	        if (pitch == undefined) {
 	            $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.discountkeyPress = function(discount) {
 	        if (discount == undefined) {
 	            $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.removeNooError = function() {
 	    	$('#invalidIdea').css('display', 'block');
 	        $('#noExist').css('display', 'none');
 	    };
 	    $scope.ideakeyPress = function(financial) {
 	        console.log("financial", financial);
 	        if (financial == undefined) {
 	            $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-q').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.fundkeyPress = function(financial) {
 	        console.log("financial", financial);
 	        if (financial == undefined) {
 	            $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.changeReferalIconColor = function(referalToken){
 	    	if (referalToken == undefined || referalToken == '') {
 	    		$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
 	    	}else {
 	            $('.referel-icon').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	});
 	scotchApp.controller('registrationController', function($scope, $http, $location, $rootScope,$route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.max = 100;
 	    $scope.formPage = false;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    $scope.discountAmount = 0;
 	    // $scope.data.quantity = "1";
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
 	    }
 	    $scope.removeError = function() {
 	        $('#invalidEmail').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 		$scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	        	$('#alreadyExist').css('display', 'block');
 	        }
 	    };
+	    $scope.removeNoError = function() {
+	        $('#invalidNumber').css('display', 'none');
+	        $('#alreadyExist').css('display', 'none');
+	    };
+		$scope.numbercheck = function(val) {
+	        if (val == undefined) {
+	            $('#invalidNumber').css('display', 'block');
+	        } else {
+	        	$('#alreadyExist').css('display', 'block');
+	        }
+	    };
 	 	// $scope.$on('city', function (event, value) {
 			$scope.data.city = localStorage.getItem("city");
 			console.log("HERE===",$scope.data.city );
 		// });
 		$rootScope.tokenCall = function(val) {
 	        console.log('val-------->', val);
 	        if (val == undefined) {
 	            $('#invalidToken').css('display', 'block');
 	        } else {
 	        	val = val.toUpperCase();
 	        	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')
 				    .then(function(searchResult) {
 				    	console.log("searchResult",searchResult)
 				        if (searchResult.data.length == 0) {
 	                    	$scope.tokencheck = false;
 	                    	 $scope.discountAmount = 0;
 	                	} else {
 	                		console.log("===searchResult.data[0].discount===",searchResult.data[0].discount);
 	                    	 $scope.discountpercentage = searchResult.data[0].discount;
 	                    	 console.log("===searchResultdiscountpercentage===",$scope.discountpercentage);
 	                    	$scope.tokencheck = true;
 	                	}
 				    },function(err){
 				    	console.log(err)
 				});
 	        }
 	    };
 		$scope.submit = function() {
 		$scope.ticketAmnt = 500;
 		if($scope.tokencheck == false){
     		$scope.data.referalToken = null;
     	}
 		if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
 			var x = document.getElementById("snackbar")
 		    setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
 		}else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
 			$scope.infoForm = true;
 			$scope.detail = {};
 			$scope.data.phone = "+91"+$scope.data.number;
 			if($scope.data.referalToken == null){
             	$scope.data.referalToken = "N.A."
             }
 			$http({
 	           method: 'POST',
 	           url: BASE_URL+'/applicants',
 	           data: $scope.data,
 	           headers: {}
 	           }).then(function mySuccess(result) {
 	           		console.log("=====result=====",result)
 	           		$scope.detail = result;
 	               data.applicantId = result.data.id;
 	               $scope.userId = result.data.id;
 	                console.log("=====data=====",data)
 	                var amount = $scope.ticketAmnt * 100
 			        if($scope.tokencheck == true){
 				        var amount = $scope.ticketAmnt
 				        console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 				        if($scope.discountpercentage == "100") {
 				        	$scope.discountpercentage = "99.8";
 				        	console.log("$scope.discountpercentage====",$scope.discountpercentage)
 				        }
 				        console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 				        $scope.percDiscount = $scope.discountpercentage/100;
 				        console.log("====$scope.percDiscount====",$scope.percDiscount);
 				        console.log("====amount=====",amount);
 					    $scope.discountAmount = amount * $scope.percDiscount;
 					    console.log("finalAmount====>",$scope.discountAmount)
 			        }
 			        var taxAmount = $scope.ticketAmnt - $scope.discountAmount
 		        	console.log("$scope.taxTotal----",taxAmount)
 		        	$scope.payingAmnt = taxAmount;
 		        	console.log("====$scope.payingAmnt====",$scope.payingAmnt)
 		        	$scope.payingAmnt = $scope.payingAmnt.toFixed()
 	                data.amount = $scope.payingAmnt;
 	                console.log("data.amount==",data.amount)
 	               if($scope.detail != null){
 					$http({
 					   method: 'POST',
 					   url: BASE_URL+'/payments',
 					   data: data,
 					   headers: {}
 					   }).then(function mySuccess(paymentResult) {
 					       $scope.paymentResult = paymentResult;
 					   }, function myError(error) {
 					});
 				}
 				var i = 0;
 				$scope.payingAmnt =  $scope.payingAmnt * 100;
 				var options = {
 					//"key": "rzp_test_YwHsVFiDIQ2WUQ",
 					"key": "rzp_live_mkmCb4FkstuWaS",
 					"amount": $scope.payingAmnt,
 					"name": "Startup Jalsa",
 					"description":"amount",
 					"currency": "INR",
 					"status": "done",
 					"prefill": {
 						"email": $scope.detail.email,
 						"contact": $scope.detail.phone
 					},
 					"theme": {
 						"color": "#2196f3 ",
 						"image_padding":"NO"
 					},
 					"modal": {
 						"ondismiss": function(){
 						}
 					},
 					"handler": function (response){
 						createPayment(response);
 					}
 				};
 				var rzp1 = new Razorpay(options);
 				rzp1.open();
 				$scope.paymentResponse = {};
 				function createPayment(response){
 					console.log("response12333333",response)
 					$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
 					$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
 					$scope.paymentResponse.amount = data.amount;
 					$scope.paymentResponse.currency = "INR";
 					$scope.paymentResponse.status = $scope.paymentResult.data.status;
 					console.log("$scope.paymentResponse.amount=====",$scope.paymentResponse.amount)
 					$http({
 					   method: 'PUT',
 					   url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,
 					   data: $scope.paymentResponse,
 					   headers: {}
 					   }).then(function mySuccess(searchResult) {
 					   	console.log("searchResult",searchResult)
 					   	$location.path("/confirmation")
 					   }, function myError(error) {
 					});
 				}
 	           }, function myError(error) {
 	        });
 		}
 	}
 });
 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 		$scope.submit = function() {
 			console.log($scope.data.name)
 			var randomNumber = ""+Math.random();
 			var nameSpliced = $scope.data.name.slice(0,5);
 			var numberSpliced = randomNumber.slice(2,4);;
 			$scope.data.referalToken = nameSpliced+numberSpliced;
 			$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
 			console.log("dsdfs",numberSpliced);
 	         $http({
 	                method: 'POST',
 	                url: BASE_URL + '/ambassadors',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                $('#myModal').modal('show');
 	              	$scope.data.name = '';
 	                $scope.data.email = '';
 	                $scope.data.mobile = '';
 	                //$scope.data.discount = '';
 	            }, function myError(error) {
 	            	console.log(error)
 	            	console.log(error.data.error.message)
 	            });
 	        }
 	});