From 78eb28b05462e76015997b889a641318e1c94e34 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 18 Jun 2024 17:13:12 +0200
Subject: [PATCH] feat(views): add filter syntax docs to filter input in views

---
 .../src/components/project/views/ViewEditForm.vue     | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/src/components/project/views/ViewEditForm.vue b/frontend/src/components/project/views/ViewEditForm.vue
index 4bc94deca..c0db52837 100644
--- a/frontend/src/components/project/views/ViewEditForm.vue
+++ b/frontend/src/components/project/views/ViewEditForm.vue
@@ -6,6 +6,7 @@ import {ref, onBeforeMount} from 'vue'
 import {transformFilterStringForApi, transformFilterStringFromApi} from '@/helpers/filters'
 import {useLabelStore} from '@/stores/labels'
 import {useProjectStore} from '@/stores/projects'
+import FilterInputDocs from '@/components/project/partials/FilterInputDocs.vue'
 
 const {
 	modelValue,
@@ -141,8 +142,13 @@ function handleBubbleSave() {
 			v-model="view.filter"
 			:project-id="view.projectId"
 			:input-label="$t('project.views.filter')"
+			class="mb-1"
 		/>
 
+		<div class="is-size-7 mb-3">
+			<FilterInputDocs />
+		</div>
+
 		<div
 			v-if="view.viewKind === 'kanban'"
 			class="field"
@@ -211,7 +217,12 @@ function handleBubbleSave() {
 							v-model="view.bucketConfiguration[index].filter"
 							:project-id="view.projectId"
 							:input-label="$t('project.views.filter')"
+							class="mb-2"
 						/>
+
+						<div class="is-size-7">
+							<FilterInputDocs />
+						</div>
 					</div>
 				</div>
 				<div class="is-flex is-justify-content-end">