From 4dcbfdfbffa609e632d1e60be86266e3894cf52f Mon Sep 17 00:00:00 2001
From: Shilpi <shilpi.saini@viithiisys.com>
Date: Thu, 29 Aug 2019 15:22:06 +0530
Subject: [PATCH] validation required

---
 pages/campusAmbassadorForm.html | 149 ++++++++++++++++++++--------------------
 pages/paytmCheckout.html        |   1 +
 script.js                       |  20 ------
 3 files changed, 77 insertions(+), 93 deletions(-)

diff --git a/pages/campusAmbassadorForm.html b/pages/campusAmbassadorForm.html
index 224b992..42751fc 100644
--- a/pages/campusAmbassadorForm.html
+++ b/pages/campusAmbassadorForm.html
@@ -10,89 +10,92 @@
   </div>
   </div>
   <!-- CLOSE HEADER -->
-  <form name="campusAmbassadorForm">  
+  <form name="applicantForm">  
      <div class="col-xs-12 col-md-8 col-md-offset-2">
         <div class="form-all">
-           <h4 class="title">CAMPUS AMBASSADOR FORM</h4>
-           <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" style="color: #FF6600;">GENERAL DETAILS</div>
-            <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 class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper">
+                <h4 class="title">CAMPUS AMBASSADOR FORM</h4>
+                <div style="color: #FF6600;margin-bottom: 15px;">GENERAL DETAILS</div>
+                <div>
+                    <div class="form-group">
+                        <label>Name:</label>
+                        <input type="name" class="form-control" ng-model="data.name" required>
+                    </div>
+                    <div class="form-group">
+                        <label>Contact Details:</label>
+                        <input type="text" class="form-control" ng-model="data.number" required>
+                        <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label> -->
+                    </div>
+                    <div class="form-group">
+                        <label>Email ID:</label>
+                        <input type="email" class="form-control" ng-model="data.email" required>
+                    </div>
+                    <div class="form-group">
+                        <label>College Name:</label>
+                        <input type="collegeName" class="form-control" ng-model="data.collegeName" required>
+                    </div>
+                    <div class="form-group">
+                        <label>State of your College:</label>
+                        <input type="collegeState" class="form-control" ng-model="data.collegeState" required>
+                    </div>
                 </div>
-                <div class="form-group">
-                    <label>Contact Details:</label>
-                    <input type="text" class="form-control" ng-model="data." required>
-                    <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label> -->
+                <div style="color: #FF6600;">EVENT</div>
+                <div style="margin-bottom: 15px;">In this section, let us know about the event you plan to organize under Startup Jalsa Ideate Edition. We understand that some of the information you enter here could be tentative. </div>
+                <div>
+                    <div class="form-group">
+                        <label>Workshop Name:</label>
+                        <input type="workshopName" class="form-control" ng-model="data.workshopName" placeholder="University events must be named after the institution (e.g., Ideate IIT Delhi)" required>
+                    </div>
+                    <div class="form-group">
+                        <label>Workshop Type:</label>
+                        <select class="form-control" ng-model="data.workshopType" required>
+                            <option name="workshopType" selected disabled value="">Choose Type</option>
+                            <option value="How to find startup ideas">How to find startup ideas</option>
+                            <option value="How to build a MVP">How to build a MVP</option>
+                            <option value="How to Start a startup">How to Start a startup</option>
+                            <option value="How to create pitch deck">How to create pitch deck</option>
+                            <option value="How to Pitch to investors">How to Pitch to investors</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label>Tell us about the local community you will serve with this workshop.</label>
+                        <input type="community" class="form-control" ng-model="data.community" placeholder="Who will be in your intended audience?" required>
+                    </div>
+                    <div class="form-group">
+                        <label>Describe the venue</label>
+                        <input type="venue" class="form-control" ng-model="data.venue" placeholder="Tell us about the place in which you plan to host your workshop. If you are not sure where it will be, tell us the venues you are considering." required>
+                    </div>
+                    <div class="form-group">
+                        <label>How many people will attend your workshop?</label>
+                        <input type="people" class="form-control" ng-model="data.people" placeholder=" If you are not sure, give us your best guess. " required>
+                    </div>
                 </div>
