From 81697280c035f3daaef104b56f89d45bc1e886d9 Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Mon, 28 Mar 2022 09:12:59 -0400
Subject: [PATCH] Allow configuring filters on preset detail page (#12402)

---
 .../modules/settings/routes/presets/item.vue  | 28 ++++++++++++++++---
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/app/src/modules/settings/routes/presets/item.vue b/app/src/modules/settings/routes/presets/item.vue
index 55b3a9d637..2b723d1b29 100644
--- a/app/src/modules/settings/routes/presets/item.vue
+++ b/app/src/modules/settings/routes/presets/item.vue
@@ -95,10 +95,6 @@
 				</sidebar-detail>
 
 				<div class="layout-sidebar">
-					<sidebar-detail icon="search" :title="t('search')">
-						<v-input v-model="search" :placeholder="t('preset_search_placeholder')"></v-input>
-					</sidebar-detail>
-
 					<component
 						:is="`layout-sidebar-${values.layout}`"
 						v-if="values.layout && values.collection"
@@ -521,6 +517,30 @@ export default defineComponent({
 						},
 					},
 				},
+				{
+					field: 'search',
+					name: t('search'),
+					type: 'string',
+					meta: {
+						interface: 'input',
+						width: 'half',
+						options: {
+							placeholder: t('search_items'),
+						},
+					},
+				},
+				{
+					field: 'filter',
+					name: t('filter'),
+					type: 'string',
+					meta: {
+						interface: 'system-filter',
+						width: 'half',
+						options: {
+							collectionField: 'collection',
+						},
+					},
+				},
 				{
 					field: 'divider',
 					name: t('divider'),