{% extends "layout_banned.html" %} {% block content %} <h1>Tu es tranché</h1> <p> {{ explanation }} </p> <p> Rétablissement de la connexion externe dans approximativement : </p> <p style="text-align: center"> <strong><span id="time">30:00</span></strong>. </p> <p> (redémarrer le navigateur peut être nécessaire une fois ce délai écoulé) </p> <div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div> <script type='text/javascript'> window.onload = function () { var fiveMinutes = {{ timeleft }}, display = document.querySelector('#time'); startTimer(fiveMinutes, display); }; $(function () { Highcharts.chart('container', { chart: { backgroundColor: 'red', plotBorderWidth: 0, plotShadow: false }, title: { text: 'État du Rézo', align: 'center', verticalAlign: 'middle', y: 60 }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, plotOptions: { pie: { dataLabels: { enabled: true, distance: -50, style: { fontWeight: 'bold', color: 'white' } }, startAngle: -90, endAngle: 90, center: ['50%', '75%'] }, }, series: [{ type: 'pie', name: 'État du Rézo', innerSize: '50%', data: [ { name: 'Tranchés', y: {{ stats[0] }}, color: '#FF0000', },{ name: 'Vivants', y: {{ stats[1] }}, color: '#FFCC00', } ] }] }); }); </script> {% endblock %}