ambassador.html 4.35 KB
<div class="panel-heading" style="background-color: #42b549;"><img src="images/white.png" style="width: 100px;"></div>
<form name="applicantForm" id="signupForm">
 <div style="text-align:center;">
  <h4>Startup Ambassador</h4>
  </div>
   <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" >
                     <!-- form step 1 -->
                     <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;">assignment_ind</i>
                        </div>
                        <input type="text" class="text-input" required  ng-model="data.name" placeholder="Startup Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
                     </div>
                     <div class="clearfix"></div>
                     <div class="col-xs-12 input-wrapper" >
                        <div id="snackbar">Error ! Please fill in all fields.</div>
                        <div class="icon-circle-d">
                           <i class="material-icons" style="line-height: 30px;">email</i>
                        </div>
                        <input type="email" name="email" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)">
                        <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                        <label  ng-if="check">Email already exist.</label> 
                        <!-- <label class="error-message f-family control-label" id="alreadyExist"  ng-if="check">Email already exist.</label> -->
                     </div>
                     <div class="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="number" required class="text-input" ng-model="data.mobile" placeholder="Mobile No." ng-blur="numbercheck(data.mobile)" ng-focus="removeNoError()" ng-change="enternumber(data.mobile); phonekeyPress(data.mobile)">
                
                        <label  ng-if="numberCheck">Contact Number already exist.</label>
                     </div>
                     <div class="clearfix"></div>
                  </div>
                  <!-- close step-one-form -->
               </td>
            </tr>
         </table>
      </div>
      <!-- CLOSE form-all -->
   </div>
      <div class="clearfix"></div>
         <div style="margin-bottom: 5%;" class="text-center">
            <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="submit()">
         </div>
   <!-- col-xs-12 col-md-8 col-md-offset-2 -->
</form>
<!-- CLOSE FORM -->
<footer>
  <img id="footer" class="img-responsive banner">
    <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a>
    </center>
</footer>
<!-- </div> CLOSE CHECK VIEW -->
<div ng-if="verifyView">
   <div 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 id="snacsskbar">Registration done successfully.</div>
<div class="modal fade" id="myModal" role="dialog">
   <div class="modal-dialog" style="left: auto;">
      <div class="modal-content">
         <div class="modal-body" style="text-align:center;margin-top:5%">
            <p style="font-size:24px">Your Refral Token is <b>{{data.referalToken}}</b>.</p>
         </div>
         <div style="text-align:center;margin-bottom:5%">
            <button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>