From f8e9c285f66bde9882c90524e277f02c1d66c1b8 Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Sat, 8 Jun 2024 20:41:10 +0200
Subject: [PATCH] stash

---
 web/src/views/admin/Settings.vue | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/web/src/views/admin/Settings.vue b/web/src/views/admin/Settings.vue
index f5fd99b..830dd73 100644
--- a/web/src/views/admin/Settings.vue
+++ b/web/src/views/admin/Settings.vue
@@ -1,18 +1,20 @@
 <template>
     <h3 class="text-center">Message Templates</h3>
     <ul>
-        <li v-for="template in messageTemplatesIntermediate" :key="template.id">
-            <b>{{ template.name }}</b><br>
-            <FormatedText :value="template.message" :format="formatText" class="template-message"
-                          @input="changeMessageTemplate(template.id, $event)"/>
-            <br>
-            <button class="btn btn-primary" @click="resetMessageTemplate(template.id)"
-                    :disabled="true">Reset
-            </button>
-            <button class="btn btn-success" @click="saveMessageTemplate(template.id)"
-                    :disabled="true">Save
-            </button>
-        </li>
+        <div v-for="template in messageTemplatesIntermediate" :key="template.id" class="card bg-dark">
+            <div class="card-header">{{ template.name }}</div>
+            <div class="card-body">
+                <FormatedText :value="template.message" :format="formatText" class="template-message"
+                              @input="changeMessageTemplate(template.id, $event)"/>
+                <br>
+                <button class="btn btn-primary" @click="resetMessageTemplate(template.id)"
+                        :disabled="true">Reset
+                </button>
+                <button class="btn btn-success" @click="saveMessageTemplate(template.id)"
+                        :disabled="true">Save
+                </button>
+            </div>
+        </div>
     </ul>
     <h3 class="text-center">Message Template Variables</h3>
     <p>
@@ -23,7 +25,7 @@
     <hr>
     {{ messageTemplates }}
     <hr>
-    {{messageTemplatesIntermediate}}
+    {{ messageTemplatesIntermediate }}
 </template>
 
 <script>
@@ -64,7 +66,7 @@ export default {
     },
     mounted() {
         this.fetchMessageTemplates().then(() => {
-            this.messageTemplatesIntermediate = [...this.messageTemplates];
+            this.messageTemplatesIntermediate = JSON.parse(JSON.stringify(this.messageTemplates));
         });
         this.fetchMessageTemplateVariables();
     },