From a078ad3aebf13885c09a1ce2d1a6bd65cf4acfc4 Mon Sep 17 00:00:00 2001
From: Alexandre Aubin <alexandre.aubin@cern.ch>
Date: Wed, 23 May 2018 00:02:02 +0200
Subject: [PATCH] Forgot to add the template :<

---
 app/templates/applist_history.html | 90 ++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)
 create mode 100644 app/templates/applist_history.html

diff --git a/app/templates/applist_history.html b/app/templates/applist_history.html
new file mode 100644
index 0000000..3ad5d57
--- /dev/null
+++ b/app/templates/applist_history.html
@@ -0,0 +1,90 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div id="levelHistory" style="height: 270px;" class="col-sm-8 offset-sm-2 my-3"></div>
+<div id="stateHistory" style="height: 270px;" class="col-sm-8 offset-sm-2 my-3"></div>
+
+<script src="{{ url_for('static', filename='js/canvasjs.min.js') }}"></script>
+<script>
+window.onload = function () {
+   
+    var colors_per_level = [
+        "#d9534f",
+        "#E26D4F",
+        "#E98D4E",
+        "#f0ad4e",
+        "#CBB052",
+        "#A6B255",
+        "#7AB659",
+        "#5cb85c"
+    ];
+
+    var colors_per_state = {
+        official: "#0000ff",
+        working: "#5cb85c",
+        inprogress: "#f0ad4e",
+        notworking: "#d9534f"
+    };
+
+    var chart = new CanvasJS.Chart("levelHistory", {
+        animationEnabled: false,
+        title:{
+            text: "Apps level (officials + community working)"
+        },
+        toolTip: {
+            reversed: true,
+            shared: true
+        },
+        data: [
+            {% for level in range(8) %}
+                {
+                color: colors_per_level[{{ level }}],
+                type: "stackedArea",
+                showInLegend: true,
+                toolTipContent: "<span style=\"color:"+colors_per_level[{{ level }}]+"\"><strong>Level {{ level }}: </strong></span> {y}{% if loop.first %}<br><b>Total:<b> #total{% endif %}",
+                name: "Level {{ level }}",
+                dataPoints: [
+                    {% for d in data %}
+                        { label: "{{ d.date }}", y: {{ d["level-"+level|string] }} },
+                    {% endfor %}
+                ]
+                },
+            {% endfor %}
+        ]
+    });
+    chart.render();
+
+    var chart2 = new CanvasJS.Chart("stateHistory", {
+        animationEnabled: false,
+        title:{
+            text: "Apps state"
+        },
+        toolTip: {
+            reversed: true,
+            shared: true
+        },
+        data: [
+            {% for state in ["official", "working", "inprogress", "notworking"]  %}
+                {
+                color: colors_per_state.{{ state }},
+                type: "stackedArea",
+                showInLegend: true,
+                toolTipContent: "<span style=\"color:"+colors_per_state.{{ state }}+"\"><strong>{{ state.title() }}: </strong></span> {y}{% if loop.first %}<br><b>Total:<b> #total{% endif %}",
+                name: "{{ state.title() }}",
+                dataPoints: [
+                    {% for d in data %}
+                        { label: "{{ d.date }}", y: {{ d[state] }} },
+                    {% endfor %}
+                ]
+                },
+            {% endfor %}
+        ]
+    });
+    chart2.render();
+
+
+}
+
+</script>
+
+{% endblock %}