ca_groupe
This commit is contained in:
96
mondumas/templates/stats/ca_groupes_12m.pt
Normal file
96
mondumas/templates/stats/ca_groupes_12m.pt
Normal file
@@ -0,0 +1,96 @@
|
||||
<metal:block use-macro="main_template">
|
||||
<div metal:fill-slot="content">
|
||||
|
||||
<br />
|
||||
<div class="row">
|
||||
<form method="POST" id="frm" class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2">Societe</label>
|
||||
<div class="col-sm-4">
|
||||
<select class="form-control" id="societe" name="societe" onChange="$('#frm').submit()">
|
||||
<tal:block tal:repeat="item societes">
|
||||
<option value="${item}" tal:attributes="selected societe==item and 'selected' or None"> ${item}</option>
|
||||
</tal:block>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- graphique 1ER CONTACT -->
|
||||
<div id="barChart_annee1" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
||||
<script type="text/javascript">
|
||||
google.charts.load("current", {packages:["corechart", 'bar']});
|
||||
google.charts.setOnLoadCallback(drawChart);
|
||||
var dataSet_annee1 = ${barChart_annee1};
|
||||
var dataSet_annee2 = ${barChart_annee2};
|
||||
var dataSet_annee3 = ${barChart_annee3};
|
||||
var dataSet_annee4 = ${barChart_annee4};
|
||||
|
||||
function drawChart() {
|
||||
var data_annee1 = google.visualization.arrayToDataTable(dataSet_annee1);
|
||||
var data_annee2 = google.visualization.arrayToDataTable(dataSet_annee2);
|
||||
var data_annee3 = google.visualization.arrayToDataTable(dataSet_annee3);
|
||||
var data_annee4 = google.visualization.arrayToDataTable(dataSet_annee4);
|
||||
|
||||
var options_annee1 = {
|
||||
title: '${title1}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
var options_annee2 = {
|
||||
title: '${title2}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
var options_annee3 = {
|
||||
title: '${title3}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
var options_annee4 = {
|
||||
title: '${title4}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var chart_annee1 = new google.visualization.ComboChart(document.getElementById('barChart_annee1'));
|
||||
chart_annee1.draw(data_annee1, options_annee1);
|
||||
var chart_annee2 = new google.visualization.ComboChart(document.getElementById('barChart_annee2'));
|
||||
chart_annee2.draw(data_annee2, options_annee2);
|
||||
var chart_annee3 = new google.visualization.ComboChart(document.getElementById('barChart_annee3'));
|
||||
chart_annee3.draw(data_annee3, options_annee3);
|
||||
var chart_annee4 = new google.visualization.ComboChart(document.getElementById('barChart_annee4'));
|
||||
chart_annee4.draw(data_annee4, options_annee4);
|
||||
}
|
||||
</script>
|
||||
|
||||
</div><!-- content -->
|
||||
</metal:block>
|
||||
|
||||
|
||||
31
mondumas/templates/stats/stats.pt
Normal file
31
mondumas/templates/stats/stats.pt
Normal file
@@ -0,0 +1,31 @@
|
||||
<metal:block use-macro="main_template">
|
||||
<div metal:fill-slot="content">
|
||||
|
||||
<div id="jquery" class="container-fluid">
|
||||
<div class="row text-center">
|
||||
<div class="col-sm-3">
|
||||
<a href="${request.application_url}/stats_delais/PE" tal:condition="access > 0">
|
||||
<span class="glyphicon glyphicon-stats logo-warning"></span>
|
||||
<h4>DELAIS MOYENS</h4></a>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<a href="${request.application_url}/stats_dossiers/PE"><span class="glyphicon glyphicon-wrench logo-primary"></span>
|
||||
<h4>STATS DOSSIERS</h4></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="col-sm-3">
|
||||
<a href="${request.application_url}/ca_groupes_12m/PE" tal:condition="access > 0">
|
||||
<span class="glyphicon glyphicon-equalizer logo-warning"></span>
|
||||
<h4>CA GROUPES</h4></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
</div><!-- content -->
|
||||
</metal:block>
|
||||
|
||||
|
||||
116
mondumas/templates/stats/stats_delais.pt
Normal file
116
mondumas/templates/stats/stats_delais.pt
Normal file
@@ -0,0 +1,116 @@
|
||||
<metal:block use-macro="main_template">
|
||||
<div metal:fill-slot="content">
|
||||
|
||||
<br />
|
||||
<div class="row">
|
||||
<form method="POST" id="frm" class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2">Societe</label>
|
||||
<div class="col-sm-4">
|
||||
<select class="form-control" id="societe" name="societe" onChange="$('#frm').submit()">
|
||||
<tal:block tal:repeat="item societes">
|
||||
<option value="${item}" tal:attributes="selected societe==item and 'selected' or None"> ${item}</option>
|
||||
</tal:block>
|
||||
</select>
|
||||
</div>
|
||||
<label class="control-label col-sm-2">Groupe</label>
|
||||
<div class="col-sm-4">
|
||||
<select class="form-control" id="groupe" name="groupe" onChange="$('#frm').submit()">
|
||||
<tal:block tal:repeat="item groupes">
|
||||
<option value="${item.group2}" tal:attributes="selected groupe==item.group2 and 'selected' or None"> ${item.group2}</option>
|
||||
</tal:block>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- graphique 1ER CONTACT -->
|
||||
<div id="barChart_annee1" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- graphique 1ER RDV -->
|
||||
<div id="barChart_annee2" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- graphique 1ER DEVIS -->
|
||||
<div id="barChart_annee3" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- graphique 1ERE FACTURE -->
|
||||
<div id="barChart_annee4" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
||||
<script type="text/javascript">
|
||||
google.charts.load("current", {packages:["corechart", 'bar']});
|
||||
google.charts.setOnLoadCallback(drawChart);
|
||||
var dataSet_annee1 = ${barChart_annee1};
|
||||
var dataSet_annee2 = ${barChart_annee2};
|
||||
var dataSet_annee3 = ${barChart_annee3};
|
||||
var dataSet_annee4 = ${barChart_annee4};
|
||||
|
||||
function drawChart() {
|
||||
var data_annee1 = google.visualization.arrayToDataTable(dataSet_annee1);
|
||||
var data_annee2 = google.visualization.arrayToDataTable(dataSet_annee2);
|
||||
var data_annee3 = google.visualization.arrayToDataTable(dataSet_annee3);
|
||||
var data_annee4 = google.visualization.arrayToDataTable(dataSet_annee4);
|
||||
|
||||
var options_annee1 = {
|
||||
title: '${title1}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
var options_annee2 = {
|
||||
title: '${title2}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
var options_annee3 = {
|
||||
title: '${title3}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
var options_annee4 = {
|
||||
title: '${title4}',
|
||||
seriesType: 'bars',
|
||||
series: {1: {type: 'line'}},
|
||||
vAxis: {
|
||||
viewWindow: {
|
||||
min:0
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var chart_annee1 = new google.visualization.ComboChart(document.getElementById('barChart_annee1'));
|
||||
chart_annee1.draw(data_annee1, options_annee1);
|
||||
var chart_annee2 = new google.visualization.ComboChart(document.getElementById('barChart_annee2'));
|
||||
chart_annee2.draw(data_annee2, options_annee2);
|
||||
var chart_annee3 = new google.visualization.ComboChart(document.getElementById('barChart_annee3'));
|
||||
chart_annee3.draw(data_annee3, options_annee3);
|
||||
var chart_annee4 = new google.visualization.ComboChart(document.getElementById('barChart_annee4'));
|
||||
chart_annee4.draw(data_annee4, options_annee4);
|
||||
}
|
||||
</script>
|
||||
|
||||
</div><!-- content -->
|
||||
</metal:block>
|
||||
|
||||
|
||||
76
mondumas/templates/stats/stats_dossiers.pt
Normal file
76
mondumas/templates/stats/stats_dossiers.pt
Normal file
@@ -0,0 +1,76 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user