From 131a27932946bac1fd3edbb47ba8015fd593b270 Mon Sep 17 00:00:00 2001
From: Stef van Buuren <stef.vanbuuren@tno.nl>
Date: Wed, 20 Mar 2024 16:26:42 +0100
Subject: [PATCH 1/7] Throttle radiobuttons agegrp, msr, etnicity, sex and
 agegrp_dsc

---
 inst/www/js/start.js  |  2 +-
 inst/www/js/update.js | 39 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/inst/www/js/start.js b/inst/www/js/start.js
index 66769be..65bb87a 100644
--- a/inst/www/js/start.js
+++ b/inst/www/js/start.js
@@ -104,7 +104,7 @@ addChangeListener('chartgrp_dsc');
 ["agegrp", "msr", "etnicity", "sex", "agegrp_dsc"].forEach(formName => {
   const radios = document.forms[formName].elements[formName];
   for (let radio of radios) {
-    radio.onclick = update;
+    radio.onclick = throttledUpdate;
   }
 });
 
diff --git a/inst/www/js/update.js b/inst/www/js/update.js
index 07a3d66..9394da4 100644
--- a/inst/www/js/update.js
+++ b/inst/www/js/update.js
@@ -67,6 +67,42 @@ function update() {
   });
 }
 
+/**
+ * Creates a throttled version of a function that only invokes the original
+ * function at most once per every wait milliseconds.
+ *
+ * @param {Function} func The function to throttle.
+ * @param {number} wait The number of milliseconds to throttle invocations to.
+ * @return {Function} A throttled version of the function.
+ */
+function throttle(func, wait) {
+  let isThrottling = false;
+  let lastArgs;
+  let lastThis;
+
+  const invokeFunc = () => {
+    isThrottling = true;
+    setTimeout(() => {
+      isThrottling = false;
+      if (lastArgs) {
+        invokeFunc.apply(lastThis, lastArgs);
+        lastArgs = lastThis = null;
+      }
+    }, wait);
+
+    func.apply(lastThis, lastArgs);
+  };
+
+  return function() {
+    if (!isThrottling) {
+      invokeFunc.apply(this, arguments);
+    } else {
+      lastArgs = arguments;
+      lastThis = this;
+    }
+  };
+}
+
 function drawChart(params) {
   const rq = $("#plotDiv").rplot("draw_chart", params, session => {
     updateNoticePanel(2, session);
@@ -81,3 +117,6 @@ function drawChart(params) {
     // Logging or user notification
   });
 }
+
+// Create a throttled version of update that can only be called once every 1000 milliseconds (1 second)
+const throttledUpdate = throttle(update, 1000);

From ce701c10969925cc5acf918a838ff5dc1b559a6e Mon Sep 17 00:00:00 2001
From: Stef van Buuren <stef.vanbuuren@tno.nl>
Date: Wed, 20 Mar 2024 16:32:11 +0100
Subject: [PATCH 2/7] Set radio button throttle to 5 seconds

---
 inst/www/js/update.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/inst/www/js/update.js b/inst/www/js/update.js
index 9394da4..e9c2ea1 100644
--- a/inst/www/js/update.js
+++ b/inst/www/js/update.js
@@ -118,5 +118,5 @@ function drawChart(params) {
   });
 }
 
-// Create a throttled version of update that can only be called once every 1000 milliseconds (1 second)
-const throttledUpdate = throttle(update, 1000);
+// Create a throttled version of update that can only be called once every 5000 milliseconds (5 seconds)
+const throttledUpdate = throttle(update, 5000);

From 10cfa4008c635157ab59580dba244f8d585844c3 Mon Sep 17 00:00:00 2001
From: Stef van Buuren <stef.vanbuuren@tno.nl>
Date: Wed, 20 Mar 2024 17:44:11 +0100
Subject: [PATCH 3/7] Apply throttle to sliders and checkbox, transfer event
 listeners from HTML to JS

