From 9417a8efa663e1e51c4ca685c982e6ded0c9c989 Mon Sep 17 00:00:00 2001
From: guimoz <guillaume.goessel@supelec.fr>
Date: Mon, 30 Jan 2017 08:47:32 +0100
Subject: [PATCH] Ajout du JS dans chaque template pour qu'il soit rendu

---
 templates/banned.html             | 42 +++++++++++++++++++++++++++++
 templates/down.html               | 44 ++++++++++++++++++++++++++++++
 templates/home.html               | 44 ++++++++++++++++++++++++++++++
 templates/layout.html             | 45 -------------------------------
 templates/layout_banned.html      | 45 -------------------------------
 templates/layout_precampagne.html | 45 -------------------------------
 templates/not_subscribed.html     | 44 ++++++++++++++++++++++++++++++
 templates/play.html               | 44 ++++++++++++++++++++++++++++++
 templates/precampagne.html        | 44 ++++++++++++++++++++++++++++++
 9 files changed, 262 insertions(+), 135 deletions(-)

diff --git a/templates/banned.html b/templates/banned.html
index d893915..aaa348c 100644
--- a/templates/banned.html
+++ b/templates/banned.html
@@ -20,6 +20,48 @@ window.onload = function () {
         display = document.querySelector('#time');
     startTimer(fiveMinutes, display);
 };
+$(function () {
+    Highcharts.chart('container', {
+        chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: 0,
+            plotShadow: false
+        },
+        title: {
+            text: 'Etat du Rezo',
+            align: 'center',
+            verticalAlign: 'middle',
+            y: 40
+        },
+        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: 'Etat du Rezo',
+            innerSize: '50%',
+            data: [
+                ['Tranchés',   {{ stats[0] }}],
+                ['Vivants',    {{ stats[1] }}]
+            ]
+        }]
+    });
+});
 </script>
 
 {% endblock %}
diff --git a/templates/down.html b/templates/down.html
index 4a41f65..b132287 100644
--- a/templates/down.html
+++ b/templates/down.html
@@ -18,5 +18,49 @@
 <p>
     Rien pour l'instant
 </p>
+<script type="text/javascript">
+$(function () {
+    Highcharts.chart('container', {
+        chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: 0,
+            plotShadow: false
+        },
+        title: {
+            text: 'Etat du Rezo',
+            align: 'center',
+            verticalAlign: 'middle',
+            y: 40
+        },
+        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: 'Etat du Rezo',
+            innerSize: '50%',
+            data: [
+                ['Tranchés',   {{ stats[0] }}],
+                ['Vivants',    {{ stats[1] }}]
+            ]
+        }]
+    });
+});
+</script>
 {% endif %}
 {% endblock %}
diff --git a/templates/home.html b/templates/home.html
index dd93226..7ba174b 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -19,5 +19,49 @@
       Rien pour l'instant
   </p>
 
+  <script type="text/javascript">
+  $(function () {
+      Highcharts.chart('container', {
+          chart: {
+              plotBackgroundColor: null,
+              plotBorderWidth: 0,
+              plotShadow: false
+          },
+          title: {
+              text: 'Etat du Rezo',
+              align: 'center',
+              verticalAlign: 'middle',
+              y: 40
+          },
+          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: 'Etat du Rezo',
+              innerSize: '50%',
+              data: [
+                  ['Tranchés',   {{ stats[0] }}],
+                  ['Vivants',    {{ stats[1] }}]
+              ]
+          }]
+      });
+  });
+  </script>
   {% endif %}
 {% endblock %}
diff --git a/templates/layout.html b/templates/layout.html
index a454c5a..f335ae4 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -43,50 +43,5 @@
 		<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto; height: auto"></div>
     </div>
   </div>
-<script type="text/javascript">
-
-$(function () {
-    Highcharts.chart('container', {
-        chart: {
-            plotBackgroundColor: null,
-            plotBorderWidth: 0,
-            plotShadow: false
-        },
-        title: {
-            text: 'Etat du Rezo',
-            align: 'center',
-            verticalAlign: 'middle',
-            y: 40
-        },
-        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: 'Etat du Rezo',
-            innerSize: '50%',
-            data: [
-                ['Tranchés',   {{ stats[0] }}],
-                ['Vivants',    {{ stats[1] }}]
-            ]
-        }]
-    });
-});
-</script>
 </body>
 </html>
