feat(ui): toast bildirim sistemini ekle

Toast bileşeni ve store oluşturuldu. Ayarlar sayfasındaki işlem bildirimleri yeni sistemle gösterilmeye başlandı.
This commit is contained in:
2026-02-03 12:34:49 +03:00
parent 2f3dc72dcc
commit d705e37d85
4 changed files with 121 additions and 28 deletions

View File

@@ -1,6 +1,7 @@
<script>
import { onMount } from "svelte";
import { apiFetch } from "../utils/api.js";
import { showToast } from "../stores/toastStore.js";
const tabs = [
{ id: "general", label: "General", icon: "fa-solid fa-sliders" },
@@ -20,7 +21,6 @@
let onlyAudio = false;
const resolutionOptions = ["1080p", "720p", "480p", "360p", "240p", "144p"];
let error = null;
let success = null;
let rcloneStatus = null;
let rcloneLoading = false;
@@ -34,7 +34,6 @@
async function loadCookies() {
loadingCookies = true;
error = null;
success = null;
try {
const resp = await apiFetch("/api/youtube/cookies");
if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
@@ -51,7 +50,6 @@
async function saveCookies() {
if (savingCookies) return;
error = null;
success = null;
savingCookies = true;
try {
const payload = {
@@ -71,7 +69,7 @@
throw new Error(data?.error || `HTTP ${resp.status}`);
}
cookiesUpdatedAt = data.updatedAt || Date.now();
success = "Cookies kaydedildi.";
showToast("Cookies kaydedildi.", "success");
} catch (err) {
error = err?.message || "Cookies kaydedilemedi.";
} finally {
@@ -99,7 +97,6 @@
if (savingYtSettings) return;
savingYtSettings = true;
error = null;
success = null;
try {
const resp = await apiFetch("/api/youtube/settings", {
method: "POST",
@@ -113,7 +110,7 @@
if (!resp.ok || !data?.ok) {
throw new Error(data?.error || `HTTP ${resp.status}`);
}
success = "YouTube indirme ayarları kaydedildi.";
showToast("YouTube indirme ayarları kaydedildi.", "success");
} catch (err) {
error = err?.message || "YouTube ayarları kaydedilemedi.";
} finally {
@@ -156,7 +153,6 @@
if (rcloneSaving) return;
rcloneSaving = true;
error = null;
success = null;
try {
const resp = await apiFetch("/api/rclone/settings", {
method: "POST",
@@ -180,7 +176,7 @@
if (!confResp.ok || !confData?.ok) {
throw new Error(confData?.error || `HTTP ${confResp.status}`);
}
success = "Rclone ayarları kaydedildi.";
showToast("Rclone ayarları kaydedildi.", "success");
await loadRcloneStatus();
} catch (err) {
error = err?.message || "Rclone ayarları kaydedilemedi.";
@@ -191,7 +187,6 @@
async function startRcloneMount() {
error = null;
success = null;
try {
const resp = await apiFetch("/api/rclone/mount", { method: "POST" });
const data = await resp.json().catch(() => ({}));
@@ -200,16 +195,16 @@
}
// Mount başlatıldı, birkaç saniye bekleyip tekrar kontrol et
success = "Rclone mount başlatılıyor...";
showToast("Rclone mount başlatılıyor...", "info");
// 2 saniye sonra status güncelle
setTimeout(async () => {
await loadRcloneStatus();
// Status yüklendikten sonra mesajı güncelle
if (rcloneStatus?.mounted) {
success = "Rclone mount başarıyla başlatıldı.";
showToast("Rclone mount başarıyla başlatıldı.", "success");
} else if (rcloneStatus?.running) {
success = "Rclone mount başlatıldı, mount tamamlanıyor...";
showToast("Rclone mount başlatıldı, mount tamamlanıyor...", "info");
} else {
error = "Rclone mount başlatılamadı.";
}
@@ -224,14 +219,13 @@
async function stopRcloneMount() {
error = null;
success = null;
try {
const resp = await apiFetch("/api/rclone/unmount", { method: "POST" });
const data = await resp.json().catch(() => ({}));
if (!resp.ok || !data?.ok) {
throw new Error(data?.error || `HTTP ${resp.status}`);
}
success = "Rclone mount durduruldu.";
showToast("Rclone mount durduruldu.", "success");
await loadRcloneStatus();
} catch (err) {
error = err?.message || "Rclone mount durdurulamadı.";
@@ -240,14 +234,13 @@
async function cleanRcloneCache() {
error = null;
success = null;
try {
const resp = await apiFetch("/api/rclone/cache/clean", { method: "POST" });
const data = await resp.json().catch(() => ({}));
if (!resp.ok || !data?.ok) {
throw new Error(data?.error || `HTTP ${resp.status}`);
}
success = "Cache temizlendi.";
showToast("Cache temizlendi.", "success");
} catch (err) {
error = err?.message || "Cache temizlenemedi.";
}
@@ -371,12 +364,6 @@
{error}
</div>
{/if}
{#if success}
<div class="alert success">
<i class="fa-solid fa-circle-check"></i>
{success}
</div>
{/if}
</div>
{:else if activeTab === "general"}
<div class="card muted">Genel ayarlar burada yer alacak.</div>
@@ -456,12 +443,6 @@
{error}
</div>
{/if}
{#if success}
<div class="alert success" style="margin-top:10px;">
<i class="fa-solid fa-circle-check"></i>
{success}
</div>
{/if}
</div>
<!-- Mount Kontrol Kartı -->