-
+
@@ -239,12 +239,9 @@
-
+
+
+
{/if}
diff --git a/frontend/src/routes/command-template-configs/+page.svelte b/frontend/src/routes/command-template-configs/+page.svelte
index 6812dee..bfa4d4d 100644
--- a/frontend/src/routes/command-template-configs/+page.svelte
+++ b/frontend/src/routes/command-template-configs/+page.svelte
@@ -13,7 +13,7 @@
import ConfirmModal from '$lib/components/ConfirmModal.svelte';
import IconButton from '$lib/components/IconButton.svelte';
import IconGridSelect from '$lib/components/IconGridSelect.svelte';
- import { providerTypeItems as providerTypeItemsFn } from '$lib/grid-items';
+ import { providerTypeItems as providerTypeItemsFn, providerTypeFilterItems } from '$lib/grid-items';
import Modal from '$lib/components/Modal.svelte';
import JinjaEditor from '$lib/components/JinjaEditor.svelte';
import { snackSuccess, snackError } from '$lib/stores/snackbar.svelte';
@@ -37,7 +37,13 @@
const LOCALES = ['en', 'ru'] as const;
- let configs = $state
([]);
+ let allCmdTplConfigs = $state([]);
+ let filterText = $state('');
+ let filterType = $state('');
+ let configs = $derived(allCmdTplConfigs.filter(c =>
+ (!filterText || c.name.toLowerCase().includes(filterText.toLowerCase())) &&
+ (!filterType || c.provider_type === filterType)
+ ));
let loaded = $state(false);
let showForm = $state(false);
let editing = $state(null);
@@ -88,7 +94,7 @@
api('/providers/capabilities'),
api('/command-template-configs/variables'),
]);
- configs = cfgs;
+ allCmdTplConfigs = cfgs;
allCapabilities = caps;
varsRef = vars;
} catch (err: any) {
@@ -325,10 +331,24 @@
{/if}
-{#if configs.length === 0 && !showForm}
+{#if !showForm && allCmdTplConfigs.length > 0}
+
+{/if}
+
+{#if allCmdTplConfigs.length === 0 && !showForm}
+{:else if configs.length === 0 && !showForm}
+
+
+
{:else}
{#each configs as config}
diff --git a/frontend/src/routes/command-trackers/+page.svelte b/frontend/src/routes/command-trackers/+page.svelte
index bf989a8..04abd04 100644
--- a/frontend/src/routes/command-trackers/+page.svelte
+++ b/frontend/src/routes/command-trackers/+page.svelte
@@ -222,13 +222,9 @@
-
+
+
+
{/if}
diff --git a/frontend/src/routes/notification-trackers/+page.svelte b/frontend/src/routes/notification-trackers/+page.svelte
index 93259c3..bc47ba7 100644
--- a/frontend/src/routes/notification-trackers/+page.svelte
+++ b/frontend/src/routes/notification-trackers/+page.svelte
@@ -377,13 +377,9 @@
-
+
+
+
{/if}
diff --git a/frontend/src/routes/providers/+page.svelte b/frontend/src/routes/providers/+page.svelte
index c0e810e..f97763a 100644
--- a/frontend/src/routes/providers/+page.svelte
+++ b/frontend/src/routes/providers/+page.svelte
@@ -18,7 +18,11 @@
import { highlightFromUrl } from '$lib/highlight';
import type { ServiceProvider } from '$lib/types';
- let providers = $derived(providersCache.items);
+ let allProviders = $derived(providersCache.items);
+ let filterText = $state('');
+ let providers = $derived(allProviders.filter(p =>
+ !filterText || p.name.toLowerCase().includes(filterText.toLowerCase()) || p.type.toLowerCase().includes(filterText.toLowerCase())
+ ));
let showForm = $state(false);
let editing = $state
(null);
let form = $state({ name: 'Immich', type: 'immich', url: '', api_key: '', api_token: '', webhook_secret: '', external_domain: '', icon: '' });
@@ -183,10 +187,21 @@
{/if}
-{#if providers.length === 0 && !showForm}
+{#if !showForm && allProviders.length > 0}
+
+
+
+{/if}
+
+{#if allProviders.length === 0 && !showForm}
+{:else if providers.length === 0 && !showForm}
+
+
+
{:else}
{#each providers as provider}
diff --git a/frontend/src/routes/targets/+page.svelte b/frontend/src/routes/targets/+page.svelte
index 958521b..9d000fa 100644
--- a/frontend/src/routes/targets/+page.svelte
+++ b/frontend/src/routes/targets/+page.svelte
@@ -443,7 +443,7 @@
-
+
diff --git a/frontend/src/routes/template-configs/+page.svelte b/frontend/src/routes/template-configs/+page.svelte
index dea0dcb..cafc57a 100644
--- a/frontend/src/routes/template-configs/+page.svelte
+++ b/frontend/src/routes/template-configs/+page.svelte
@@ -14,7 +14,7 @@
import Hint from '$lib/components/Hint.svelte';
import IconButton from '$lib/components/IconButton.svelte';
import IconGridSelect from '$lib/components/IconGridSelect.svelte';
- import { providerTypeItems, previewTargetTypeItems } from '$lib/grid-items';
+ import { providerTypeItems, providerTypeFilterItems, previewTargetTypeItems } from '$lib/grid-items';
import Modal from '$lib/components/Modal.svelte';
import JinjaEditor from '$lib/components/JinjaEditor.svelte';
import { snackSuccess, snackError } from '$lib/stores/snackbar.svelte';
@@ -347,13 +347,9 @@
-
+
+
+
{/if}
diff --git a/frontend/src/routes/tracking-configs/+page.svelte b/frontend/src/routes/tracking-configs/+page.svelte
index dd2c2aa..178292a 100644
--- a/frontend/src/routes/tracking-configs/+page.svelte
+++ b/frontend/src/routes/tracking-configs/+page.svelte
@@ -14,7 +14,7 @@
import Hint from '$lib/components/Hint.svelte';
import IconButton from '$lib/components/IconButton.svelte';
import IconGridSelect from '$lib/components/IconGridSelect.svelte';
- import { providerTypeItems, sortByItems, sortOrderItems, albumModeItems, assetTypeItems, memorySourceItems } from '$lib/grid-items';
+ import { providerTypeItems, providerTypeFilterItems, sortByItems, sortOrderItems, albumModeItems, assetTypeItems, memorySourceItems } from '$lib/grid-items';
import { snackSuccess, snackError } from '$lib/stores/snackbar.svelte';
import { highlightFromUrl } from '$lib/highlight';
import type { TrackingConfig } from '$lib/types';
@@ -163,11 +163,11 @@