75 lines
2.1 KiB
XML
75 lines
2.1 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">A traiter</th>
|
|
<th class="text-right">Devis</th>
|
|
<th class="text-right">Commandé</th>
|
|
<th class="text-right">Facturé</th>
|
|
<th class="text-right">Régl part.</th>
|
|
<th class="text-right">Réglée</th>
|
|
<th class="text-right">Total</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(7).addClass('bg-warning');
|
|
},
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
</div>
|
|
</metal:block>
|