apollodec/Apollo/assets/views/editEmployeeBranchDetails.html

468 lines
32 KiB
HTML
Executable File

<form name="Form" id="form" novalidate>
<div class="row">
<div class="col-md-12">
<div ng-if="branchEditLoading == true" class="text-center">
<!--<img src="assets/images/ajax_loader_blue.gif" style="width: 5%; height: 30%">-->
<h3>Fetching ...</h3>
</div>
<!--<fieldset>
<legend>
Update Employee Details
</legend>-->
<!--<div class="row">
<div class="col-md-4 form-group"
ng-class="{'has-error':Form.branchcode.$dirty && Form.branchcode.$invalid, 'has-success':Form.branchcode.$valid}">
<label>
Branch Code <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Branch Code"
tabindex="5" class="form-control" name="branchcode"
ng-model="p.BranchCode" ng-pattern="/^[a-zA-Z0-9.\s]*$/" readonly required/>
<span class="error text-small block"
ng-if="Form.branchcode.$dirty && Form.branchcode.$error.required">Branch Code required</span>
<span class="error text-small block"
ng-if="Form.branchcode.$dirty && Form.branchcode.$error.pattern">Invalid Branch Code </span>
</div>
<div class="col-md-4 form-group"
ng-class="{'has-error':Form.branchname.$dirty && Form.branchname.$invalid, 'has-success':Form.branchname.$valid}">
<label>
Branch Name <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Branch Name"
tabindex="5" class="form-control" name="branchname"
ng-model="p.BranchName" ng-pattern="/^[a-zA-Z0-9.\s]*$/" required/>
<span class="error text-small block"
ng-if="Form.branchname.$dirty && Form.branchname.$error.required">Branch Name required</span>
<span class="error text-small block"
ng-if="Form.branchname.$dirty && Form.branchname.$error.pattern">Invalid Branch Name </span>
</div>
<div class=" col-md-4 form-group"
ng-class="{'has-error':Form.Email.$dirty && Form.Email.$invalid, 'has-success':Form.Email.$valid}">
<label>
Email ID <span class="symbol required"></span>
</label>
<input type="email" tabindex="27"
placeholder="Enter Email ID"
class="form-control"
name="Email"
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.Email.$dirty && Form.primaryEmail.$invalid"
ng-hide="Form.Email.$error.email">Email is required.</span>
<span class="error text-small block"
ng-if="Form.Email.$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.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="29"
placeholder="Enter Mobile Number"
class="form-control"
ng-model="p.MobileNumber"
ng-minlength="10" ng-maxlength="12"
ng-pattern="/^[0-9]*$/" 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">Primary phone 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.secondaryPhone.$dirty && Form.secondaryPhone.$invalid, 'has-success':Form.secondaryPhone.$valid}">
<label class="control-label">
Alternate Mobile Number
</label>
<input type="text" name="secondaryPhone" tabindex="30"
placeholder="Enter Alternate Mobile Number"
class="form-control"
ng-model="p.AlternateNumber"
ng-minlength="10" ng-maxlength="12"
ng-pattern="/^[0-9]*$/"/>
<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 class="col-md-4 form-group"
ng-class="{'has-error':Form.Landline.$dirty && Form.Landline.$invalid, 'has-success':Form.Landline.$valid}">
<label class="control-label">
Landline Number
</label>
<input type="text" name="Landline" tabindex="30"
placeholder="Enter Landline Number"
class="form-control"
ng-model="p.LandlineNumber"
ng-minlength="11" ng-maxlength="13"
ng-pattern="/^[0-9-]*$/"/>
<span class="error text-small block"
ng-if="Form.Landline.$error.maxlength || Form.Landline.$error.minlength || Form.Landline.$error.pattern">Enter a Valid Number</span>
</div>
</div>
<div class="row">
<div class="col-md-4 form-group"
ng-class="{'has-error':Form.address.$dirty && Form.address.$invalid, 'has-success':Form.address.$valid}">
<label>
Address<span class="symbol required"></span>
</label>
<textarea placeholder="Enter Address" tabindex="31"
class="form-control textdsc" name="address"
ng-model="p.Address" required></textarea>
<span class="error text-small block"
ng-if="Form.address.$dirty && Form.address.$invalid">Address is required</span>
</div>
<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>
-->
<div class="col-md-12">
<!--<fieldset>
<legend>
Personal Details
</legend>
<div class="row">
<div class="col-md-4 form-group" ng-class="{'has-error':Form.employeeId.$dirty && Form.employeeId.$invalid, 'has-success':Form.employeeId.$valid}">
<label>
Employee ID <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Employee Id" tabindex="5" class="form-control" name="employeeId" ng-model="p.StaffID"
ng-pattern="/^[a-zA-Z0-9.\s]*$/" ng-blur='checkEmpIdExist()' readonly required/>
<span class="error text-small block" ng-if="Form.employeeId.$dirty && Form.employeeId.$error.required">Employee Id required</span>
<span class="error text-small block" ng-if="Form.employeeId.$dirty && Form.employeeId.$error.pattern">Invalid Employee Id </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="5" class="form-control" name="firstname" ng-model="p.Firstname"
ng-pattern="/^[a-zA-Z0-9.\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="5" class="form-control" name="lastname" ng-model="p.Lastname"
ng-pattern="/^[a-zA-Z0-9.\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}">
<label>
Father Name
</label>
<input type="text" placeholder="Enter Father Name" tabindex="5" class="form-control" name="fathername" ng-model="p.Fathername"
ng-pattern="/^[a-zA-Z.\s]*$/" />
<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}">
<label>
Mother Name
</label>
<input type="text" placeholder="Enter Mother Name" tabindex="5" class="form-control" name="mothername" ng-model="p.MotherName"
ng-pattern="/^[a-zA-Z0-9.\s]*$/" />
<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="27" 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" ng-blur='updateCheckEmailExist(p)' 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.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="29" 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.secondaryPhone.$dirty && Form.secondaryPhone.$invalid}">
<label class="control-label">
Alternate Mobile Number
</label>
<input type="text" name="secondaryPhone" tabindex="30" placeholder="Enter Alternate Mobile Number" class="form-control" ng-model="p.AlternateNumber"
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" />
<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="6" 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)" />
<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>
<div class="row">
<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
</label>
<div class="clip-radio radio-primary">
<input type="radio" 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 class="col-md-4 form-group" ng-class="{'has-error':Form.qualificaion.$dirty && Form.qualificaion.$invalid}">
<label>
Qualification
</label>
<input type="text" placeholder="Enter Qualification" tabindex="5" class="form-control" name="qualificaion" ng-model="p.Qualification"
ng-pattern="/^[a-zA-Z.\s]*$/" />
<span class="error text-small block" ng-if="Form.qualificaion.$dirty && Form.qualificaion.$error.pattern">Enter a Valid Qualification</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="29" placeholder="0000-0000-0000" 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" ng-class="{'has-error':Form.address1.$dirty && Form.address1.$invalid}">
<label>
Permenent Address
</label>
<textarea placeholder="Enter Permenent Address" tabindex="31" 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">Permenent 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="31" 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>
<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>
<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)">
Save
</button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="9" ng-click="cancel()">
Cancel
</button>
</div>
</div>
</div>
</fieldset>-->
<fieldset ng-if="branchEditLoading == false">
<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="empBranchDetails.BranchCode" required>
<option value="" disabled selected>Select Home Branch</option>
<option ng-repeat="item in branchDetails" value="{{item.BranchCode}}" ng-selected="empBranchDetails.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>-->
<!--check obj-->
<!--<div>
<div class=" col-md-4 form-group">
<label>
Select Branch
<div>{{ branchDetails | json}}</div>
<div>{{ empBranchsObj | json}}</div>
</label>
<ui-select multiple ng-model="empBranchsObj.arr" theme="bootstrap" ng-disabled="disabled" close-on-select="false">
<ui-select-match placeholder="Select Branch">
{{$item.BranchName}}
</ui-select-match>
<ui-select-choices repeat="name in branchDetailsNameObj.arr | filter:$select.search">
{{name.BranchName}}
</ui-select-choices>
</ui-select>
</div>
</div>-->
<!--check obj-->
<div>
<div class=" col-md-4 form-group">
<label>
Select Branch
<!--<div>{{ branchDetailsName | json}}</div>
<div>{{ empBranchDetails | json}}</div>-->
</label>
<ui-select multiple ng-model="empBranchDetails.arr" theme="bootstrap" ng-disabled="disabled" close-on-select="false">
<ui-select-match placeholder="Select Branch">
{{$item}}
</ui-select-match>
<ui-select-choices repeat="name in branchDetailsName | filter:$select.search">
{{name}}
</ui-select-choices>
</ui-select>
</div>
</div>
<!--{{ empRoleDetail | json }}-->
<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="empRoleDetail.ListCode" class="cs-select cs-skin-elastic" required>
<option value="" disabled selected>Select Role</option>
<option ng-repeat="items in roleDetails" value="{{items.ListCode}}" ng-selected="empRoleDetail.ListCode == items.ListCode">{{items.ListName}}</option>
</select>
<span class="error text-small block" ng-if="Form.role.$dirty && Form.role.$error.required">Role is required</span>
</div>
<div class="col-md-4 form-group" ng-class="{'has-error':Form.jobResponsibility.$dirty && Form.jobResponsibility.$invalid}">
<label>
Job Responsibility
</label>
<textarea maxlength="1000" placeholder="Enter Job Responsibility" tabindex="20" class="form-control textdsc" name="jobResponsibility" ng-model="empRoleDetail.JobResponsibility"></textarea>
<span class="error text-small block" ng-if="Form.jobResponsibility.$dirty && Form.jobResponsibility.$invalid">JOB Responsibility is required</span>
<span class="text-small block">Job Responsibility Should be Less than 1000 Characters.</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>{{ empRoleDetail }}</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="updateEmpBranchDetails(Form, empRoleDetail, empBranchDetails, p)">
Submit
</button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="9" ng-click="cancel()">
Cancel
</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</form>
<!-- class="editRowTd" -->