happyDomain/happyDomain
happyDomain/happyDomain
2
0
Fork 0
Code Issues 7 Pull requests 1 Projects Releases 4 Activity

web: use toasts for checker schedule save status
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
nemunaire 2026-06-08 00:04:39 +09:00
commit 6c2b2595ab
1 changed files with 6 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

25
web/src/lib/components/checkers/CheckerScheduleCard.svelte
View file

@ -52,7 +52,6 @@
let existingPlanId = $state<string | undefined>(undefined);
let saving = $state(false);
let saveStatus = $state<"idle" | "saving" | "saved" | "error">("idle");
let debounceTimer: ReturnType<typeof setTimeout> | undefined;
let useMinutes = $derived(
@ -103,17 +102,15 @@
function triggerAutosave() {
clearTimeout(debounceTimer);
saveStatus = "idle";
debounceTimer = setTimeout(async () => {
saveStatus = "saving";
try {
await save();
saveStatus = "saved";
setTimeout(() => {
if (saveStatus === "saved") saveStatus = "idle";
}, 2000);
toasts.addToast({
type: "success",
message: $t("checkers.schedule.saved"),
timeout: 3000,
});
} catch (error) {
saveStatus = "error";
toasts.addErrorToast({
message: $t("checkers.schedule.save-failed") + ": " + String(error),
timeout: 10000,
@ -156,18 +153,8 @@
<CardHeader class="d-flex align-items-center gap-3">
<strong class="me-auto">{$t("checkers.schedule.card-title")}</strong>
{#if saveStatus === "saving"}
{#if saving}
<span class="spinner-border spinner-border-sm text-muted"></span>
{:else if saveStatus === "saved"}
<span class="text-success small d-flex align-items-center gap-1">
<Icon name="check-circle" />
{$t("checkers.schedule.saved")}
</span>
{:else if saveStatus === "error"}
<span class="text-danger small d-flex align-items-center gap-1">
<Icon name="exclamation-circle" />
{$t("checkers.schedule.save-failed")}
</span>
{/if}
<div class="d-flex align-items-center gap-2">