Add Single-Calc for player name. Refactor admin+single-calc dialogs.

static/dialogs.js

@@ -0,0 +1,100 @@
+const swalClasses = {
+    container: 'text-center',
+    confirmButton: 'btn btn-lg btn-primary',
+    cancelButton: 'btn btn-lg btn-secondary ms-3',
+    popup: 'border p-5',
+    title: 'fs-2',
+    inputLabel: 'fs-5',
+    htmlContainer: 'fs-5'
+};
+
+function showSingleCalcDialog(btn) {
+    Swal.fire({
+        title: 'Einzel-Abfrage',
+        input: 'text',
+        inputLabel: 'Welcher Spieler soll abgefragt werden?\nDie Abfrage kann ein paar Sekunden dauern.',
+        inputPlaceholder: 'Spieler-Name eingeben...',
+        confirmButtonText: 'Berechnen',
+        showCancelButton: true,
+        cancelButtonText: 'Abbrechen',
+        customClass: swalClasses,
+        buttonsStyling: false
+    }).then((result) => {
+        if (result.isConfirmed) {
+            htmx.ajax('POST', '/score/' + result.value, {target: '#' + btn.id, swap: 'none'})
+        }
+    });
+}
+
+function showSingleCalcResultDialog(xhr, reqPath) {
+    let icon;
+    switch (xhr.status) {
+        case 200:
+            icon = 'success';
+            break;
+        case 404:
+            icon = 'warning';
+            break;
+        default:
+            icon = 'error';
+    }
+
+    Swal.fire({
+        title: 'Abfrage für ' + reqPath.replace("/score/", ''),
+        text: "Score: " + xhr.response,
+        icon: icon,
+        customClass: swalClasses
+    });
+}
+
+function showAdminActionExecutedDialog(xhr, method) {
+    Swal.fire({
+        title: 'Action executed',
+        text: xhr.response,
+        icon: xhr.status === 200 ? 'success' : 'error'
+    }).then(() => {
+        if (method === "delete") {
+            location.reload();
+        }
+    });
+}
+
+function confirmAndTrigger(btn) {
+    Swal.fire({
+        title: btn.innerText,
+        text: 'Do you want to continue?',
+        confirmButtonText: 'Yes',
+        confirmButtonColor: '#dd6b55',
+        denyButtonColor: '#3085d6',
+        icon: 'warning',
+        showDenyButton: true,
+        customClass: swalClasses,
+        buttonsStyling: false
+    }).then((result) => {
+        if (result.isConfirmed) {
+            htmx.trigger(btn, 'confirmed');
+        }
+    });
+}
+
+function createCodeDialog(btn) {
+    Swal.fire({
+        title: btn.innerText,
+        input: 'select',
+        inputOptions: {
+            'READER': 'Reader',
+            'AUTHOR': 'Author',
+            'ADMIN': 'Admin'
+        },
+        inputPlaceholder: 'Select a role',
+        confirmButtonText: 'Generate',
+        showCancelButton: true,
+        customClass: swalClasses,
+        buttonsStyling: false
+    }).then((result) => {
+        if (result.isConfirmed) {
+            btn.setAttribute('hx-vals', '{"user_role": "' + result.value + '"}');
+            htmx.trigger(btn, 'confirmed');
+        }
+    });
+}

static/index.js

@@ -145,42 +145,6 @@ function deselectAllPlayers(playerListId) {
     checkCounter.innerText = 0;
 }
 
-function confirmAndTrigger(btn) {
-    Swal.fire({
-        title: btn.innerText,
-        text: 'Do you want to continue?',
-        confirmButtonText: 'Yes',
-        confirmButtonColor: '#dd6b55',
-        denyButtonColor: '#3085d6',
-        icon: 'warning',
-        showDenyButton: true
-    }).then((result) => {
-        if (result.isConfirmed) {
-            htmx.trigger(btn, 'confirmed');
-        }
-    });
-}
-
-function createCodeDialog(btn) {
-    Swal.fire({
-        title: btn.innerText,
-        input: 'select',
-        inputOptions: {
-            'READER': 'Reader',
-            'AUTHOR': 'Author',
-            'ADMIN': 'Admin'
-        },
-        inputPlaceholder: 'Select a role',
-        confirmButtonText: 'Generate',
-        showCancelButton: true
-    }).then((result) => {
-        if (result.isConfirmed) {
-            btn.setAttribute('hx-vals', '{"user_role": "' + result.value + '"}');
-            htmx.trigger(btn, 'confirmed');
-        }
-    });
-}
-
 function singleCalcSpinner(sender) {
     const spinner = '<i class="spinner-grow spinner-grow-sm text-info align-baseline me-2" style="margin-left: 0.91rem;" role="status"></i>';
     const score = sender.previousElementSibling.children[1];