145 lines
6.3 KiB
HTML
Executable File
145 lines
6.3 KiB
HTML
Executable File
<style>
|
|
b.fa {
|
|
display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px #007AFF;
|
|
padding: 0.5em 0.6em;
|
|
|
|
|
|
}
|
|
</style>
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="mainTitle" translate="Day Book Master Details"></h1>
|
|
<!--
|
|
<span class="mainDescription">Over a dozen reusable components built to provide popovers, media objects, navigation, tooltips and much more. </span>
|
|
-->
|
|
</div>
|
|
<div ncy-breadcrumb></div>
|
|
</div>
|
|
</section>
|
|
<div class="container-fluid container-fullw bg-white">
|
|
<div ng-controller="dayBookMasterCtrl">
|
|
<form name="Form" id="form" novalidate ng-submit="dayForm.submit(Form, myModel, 'zoom-in')" method="post">
|
|
<fieldset>
|
|
<legend>Add Day Book Details</legend>
|
|
<div class="row">
|
|
<!--<div class="col-md-6">
|
|
<div class="padding-30">
|
|
<h2 class="StepTitle"><i
|
|
class="ti-face-smile fa-2x text-primary block margin-bottom-10"></i>
|
|
Enter Bus Stop Details</h2>
|
|
</div>
|
|
</div>-->
|
|
<div class="col-md-12">
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.type.$dirty && Form.type.$invalid, 'has-success':Form.type.$valid}">
|
|
<label >
|
|
Type <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="type" id="type" tabindex="1"
|
|
ng-model="myModel.type"
|
|
ng-options="source.ListCode as source.ListName for source in dayBookType"
|
|
required>
|
|
|
|
<option value=""> Select Type</option>
|
|
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.type.$dirty && Form.type.$error.required && myModel.type.length==0">Type is required</span>
|
|
<!--<span class="success text-small block"-->
|
|
<!--ng-if="Form.class.$valid && myModel.class.length!=0">Thank You</span>-->
|
|
</div>
|
|
|
|
<div class="col-md-4 form-group"
|
|
ng-class="{'has-error':Form.Name.$dirty && Form.Name.$invalid, 'has-success':Form.Name.$valid}">
|
|
<label>
|
|
Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Name"
|
|
tabindex="2" class="form-control" name="Name"
|
|
ng-model="myModel.name" ng-pattern="/^[a-zA-Z0-9.\s]*$/" capitalize required/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.Name.$dirty && Form.Name.$error.required">Name is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.Name.$dirty && Form.Name.$error.pattern">Invalid name </span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.stopname.$valid">Thank You!</span>-->
|
|
</div>
|
|
|
|
<div class="col-md-2" style="padding-top: 2.3%;">
|
|
<div class="pull-right">
|
|
<button type="submit" ladda="ldloading1.zoom_in" tabindex="3" class="btn btn-wide btn-success" data-style="zoom-in">
|
|
Submit
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
</form>
|
|
<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="3"
|
|
placeholder="Search"/><br><br>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<table class="table table-hover" ng-init="init();">
|
|
<thead>
|
|
<tr>
|
|
<th ng-click="sort('TypeName')">Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='TypeName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"> </span>
|
|
|
|
</th>
|
|
<th ng-click="sort('ListName')">Type
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='ListName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"> </span>
|
|
|
|
</th>
|
|
<th>Status</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in dayBookInfo|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<td>{{p.TypeName}}</td>
|
|
<td>{{p.ListName}}</td>
|
|
<td ng-if="p.IsActive==true">Active</td>
|
|
<td ng-if="p.IsActive==false">De-Active</td>
|
|
<td>
|
|
<a class="text-azure" id="editRowBtn{{p.ID}}" ng-click="setEditId(p.ID);"><b class="fa fa-hover fa-pencil " aria-hidden="true"></b>
|
|
</a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr ng-show="editId === p.ID" ng-if="editId === p.ID">
|
|
<td colspan="12" ng-include src="'assets/views/daybook/editDayBookMaster.html'"></td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
</div>
|
|
</div> |