212 lines
6.6 KiB
XML
212 lines
6.6 KiB
XML
<metal:block use-macro="main_template">
|
|
|
|
<div metal:fill-slot="content">
|
|
|
|
<div class="container-fluid text-center">
|
|
<br />
|
|
<!-- row 1 -->
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/monplanning/codeMon/today">
|
|
<span class="glyphicon glyphicon-calendar logo-small"></span><br />
|
|
<h4>MON PLANNING</h4></a>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/planningb">
|
|
<span class="glyphicon glyphicon-calendar logo-small"></span><br />
|
|
<h4>PLANNING AGENCE</h4></a>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/plannings">
|
|
<span class="glyphicon glyphicon-calendar logo-small"></span><br />
|
|
<h4>LES PLANNINGS</h4></a>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/examens_schd/today/B">
|
|
<span class="glyphicon glyphicon-blackboard logo-small"></span><br />
|
|
<h4>EXAMENS</h4></a>
|
|
</div>
|
|
</div>
|
|
<!-- row 2 -->
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/eleves">
|
|
<span class="glyphicon glyphicon-search logo-small"></span>
|
|
<h4>RECHERCHE ELEVE</h4></a>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/show_iframe/msgerie">
|
|
<span class="glyphicon glyphicon-envelope logo-small"></span>
|
|
<h4>MESSAGES <span class="badge">${nlus}</span></h4></a>
|
|
</div> <div class="col-sm-3">
|
|
<a href="${request.application_url}/show_iframe/smartcode">
|
|
<span class="glyphicon glyphicon-warning-sign logo-small"></span>
|
|
<h4>SMARTCODE</h4></a>
|
|
</div>
|
|
</div>
|
|
<!-- row 3 -->
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/show_iframe/dessin">
|
|
<span class="glyphicon glyphicon-picture logo-primary"></span>
|
|
<h4>DESSIN</h4></a>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/show_iframe/infos">
|
|
<span class="glyphicon glyphicon-question-sign logo-primary"></span>
|
|
<h4>AIDE & INFOS</h4></a>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/show_iframe/pedagogie">
|
|
<span class="glyphicon glyphicon-education logo-primary"></span>
|
|
<h4>PEDAGOGIE</h4></a>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/show_iframe/pedagoGL">
|
|
<span class="glyphicon glyphicon-road logo-primary"></span>
|
|
<h4>PEDAGOGIE GL</h4></a>
|
|
</div>
|
|
</div>
|
|
<!-- row 4 -->
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/contacts_list">
|
|
<span class="glyphicon glyphicon-screenshot logo-success"></span><br />
|
|
<h4>CRM</h4></a>
|
|
</div>
|
|
<div class="col-sm-3" tal:condition="access >= 6 ">
|
|
<a href="${request.application_url}/jnl_caisse">
|
|
<span class="glyphicon glyphicon-modal-window logo-success"></span><br />
|
|
<h4>JNL CAISSE</h4></a>
|
|
</div>
|
|
<div class="col-sm-3" tal:condition="access >= 6 ">
|
|
<a href="${request.application_url}/last_emailing"><span class="glyphicon glyphicon-envelope logo-success"></span></a>
|
|
<h4>Rappels RDV et RESA</h4>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<a href="${request.application_url}/show_iframe/agences">
|
|
<span class="glyphicon glyphicon-map-marker logo-success"></span>
|
|
<h4>AGENCES</h4></a>
|
|
</div>
|
|
</div> <!-- row 4 -->
|
|
|
|
<div class="row">
|
|
<!-- Réussites aux examens par agence -->
|
|
<h2>Challenge réussite Marietton</h2>
|
|
<div class="col-md-6">
|
|
<!-- Bar chart année N-2 -->
|
|
<div id="barChart_annee_3" style="width: 100%; height: 500px;"></div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<!-- Bar chart année N-1 -->
|
|
<div id="barChart_annee_2" style="width: 100%; height: 500px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<!-- Bar chart année N -->
|
|
<div id="barChart_annee_1" style="width: 100%; height: 500px;"></div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div id="barChart_annee" style="width: 100%; height: 500px;"></div>
|
|
</div>
|
|
</div> <!-- row 5 -->
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<br />
|
|
<br />
|
|
<a href="${request.application_url}/stats_exam1">
|
|
<span class="glyphicon glyphicon-stats logo-primary"></span><br />
|
|
<h4>HISTORIQUE par AGENCE</h4></a>
|
|
|
|
</div>
|
|
<div class="col-md-6">
|
|
<br />
|
|
<br />
|
|
<a href="${request.application_url}/stats_exam2">
|
|
<span class="glyphicon glyphicon-stats logo-primary"></span><br />
|
|
<h4>HISTORIQUE par MONITEUR</h4></a>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<br />
|
|
<br />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div metal:fill-slot="additional_scripts">
|
|
<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_annee_3 = ${bar_annee_3};
|
|
var dataSet_annee_2 = ${bar_annee_2};
|
|
var dataSet_annee_1 = ${bar_annee_1};
|
|
var dataSet_annee = ${bar_annee};
|
|
|
|
function drawChart() {
|
|
var data_annee_3 = google.visualization.arrayToDataTable(dataSet_annee_3);
|
|
var data_annee_2 = google.visualization.arrayToDataTable(dataSet_annee_2);
|
|
var data_annee_1 = google.visualization.arrayToDataTable(dataSet_annee_1);
|
|
var data_annee = google.visualization.arrayToDataTable(dataSet_annee);
|
|
var options_annee_3 = {
|
|
title: '${title_3}',
|
|
legend: 'none',
|
|
hAxis: {
|
|
viewWindow: {
|
|
min: 0,
|
|
max: 100
|
|
},
|
|
ticks: [0, 20, 40, 60, 80, 100] // display labels every 20
|
|
}
|
|
};
|
|
var options_annee_2 = {
|
|
title: '${title_2}',
|
|
legend: 'none',
|
|
hAxis: {
|
|
viewWindow: {
|
|
min: 0,
|
|
max: 100
|
|
},
|
|
ticks: [0, 20, 40, 60, 80, 100] // display labels every 20
|
|
}
|
|
};
|
|
var options_annee_1 = {
|
|
title: '${title_1}',
|
|
legend: 'none',
|
|
hAxis: {
|
|
viewWindow: {
|
|
min: 0,
|
|
max: 100
|
|
},
|
|
ticks: [0, 20, 40, 60, 80, 100] // display labels every 20
|
|
}
|
|
};
|
|
var options_annee = {
|
|
title: '${title}',
|
|
legend: 'none',
|
|
hAxis: {
|
|
viewWindow: {
|
|
min: 0,
|
|
max: 100
|
|
},
|
|
ticks: [0, 20, 40, 60, 80, 100] // display labels every 20
|
|
}
|
|
};
|
|
|
|
var chart_annee_3 = new google.visualization.BarChart(document.getElementById('barChart_annee_3'));
|
|
chart_annee_3.draw(data_annee_3, options_annee_3);
|
|
var chart_annee_2 = new google.visualization.BarChart(document.getElementById('barChart_annee_2'));
|
|
chart_annee_2.draw(data_annee_2, options_annee_2);
|
|
var chart_annee_1 = new google.visualization.BarChart(document.getElementById('barChart_annee_1'));
|
|
chart_annee_1.draw(data_annee_1, options_annee_1);
|
|
var chart_annee = new google.visualization.BarChart(document.getElementById('barChart_annee'));
|
|
chart_annee.draw(data_annee, options_annee);
|
|
}
|
|
</script>
|
|
|
|
</div>
|
|
</metal:block>
|
|
|