553 lines
43 KiB
HTML
Executable File
553 lines
43 KiB
HTML
Executable File
<!-- start: EMPLOYEE TITLE -->
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="mainTitle" translate="Employee">{{ mainTitle }}</h1>
|
|
|
|
<span class="mainDescription">View/Add Employee Details. </span>
|
|
|
|
</div>
|
|
<div ncy-breadcrumb></div>
|
|
</div>
|
|
</section>
|
|
<!-- end: EMPLOYEE TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
<div class="container-fluid container-fullw bg-white">
|
|
<div class="row" ng-controller="staffCtrl" data-ng-init="init()">
|
|
<tabset class="tabbable">
|
|
<tab heading="View Employee" id="employeebranch">
|
|
<div class="container-fluid container-fullw">
|
|
<div class="row">
|
|
<div ng-if="loader == true" class="col-md-12" align="center">
|
|
<!--<img src="assets/images/ajax_loader_blue.gif" style="width: 5%; height: 30%">-->
|
|
<spinner name="html5spinner">
|
|
<div class="overlay"></div>
|
|
<div class="spinner">
|
|
<div class="double-bounce1"></div>
|
|
<div class="double-bounce2"></div>
|
|
</div>
|
|
<div class="please-wait">Please Wait...</div>
|
|
</spinner>
|
|
</div>
|
|
|
|
<div class="col-md-12" ng-if="emptyData == false" style="min-height: 281px;">
|
|
<p style="color: red;" align="center"><strong><h3 class="text-center">No
|
|
records found... </h3></strong></p>
|
|
</div>
|
|
|
|
<div class="col-md-12" ng-if="emptyData == true">
|
|
<!--<pre> data -> {{ employeeDetails | json }}</pre>-->
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<script>
|
|
$(function () {
|
|
$("#search").focus();
|
|
});
|
|
</script>
|
|
<input class="form-control" type="text" ng-model="search" id="search" autofocus tabindex="1" placeholder="Search" /><br><br>
|
|
</div>
|
|
</div>
|
|
<div class="table-responsive">
|
|
<!--<table ng-table="tableParams" class="table table-hover">
|
|
<tbody ng-repeat="p in $data| filter:search:strict">
|
|
<tr id="tr{{p.StaffID}}">
|
|
<td class="rowTd" data-title="'Staff ID'" sortable="'StaffID'">
|
|
{{p.StaffID}}
|
|
</td>
|
|
<td class="rowTd" data-title="'First Name'" sortable="'Firstname'">
|
|
{{p.Firstname}}
|
|
</td>
|
|
<td class="rowTd" data-title="'Last Name'" sortable="">{{p.Lastname}}
|
|
</td>
|
|
<td class="rowTd" data-title="'Mobile Number'" sortable="">{{p.MobileNumber}}
|
|
</td>
|
|
<td class="rowTd" data-title="'Email'" sortable="">{{p.EmailID}}
|
|
</td>
|
|
<td class="rowTd">
|
|
<div class="pull-right margin-right-10">
|
|
<input type=button class="btn btn-info btn-sm" ladda="ldloading1.zoom_in" id="editRowBtn{{p.StaffID}}" value="Personal Details" ng-click="setEditId(p.StaffID);">
|
|
<input type=button class="btn btn-info btn-sm" id="editBranchRowBtn{{p.StaffID}}" value="Branch Details" ng-click="setEditBranchId(p.StaffID);">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr ng-show="editId === p.StaffID" ng-if="editId === p.StaffID">
|
|
<td colspan="6" ng-include src="'assets/views/editEmployeeDetails.html'"></td>
|
|
</tr>
|
|
|
|
<tr ng-show="editBranchId === p.StaffID" ng-if="editBranchId === p.StaffID">
|
|
<td colspan="6" ng-include src="'assets/views/editEmployeeBranchDetails.html'"></td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>-->
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th ng-click="sort('StaffID')">Staff Id
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='StaffID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('Firstname')">First Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Firstname'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('Lastname')">Last Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Lastname'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('MobileNumber')">Mobile
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='MobileNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('EmailID')">Email ID
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='EmailID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th>Status</th>
|
|
<th style="text-align: center;"> Details
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<td>{{p.StaffID}}</td>
|
|
<td>{{p.Firstname}}</td>
|
|
<td>{{p.Lastname}}</td>
|
|
<td>{{p.MobileNumber}}</td>
|
|
<td>{{p.EmailID}}</td>
|
|
<td><span ng-if="p.IsActive == 1"> Active </span><span ng-if="p.IsActive == 0">In-Active</span></td>
|
|
<td style="text-align: center;">
|
|
<!-- <input type=button class="btn btn-info btn-xs" ladda="ldloading1.zoom_in" id="editRowBtn{{p.StaffID}}" value="Personal Details"
|
|
ng-click="setEditId(p.StaffID);getEditDetails(p);"> -->
|
|
<i class="ti-user" tooltip="Personal Details" ng-click="setEditId(p.StaffID);getEditDetails(p);"></i>
|
|
<i class="ti-map-alt" tooltip="Branch Details" ng-click="setEditBranchId(p.StaffID);"></i>
|
|
|
|
<!-- <input type=button class="btn btn-blue btn-xs" id="editBranchRowBtn{{p.StaffID}}" value="Branch Details" ng-click="setEditBranchId(p.StaffID);"> -->
|
|
</td>
|
|
</tr>
|
|
<tr ng-show="editId === p.StaffID" ng-if="editId === p.StaffID">
|
|
<td colspan="7" ng-include src="'assets/views/editEmployeeDetails.html'"></td>
|
|
</tr>
|
|
<tr ng-show="editBranchId === p.StaffID" ng-if="editBranchId === p.StaffID">
|
|
<td colspan="7" ng-include src="'assets/views/editEmployeeBranchDetails.html'"></td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<script>
|
|
$('#addbranch').click(function () {
|
|
$('#branchcode').focus();
|
|
});
|
|
</script>
|
|
<style>
|
|
.sort-icon {
|
|
font-size: 9px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
th {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
|
|
|
|
<tab heading="Add Employee" id="addemployee">
|
|
<div>
|
|
<form name="Form" id="form" novalidate ng-submit="employeeForm.submit(Form, myModel)" method="post">
|
|
<div class="row">
|
|
<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="1" class="form-control" name="employeeId" ng-model="myModel.employeeId"
|
|
ng-minlength="4" ng-maxlength="12" ng-pattern="/^[a-zA-Z0-9.\s]*$/" ng-blur='checkEmpIdExist()' required/>
|
|
<!--<span class="warning text-small block">Employee ID length Should be (4-12)</span>-->
|
|
<span class="error text-small block" ng-if="Form.employeeId.$dirty && Form.employeeId.$error.required">Employee Id is required</span>
|
|
<span class="error text-small block" ng-if="Form.employeeId.$error.maxlength || Form.employeeId.$error.minlength">Employee ID length Should be (4-12) </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="myModel.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 is 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="myModel.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 is 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.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="myModel.primaryPhone"
|
|
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.fathername.$dirty && Form.fathername.$invalid}">
|
|
<label>
|
|
Father Name
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Father Name" tabindex="4" class="form-control" name="fathername" ng-model="myModel.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="myModel.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 data-ng-controller="DatepickerDemoCtrl">
|
|
|
|
<!--<pre>Selected date is: <em>{{myModel.dateofbirth}}</em></pre>-->
|
|
|
|
<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="myModel.dateofbirth"
|
|
is-open="startOpen" ng-init="startOpen = true" name="dateofbirth" datepicker-options="dateOptions"
|
|
placeholder="Select Date of Birth" close-text="Close" required="required"
|
|
ng-change="getMaxEndDate(myModel.startDate)" 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>
|
|
<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="7" placeholder="Enter Mobile Number" class="form-control" ng-model="myModel.primaryPhone"
|
|
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">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="8" placeholder="Enter Alternate Mobile Number" class="form-control" ng-model="myModel.secondaryPhone"
|
|
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">
|
|
|
|
<!--<pre>Selected date is: <em>{{myModel.dateofbirth}}</em></pre>-->
|
|
|
|
<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="9" 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="myModel.emailId" ng-blur='checkEmailExist()' required>
|
|
<span class="error text-small block" ng-if="Form.emailId.$dirty && Form.emailId.$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>
|
|
<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 <span class="symbol required"></span>
|
|
</label>
|
|
<div class="clip-radio radio-primary">
|
|
<input type="radio" tabindex="10" id="female" name="gender" value="female" ng-model="myModel.gender" required>
|
|
<label for="female">
|
|
Female
|
|
</label>
|
|
<input type="radio" id="male" name="gender" value="male" ng-model="myModel.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="11" class="form-control" name="qualificaion" ng-model="myModel.qualificaion"
|
|
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>
|
|
|
|
<div class="row">
|
|
<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" class="form-control" name="masked" placeholder="99/99/9999" ui-mask="99/99/9999" ng-model="x">-->
|
|
|
|
<input type="text" name="aadharNumber" tabindex="12" placeholder="____-____-____" ui-mask="9999-9999-9999" class="form-control"
|
|
ng-model="myModel.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 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="myModel.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="myModel.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>
|
|
<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="15" class="form-control textdsc" name="address1" ng-model="myModel.address1"></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="16" class="form-control textdsc" name="address2" ng-model="myModel.address2"></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-3">
|
|
<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">
|
|
|
|
|
|
<div class="form-group">
|
|
<div class="user-image">
|
|
<h5>Profile Picture</h5>
|
|
<div class=" margin-bottom-5">
|
|
|
|
</div>
|
|
</div>
|
|
<!--<input type="file" file-model="idProof"
|
|
accept="image/*" onchange="angular.element(this).scope().imageUpload(event)"/>-->
|
|
|
|
|
|
<div>
|
|
<div ng-repeat="step in stepsModel">
|
|
<!--<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="resetImage()">Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="file" accept="image/*" file-upload onchange="angular.element(this).scope().imageUpload(event)" />
|
|
<style>
|
|
.thumb {
|
|
width: 130px;
|
|
height: 140px;
|
|
margin: 18px;
|
|
float: left;
|
|
}
|
|
|
|
.uploader {
|
|
clear: both;
|
|
}
|
|
</style>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</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" tabindex="17" class="cs-select cs-skin-elastic" name="homeBranch" ng-model="myModel.homeBranch"
|
|
required>
|
|
<option value="" disabled selected>Select Home Branch</option>
|
|
<option ng-repeat="item in branchDetails" value="{{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="dd-MM-yyyy" ng-model="myModel.dateofbirth"
|
|
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)" />-->
|
|
|
|
<input type="text" tabindex="18" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myModel.dateofjoining"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofjoining" 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 is 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" tabindex="19" name="role" ng-model="myModel.role" class="cs-select cs-skin-elastic" required>
|
|
<option value="" disabled selected>Select Role</option>
|
|
<option ng-repeat="item in roleDetails" value="{{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 form-group" ng-class="{'has-error':Form.financeModuleAccess.$dirty && Form.financeModuleAccess.$invalid, 'has-success':Form.financeModuleAccess.$valid && myModel.finaceModuleAccess == true}">
|
|
<label>
|
|
Expense Access <span ng-if="myModel.finaceModuleAccess" class="symbol"></span>
|
|
</label>
|
|
<div class="checkbox clip-check check-primary">
|
|
<input type="checkbox" id="checkbox6" name="financeModuleAccess" ng-model="myModel.finaceModuleAccess">
|
|
<label for="checkbox6">
|
|
Expense Approval Access
|
|
</label>
|
|
</div>
|
|
<span ng-if="myModel.finaceModuleAccess" class="success text-small block"></span>
|
|
<!--<div class="checkbox clip-check check-primary checkbox-inline">
|
|
<input type="checkbox" id="checkbox16" name="financeModuleAccess" ng-model="myModel.finaceModuleAccess">
|
|
</div>
|
|
<spann ng-if="myModel.finaceModuleAccess" class="text-small block">Job Responsibility Should be Less than 1000 Characters.</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="myModel.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 class="col-md-4">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
|
|
<div ng-switch="myModel.switchsetting">
|
|
<div ng-switch-when="true">
|
|
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
|
|
</div>
|
|
<div ng-switch-when="false">
|
|
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = false" class="green"></switch>
|
|
</div>
|
|
<div ng-switch-default>
|
|
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!--<pre>{{ myModel | json}}</pre>-->
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" tabindex="21" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in">
|
|
Add
|
|
</button>
|
|
<button type="reset" tabindex="22" class="btn btn-warning btn-wide" tabindex="9" ng-click="employeeForm.reset(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</tab>
|
|
</tabset>
|
|
|
|
<!--<a-->
|
|
</div>
|
|
</div>
|
|
<!-- end: LIST GROUP --> |