From 6fd82e33510ab79a2ebcd7441a300adac1c8b861 Mon Sep 17 00:00:00 2001
From: David Kesl <david_git@keslovi.cz>
Date: Fri, 22 Sep 2023 10:40:30 +0200
Subject: [PATCH] Page edit: Add editing of tags (#2078)

Closes #2077.

This PR adds ability to add / change / remove Tags to Pages via MainUI.
It is using existing tag-input.vue component similar as UI for Items and
Rules.

---------

Also-by: Florian Hotze <florianh_dev@icloud.com>
Signed-off-by: David Kesl <davidkesl76@gmail.com>
---
 .../web/src/components/pagedesigner/page-settings.vue  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue
index 59d5851a8e..e28e360d48 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue
@@ -27,12 +27,22 @@
           </f7-list>
         </f7-accordion-content>
       </f7-list-item>
+      <f7-list-item accordion-item title="Tags" :disabled="page.uid === 'overview'">
+        <f7-accordion-content>
+          <tag-input :item="page" />
+        </f7-accordion-content>
+      </f7-list-item>
     </f7-list>
   </f7-col>
 </template>
 
 <script>
+import TagInput from '@/components/tags/tag-input.vue'
+
 export default {
+  components: {
+    TagInput
+  },
   props: ['page', 'createMode'],
   data () {
     return {}