apollo_developers/assets/views/editEmployeeBranchDetails.html
2018-04-19 11:48:46 +05:30

273 lines
19 KiB
HTML

<div class="row">
<div class="col-md-12">
<div ng-if="branchEditLoading == true" class="text-center">
<h3>Fetching ...</h3>
</div>
<div class="col-md-12">
<fieldset ng-if="branchEditLoading == false">
<legend>
Branch Details
</legend>
<div ng-if="branchListView == true">
<table class="table">
<thead>
<tr>
<th>Branch
</th>
<th>Role
</th>
<th>JobResponsibility
</th>
<th>FinanceModule Access
</th>
<th>Status
</th>
<th>
</th>
</tr>
</thead>
<tbody ng-repeat="s in empBranchs">
<tr>
<td>{{s.BranchName}}</td>
<td>{{s.ListName}}</td>
<td>{{s.JobResponsibility}}</td>
<td><span ng-if="s.FinanceModuleAccess == 1">Active</span>
<span ng-if="s.FinanceModuleAccess == 0">In-Active</span></td>
<td><span ng-if="s.IsActive == 1" style="color: green">Active</span>
<span ng-if="s.IsActive == 0" style="color: red">In-Active</span></td>
<td ng-click="getEmpEditBranchDetails(s)" ng-hide = "localUserListCode == 'R003' && s.ListCode == 'R003'" >
<i class="fa fa-edit" ></i>
</td>
</tr>
</tbody>
</table>
<div class="row">
<div class="col-md-12">
<div class="pull-right">
<button type="reset" id="addCourseBtn" class="btn btn-into btn-wide" tabindex="100" ng-click="addNewBranch()">
Add Branch
</button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="101" ng-click="cancel()">
Cancel
</button>
</div>
</div>
</div>
</div>
<div ng-if="empEditBranchView == true">
<form name="Form" id="form" novalidate>
<div class="row">
<div>
<div class=" col-md-4 form-group" ng-class="{'has-error':Form.branch.$dirty && Form.branch.$invalid, 'has-success':Form.branch.$valid}">
<label>
Select Branch
</label>
<select class="form-control" name="branch" ng-model="empEditBranchDetails.BranchCode" required>
<option value="" disabled selected>Select Branch</option>
<option ng-repeat="itemsbranch in branchDetails" value="{{itemsbranch.BranchCode}}" ng-selected="empEditBranchDetails.BranchCode == itemsbranch.BranchCode">{{itemsbranch.BranchName}}</option>
</select>
<span class="error text-small block" ng-if="Form.branch.$dirty && Form.branch.$error.required">Role 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" name="role" ng-model="empEditBranchDetails.ListCode" required>
<option value="" disabled selected>Select Role</option>
<option ng-repeat="itemsrole in roleDetails" value="{{itemsrole.ListCode}}" ng-selected="empEditBranchDetails.ListCode == itemsrole.ListCode">{{itemsrole.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="empEditBranchDetails.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 form-group" ng-class="{'has-error':Form.financeModuleAccess.$dirty && Form.financeModuleAccess.$invalid, 'has-success':Form.financeModuleAccess.$valid && empRoleDetail.FinanceModuleAccess == true}">
<label>
Expenses Access <span ng-if="empRoleDetail.FinanceModuleAccess" class="symbol"></span>
</label>
<div class="checkbox clip-check check-primary">
<input type="checkbox" id="checkbox6" name="financeModuleAccess" ng-model="empEditBranchDetails.FinanceModuleAccess">
<label for="checkbox6">
Expenses Approval Access
</label>
</div>
<span ng-if="myModel.finaceModuleAccess" class="success text-small block"></span>
</div>
<div class="col-md-4 form-group" ng-class="{'has-error':Form.activeStatus.$dirty && Form.activeStatus.$invalid, 'has-success':Form.activeStatus.$valid && empRoleDetail.activeStatus == true}">
<label>
Status
</label>
<div class="checkbox clip-check check-primary">
<input type="checkbox" id="checkbox7" name="activeStatus" ng-model="empEditBranchDetails.IsActive">
<label for="checkbox7">
Active Status
</label>
</div>
<!--<span ng-if="myModel.finaceModuleAccess" class="success text-small block"></span>-->
</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="updateEmpBranchDetails(Form)">
Update
</button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="9" ng-click="getEmpEditBranchDetailsCancel()">
Cancel
</button>
</div>
</div>
</div>
</form>
</div>
<div ng-if="empAddNewBranchView == true">
<form name="Form" id="form" novalidate>
<div class="row">
<div>
<div class=" col-md-4 form-group" ng-class="{'has-error':Form.branch.$dirty && Form.branch.$invalid, 'has-success':Form.branch.$valid}">
<label>
Select Branch
</label>
<select class="form-control" name="branch" ng-model="empAddBranchDetails.BranchCode" required>
<option value="" disabled selected>Select Branch</option>
<option ng-repeat="itemsbranch in branchDetails" value="{{itemsbranch.BranchCode}}">{{itemsbranch.BranchName}}</option>
</select>
<span class="error text-small block" ng-if="Form.branch.$dirty && Form.branch.$error.required">Role 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" name="role" ng-model="empAddBranchDetails.ListCode" required>
<option value="" disabled selected>Select Role</option>
<option ng-repeat="itemsrole in roleDetails" value="{{itemsrole.ListCode}}">{{itemsrole.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="empAddBranchDetails.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 form-group" ng-class="{'has-error':Form.financeModuleAccess.$dirty && Form.financeModuleAccess.$invalid, 'has-success':Form.financeModuleAccess.$valid && empRoleDetail.FinanceModuleAccess == true}">
<label>
Expenses Access <span ng-if="empRoleDetail.FinanceModuleAccess" class="symbol"></span>
</label>
<div class="checkbox clip-check check-primary">
<input type="checkbox" id="checkbox6" name="financeModuleAccess" ng-model="empAddBranchDetails.FinanceModuleAccess">
<label for="checkbox6">
Expenses Approval Access
</label>
</div>
<span ng-if="myModel.finaceModuleAccess" class="success text-small block"></span>
</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="addEmpBranchDetails(p.StaffID, Form)">
Add
</button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="9" ng-click="addNewBranchcancel()">
Cancel
</button>
</div>
</div>
</div>
</form>
</div>
</fieldset>
<!--<fieldset ng-if="branchEditLoading == false">
<legend>
Branch Details
</legend>
<div class="row">
<div>
<div class=" col-md-4 form-group">
<label>
Select Branch
</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>
<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 form-group" ng-class="{'has-error':Form.financeModuleAccess.$dirty && Form.financeModuleAccess.$invalid, 'has-success':Form.financeModuleAccess.$valid && empRoleDetail.FinanceModuleAccess == true}">
<label>
Expenses Access <span ng-if="empRoleDetail.FinanceModuleAccess" class="symbol"></span>
</label>
<div class="checkbox clip-check check-primary">
<input type="checkbox" id="checkbox6" name="financeModuleAccess" ng-model="empRoleDetail.FinanceModuleAccess">
<label for="checkbox6">
Expenses Approval Access
</label>
</div>
<span ng-if="myModel.finaceModuleAccess" class="success text-small block"></span>
</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="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>