---
 inst/www/index.html   | 20 ++++++++---------
 inst/www/js/start.js  | 52 +++++++++++++++++++++++++++++++++++++------
 inst/www/js/update.js |  4 ++--
 3 files changed, 57 insertions(+), 19 deletions(-)

diff --git a/inst/www/index.html b/inst/www/index.html
index 269122c..c48ac66 100644
--- a/inst/www/index.html
+++ b/inst/www/index.html
@@ -47,7 +47,7 @@
           <div class="card" id = "groeicard">
             <div class="card-header">
               <a class="card-link" data-toggle="collapse" href="#collapseOne" id = "groei">
-                <strong onclick="toggleDisplay('plotDiv', 'textDiv')">Groei</strong>
+                <strong>Groei</strong>
               </a>
             </div>
             <div id="collapseOne" class="collapse show" data-parent="#accordion">
@@ -108,7 +108,7 @@
                 <p id="chartcode"></p>
                 <br>
 
-                <input type="checkbox" id="interpolation" checked='true' onchange="update()">
+                <input type="checkbox" id="interpolation" checked='true'>
                 Curve interpolation<br>
               </div>
             </div>
@@ -118,7 +118,7 @@
           <div class="card" id = "ontwikkelingcard">
             <div class="card-header">
               <a class="card-link" data-toggle="collapse" href="#collapseTwo" id = "ontwikkeling">
-                <strong onclick="toggleDisplay('plotDiv', 'textDiv')">Ontwikkeling</strong>
+                <strong>Ontwikkeling</strong>
               </a>
             </div>
             <div id="collapseTwo" class="collapse" data-parent="#accordion">
@@ -148,7 +148,7 @@
                 <p id="chartcode_dsc"></p>
                 <br>
 
-                <input type="checkbox" id="interpolation_dsc" checked='true' onchange="update()">
+                <input type="checkbox" id="interpolation_dsc" checked='true'>
                 Curve interpolation<br>
 
               </div>
@@ -158,7 +158,7 @@
           <div class="card">
             <div class="card-header">
               <a class="collapsed card-link" data-toggle="collapse" href="#collapseThree" id = "voorspeller">
-              <strong onclick="toggleDisplay('plotDiv','textDiv')">Voorspeller</strong>
+              <strong>Voorspeller</strong>
             </a>
             </div>
             <div id="collapseThree" class="collapse" data-parent="#accordion">
@@ -190,7 +190,7 @@
                 <div class="form-group">
                   <div class="checkbox">
                     <label>
-                      <input id="exact_sex" type="checkbox" checked="checked" onchange="update()"/>
+                      <input id="exact_sex" type="checkbox" checked="checked"/>
                       <span>Zelfde geslacht</span>
                     </label>
                   </div>
@@ -199,7 +199,7 @@
                 <div class="form-group" style="display:none;">
                   <div class="checkbox">
                     <label>
-                      <input id="exact_ga" type="checkbox" onchange="update()"/>
+                      <input id="exact_ga" type="checkbox">
                       <span>Zelfde zwangerschapsduur</span>
                     </label>
                   </div>
@@ -208,7 +208,7 @@
                 <div class="form-group">
                   <div class="checkbox">
                     <label>
-                      <input id="show_future" type="checkbox" onchange="update()"/>
+                      <input id="show_future" type="checkbox"/>
                       <span>Kijk in toekomst</span>
                     </label>
                   </div>
@@ -217,7 +217,7 @@
                 <div class="form-group">
                   <div class="checkbox">
                     <label>
-                      <input id="show_realized" type="checkbox" onchange="update()"/>
+                      <input id="show_realized" type="checkbox"/>
                       <span>Gerealiseerde groei</span>
                     </label>
                   </div>
@@ -231,7 +231,7 @@
           <div class="card">
             <div class="card-header">
               <a class="card-link" data-toggle="collapse" href="#collapseFour" id = "meldingen">
-                <strong onclick="toggleDisplay('textDiv', 'plotDiv')">Meldingen</strong>
+                <strong>Meldingen</strong>
               </a>
             </div>
             <div id="collapseFour" class="collapse" data-parent="#accordion">
