SESP/sgse-app
2
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Revert "Feat many fixes"

Browse Source
This commit is contained in:
Kilder Costa
2025-11-11 16:41:40 -03:00
committed by GitHub
parent 1c197a7534
commit caff7035f7
51 changed files with 20765 additions and 22636 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
apps/web/src/lib/components/ErrorModal.svelte
View File

@@ -1,73 +1,82 @@
<script lang="ts">
import { AlertCircle, X } from 'lucide-svelte';
import { AlertCircle, X } from "lucide-svelte";
interface Props {
open: boolean;
title?: string;
message: string;
details?: string;
onClose: () => void;
}
interface Props {
open: boolean;
title?: string;
message: string;
details?: string;
onClose: () => void;
}
let {
open = $bindable(false),
title = "Erro",
message,
details,
onClose,
}: Props = $props();
let { open = $bindable(false), title = 'Erro', message, details, onClose }: Props = $props();
let modalRef: HTMLDialogElement;
let modalRef: HTMLDialogElement;
function handleClose() {
open = false;
onClose();
}
function handleClose() {
open = false;
onClose();
}
$effect(() => {
if (open && modalRef) {
modalRef.showModal();
} else if (!open && modalRef) {
modalRef.close();
}
});
$effect(() => {
if (open && modalRef) {
modalRef.showModal();
} else if (!open && modalRef) {
modalRef.close();
}
});
</script>
{#if open}
<dialog
bind:this={modalRef}
class="modal"
onclick={(e) => e.target === e.currentTarget && handleClose()}
>
<div class="modal-box max-w-2xl" onclick={(e) => e.stopPropagation()}>
<!-- Header -->
<div class="border-base-300 flex items-center justify-between border-b px-6 py-4">
<h2 id="modal-title" class="text-error flex items-center gap-2 text-xl font-bold">
<AlertCircle class="h-5 w-5" strokeWidth={2} />
{title}
</h2>
<button
type="button"
class="btn btn-sm btn-circle"
onclick={handleClose}
aria-label="Fechar"
>
<X class="h-5 w-5" />
</button>
</div>
<dialog
bind:this={modalRef}
class="modal"
onclick={(e) => e.target === e.currentTarget && handleClose()}
>
<div class="modal-box max-w-2xl" onclick={(e) => e.stopPropagation()}>
<!-- Header -->
<div class="flex items-center justify-between px-6 py-4 border-b border-base-300">
<h2 id="modal-title" class="text-xl font-bold flex items-center gap-2 text-error">
<AlertCircle class="w-5 h-5" strokeWidth={2} />
{title}
</h2>
<button
type="button"
class="btn btn-ghost btn-sm btn-circle"
onclick={handleClose}
aria-label="Fechar"
>
<X class="w-5 h-5" />
</button>
</div>
<!-- Content -->
<div class="px-6 py-6">
<p class="text-base-content mb-4">{message}</p>
{#if details}
<div class="bg-base-200 mb-4 rounded-lg p-4">
<p class="text-base-content/70 text-sm whitespace-pre-line">{details}</p>
</div>
{/if}
</div>
<!-- Content -->
<div class="px-6 py-6">
<p class="text-base-content mb-4">{message}</p>
{#if details}
<div class="bg-base-200 rounded-lg p-4 mb-4">
<p class="text-sm text-base-content/70 whitespace-pre-line">{details}</p>
</div>
{/if}
</div>
<!-- Footer -->
<div class="modal-action px-6 pb-6">
<button class="btn btn-primary" onclick={handleClose}> Fechar </button>
</div>
</div>
<!-- Footer -->
<div class="modal-action px-6 pb-6">
<button class="btn btn-primary" onclick={handleClose}>
Fechar
</button>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button type="button" onclick={handleClose}>fechar</button>
</form>
</dialog>
<form method="dialog" class="modal-backdrop">
<button type="button" onclick={handleClose}>fechar</button>
</form>
</dialog>
{/if}