apollo_developers/assets/views/report_expense.html
venbatechnologies@gmail.com 1809bcf9c9 fixed table for student details
2018-04-23 18:34:11 +05:30

118 lines
4.7 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>
/* .sort-icon {
font-size: 9px;
margin-left: 5px;
}
th {
cursor: pointer;
} */
</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="reportCtrl" ng-init="batch()">
<form name="Form" id="form" novalidate ng-submit="expense_Submit()" 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="batch.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" />
</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="batch.to_date"
is-open="startOpen" ng-init="startOpen = false" name="addDate" datepicker-options="dateOptions"
placeholder="Select Date" close-text="Close" required="required" ng-change="changeToDate()"
show-button-bar="true" />
</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 style="text-align: right;">
<a download="Expense_report({{}}).xls" href="#" onclick="return ngTableExcelExport.excel(this, 'datatable', 'Expense_Report');">
<button class="btn btn-success btn-o" ng-click="Export()" tabindex="8">Export to Excel</button>
</a>
</div>
<div 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|filter:search:strict|itemsPerPage:10">
<tr>
<td>{{$index + 1}}</td>
<td>{{p.exp_name}}</td>
<td style ="text-align:right;">{{p.amount}}</td>
</tr>
</tbody>
</table>
<h3 style="text-align:center;">{{expense_message}}</h3>
</div>
<dir-pagination-controls direction-links="true" boundary-links="true">
</dir-pagination-controls>
</div>
</div>