stash

web/src/views/admin/Settings.vue

@@ -1,5 +1,16 @@
 <template>
-    Settings
+    <h3 class="text-center">Message Templates</h3>
+    <ul>
+        <li v-for="template in messageTemplates" :key="template.id">
+            {{ template.name }}
+        </li>
+    </ul>
+    <h3 class="text-center">Message Template Variables</h3>
+    <ul>
+        <li v-for="variable in messageTemplateVariables" :key="variable.id">
+            {{ variable.name }}
+        </li>
+    </ul>
 </template>
 
 <script>
@@ -9,8 +20,12 @@ import Table from '@/components/Table';
 export default {
     name: 'Settings',
     components: {Table},
-    computed: mapState(['events']),
-    methods: mapActions(['changeEvent']),
+    computed: mapState(['messageTemplates', 'messageTemplateVariables']),
+    methods: mapActions(['fetchMessageTemplates', 'fetchMessageTemplateVariables']),
+    mounted() {
+        this.fetchMessageTemplates();
+        this.fetchMessageTemplateVariables();
+    },
 };
 </script>