-                <div class="form-group">
-                    <label>Email ID:</label>
-                    <input type="email" class="form-control" ng-model="data.email" required>
-                </div>
-                <div class="form-group">
-                    <label>College Name:</label>
-                    <input type="text" class="form-control" ng-model="data.collegeName" required>
-                </div>
-                <div class="form-group">
-                    <label>State of your College:</label>
-                    <input type="text" class="form-control" ng-model="data.collegeState" required>
-                </div>
-            </div>
-            <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" style="color: #FF6600;">EVENT</div>
-            <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper">In this section, let us know about the event you plan to organize under Startup Jalsa Ideate Edition. We understand that some of the information you enter here could be tentative. </div>
-            <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
-                <div class="form-group">
-                    <label>Workshop Name:</label>
-                    <input type="name" class="form-control" ng-model="data.workshopName" placeholder="University events must be named after the institution (e.g., Ideate IIT Delhi)" required>
-                </div>
-                <div class="form-group">
-                    <label>Workshop Type:</label>
-                    <select class="form-control" ng-model="data.workshopType" required>
-                        <option name="stage" selected disabled value="">Choose Type</option>
-                        <option value="How to find startup ideas">How to find startup ideas</option>
-                        <option value="How to build a MVP">How to build a MVP</option>
-                        <option value="How to Start a startup">How to Start a startup</option>
-                        <option value="How to create pitch deck">How to create pitch deck</option>
-                        <option value="How to Pitch to investors">How to Pitch to investors</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>Tell us about the local community you will serve with this workshop.</label>
-                    <input type="email" class="form-control" ng-model="data.community" placeholder="Who will be in your intended audience?" required>
-                </div>
-                <div class="form-group">
-                    <label>Describe the venue</label>
-                    <input type="text" class="form-control" ng-model="data.venue" placeholder="Tell us about the place in which you plan to host your workshop. If you are not sure where it will be, tell us the venues you are considering." required>
-                </div>
-                <div class="form-group">
-                    <label>How many people will attend your workshop?</label>
-                    <input type="text" class="form-control" ng-model="data.people" placeholder=" If you are not sure, give us your best guess. " required>
-                </div>
-            </div>
-            <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" style="color: #FF6600;">ABOUT YOU</div>
-            <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
-                <div class="form-group">
-                    <label> What are you passionate about in your own life?</label>
-                    <input type="name" class="form-control" ng-model="data.life" placeholder="E.g., your work, your community, your creative projects ..." required>
-                </div>
-                <div class="form-group">
-                    <label>List the events which you have organised before</label>
-                    <input type="email" class="form-control" ng-model="data.events" placeholder=" Provide website/facebook/Instagram link  of the event, if available" required>
-                </div>
-                <div class="form-group">
-                    <label>What made you decide you wanted to become the Campus Ambassador of Startup Jalsa? What inspired you?</label>
-                    <input type="text" class="form-control" ng-model="data.inspired" required>
-                </div>
-                <div class="form-group">
-                    <label>What do we need to know about you that we didn't ask?</label>
-                    <input type="text" class="form-control" ng-model="data.task" required>
+                <div style="color: #FF6600;margin-bottom: 15px;">ABOUT YOU</div>
+                <div>
+                    <div class="form-group">
+                        <label> What are you passionate about in your own life?</label>
+                        <input type="life" class="form-control" ng-model="data.life" placeholder="E.g., your work, your community, your creative projects ..." required>
+                    </div>
+                    <div class="form-group">
+                        <label>List the events which you have organised before</label>
+                        <input type="events" class="form-control" ng-model="data.events" placeholder=" Provide website/facebook/Instagram link  of the event, if available" required>
+                    </div>
+                    <div class="form-group">
+                        <label>What made you decide you wanted to become the Campus Ambassador of Startup Jalsa? What inspired you?</label>
+                        <input type="inspired" class="form-control" ng-model="data.inspired" required>
+                    </div>
+                    <div class="form-group">
+                        <label>What do we need to know about you that we didn't ask?</label>
+                        <input type="task" class="form-control" ng-model="data.task" required>
+                    </div>
                 </div>
             </div>
             <div class="clearfix"></div>
             <div class="text-center">
-                <input type="submit" class="btn submit-button-form" style="outline: none;" value="Submit" ng-click="formRegister()">
+                <input type="submit" class="btn submit-button-form" style="outline: none;" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="formRegister()">
             </div>
         </div>
+    </div>
   </form>
   <!-- CLOSE FORM -->
   <!-- </div> CLOSE CHECK VIEW -->
diff --git a/pages/paytmCheckout.html b/pages/paytmCheckout.html
index 5a481fd..f39979d 100644
--- a/pages/paytmCheckout.html
+++ b/pages/paytmCheckout.html
@@ -131,6 +131,7 @@
                 <input type="submit" class="btn submit-button-form" style="outline: none;" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="register()">
             </div>
         </div>
+    </div>
   </form>
   <!-- CLOSE FORM -->
   <!-- </div> CLOSE CHECK VIEW -->
diff --git a/script.js b/script.js
index f168d69..ce855bf 100644
--- a/script.js
+++ b/script.js
@@ -1351,29 +1351,9 @@ scotchApp.controller('campusAmbassadorController', function($q, $scope, $http, $
 		"status": "pending",
 	}
 
-	$scope.ngShowhide = false;
-	$scope.GetValue = function(){
-		if($scope.data.sector == "Other"){
-			$scope.ngShowhide = true;
-		}else{
-			$scope.ngShowhide = false;
-		}
-	}
-
-	$scope.ngShow = false;
-	$scope.getValue = function(){
-		if($scope.data.hear == "Other"){
-			$scope.ngShow = true;
-		}else{
-			$scope.ngShow = false;
-		}
-	}
-
 	$scope.formRegister = function() {
 		//Analytics.trackEvent('register', 'click', 'Registration');
 		$scope.loading = true;
-		//$scope.data.uploadFile = $scope.base64textString;
-		$scope.infoForm = true;
 		$scope.ticketAmnt = 500;
 		$scope.detail = {};
 		$scope.data.phone = "+91"+$scope.data.number;
-- 
2.0.0