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

2024-01-21 12:12:47 +01:00
parent 4ff139b217
commit 8edbbb4347
6 changed files with 132 additions and 47 deletions
--- a/static/dialogs.js
+++ b/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');
+        }
+    });
+}