first commit

modules/ets_cfultimate/views/js/common.js

@@ -0,0 +1,84 @@
+/**
+ * 2007-2021 ETS-Soft
+ *
+ * NOTICE OF LICENSE
+ *
+ * This file is not open source! Each license that you purchased is only available for 1 wesite only.
+ * If you want to use this file on more websites (or projects), you need to purchase additional licenses.
+ * You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please contact us for extra customization service at an affordable price
+ *
+ *  @author ETS-Soft <etssoft.jsc@gmail.com>
+ *  @copyright  2007-2021 ETS-Soft
+ *  @license    Valid for 1 website (or project) for each purchase of license
+ *  International Registered Trademark & Property of ETS-Soft
+ */
+var ets_cfu_chart = {
+    chart_type : 'line',
+    chart: '',
+    canvas: '',
+    datasets : [],
+    labels : [],
+    y_max_value : 0,
+    title : '',
+    config : function(title, canvas, datasets, labels, y_max) {
+        this.title = canvas;
+        this.canvas = canvas;
+        this.datasets = datasets;
+        this.labels = labels;
+        this.y_max_value = y_max;
+    },
+    create : function () {
+        this.chart =  new Chart(this.canvas, {
+            type: this.chart_type,
+            data: {
+                datasets: this.datasets,
+                labels: this.labels,
+            },
+            options: {
+                element : {
+                    line : {
+                        cubicInterpolationMode: 'monotone',
+                    }
+                },
+                responsive: true,
+                title: {text: this.title, position : 'top',},
+                scales: {
+                    xAxes: [{
+                        display: true,
+                        stepSize: 3,
+                    }],
+                    yAxes: [{
+                        ticks: {
+                            min: 0,
+                            max : this.y_max_value,
+                            callback: function(value) {if (value % 1 === 0) {return value;}}
+                        },
+                        display: true,
+                    }]
+                },
+                legend: {fullWidth : true, position : 'bottom',},
+                layout: {padding: {left: 0, right: 0, top: 0, bottom: 10}},
+                tooltips: {mode: 'point', intersect: true,}
+            }
+        });
+        return this.chart;
+    },
+    update : function () {
+        this.chart.data.labels = this.labels;
+        this.chart.data.datasets = this.datasets;
+        this.chart.options.scales.yAxes = [{
+            ticks: {
+                min: 0,
+                max : this.y_max_value,
+                callback: function(value) {if (value % 1 === 0) {return value;}}
+            },
+        }];
+        this.chart.update();
+    },
+};