v2.5
Update RestoreShift frontend
This commit is contained in:
148
web/views/reports/index.html
Normal file
148
web/views/reports/index.html
Normal file
@@ -0,0 +1,148 @@
|
||||
<div class="padding">
|
||||
<div class="box">
|
||||
<div class="padding">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label for="single">Отчет</label>
|
||||
<select id="single" class="form-control select2" ui-jp="select2" ui-options="{theme: 'bootstrap'}" ng-model="report_id">
|
||||
<optgroup label="Основные">
|
||||
<option value="statistics">По статистике</option>
|
||||
<option value="realisation">По реализации</option>
|
||||
<option value="deleted">По удалениям</option>
|
||||
<option value="pay">По отделам и видам оплат</option>
|
||||
<option value="staff">По персоналу</option>
|
||||
<option value="out">По внешним заказам</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>С</label>
|
||||
<div class='input-group date' ui-jp="datetimepicker" ui-options="{
|
||||
format: 'DD.MM.YYYY',
|
||||
icons: {
|
||||
time: 'fa fa-clock-o',
|
||||
date: 'fa fa-calendar',
|
||||
up: 'fa fa-chevron-up',
|
||||
down: 'fa fa-chevron-down',
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
}
|
||||
}">
|
||||
<input type='text' class="form-control" ng-model="start_date" />
|
||||
<span class="input-group-addon">
|
||||
<i class="material-icons"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>По</label>
|
||||
<div class='input-group date' ui-jp="datetimepicker" ui-options="{
|
||||
format: 'DD.MM.YYYY',
|
||||
icons: {
|
||||
time: 'fa fa-clock-o',
|
||||
date: 'fa fa-calendar',
|
||||
up: 'fa fa-chevron-up',
|
||||
down: 'fa fa-chevron-down',
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
}
|
||||
}">
|
||||
<input type='text' class="form-control" ng-model="end_date" />
|
||||
<span class="input-group-addon">
|
||||
<i class="material-icons"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<button class="btn info btn-block" ng-click="createReport()">Создать отчет
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="padding">
|
||||
<h4>История</h4>
|
||||
|
||||
<hr/>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered m-a-0">
|
||||
<thead>
|
||||
<th>Отчет</th>
|
||||
<th>С</th>
|
||||
<th>По</th>
|
||||
<th style="width: 70px">
|
||||
<i class="material-icons"></i>
|
||||
</th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr ng-repeat="report in history">
|
||||
<td>{{ report.name }}</td>
|
||||
<td>{{ report.start_date }}</td>
|
||||
<td>{{ report.end_date }}</td>
|
||||
<td>
|
||||
<button class="btn btn-sm white" ng-click="archiveReport(report.type, report.start_date, report.end_date)">
|
||||
<i class="material-icons"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="report-delete" data-backdrop="true">
|
||||
<div ui-include="'../views/reports/items/deleted.html'"></div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="report-realisation" data-backdrop="true">
|
||||
<div ui-include="'../views/reports/items/realisation.html'"></div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="report-statistic" data-backdrop="true">
|
||||
<div ui-include="'../views/reports/items/statistic.html'"></div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="report-staff" data-backdrop="true">
|
||||
<div ui-include="'../views/reports/items/staff.html'"></div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="report-payment" data-backdrop="true">
|
||||
<div ui-include="'../views/reports/items/payment.html'"></div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="report-out" data-backdrop="true">
|
||||
<div ui-include="'../views/out.html'"></div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/libs/js/moment/locale/ru.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$('.date').on('dp.change', function () {
|
||||
$(this).find('input').trigger('change');
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user