initial public commit

2022-07-07 00:19:05 +03:00
commit 3d07f0211d
484 changed files with 92412 additions and 0 deletions
@@ -0,0 +1,64 @@
+<script>
+    import { tick } from "svelte";
+    import OverlayPanel from "@/components/base/OverlayPanel.svelte";
+    import { confirmation, resetConfirmation } from "@/stores/confirmation";
+
+    let confirmationPopup;
+    let isConfirmationBusy = false;
+
+    $: if ($confirmation?.text) {
+        confirmationPopup?.show();
+    }
+</script>
+
+<OverlayPanel
+    bind:this={confirmationPopup}
+    class="confirm-popup hide-content overlay-panel-sm"
+    overlayClose={!isConfirmationBusy}
+    escClose={!isConfirmationBusy}
+    btnClose={false}
+    popup
+    on:hide={async () => {
+        if ($confirmation?.noCallback) {
+            $confirmation.noCallback();
+        }
+        await tick();
+        resetConfirmation();
+    }}
+>
+    <h4 class="block center txt-break" slot="header">{$confirmation?.text}</h4>
+
+    <svelte:fragment slot="footer">
+        <!-- svelte-ignore a11y-autofocus -->
+        <button
+            autofocus
+            type="button"
+            class="btn btn-secondary btn-expanded-sm"
+            disabled={isConfirmationBusy}
+            on:click={() => {
+                if ($confirmation?.noCallback) {
+                    $confirmation.noCallback();
+                }
+                confirmationPopup?.hide();
+            }}
+        >
+            <span class="txt">No</span>
+        </button>
+        <button
+            type="button"
+            class="btn btn-danger btn-expanded"
+            class:btn-loading={isConfirmationBusy}
+            disabled={isConfirmationBusy}
+            on:click={async () => {
+                if ($confirmation?.yesCallback) {
+                    isConfirmationBusy = true;
+                    await Promise.resolve($confirmation.yesCallback());
+                    isConfirmationBusy = false;
+                }
+                confirmationPopup?.hide();
+            }}
+        >
+            <span class="txt">Yes</span>
+        </button>
+    </svelte:fragment>
+</OverlayPanel>