diff --git a/templates/layout_banned.html b/templates/layout_banned.html
index d6a9985..afaa529 100644
--- a/templates/layout_banned.html
+++ b/templates/layout_banned.html
@@ -44,50 +44,5 @@
 		<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>
     </div>
   </div>
-<script type="text/javascript">
-
-$(function () {
-    Highcharts.chart('container', {
-        chart: {
-            plotBackgroundColor: null,
-            plotBorderWidth: 0,
-            plotShadow: false
-        },
-        title: {
-            text: 'Etat du Rezo',
-            align: 'center',
-            verticalAlign: 'middle',
-            y: 40
-        },
-        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: 'Etat du Rezo',
-            innerSize: '50%',
-            data: [
-                ['Tranchés',   {{ stats[0] }}],
-                ['Vivants',    {{ stats[1] }}]
-            ]
-        }]
-    });
-});
-</script>
 </body>
 </html>
diff --git a/templates/layout_precampagne.html b/templates/layout_precampagne.html
index e4e7a9d..8133223 100644
--- a/templates/layout_precampagne.html
+++ b/templates/layout_precampagne.html
@@ -40,50 +40,5 @@
 		<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>
     </div>
   </div>
-<script type="text/javascript">
-
-$(function () {
-    Highcharts.chart('container', {
-        chart: {
-            plotBackgroundColor: null,
-            plotBorderWidth: 0,
-            plotShadow: false
-        },
-        title: {
-            text: 'Etat du Rezo',
-            align: 'center',
-            verticalAlign: 'middle',
-            y: 40
-        },
-        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: 'Etat du Rezo',
-            innerSize: '50%',
-            data: [
-                ['Tranchés',   {{ stats[0] }}],
-                ['Vivants',    {{ stats[1] }}]
-            ]
-        }]
-    });
-});
-</script>
 </body>
 </html>
diff --git a/templates/not_subscribed.html b/templates/not_subscribed.html
index 824b5d7..e99f7bb 100644
--- a/templates/not_subscribed.html
+++ b/templates/not_subscribed.html
@@ -6,4 +6,48 @@
     envoyer un email au contact technique.
     (Vous ne pouvez pas jouer depuis Supélec)
 </p>
+<script type="text/javascript">
+$(function () {
+    Highcharts.chart('container', {
+        chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: 0,
+            plotShadow: false
+        },
+        title: {
+            text: 'Etat du Rezo',
+            align: 'center',
+            verticalAlign: 'middle',
+            y: 40
+        },
+        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: 'Etat du Rezo',
+            innerSize: '50%',
+            data: [
+                ['Tranchés',   {{ stats[0] }}],
+                ['Vivants',    {{ stats[1] }}]
+            ]
+        }]
+    });
+});
+</script>
 {% endblock %}
diff --git a/templates/play.html b/templates/play.html
index f07db4b..2e7f489 100644
--- a/templates/play.html
+++ b/templates/play.html
@@ -19,4 +19,48 @@
 <p>
 <a href="{{ url_for('home') }}">&laquo; retour à l'accueil</a>
 </p>
+<script type="text/javascript">
+$(function () {
+    Highcharts.chart('container', {
+        chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: 0,
+            plotShadow: false
+        },
+        title: {
+            text: 'Etat du Rezo',
+            align: 'center',
+            verticalAlign: 'middle',
+            y: 40
+        },
+        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: 'Etat du Rezo',
+            innerSize: '50%',
+            data: [
+                ['Tranchés',   {{ stats[0] }}],
+                ['Vivants',    {{ stats[1] }}]
+            ]
+        }]
+    });
+});
+</script>
 {% endblock %}
diff --git a/templates/precampagne.html b/templates/precampagne.html
index 11df120..ddaa800 100644
--- a/templates/precampagne.html
+++ b/templates/precampagne.html
@@ -4,4 +4,48 @@
 <p>
     Reviens plus tard {{ user['firstname']+' '+user['name'] }} pour jouer à la rezo-roulette
 </p>
+<script type="text/javascript">
+$(function () {
+    Highcharts.chart('container', {
+        chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: 0,
+            plotShadow: false
+        },
+        title: {
+            text: 'Etat du Rezo',
+            align: 'center',
+            verticalAlign: 'middle',
+            y: 40
+        },
+        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: 'Etat du Rezo',
+            innerSize: '50%',
+            data: [
+                ['Tranchés',   {{ stats[0] }}],
+                ['Vivants',    {{ stats[1] }}]
+            ]
+        }]
+    });
+});
+</script>
 {% endblock %}