M3 Integration fixes

public/index.php

@@ -7,11 +7,11 @@ define('LARAVEL_START', microtime(true));
 
 // Determine if the application is in maintenance mode...
 if (file_exists($maintenance = __DIR__ . '/../storage/framework/maintenance.php')) {
-    require $maintenance;
+    require_once $maintenance;
 }
 
 // Register the Composer autoloader...
-require __DIR__ . '/../vendor/autoload.php';
+require_once __DIR__ . '/../vendor/autoload.php';
 
 // Bootstrap Laravel and handle the request...
 /** @var Application $app */

public/js/wms-dashboard-charts.js

@@ -2,7 +2,7 @@
     'use strict';
 
     function cssVar(name, fallback) {
-        var value = getComputedStyle(document.documentElement).getPropertyValue(name);
+        let value = getComputedStyle(document.documentElement).getPropertyValue(name);
         return value && value.trim() !== '' ? value.trim() : fallback;
     }
 
@@ -18,8 +18,8 @@
     }
 
     function enrichDataset(dataset, index, type) {
-        var colours = palette();
-        var colour = colours[index % colours.length];
+        let colours = palette();
+        let colour = colours[index % colours.length];
 
         if (type === 'doughnut' || type === 'pie') {
             dataset.backgroundColor = colours;
@@ -39,10 +39,10 @@
     }
 
     function optionsFor(type) {
-        var textColour = cssVar('--wms-chart-text', '#334155');
-        var gridColour = cssVar('--wms-chart-grid', 'rgba(148, 163, 184, 0.25)');
+        let textColour = cssVar('--wms-chart-text', '#334155');
+        let gridColour = cssVar('--wms-chart-grid', 'rgba(148, 163, 184, 0.25)');
 
-        var options = {
+        let options = {
             responsive: true,
             maintainAspectRatio: false,
             interaction: {
@@ -100,7 +100,7 @@
     }
 
     function normaliseConfig(rawConfig, type) {
-        var config = rawConfig || {};
+        let config = rawConfig || {};
         config.labels = config.labels || [];
         config.datasets = (config.datasets || []).map(function (dataset, index) {
             return enrichDataset(dataset, index, type);
@@ -115,9 +115,9 @@
         }
 
         document.querySelectorAll('[data-wms-chart]').forEach(function (canvas) {
-            var type = canvas.getAttribute('data-chart-type') || 'line';
-            var raw = canvas.getAttribute('data-chart-config') || '{}';
-            var config = {};
+            let type = canvas.getAttribute('data-chart-type') || 'line';
+            let raw = canvas.getAttribute('data-chart-config') || '{}';
+            let config = {};
 
             try {
                 config = JSON.parse(raw);
@@ -125,7 +125,7 @@
                 config = { labels: [], datasets: [] };
             }
 
-            new Chart(canvas, {
+            canvas.wmsChart = new Chart(canvas, {
                 type: type,
                 data: normaliseConfig(config, type),
                 options: optionsFor(type)