diff --git a/inst/www/js/start.js b/inst/www/js/start.js
index 65bb87a..dd8d9ed 100644
--- a/inst/www/js/start.js
+++ b/inst/www/js/start.js
@@ -39,7 +39,7 @@ $("#weekslider").ionRangeSlider({
   from: 36,
   step: 1,
   onFinish: function (data) {
-            update();
+            throttledUpdate();
   }
 });
 $("#matchslider").ionRangeSlider({
@@ -49,7 +49,7 @@ $("#matchslider").ionRangeSlider({
   from: 0,
   values: sliderValues[["matches"]],
   onFinish: function (data) {
-            update();
+            throttledUpdate();
   }
 });
 $("#visitslider").ionRangeSlider({
@@ -60,7 +60,7 @@ $("#visitslider").ionRangeSlider({
   drag_interval: true,
   values: sliderValues[[sliderList]],
   onFinish: function (data) {
-            update();
+            throttledUpdate();
   }
 });
 $("#weekslider_dsc").ionRangeSlider({
@@ -72,7 +72,7 @@ $("#weekslider_dsc").ionRangeSlider({
   from: 36,
   step: 1,
   onFinish: function (data) {
-            update();
+            throttledUpdate();
   }
 });
 
@@ -93,12 +93,25 @@ $('#ontwikkeling').click(function (){
     });
 
 // Listeners for UI controls
-const addChangeListener = (elementId) => {
+const addChangeListenerUpdate = (elementId) => {
   document.getElementById(elementId).addEventListener('change', update, false);
 };
+const addChangeListenerThrottledUpdate = (elementId) => {
+  document.getElementById(elementId).addEventListener('change', throttledUpdate, false);
+};
+
+// Event attachment for menus
+addChangeListenerUpdate('chartgrp');
+addChangeListenerUpdate('chartgrp_dsc');
 
-addChangeListener('chartgrp');
-addChangeListener('chartgrp_dsc');
+// Event attachment for check boxes
+addChangeListenerThrottledUpdateUpdate('interpolation');
+addChangeListenerThrottledUpdateUpdate('interpolation_dsc');
+addChangeListenerThrottledUpdateUpdate('exact_sex');
+addChangeListenerThrottledUpdateUpdate('exact_ga');
+addChangeListenerThrottledUpdateUpdate('show_future');
+addChangeListenerThrottledUpdateUpdate('show_realized');
+addChangeListenerThrottledUpdateUpdate('exact_ga');
 
 // Event attachment for radio buttons
 ["agegrp", "msr", "etnicity", "sex", "agegrp_dsc"].forEach(formName => {
@@ -108,6 +121,31 @@ addChangeListener('chartgrp_dsc');
   }
 });
 
+document.addEventListener('DOMContentLoaded', function() {
+  var link = document.getElementById('groei');
+  link.addEventListener('click', function(event) {
+    toggleDisplay('plotDiv', 'textDiv');
+  });
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var link = document.getElementById('ontwikkeling');
+  link.addEventListener('click', function(event) {
+    toggleDisplay('plotDiv', 'textDiv');
+  });
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var link = document.getElementById('voorspeller');
+  link.addEventListener('click', function(event) {
+    toggleDisplay('plotDiv', 'textDiv');
+  });
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var link = document.getElementById('meldingen');
+  link.addEventListener('click', function(event) {
+    toggleDisplay('textDiv', 'plotDiv');
+  });
+});
+
 // Selector logic
 let selector = userChartcode ? "chartcode" : (userText || userSession) ? "data" : "derive";
 
diff --git a/inst/www/js/update.js b/inst/www/js/update.js
index e9c2ea1..40f09e6 100644
--- a/inst/www/js/update.js
+++ b/inst/www/js/update.js
@@ -118,5 +118,5 @@ function drawChart(params) {
   });
 }
 
-// Create a throttled version of update that can only be called once every 5000 milliseconds (5 seconds)
-const throttledUpdate = throttle(update, 5000);
+// Set throttleUpdate to 3 seconds
+const throttledUpdate = throttle(update, 3000);

From 7576055fccdc1a7b7e8d5d39e1842207b32aecb0 Mon Sep 17 00:00:00 2001
From: Stef van Buuren <stef.vanbuuren@tno.nl>
Date: Wed, 20 Mar 2024 17:48:05 +0100
Subject: [PATCH 4/7] Repair syntax error

---
 inst/www/js/start.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/inst/www/js/start.js b/inst/www/js/start.js
index dd8d9ed..7c5c7fb 100644
--- a/inst/www/js/start.js
+++ b/inst/www/js/start.js
@@ -105,13 +105,13 @@ addChangeListenerUpdate('chartgrp');
 addChangeListenerUpdate('chartgrp_dsc');
 
 // Event attachment for check boxes
-addChangeListenerThrottledUpdateUpdate('interpolation');
-addChangeListenerThrottledUpdateUpdate('interpolation_dsc');
-addChangeListenerThrottledUpdateUpdate('exact_sex');
-addChangeListenerThrottledUpdateUpdate('exact_ga');
-addChangeListenerThrottledUpdateUpdate('show_future');
-addChangeListenerThrottledUpdateUpdate('show_realized');
-addChangeListenerThrottledUpdateUpdate('exact_ga');
+addChangeListenerThrottledUpdate('interpolation');
+addChangeListenerThrottledUpdate('interpolation_dsc');
+addChangeListenerThrottledUpdate('exact_sex');
+addChangeListenerThrottledUpdate('exact_ga');
+addChangeListenerThrottledUpdate('show_future');
+addChangeListenerThrottledUpdate('show_realized');
+addChangeListenerThrottledUpdate('exact_ga');
 
 // Event attachment for radio buttons
 ["agegrp", "msr", "etnicity", "sex", "agegrp_dsc"].forEach(formName => {

From e3047904b04cea7350e308f3c1dbbc5378a367d4 Mon Sep 17 00:00:00 2001
From: Stef van Buuren <stef.vanbuuren@tno.nl>
Date: Wed, 20 Mar 2024 21:10:02 +0100
Subject: [PATCH 5/7] Compact addEventListeners for accordion

---
 inst/www/js/start.js | 83 ++++++++++++++++++++++----------------------
 1 file changed, 42 insertions(+), 41 deletions(-)

diff --git a/inst/www/js/start.js b/inst/www/js/start.js
index 7c5c7fb..b72c0fd 100644
--- a/inst/www/js/start.js
+++ b/inst/www/js/start.js
@@ -76,23 +76,7 @@ $("#weekslider_dsc").ionRangeSlider({
   }
 });
 
-// set active accordion page
-let active = "groei";
-$('#groei').click(function (){
-        if (active != "groei"){
-          active = "groei";
-          update();
-        }
-    });
-
-$('#ontwikkeling').click(function (){
-        if (active != "ontwikkeling"){
-          active = "ontwikkeling";
-          update();
-        }
-    });
-
-// Listeners for UI controls
+// Event attachment for UI controls
 const addChangeListenerUpdate = (elementId) => {
   document.getElementById(elementId).addEventListener('change', update, false);
 };
@@ -100,11 +84,11 @@ const addChangeListenerThrottledUpdate = (elementId) => {
   document.getElementById(elementId).addEventListener('change', throttledUpdate, false);
 };
 
-// Event attachment for menus
+// Event attachment for UI controls: menus
 addChangeListenerUpdate('chartgrp');
 addChangeListenerUpdate('chartgrp_dsc');
 
-// Event attachment for check boxes
+// Event attachment for UI controls: check boxes
 addChangeListenerThrottledUpdate('interpolation');
 addChangeListenerThrottledUpdate('interpolation_dsc');
 addChangeListenerThrottledUpdate('exact_sex');
@@ -113,7 +97,7 @@ addChangeListenerThrottledUpdate('show_future');
 addChangeListenerThrottledUpdate('show_realized');
 addChangeListenerThrottledUpdate('exact_ga');
 
-// Event attachment for radio buttons
+// Event attachment for UI controls: radio buttons
 ["agegrp", "msr", "etnicity", "sex", "agegrp_dsc"].forEach(formName => {
   const radios = document.forms[formName].elements[formName];
   for (let radio of radios) {
@@ -121,31 +105,48 @@ addChangeListenerThrottledUpdate('exact_ga');
   }
 });
 
+// Event attachment for UI controls: accordion
 document.addEventListener('DOMContentLoaded', function() {
-  var link = document.getElementById('groei');
-  link.addEventListener('click', function(event) {
-    toggleDisplay('plotDiv', 'textDiv');
-  });
-});
-document.addEventListener('DOMContentLoaded', function() {
-  var link = document.getElementById('ontwikkeling');
-  link.addEventListener('click', function(event) {
-    toggleDisplay('plotDiv', 'textDiv');
-  });
-});
-document.addEventListener('DOMContentLoaded', function() {
-  var link = document.getElementById('voorspeller');
-  link.addEventListener('click', function(event) {
-    toggleDisplay('plotDiv', 'textDiv');
-  });
-});
-document.addEventListener('DOMContentLoaded', function() {
-  var link = document.getElementById('meldingen');
-  link.addEventListener('click', function(event) {
-    toggleDisplay('textDiv', 'plotDiv');
+  // Create a mapping of element IDs to the function arguments they correspond to.
+  // This assumes toggleDisplay accepts two arguments for divs to show/hide.
+  const linksToToggle = {
+    'groei': ['plotDiv', 'textDiv'],
+    'ontwikkeling': ['plotDiv', 'textDiv'],
+    'voorspeller': ['plotDiv', 'textDiv'],
+    'meldingen': ['textDiv', 'plotDiv']
+  };
+
+  // Iterate over the entries in the mapping object.
+  Object.entries(linksToToggle).forEach(([id, divs]) => {
+    const link = document.getElementById(id);
+    if (link) { // Check if the element exists to avoid null reference errors
+      link.addEventListener('click', function(event) {
+        // Prevent the default action if it's a link or a button inside a form
+        event.preventDefault();
+
+        // Call toggleDisplay with the div IDs specific to this link
+        toggleDisplay(...divs);
+      });
+    }
   });
 });
 
+// Set active accordion page
+let active = "groei";
+$('#groei').click(function (){
+        if (active != "groei"){
+          active = "groei";
+          update();
+        }
+    });
+
+$('#ontwikkeling').click(function (){
+        if (active != "ontwikkeling"){
+          active = "ontwikkeling";
+          update();
+        }
+    });
+
 // Selector logic
 let selector = userChartcode ? "chartcode" : (userText || userSession) ? "data" : "derive";
 

From bb78857041ccbbf79c76cfb30cf772b21dc2fd22 Mon Sep 17 00:00:00 2001
From: Stef van Buuren <stef.vanbuuren@tno.nl>
Date: Wed, 20 Mar 2024 21:20:15 +0100
Subject: [PATCH 6/7] Automate slider event attachment

---
 inst/www/js/start.js | 83 ++++++++++++++++----------------------------
 1 file changed, 29 insertions(+), 54 deletions(-)

diff --git a/inst/www/js/start.js b/inst/www/js/start.js
index b72c0fd..d7d838f 100644
--- a/inst/www/js/start.js
+++ b/inst/www/js/start.js
@@ -16,66 +16,13 @@ const userChartcode = urlParams.get('chartcode') || '';
 ocpu.seturl(isSingleUser ? "../R" : `//${hostname}${basePath}/ocpu/library/james/R`);
 
 // Slider values configuration
-const sliderValues = {
-  "0_2": ["0w", "4w", "8w", "3m", "4m", "6m", "7.5m", "9m", "11m", "14m", "18m", "24m"],
-  "0_4": ["0w", "4w", "8w", "3m", "4m", "6m", "7.5m", "9m", "11m", "14m", "18m", "24m", "36m", "45m"],
-  "0_19": ["0w", "3m", "6m", "12m", "24m", "5y", "9y", "10y", "11y", "14y", "19y"],
-  "0_29": ["0w", "3m", "6m", "14m", "24m", "48m", "10y", "18y"],
-  "matches": ["0", "1", "2", "5", "10", "25", "50", "100"]
-};
+
 
 // Defaults
 let sliderList = "0_2";
 let chartcode = "NJAH";
 $("#donordata").val("0-2");
 
-// Fire up sliders
-$("#weekslider").ionRangeSlider({
-  type: "single",
-  skin: "round",
-  grid_snap: true,
-  min: 25,
-  max: 36,
-  from: 36,
-  step: 1,
-  onFinish: function (data) {
-            throttledUpdate();
-  }
-});
-$("#matchslider").ionRangeSlider({
-  type: "single",
-  skin: "round",
-  grid_snap: true,
-  from: 0,
-  values: sliderValues[["matches"]],
-  onFinish: function (data) {
-            throttledUpdate();
-  }
-});
-$("#visitslider").ionRangeSlider({
-  type: "double",
-  skin: "round",
-  grid_snap: true,
-  min_interval: 0,
-  drag_interval: true,
-  values: sliderValues[[sliderList]],
-  onFinish: function (data) {
-            throttledUpdate();
-  }
-});
-$("#weekslider_dsc").ionRangeSlider({
-  type: "single",
-  skin: "round",
-  grid_snap: true,
-  min: 25,
-  max: 36,
-  from: 36,
-  step: 1,
-  onFinish: function (data) {
-            throttledUpdate();
-  }
-});
-
 // Event attachment for UI controls
 const addChangeListenerUpdate = (elementId) => {
   document.getElementById(elementId).addEventListener('change', update, false);
@@ -131,6 +78,34 @@ document.addEventListener('DOMContentLoaded', function() {
   });
 });
 
+// Event attachment for UI controls: sliders
+function initializeSlider(selector, options) {
+  const commonOptions = {
+    type: "single",
+    skin: "round",
+    grid_snap: true,
+    onFinish: throttledUpdate
+  };
+
+  // Merge common options with specific options provided for each slider
+  $(selector).ionRangeSlider($.extend({}, commonOptions, options));
+}
+
+// Slider values, assuming sliderValues and sliderList are defined elsewhere
+const sliderValues = {
+  "0_2": ["0w", "4w", "8w", "3m", "4m", "6m", "7.5m", "9m", "11m", "14m", "18m", "24m"],
+  "0_4": ["0w", "4w", "8w", "3m", "4m", "6m", "7.5m", "9m", "11m", "14m", "18m", "24m", "36m", "45m"],
+  "0_19": ["0w", "3m", "6m", "12m", "24m", "5y", "9y", "10y", "11y", "14y", "19y"],
+  "0_29": ["0w", "3m", "6m", "14m", "24m", "48m", "10y", "18y"],
+  "matches": ["0", "1", "2", "5", "10", "25", "50", "100"]
+};
+
+// Initialize the sliders with both common and specific options
+initializeSlider("#weekslider", { min: 25, max: 36, from: 36, step: 1 });
+initializeSlider("#matchslider", { from: 0, values: sliderValues["matches"] });
+initializeSlider("#visitslider", { type: "double", min_interval: 0, drag_interval: true, values: sliderValues[sliderList] });
+initializeSlider("#weekslider_dsc", { min: 25, max: 36, from: 36, step: 1 });
+
 // Set active accordion page
 let active = "groei";
 $('#groei').click(function (){

From 5eb8a52f461e23df4fc92c2d70b9861870215247 Mon Sep 17 00:00:00 2001
From: Stef van Buuren <stef.vanbuuren@tno.nl>
Date: Wed, 20 Mar 2024 21:32:13 +0100
Subject: [PATCH 7/7] Update author and copyright notes

---
 inst/www/js/handleUIVisibility.js    |  6 ++++++
 inst/www/js/opencpu-0.5-james-0.1.js |  2 +-
 inst/www/js/start.js                 | 11 ++++++-----
 inst/www/js/update.js                |  6 ++++--
 4 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/inst/www/js/handleUIVisibility.js b/inst/www/js/handleUIVisibility.js
index 14fb856..01af89b 100644
--- a/inst/www/js/handleUIVisibility.js
+++ b/inst/www/js/handleUIVisibility.js
@@ -1,3 +1,9 @@
+// handleUIvisibility.js
+// Author: Stef van Buuren
+// (c) 2024 Netherlands Organisation for Applied Scientific Research TNO, Leiden
+// Part of the JAMES package
+// Licence: AGPL
+
 function handleUIVisibility(chartgrp, agegrp, population) {
   if (chartgrp == 'nl2010') {
     sr('agegrp_1-21y', 'block');
diff --git a/inst/www/js/opencpu-0.5-james-0.1.js b/inst/www/js/opencpu-0.5-james-0.1.js
index 56dff21..5ccf7d2 100644
--- a/inst/www/js/opencpu-0.5-james-0.1.js
+++ b/inst/www/js/opencpu-0.5-james-0.1.js
@@ -2,7 +2,7 @@
  * File: opencpu-0.5-james-x.y.js
  * Javascript client library for OpenCPU
  * Version 0.5.0
- * -- Adapted for JAMES by Stef van Buuren --- May 2019
+ * -- Adapted for JAMES by Stef van Buuren
  * Depends: jQuery
  * Requires HTML5 FormData support for file uploads
  * http://github.com/jeroenooms/opencpu.js
diff --git a/inst/www/js/start.js b/inst/www/js/start.js
index d7d838f..704ec1f 100644
--- a/inst/www/js/start.js
+++ b/inst/www/js/start.js
@@ -1,4 +1,8 @@
 // start.js
+// Author: Stef van Buuren
+// (c) 2024 Netherlands Organisation for Applied Scientific Research TNO, Leiden
+// Part of the JAMES package
+// Licence: AGPL
 
 // Constants for OpenCPU server configuration based on environment
 const isSingleUser = false;
@@ -15,11 +19,7 @@ const userChartcode = urlParams.get('chartcode') || '';
 // Set the OpenCPU server URL
 ocpu.seturl(isSingleUser ? "../R" : `//${hostname}${basePath}/ocpu/library/james/R`);
 
-// Slider values configuration
-
-
 // Defaults
-let sliderList = "0_2";
 let chartcode = "NJAH";
 $("#donordata").val("0-2");
 
@@ -91,7 +91,7 @@ function initializeSlider(selector, options) {
   $(selector).ionRangeSlider($.extend({}, commonOptions, options));
 }
 
-// Slider values, assuming sliderValues and sliderList are defined elsewhere
+// Slider values
 const sliderValues = {
   "0_2": ["0w", "4w", "8w", "3m", "4m", "6m", "7.5m", "9m", "11m", "14m", "18m", "24m"],
   "0_4": ["0w", "4w", "8w", "3m", "4m", "6m", "7.5m", "9m", "11m", "14m", "18m", "24m", "36m", "45m"],
@@ -99,6 +99,7 @@ const sliderValues = {
   "0_29": ["0w", "3m", "6m", "14m", "24m", "48m", "10y", "18y"],
   "matches": ["0", "1", "2", "5", "10", "25", "50", "100"]
 };
+let sliderList = "0_2";
 
 // Initialize the sliders with both common and specific options
 initializeSlider("#weekslider", { min: 25, max: 36, from: 36, step: 1 });
diff --git a/inst/www/js/update.js b/inst/www/js/update.js
index 40f09e6..2bf63de 100644
--- a/inst/www/js/update.js
+++ b/inst/www/js/update.js
@@ -1,6 +1,8 @@
 // update.js
-// Author: Stef van Buuren, 2019-2023
-// Netherlands Organisation for Applied Scientific Research TNO, Leiden
+// Author: Stef van Buuren
+// (c) 2024 Netherlands Organisation for Applied Scientific Research TNO, Leiden
+// Part of the JAMES package
+// Licence: AGPL
 
 function update() {
   // Use let for variables that may change within the function