From d877e5eefa08fd87f7258621e84fa508af202ae2 Mon Sep 17 00:00:00 2001
From: Daniel Kesselberg <mail@danielkesselberg.de>
Date: Wed, 9 Oct 2024 17:22:54 +0200
Subject: [PATCH] fixup! feat: mail filters

Signed-off-by: Daniel Kesselberg <mail@danielkesselberg.de>
---
 src/components/mailFilter/Operator.vue    |  2 +-
 src/components/mailFilter/Test.vue        |  2 +-
 src/components/mailFilter/UpdateModal.vue | 19 +++++++++++++++++--
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/mailFilter/Operator.vue b/src/components/mailFilter/Operator.vue
index c26293822b..16ba5639f0 100644
--- a/src/components/mailFilter/Operator.vue
+++ b/src/components/mailFilter/Operator.vue
@@ -5,7 +5,7 @@
 <template>
 	<div>
 		<div>
-			<p>{{ t('mail', 'Operator') }}</p>
+			<h6>{{ t('mail', 'Operator') }}</h6>
 		</div>
 		<div>
 			<NcCheckboxRadioSwitch :checked="filter.operator"
diff --git a/src/components/mailFilter/Test.vue b/src/components/mailFilter/Test.vue
index 0b03d379a6..2bc4b05e84 100644
--- a/src/components/mailFilter/Test.vue
+++ b/src/components/mailFilter/Test.vue
@@ -10,7 +10,7 @@
 					:value="test.field"
 					:required="true"
 					:label-outside="true"
-					:options="['subject', 'to', 'from']"
+					:options="['subject', 'from', 'to']"
 					@input="updateTest({ field: $event })" />
 			</div>
 			<div class="mail-filter-rows__row__column">
diff --git a/src/components/mailFilter/UpdateModal.vue b/src/components/mailFilter/UpdateModal.vue
index b7b34a3686..3f6f0e5b7a 100644
--- a/src/components/mailFilter/UpdateModal.vue
+++ b/src/components/mailFilter/UpdateModal.vue
@@ -19,7 +19,21 @@
 			</div>
 
 			<div class="filter-tests">
-				<p>{{ t('mail', 'Tests') }}</p>
+				<h6>{{ t('mail', 'Tests') }}</h6>
+
+				<p>
+					{{ t('mail', 'Tests are applied to incoming emails on your mail server, targeting fields such as subject (the email\'s subject line), from (the sender), and to (the recipient). You can use the following operators to define conditions for these fields:') }}
+				</p>
+				<p>
+					<strong>is</strong>: {{ t('mail', 'An exact match. The field must be identical to the provided value.') }}
+				</p>
+				<p>
+					<strong>contains</strong>: {{ t('mail', 'A substring match. The field matches if the provided value is contained within it. For example, "report" would match "port".') }}
+				</p>
+				<p>
+					<strong>matches</strong>: {{ t('mail', 'A pattern match using wildcards. The "*" symbol represents any number of characters (including none), while "?" represents exactly one character. For example, "*report*" would match "Business report 2024".') }}
+				</p>
+
 				<Test v-for="test in clone.tests"
 					:key="test.id"
 					:test="test"
@@ -34,7 +48,8 @@
 			</div>
 
 			<div class="filter-actions">
-				<p>{{ t('mail', 'Actions') }}</p>
+				<h6>{{ t('mail', 'Actions') }}</h6>
+
 				<Action v-for="action in clone.actions"
 					:key="action.id"
 					:action="action"