From 214510bc3327030ad27d009362db5e6703ad9f20 Mon Sep 17 00:00:00 2001
From: Frank Knoll <Knoll_Frank@web.de>
Date: Sun, 14 Jul 2024 00:32:36 +0200
Subject: [PATCH] adding url params vaccine and symptom

---
 docs/SymptomsCausedByDrugs/index.html         | 22 +++------
 .../js/PageInitializer.js                     | 23 +++-------
 docs/SymptomsCausedByDrugs/js/Select2.js      | 45 +++++++++++++++++++
 .../test/index.test.html                      | 16 +++----
 4 files changed, 66 insertions(+), 40 deletions(-)
 create mode 100644 docs/SymptomsCausedByDrugs/js/Select2.js

diff --git a/docs/SymptomsCausedByDrugs/index.html b/docs/SymptomsCausedByDrugs/index.html
index 00f83d3f0f9..e9465e25ac2 100644
--- a/docs/SymptomsCausedByDrugs/index.html
+++ b/docs/SymptomsCausedByDrugs/index.html
@@ -35,21 +35,25 @@
   <script src="./js/PrrByKeyTableView.js"></script>
   <script src="./js/PrrByVaccineTableView.js"></script>
   <script src="./js/PrrBySymptomTableView.js"></script>
+  <script src="./js/Select2.js"></script>
   <script>
     document.addEventListener(
       "DOMContentLoaded",
       event => {
+        const urlSearchParams = new URLSearchParams(window.location.search);
         const name = 'Drug';
         PageInitializer.initializePage(
           {
             symptom: {
               symptomSelectElement: $('#symptomSelect'),
+              selectSymptom: UIUtils.getSearchParam(urlSearchParams, 'symptom', null),
               prrByVaccineTableElement: $('#prrByVaccineTable'),
               downloadPrrByVaccineTableButton: document.querySelector("#downloadPrrByVaccineTable"),
               keyColumnName: name
             },
             vaccine: {
               vaccineSelectElement: $('#vaccineSelect'),
+              selectVaccine: UIUtils.getSearchParam(urlSearchParams, 'vaccine', null),
               prrBySymptomTableElement: $('#prrBySymptomTable'),
               downloadPrrBySymptomTableButton: document.querySelector("#downloadPrrBySymptomTable"),
               valueName: name
@@ -14317,25 +14321,11 @@
         <a class="a2a_button_email"></a>
       </div>
       <script>
-        // adapted from https://www.addtoany.com/buttons/customize/events#modify-share
-        function my_addtoany_onshare(share_data) {
-          const hash_pi = '#3.1459';
-          const old_url = share_data.url;
-          let new_url = old_url;
-          if (old_url.indexOf(hash_pi, old_url.length - hash_pi.length) === -1) {
-            new_url = old_url + hash_pi;
-          }
-          if (new_url != old_url) {
-            return {
-              url: new_url,
-            };
-          }
-        }
-
         var a2a_config = a2a_config || {};
         a2a_config.callbacks = a2a_config.callbacks || [];
         a2a_config.callbacks.push({
-          share: my_addtoany_onshare,
+          // FK-TODO: use selected symptom and vaccine for url
+          share: _ => ({ url: window.location.href }),
         });
       </script>
       <script async src="https://static.addtoany.com/menu/page.js"></script>
diff --git a/docs/SymptomsCausedByDrugs/js/PageInitializer.js b/docs/SymptomsCausedByDrugs/js/PageInitializer.js
index 227533551db..63defaa2597 100644
--- a/docs/SymptomsCausedByDrugs/js/PageInitializer.js
+++ b/docs/SymptomsCausedByDrugs/js/PageInitializer.js
@@ -5,34 +5,25 @@ class PageInitializer {
         PageInitializer.#configureVaccine(vaccine);
     }
 
-    static #configureSymptom({ symptomSelectElement, prrByVaccineTableElement, downloadPrrByVaccineTableButton, keyColumnName }) {
+    static #configureSymptom({ symptomSelectElement, selectSymptom, prrByVaccineTableElement, downloadPrrByVaccineTableButton, keyColumnName }) {
         const prrByVaccineTableView = new PrrByVaccineTableView(prrByVaccineTableElement, downloadPrrByVaccineTableButton, keyColumnName);
-        PageInitializer.#initializeSelectElement(
+        Select2.initializeSelectElement(
             {
                 selectElement: symptomSelectElement,
+                textOfOption2Select: selectSymptom,
                 onValueSelected: (id, text) => prrByVaccineTableView.displayPrrByVaccineTable4Symptom(id, text),
                 minimumInputLength: 0
             });
     }
 
-    static #configureVaccine({ vaccineSelectElement, prrBySymptomTableElement, downloadPrrBySymptomTableButton, valueName }) {
+    static #configureVaccine({ vaccineSelectElement, selectVaccine, prrBySymptomTableElement, downloadPrrBySymptomTableButton, valueName }) {
         const prrBySymptomTableView = new PrrBySymptomTableView(prrBySymptomTableElement, downloadPrrBySymptomTableButton, valueName);
-        PageInitializer.#initializeSelectElement(
+        Select2.initializeSelectElement(
             {
                 selectElement: vaccineSelectElement,
-                onValueSelected: (id, text) => prrBySymptomTableView.displayPrrBySymptomTable4Vaccine(id ,text),
+                textOfOption2Select: selectVaccine,
+                onValueSelected: (id, text) => prrBySymptomTableView.displayPrrBySymptomTable4Vaccine(id, text),
                 minimumInputLength: 0
             });
     }
-
-    static #initializeSelectElement({ selectElement, onValueSelected, minimumInputLength }) {
-        selectElement.select2({ minimumInputLength: minimumInputLength });
-        selectElement.on(
-            'select2:select',
-            function (event) {
-                const id = event.params.data.id;
-                const text = event.params.data.text;
-                onValueSelected(id, text);
-            });
-    }
 }
diff --git a/docs/SymptomsCausedByDrugs/js/Select2.js b/docs/SymptomsCausedByDrugs/js/Select2.js
new file mode 100644
index 00000000000..953046bf6be
--- /dev/null
+++ b/docs/SymptomsCausedByDrugs/js/Select2.js
@@ -0,0 +1,45 @@
+class Select2 {
+
+    // FK-TODO: rename onValueSelected to onSelectOptionHavingValueAndText
+    static initializeSelectElement({ selectElement, textOfOption2Select, onValueSelected, minimumInputLength }) {
+        selectElement.select2({ minimumInputLength: minimumInputLength });
+        selectElement.on(
+            'select2:select',
+            function (event) {
+                const id = event.params.data.id;
+                const text = event.params.data.text;
+                onValueSelected(id, text);
+            });
+        Select2.#selectOptionHavingText(selectElement, textOfOption2Select);
+    }
+
+    static #selectOptionHavingText(selectElement, text) {
+        const option = Select2.#getOptionHavingText(selectElement, text);
+        if (option === undefined) {
+            return;
+        }
+        Select2.#selectOption(selectElement, option);
+    }
+
+    static #getOptionHavingText(selectElement, text) {
+        if (text === null) {
+            return undefined;
+        }
+        return Array
+            .from(selectElement[0].options)
+            .find(option => option.text == text);
+    }
+
+    static #selectOption(selectElement, option) {
+        selectElement.val(option.value).trigger('change');
+        selectElement.trigger({
+            type: 'select2:select',
+            params: {
+                data: {
+                    "id": option.value,
+                    "text": option.text
+                }
+            }
+        });
+    }
+}
diff --git a/docs/SymptomsCausedByVaccines/test/index.test.html b/docs/SymptomsCausedByVaccines/test/index.test.html
index 21af9568fec..6f77573b4eb 100644
--- a/docs/SymptomsCausedByVaccines/test/index.test.html
+++ b/docs/SymptomsCausedByVaccines/test/index.test.html
@@ -11,14 +11,14 @@
   <script src="../../Utils.js"></script>
   <script src="../../UIUtils.js"></script>
   <script src="../../NumberWithBarElementFactory.js"></script>
