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:
@@ -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ı -->
|
||||
|
||||
Reference in New Issue
Block a user