Files
dumas_gestion/mondumas/templates/stats/stats_dossiers.pt
2021-06-15 10:30:48 +02:00

77 lines
2.2 KiB
XML

<metal:block use-macro="main_template">
<div metal:fill-slot="content">
<div class="alert alert-danger" tal:condition="message" tal:content="message" />
<br />
<form method="POST" id="frm" class="form-horizontal">
<div class="form-group">
<label class="control-label col-xs-3" for="societe">Societe</label>
<div class="col-xs-8">
<select class="form-control" id="societe" name="societe" onChange="$('#frm').submit()">
<div tal:repeat="item societes">
<option value="${item}" tal:attributes="selected societe==item and 'selected' or None">${item}</option>
</div>
</select>
</div>
</div>
</form>
<div class="row">
<table id="dossiers_list" class="table table-bordered">
<thead>
<tr>
<th>Année</th>
<th class="text-right">Total DD</th>
<th class="text-right">DD à traiter</th>
<th class="text-right">DD avec devis</th>
<th class="text-right">Devis à traiter</th>
<th class="text-right">DD avec facture</th>
<th class="text-right">Régl part.</th>
<th class="text-right">Réglée</th>
</tr>
</thead>
</table>
<br />
<br />
</div>
<script type="text/javascript">
var dataSet = ${dt_data};
$(document).ready(function() {
$.fn.dataTable.moment('DD-MM-YYYY');
var table = $('#dossiers_list').DataTable({
data: dataSet,
pageLength: 20,
bLengthChange: false,
bFilter: false,
ordering: false,
bPaginate: false,
language: {
url: 'https://cdn.datatables.net/plug-ins/1.10.16/i18n/French.json'
},
columnDefs: [
{ className: "text-center", "targets": [0] },
{ className: "text-right", "targets": [1] },
{ className: "text-right", "targets": [2] },
{ className: "text-right", "targets": [3] },
{ className: "text-right", "targets": [4] },
{ className: "text-right", "targets": [5] },
{ className: "text-right", "targets": [6] },
{ className: "text-right", "targets": [7] },
],
order: [[0, 'asc']],
rowCallback: function( row, data ) {
$('td', row).eq(0).addClass('bg-success');
$('td', row).eq(1).addClass('bg-warning');
$('td', row).eq(3).addClass('bg-warning');
$('td', row).eq(5).addClass('bg-warning');
},
});
});
</script>
</div>
</metal:block>