-  <script src="../js/PrrByKey2CsvConverter.js"></script>
-  <script src="../js/PageInitializer.js"></script>
-  <script src="../js/PrrByVaccineProvider.js"></script>
-  <script src="../js/PrrByKeyTable.js"></script>
-  <script src="../js/PrrByKeyTableView.js"></script>
-  <script src="../js/PrrByVaccineTableView.js"></script>
-  <script src="../js/PrrBySymptomTableView.js"></script>
-  <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.17.2.css">
+  <script src="../../SymptomsCausedByDrugs/js/PrrByKey2CsvConverter.js"></script>
+  <script src="../../SymptomsCausedByDrugs/js/PageInitializer.js"></script>
+  <script src="../../SymptomsCausedByDrugs/js/PrrByVaccineProvider.js"></script>
+  <script src="../../SymptomsCausedByDrugs/js/PrrByKeyTable.js"></script>
+  <script src="../../SymptomsCausedByDrugs/js/PrrByKeyTableView.js"></script>
+  <script src="../../SymptomsCausedByDrugs/js/PrrByVaccineTableView.js"></script>
+  <script src="../../SymptomsCausedByDrugs/js/PrrBySymptomTableView.js"></script>
+    <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.17.2.css">
   <script src="https://code.jquery.com/qunit/qunit-2.17.2.js"></script>
   <script type="text/javascript" src="./jshamcrest.js"></script>
   <script type="text/javascript" src="./jsmockito-1.0.4.js"></script>