hackclub · crookeDog · Jun 15, 2025 · Jun 15, 2025
diff --git a/submissions/betterPugliaSalute/_locales/en/messages.json b/submissions/betterPugliaSalute/_locales/en/messages.json
@@ -0,0 +1,38 @@
+{
+    "tab_rd": {
+        "message": "RD"
+    },
+    "future_feature_tab": {
+        "message": "Coming Soon"
+    },
+    "rd_title": {
+        "message": "Dematerialized Prescription"
+    },
+    "open": {
+        "message": "Open"
+    },
+    "rd_description": {
+        "message": "Automatically fill in the site fields to save time"
+    },
+    "cf_label": {
+        "message": "Tax Code"
+    },
+    "cfid_label": {
+        "message": "Health Card ID"
+    },
+    "phone_label": {
+        "message": "Phone Number"
+    },
+    "email_label": {
+        "message": "Email"
+    },
+    "save_button": {
+        "message": "Save"
+    },
+    "coming_soon_title": {
+        "message": "Coming Soon"
+    },
+    "coming_soon_text": {
+        "message": "Future feature under development."
+    }
+}
diff --git a/submissions/betterPugliaSalute/_locales/it/messages.json b/submissions/betterPugliaSalute/_locales/it/messages.json
@@ -0,0 +1,38 @@
+{
+    "tab_rd": {
+        "message": "RD"
+    },
+    "future_feature_tab": {
+        "message": "Prossimamente"
+    },
+    "rd_title": {
+        "message": "Ricetta Dematerializzata"
+    },
+    "open": {
+        "message": "Apri"
+    },
+    "rd_description": {
+        "message": "Riempi automaticamente i campi del sito per risparmiare tempo"
+    },
+    "cf_label": {
+        "message": "Codice Fiscale"
+    },
+    "cfid_label": {
+        "message": "ID Tessera Sanitaria"
+    },
+    "phone_label": {
+        "message": "Numero di Telefono"
+    },
+    "email_label": {
+        "message": "Email"
+    },
+    "save_button": {
+        "message": "Salva"
+    },
+    "coming_soon_title": {
+        "message": "In arrivo"
+    },
+    "coming_soon_text": {
+        "message": "Funzionalità futura in fase di sviluppo."
+    }
+}
diff --git a/submissions/betterPugliaSalute/assets/pugliasalute-128.png b/submissions/betterPugliaSalute/assets/pugliasalute-128.png
diff --git a/submissions/betterPugliaSalute/assets/pugliasalute-16.png b/submissions/betterPugliaSalute/assets/pugliasalute-16.png
diff --git a/submissions/betterPugliaSalute/assets/pugliasalute-48.png b/submissions/betterPugliaSalute/assets/pugliasalute-48.png
diff --git a/submissions/betterPugliaSalute/manifest.json b/submissions/betterPugliaSalute/manifest.json
@@ -0,0 +1,38 @@
+{
+  "manifest_version": 3,
+  "name": "betterPugliaSalute",
+  "version": "0.1.0",
+  "description": "An extension that enhances the Apulian Sanity website.",
+  "permissions": [
+    "activeTab",
+    "storage"
+  ],
+  "default_locale": "it",
+  "host_permissions": [
+    "https://www.sanita.puglia.it/*"
+  ],
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": "assets/pugliasalute-128.png"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://www.sanita.puglia.it/*"
+      ],
+      "js": [
+        "scripts/content.js"
+      ]
+    }
+  ],
+  "icons": {
+    "16": "assets/pugliasalute-16.png",
+    "48": "assets/pugliasalute-48.png",
+    "128": "assets/pugliasalute-128.png"
+  },
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "betterpugliasalute@crookedog.it"
+    }
+  }
+}
diff --git a/submissions/betterPugliaSalute/popup.html b/submissions/betterPugliaSalute/popup.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="it">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Puglia Salute</title>
+    <link rel="stylesheet" href="style.css" />
+    <script defer src="scripts/browser-polyfill.min.js"></script>
+    <script defer src="scripts/popup.js"></script>
+</head>
+
+<body>
+    <div class="tabs">
+        <button data-tab="rd" data-i18n="tab_rd" class="active"></button>
+        <button data-tab="future" data-i18n="future_feature_tab"></button>
+    </div>
+
+    <div class="tab-content active" id="rd">
+        <div class="title">
+            <h3 data-i18n="rd_title"></h3>
+            <button data-i18n="open" id="open-rd"></button>
+        </div>
+        <p data-i18n="rd_description"></p>
+        <form id="rd-form">
+            <div class="value">
+                <label data-i18n="cf_label"></label>
+                <input type="text" name="cf" />
+            </div>
+            <div class="value">
+                <label data-i18n="cfid_label"></label>
+                <input type="text" name="cfid" />
+            </div>
+            <div class="value">
+                <label data-i18n="phone_label"></label>
+                <input type="text" name="phone" />
+            </div>
+            <div class="value">
+                <label data-i18n="email_label"></label>
+                <input type="email" name="email" />
+            </div>
+            <button type="submit" data-i18n="save_button"></button>
+        </form>
+    </div>
+
+    <div class="tab-content" id="future">
+        <h3 data-i18n="coming_soon_title"></h3>
+        <p data-i18n="coming_soon_text"></p>
+    </div>
+
+</body>
+
+</html>
diff --git a/submissions/betterPugliaSalute/scripts/browser-polyfill.min.js b/submissions/betterPugliaSalute/scripts/browser-polyfill.min.js
diff --git a/submissions/betterPugliaSalute/scripts/content.js b/submissions/betterPugliaSalute/scripts/content.js
@@ -0,0 +1,68 @@
+if (typeof browser === 'undefined') {
+    window.browser = chrome;
+}
+const STORAGE_KEY = 'rdFormData';
+
+// This function is from https://stackoverflow.com/questions/5525071/how-to-wait-until-an-element-exists but I modified it
+const awaitElement = (selector) =>
+    new Promise((resolve) => {
+        const interval = setInterval(() => {
+            const element = document.querySelector(selector);
+            if (element) {
+                clearInterval(interval);
+                resolve(element);
+            }
+        }, 100);
+        setTimeout(() => {
+            clearInterval(interval);
+            resolve(null);
+        }, 10000);
+    });
+
+// I hate Angular
+function fillAndTrigger(element, value) {
+    if (element && value) {
+        element.value = value;
+        element.dispatchEvent(new Event('input', { bubbles: true }));
+        element.dispatchEvent(new Event('change', { bubbles: true }));
+    }
+}
+
+async function autofillForm() {
+    const result = await browser.storage.local.get(STORAGE_KEY);
+    const data = result[STORAGE_KEY];
+
+    if (!data || !data.cf || !data.cfid) {
+        return;
+    }
+
+    const accessButton = await awaitElement('a.buttonaccesso_disattivo');
+    if (accessButton) {
+        accessButton.click();
+    }
+
+    const cfInput = await awaitElement('[name="codiceFiscale"]');
+    const cfidInput = await awaitElement('[name="numeroTessera"]');
+
+    if (cfInput && cfidInput) {
+        fillAndTrigger(cfInput, data.cf);
+        fillAndTrigger(cfidInput, data.cfid);
+
+        const firstSubmitButton = cfInput.closest('form').querySelector('button.button');
+        if (firstSubmitButton) {
+            firstSubmitButton.click();
+        }
+    }
+
+    const phoneInput = await awaitElement('[name="recapitoTelefonico"]');
+    const emailInput = await awaitElement('[name="email"]');
+
+    fillAndTrigger(phoneInput, data.phone);
+    fillAndTrigger(emailInput, data.email);
+}
+
+// TODO: add more features
+// and then move this to a separate file
+if (window.location.hash.startsWith('#/RicercaPrenotazioneDematerializzata')) {
+    autofillForm();
+}
diff --git a/submissions/betterPugliaSalute/scripts/popup.js b/submissions/betterPugliaSalute/scripts/popup.js
@@ -0,0 +1,58 @@
+const STORAGE_KEY = 'rdFormData';
+
+document.querySelectorAll('.tabs button').forEach(button => {
+    button.addEventListener('click', () => {
+        document.querySelectorAll('.tabs button').forEach(btn => btn.classList.remove('active'));
+        document.querySelectorAll('.tab-content').forEach(tab => tab.classList.remove('active'));
+        button.classList.add('active');
+        document.querySelector(`#${button.dataset.tab}`).classList.add('active');
+    });
+});
+
+document.querySelector('#open-rd').addEventListener('click', () => {
+    window.browser.tabs.create({
+        url: 'https://www.sanita.puglia.it/servizialcittadino/#/RicercaPrenotazioneDematerializzata?azienda=regionale'
+    });
+});
+
+document.querySelectorAll('[data-i18n]').forEach(el => {
+    const msg = window.browser.i18n.getMessage(el.dataset.i18n);
+    if (msg) el.textContent = msg;
+});
+
+function formDataToObject(formData) {
+    const data = {};
+    for (const [key, value] of formData.entries()) {
+        data[key] = value;
+    }
+    return data;
+}
+
+document.getElementById('rd-form').addEventListener('submit', async (event) => {
+    event.preventDefault();
+    const formData = new FormData(event.target);
+
+    try {
+        const data = formDataToObject(formData);
+        await browser.storage.local.set({ [STORAGE_KEY]: data });
+    } catch (e) {
+        console.error('Error saving form data:', e);
+    }
+});
+
+(async () => {
+    try {
+        const result = await browser.storage.local.get(STORAGE_KEY);
+        const data = result[STORAGE_KEY] || {};
+        const form = document.getElementById('rd-form');
+        if (!form) return;
+
+        for (const field of form.elements) {
+            if (field.name && data[field.name] !== undefined) {
+                field.value = data[field.name];
+            }
+        }
+    } catch (e) {
+        console.error('Error loading form data:', e);
+    }
+})();