481 lines
36 KiB
HTML
Executable File
481 lines
36 KiB
HTML
Executable File
<form name="Form" id="form" novalidate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
Personal Details
|
|
</legend>
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
</div>
|
|
|
|
<div class="col-md-5">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<style>
|
|
.thumb {
|
|
width: 90px;
|
|
height: 115px;
|
|
margin: 18px;
|
|
float: left;
|
|
}
|
|
|
|
.prof {
|
|
border: 2px solid #2C3543;
|
|
}
|
|
|
|
.uploader {
|
|
clear: both;
|
|
}
|
|
</style>
|
|
<img class="thumb prof" ng-src="images/{{p.ProfilePicPath}}" />
|
|
</div>
|
|
<div class="col-md-8">
|
|
<form name="Form" id="form1" novalidate ng-submit="form.submit(Form,myModel)" method="post">
|
|
<div class="file-upload">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<label>Update Profile Picture</label>
|
|
<div class=" margin-bottom-5">
|
|
|
|
</div>
|
|
<input type="file" accept="image/*" ng-init="resetImageEdit()" file-upload-edit onchange="angular.element(this).scope().imageUploadEdit(event)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<div class="user-image">
|
|
</div>
|
|
<!--<input type="file" file-model="idProof"
|
|
accept="image/*" onchange="angular.element(this).scope().imageUpload(event)"/>-->
|
|
|
|
<div>
|
|
<div ng-repeat="step in stepsModelEdit">
|
|
<!--<a class="close-thin"></a>-->
|
|
<img class="thumb" ng-src="{{step}}" />
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button class="btn btn-success btn-o btn-sm margin-right-15" type="button" ng-click="resetImageEdit()">Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.thumb {
|
|
width: 90px;
|
|
height: 115px;
|
|
margin: 18px;
|
|
float: left;
|
|
}
|
|
|
|
.uploader {
|
|
clear: both;
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.primaryPhone.$dirty && Form.primaryPhone.$invalid, 'has-success':Form.primaryPhone.$valid}">
|
|
<label>
|
|
Mobile Number <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="primaryPhone" tabindex="1" placeholder="Enter Mobile Number" class="form-control" ng-model="p.MobileNumber"
|
|
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" ng-blur='updateCheckMobileExist(p)'
|
|
required/>
|
|
<span class="error text-small block" ng-if="Form.primaryPhone.$dirty && Form.primaryPhone.$invalid" ng-hide="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.firstname.$dirty && Form.firstname.$invalid, 'has-success':Form.firstname.$valid}">
|
|
<label>
|
|
First Name <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" placeholder="Enter First Name" tabindex="2" class="form-control" name="firstname" ng-model="p.Firstname"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.firstname.$dirty && Form.firstname.$error.required">First Name required</span>
|
|
<span class="error text-small block" ng-if="Form.firstname.$dirty && Form.firstname.$error.pattern">Invalid First Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.lastname.$dirty && Form.lastname.$invalid, 'has-success':Form.lastname.$valid}">
|
|
<label>
|
|
Last Name <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" placeholder="Enter Last Name" tabindex="3" class="form-control" name="lastname" ng-model="p.Lastname"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.lastname.$dirty && Form.lastname.$error.required">Last Name required</span>
|
|
<span class="error text-small block" ng-if="Form.lastname.$dirty && Form.lastname.$error.pattern">Invalid Last Name </span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.fathername.$dirty && Form.fathername.$invalid, 'has-success':Form.fathername.$valid}">
|
|
<label>
|
|
Father Name <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" placeholder="Enter Father Name" tabindex="4" class="form-control" name="fathername" ng-model="p.Fathername"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.fathername.$dirty && Form.fathername.$error.required">Father Name required</span>
|
|
<span class="error text-small block" ng-if="Form.fathername.$dirty && Form.fathername.$error.pattern">Invalid Father Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.mothername.$dirty && Form.mothername.$invalid, 'has-success':Form.mothername.$valid}">
|
|
<label>
|
|
Mother Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Mother Name" tabindex="5" class="form-control" name="mothername" ng-model="p.MotherName"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.mothername.$dirty && Form.mothername.$error.required">Mother Name required</span>
|
|
<span class="error text-small block" ng-if="Form.mothername.$dirty && Form.mothername.$error.pattern">Invalid Last Name </span>
|
|
</div>
|
|
<div class=" col-md-4 form-group" ng-class="{'has-error':Form.emailId.$dirty && Form.emailId.$invalid, 'has-success':Form.emailId.$valid}">
|
|
<label>
|
|
Email ID <span class="symbol required"></span>
|
|
</label>
|
|
<input type="email" tabindex="6" placeholder="Enter Email ID" class="form-control" name="emailId" ng-pattern="/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i"
|
|
ng-model="p.EmailID" required>
|
|
<span class="error text-small block" ng-if="Form.emailId.$dirty && Form.primaryEmail.$invalid" ng-hide="Form.emailId.$error.email">Email is required.</span>
|
|
<span class="error text-small block" ng-if="Form.emailId.$error.email">Please, enter a valid email address.</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.secondaryPhone.$dirty && Form.secondaryPhone.$invalid, 'has-success':Form.secondaryPhone.$valid}">
|
|
<label class="control-label">
|
|
Alternate Mobile Number <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="secondaryPhone" tabindex="7" placeholder="Enter Alternate Mobile Number" class="form-control" ng-model="p.AlternateNumber"
|
|
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.secondaryPhone.$dirty && Form.secondaryPhone.$invalid" ng-hide="Form.secondaryPhone.$error.maxlength || Form.secondaryPhone.$error.minlength || Form.secondaryPhone.$error.pattern">Alternate Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.secondaryPhone.$error.maxlength || Form.secondaryPhone.$error.minlength || Form.secondaryPhone.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.dateofbirth.$dirty && Form.dateofbirth.$invalid, 'has-success':Form.dateofbirth.$valid}">
|
|
<label>
|
|
Date Of Birth <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" tabindex="8" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="p.DOB"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofbirth" datepicker-options="dateOptions"
|
|
placeholder="Select Date of Birth" close-text="Close" required="required" ng-change="getMaxEndDate(myModel.startDate)"
|
|
show-button-bar="false" max-date="currentDate" />
|
|
|
|
|
|
<span class="error text-small block" ng-if="Form.dateofbirth.$dirty && Form.dateofbirth.$invalid" ng-hide="Form.dateofbirth.$error.maxlength">Date of Birth is required.</span>
|
|
<span class="error text-small block" ng-if="Form.dateofbirth.$error.maxlength">Enter a Valid Date of Birth</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.gender.$dirty && Form.gender.$invalid , 'has-success':Form.gender.$valid}">
|
|
<label class="block">
|
|
Gender <span class="symbol required"></span>
|
|
</label>
|
|
<div class="clip-radio radio-primary">
|
|
<input type="radio" tabindex="9" id="female" name="gender" value="female" ng-model="p.Gender" required>
|
|
<label for="female">
|
|
Female
|
|
</label>
|
|
<input type="radio" id="male" name="gender" value="male" ng-model="p.Gender" required>
|
|
<label for="male">
|
|
Male
|
|
</label>
|
|
<span class="error text-small block" ng-if="Form.gender.$dirty && Form.gender.$invalid">Gender is required.</span>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.address1.$dirty && Form.address1.$invalid}">
|
|
<label>
|
|
Permanent Address
|
|
</label>
|
|
<textarea placeholder="Enter Permanent Address" tabindex="10" class="form-control textdsc" name="address1" ng-model="p.PermanentAddress"></textarea>
|
|
<span class="error text-small block" ng-if="Form.address1.$dirty && Form.address1.$invalid">Permanent Address is required</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.address2.$dirty && Form.address2.$invalid}">
|
|
<label>
|
|
Current Address
|
|
</label>
|
|
<textarea placeholder="Enter Current Address" tabindex="11" class="form-control textdsc" name="address2" ng-model="p.PresentAddress"></textarea>
|
|
<span class="error text-small block" ng-if="Form.address2.$dirty && Form.address2.$invalid">Current Address is required</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.aadharNumber.$dirty && Form.aadharNumber.$invalid, 'has-success':Form.aadharNumber.$valid}">
|
|
<label>
|
|
Aadhar Number <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="aadharNumber" tabindex="12" placeholder="____-____-____" ui-mask="9999-9999-9999" class="form-control"
|
|
ng-model="p.AadharNumber" ng-minlength="10" ng-maxlength="15" ng-pattern="/^[0-9]*$/" required>
|
|
<span class="error text-small block" ng-if="Form.aadharNumber.$dirty && Form.aadharNumber.$invalid" ng-hide="Form.aadharNumber.$error.maxlength || Form.aadharNumber.$error.minlength || Form.aadharNumber.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.aadharNumber.$error.maxlength || Form.aadharNumber.$error.minlength || Form.aadharNumber.$error.pattern">Enter a Valid Aadhar Number</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group">
|
|
<div class="row">
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.otherId.$dirty && Form.otherId.$invalid}">
|
|
<label>
|
|
Other ID
|
|
</label>
|
|
<input type="text" name="otherId" tabindex="13" placeholder="Other Id" class="form-control" ng-model="p.OtherID" ng-minlength="1"
|
|
ng-maxlength="20" ng-pattern="/^[a-zA-Z0-9 ._-]+$/">
|
|
<span class="error text-small block" ng-if="Form.otherId.$dirty && Form.otherId.$invalid" ng-hide="Form.otherId.$error.maxlength || Form.otherId.$error.minlength || Form.otherId.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.otherId.$error.maxlength || Form.otherId.$error.minlength || Form.otherId.$error.pattern">Enter a Valid Details</span>
|
|
</div>
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.otherIdDetails.$dirty && Form.otherIdDetails.$invalid}">
|
|
<label>
|
|
Other ID Details
|
|
</label>
|
|
<input type="text" name="otherIdDetails" tabindex="14" placeholder="Other Id Details" class="form-control" ng-model="p.OtherIDDetails"
|
|
ng-minlength="1" ng-maxlength="20" ng-pattern="/^[a-zA-Z0-9 ._-]+$/">
|
|
<span class="error text-small block" ng-if="Form.otherIdDetails.$dirty && Form.otherIdDetails.$invalid" ng-hide="Form.otherIdDetails.$error.maxlength || Form.otherIdDetails.$error.minlength || Form.otherIdDetails.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.otherIdDetails.$error.maxlength || Form.otherIdDetails.$error.minlength || Form.otherIdDetails.$error.pattern">Enter a Valid Details</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.caste.$dirty && Form.caste.$invalid}">
|
|
<label>
|
|
Caste
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Caste" tabindex="15" class="form-control" name="caste" ng-model="p.Caste" ng-pattern="/^[a-zA-Z.\s]*$/"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.caste.$dirty && Form.caste.$error.pattern">Invalid Caste Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.category.$dirty && Form.category.$invalid}">
|
|
<label>
|
|
Category
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Category" tabindex="16" class="form-control" name="category" ng-model="p.Category"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.category.$dirty && Form.category.$error.pattern">Invalid Category Name </span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.religion.$dirty && Form.religion.$invalid}">
|
|
<label>
|
|
Religion
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Religion" tabindex="17" class="form-control" name="religion" ng-model="p.Religion"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.religion.$dirty && Form.religion.$error.pattern">Invalid Religion Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.nationality.$dirty && Form.nationality.$invalid}">
|
|
<label>
|
|
Nationality
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Nationality" tabindex="18" class="form-control" name="nationality" ng-model="p.Nationality"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.nationality.$dirty && Form.nationality.$error.pattern">Invalid Nationality Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.qualificaion.$dirty && Form.qualificaion.$invalid}">
|
|
<label>
|
|
Pre Qualification
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Qualification" tabindex="19" class="form-control" name="qualificaion" ng-model="p.PreQualification"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.qualificaion.$dirty && Form.qualificaion.$error.pattern">Enter a Valid Qualification</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.occupation.$dirty && Form.occupation.$invalid}">
|
|
<label>
|
|
Occupation
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Occupation" tabindex="20" class="form-control" name="occupation" ng-model="p.Occupation"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.occupation.$dirty && Form.occupation.$error.pattern">Invalid Occupation </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.designation.$dirty && Form.designation.$invalid}">
|
|
<label>
|
|
Designation
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Designation" tabindex="21" class="form-control" name="designation" ng-model="p.Designation"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.designation.$dirty && Form.designation.$error.pattern">Invalid Designation </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.companyname.$dirty && Form.companyname.$invalid}">
|
|
<label>
|
|
Company Name
|
|
</label>
|
|
<input type="text" placeholder="Enter Company Name" tabindex="22" class="form-control" name="companyname" ng-model="p.Companyname"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.companyname.$dirty && Form.companyname.$error.pattern">Invalid Company </span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.referredby.$dirty && Form.referredby.$invalid}">
|
|
<label>
|
|
Referred By
|
|
</label>
|
|
<input type="text" placeholder="Enter Refer's Name" tabindex="23" class="form-control" name="referredby" ng-model="p.ReferredBy"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.referredby.$dirty && Form.referredby.$error.pattern">Invalid Referred By </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.referredmobilenumber.$dirty && Form.referredmobilenumber.$invalid}">
|
|
<label>
|
|
Refer's Mobile Number
|
|
</label>
|
|
<input type="text" name="referredmobilenumber" tabindex="24" placeholder="Enter Refer's Mobile Number" class="form-control"
|
|
ng-model="p.ReferersMobileNumber" ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.referredmobilenumber.$dirty && Form.referredmobilenumber.$invalid" ng-hide="Form.referredmobilenumber.$error.maxlength || Form.referredmobilenumber.$error.minlength || Form.referredmobilenumber.$error.pattern">Refer's Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.referredmobilenumber.$error.maxlength || Form.referredmobilenumber.$error.minlength || Form.referredmobilenumber.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>
|
|
Comments
|
|
</label>
|
|
<textarea maxlength="100" placeholder="Enter Comments" tabindex="26" class="form-control textdsc" name="Comments" ng-model="p.Comments"></textarea>
|
|
<span class="text-small block">Comments Should be Less than 100 Characters.</span>
|
|
<!--<span class="error text-small block" ng-if="Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid">De-Active Comments is required</span>-->
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
<div ng-if="p.IsActive==true">
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = true" class="green"></switch>
|
|
</div>
|
|
<div ng-if="p.IsActive==false">
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = false" class="green"></switch>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4" ng-if="p.IsActive == false" ng-class="{'has-error':Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid, 'has-success':Form.DeactiveComments.$valid}">
|
|
<label>
|
|
Reason for Deactivating <span class="symbol required"></span>
|
|
</label>
|
|
<textarea maxlength="100" placeholder="Reason for Deactivating" tabindex="25" class="form-control textdsc" name="DeactiveComments"
|
|
ng-model="p.DeactiveComments" required></textarea>
|
|
<span class="text-small block">Comments Should be Less than 100 Characters.</span>
|
|
<span class="error text-small block" ng-if="Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid">De-Active Comments is required</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!--<pre>{{ p | json}}</pre>-->
|
|
<input type="hidden" ng-init="hidden_DOB=p.DOB" ng-model="hidden_DOB">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="button" ladda="ldloading1.zoom_in" tabindex="19" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="updateStuDetails(Form, p, hidden_DOB)">
|
|
Save
|
|
</button>
|
|
<button type="reset" class="btn btn-warning btn-wide" tabindex="20" ng-click="cancel()">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!--<fieldset>
|
|
<legend>
|
|
Branch Details
|
|
</legend>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.homeBranch.$dirty && Form.homeBranch.$invalid, 'has-success':Form.homeBranch.$valid}">
|
|
<label for="form-field-select-2">
|
|
Home Branch <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" class="cs-select cs-skin-elastic" name="homeBranch" ng-model="p.BranchCode" required>
|
|
<option value="" disabled selected>Select Home Branch</option>
|
|
<option ng-repeat="item in branchDetails" value="{{item.BranchCode}}" ng-selected="p.BranchCode == item.BranchCode">{{item.BranchName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.homeBranch.$dirty && Form.homeBranch.$error.required">Home Branch is Required</span>
|
|
</div>
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.dateofjoining.$dirty && Form.dateofjoining.$invalid, 'has-success':Form.dateofjoining.$valid}">
|
|
<label>
|
|
Date Of Joining <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" tabindex="6" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="yyyy-MM-dd" ng-model="p.DOJ"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofbirth" datepicker-options="dateOptions"
|
|
placeholder="Select Date of Joining" close-text="Close" required="required"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.dateofjoining.$dirty && Form.dateofjoining.$error.required">Date of Joining required</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.role.$dirty && Form.role.$invalid, 'has-success':Form.role.$valid}">
|
|
<label>
|
|
Role <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="role" ng-model="p.ListCode" class="cs-select cs-skin-elastic" required>
|
|
|
|
<option value="" disabled selected>Select Role</option>
|
|
<option ng-repeat="item in roleDetails" value="{{item.ListCode}}" ng-selected="p.ListCode == item.ListCode">{{item.ListName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.role.$dirty && Form.role.$error.required">Role is required</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
|
|
<div ng-switch="p.IsActive">
|
|
<div ng-switch-when="true">
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = true" class="green"></switch>
|
|
</div>
|
|
<div ng-switch-when="false">
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = false" class="green"></switch>
|
|
</div>
|
|
<div ng-switch-default>
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = true" class="green"></switch>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<pre>{{ p | json}}</pre>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="button" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="updateEmpDetails(Form, p)">
|
|
Submit
|
|
</button>
|
|
<button type="reset" class="btn btn-warning btn-wide" tabindex="9" ng-click="branchForm.reset(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>-->
|
|
|
|
</div>
|
|
</div>
|
|
<!--<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<input type="button" class="btn btn-warning btn-wide" tabindex="9" value="Cancel"
|
|
ng-click="cancel();">
|
|
</input>
|
|
</div>
|
|
</div>-->
|
|
<!--</fieldset>-->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- class="editRowTd" --> |