summaryrefslogtreecommitdiffstats
path: root/data/templates/stats/profit_per_day.html
diff options
context:
space:
mode:
authorHolger Cremer <HolgerCremer@gmail.com>2018-08-27 19:38:11 +0200
committerHolger Cremer <HolgerCremer@gmail.com>2018-08-27 19:38:11 +0200
commit8f2ba2050ee78d0e4a47f1277c6bc4422d06170c (patch)
treec008d2878905e03df7a8bf8bd3330762cc2d8f43 /data/templates/stats/profit_per_day.html
parentbb55e121576a5b5d225bfc68c5062f386cc32db9 (diff)
parent3fc3ea6c6df237dbdf48d14703118b747bf5d647 (diff)
downloadserial-barcode-scanner-8f2ba2050ee78d0e4a47f1277c6bc4422d06170c.tar.bz2
Merge branch 'master' into better_inventory
Conflicts: README data/templates/products/entry.html docker/Dockerfile docker/init.sh src/database/database.vala src/database/db-interface.vala src/pdf-stock/Makefile src/pdf-stock/pdf-stock-interface.vala src/pdf-stock/pdf-stock.vala src/web/Makefile src/web/main.vala templates/menu.html templates/products/index.html
Diffstat (limited to 'data/templates/stats/profit_per_day.html')
-rw-r--r--data/templates/stats/profit_per_day.html80
1 files changed, 80 insertions, 0 deletions
diff --git a/data/templates/stats/profit_per_day.html b/data/templates/stats/profit_per_day.html
new file mode 100644
index 0000000..bcb07ea
--- /dev/null
+++ b/data/templates/stats/profit_per_day.html
@@ -0,0 +1,80 @@
+ <div id="placeholder" style="width:800px;height:400px;float: left;"></div>
+ <div style="float: left;">
+ <button id="resetzoom" class="btn btn-default">Reset Zoom</button>
+ <br><br>
+ <ul id="overviewLegend">
+ </ul>
+ </div>
+
+<script type="text/javascript">
+$(function () {
+ var datasets = {{{DATA}}};
+
+ // hard-code color indices to prevent them from shifting as
+ // countries are turned on/off
+ var i = 0, choiceContainer = $("#overviewLegend");
+
+ $.each(datasets, function(key, val) {
+ val.color = i;
+ ++i;
+ l = val.label;
+ var li = $('<li />').appendTo(choiceContainer);
+
+ $('<input name="' + key + '" id="' + key + '" type="checkbox" checked="checked" />').appendTo(li);
+ $('<label>', {
+ text: l,
+ 'for': l
+ }).appendTo(li);
+ });
+
+ choiceContainer.find("input").click(plotAccordingToChoices);
+
+ function plotAccordingToChoices() {
+ var data = [];
+
+ choiceContainer.find("input:checked").each(function () {
+ var key = $(this).attr("name");
+ if (key && datasets[key])
+ data.push(datasets[key]);
+ });
+
+ var options = {
+ legend: {
+ show: true
+ },
+ series: {
+ lines: { show: true },
+ points: { show: true}
+ },
+ yaxis: {
+ mode: "money",
+ tickDecimals: 2,
+ tickFormatter: function suffixFormatter(val, axis) {
+ return val.toFixed(axis.tickDecimals) + "€"
+ }
+ },
+ xaxis: {
+ mode: "time",
+ timeformat: "%y-%0m-%0d"
+ },
+ zoom: {
+ interactive: true
+ },
+ pan: {
+ interactive: true
+ }
+ }
+
+ if (data.length > 0)
+ $.plot($("#placeholder"), data, options);
+ }
+
+ plotAccordingToChoices();
+
+ $("#resetzoom").click(function(eventObject) { plotAccordingToChoices(); });
+
+ $('.legendColorBox > div').each(function(i){
+ $(this).clone().prependTo(choiceContainer.find("li").eq(i));
+ });
+});
+</script>