121 lines
5.1 KiB
HTML
Executable File
121 lines
5.1 KiB
HTML
Executable File
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="mainTitle">Expense Report</h1>
|
|
</div>
|
|
<!-- <div ncy-breadcrumb></div> -->
|
|
</div>
|
|
</section>
|
|
<style>
|
|
.table>tbody>tr>td { padding: 2px; }
|
|
|
|
.table-responsive {
|
|
width:80%;
|
|
margin-left: 101px;
|
|
|
|
}
|
|
</style>
|
|
<script type="text/javascript" src="bower_components/ng-table-excel-export/ng-table-excel-export.min.js">
|
|
|
|
|
|
</script>
|
|
<div class="container-fluid container-fullw bg-white">
|
|
<div ng-controller="report_expenseCtrl" ng-init="filters()">
|
|
<form name="Form" id="form" novalidate ng-submit="onSubmit(Form)" method="post">
|
|
<fieldset>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<!--<pre>{{searchData.date}}</pre>-->
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<label>
|
|
From Date
|
|
</label>
|
|
<input type="text" tabindex="1" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="filters.from_date"
|
|
is-open="startOpen" ng-init="startOpen = false" name="addDate" datepicker-options="dateOptions"
|
|
placeholder="Select Date" close-text="Close" required="required" ng-change="changeDate()"
|
|
show-button-bar="true" required/>
|
|
<span style="color:red;" ng-if="show" ng-show="Form.addDate.$dirty && Form.addDate.$error.required">Please select FromDate.</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<!--<pre>{{searchData.date}}</pre>-->
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<label>
|
|
To Date
|
|
</label>
|
|
<input type="text" tabindex="1" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="filters.to_date"
|
|
is-open="startOpen" ng-init="startOpen = false" name="toDate" datepicker-options="dateOptions"
|
|
placeholder="Select Date" close-text="Close" required="required" ng-change="changeToDate()"
|
|
show-button-bar="true" required/>
|
|
<span style="color:red;" ng-if="show" ng-show="Form.toDate.$dirty && Form.toDate.$error.required">Please select ToDate.</span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-2" style="padding-top: 2.3%;">
|
|
<div class="pull-right">
|
|
|
|
<button type="submit" class="btn btn-success btn-o" tabindex="8">
|
|
Submit
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
</form>
|
|
<!-- <pre>{{statusr | json}}</pre> -->
|
|
<div class="row" style="text-align: right;">
|
|
<div class="col-md-4">
|
|
<input class="form-control" type="text" ng-model="search" id="searchIn" autofocus tabindex="2" placeholder="Search" />
|
|
</div>
|
|
<button pdf-save-button="getpdf" pdf-name="Expense_Report.pdf" class="btn btn-success btn-o">PDF</button>
|
|
<button class="btn btn-success btn-o" ng-click="exportData()">Export to Excel</button>
|
|
|
|
</div>
|
|
<div pdf-save-content="getpdf" class="table-responsive">
|
|
<table id="datatable" class="table table-hover">
|
|
|
|
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
<th>SL.No</th>
|
|
<th>Description</th>
|
|
<th>Total Amount</th>
|
|
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in expense_data|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<td>{{p.SL_NO}}</td>
|
|
<td>{{p.Expense_name}}</td>
|
|
<td style ="text-align:right;">{{p.Amount}}</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
<h3 style="text-align:center;">{{message}}</h3>
|
|
|
|
</div>
|
|
|
|
<dir-pagination-controls direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
</div>
|
|
</div> |