stash

web/src/store.js

@@ -19,6 +19,8 @@ const store = createStore({
         users: [],
         groups: [],
         state_options: [],
+        messageTemplates: [],
+        messageTemplatesVariables: [],
         shippingVouchers: [],
 
         lastEvent: '37C3',
@@ -56,7 +58,7 @@ const store = createStore({
             '2kg-eu': '2kg Paket (EU)',
             '5kg-eu': '5kg Paket (EU)',
             '10kg-eu': '10kg Paket (EU)',
-        }
+        },
         test: ['foo', 'bar', 'baz'],
     },
     getters: {
@@ -215,8 +217,11 @@ const store = createStore({
         setThumbnail(state, {url, data}) {
             state.thumbnailCache[url] = data;
         },
-        setThumbnail(state, {url, data}) {
-            state.thumbnailCache[url] = data;
+        setMessageTemplates(state, templates) {
+            state.messageTemplates = templates;
+        },
+        setMessageTemplateVariables(state, variables) {
+            state.messageTemplatesVariables = variables;
         },
         setShippingVouchers(state, codes) {
             state.shippingVouchers = codes;
@@ -437,6 +442,18 @@ const store = createStore({
             const {data, success} = await http.patch(`/2/tickets/${id}/`, ticket, state.user.token);
             commit('updateTicket', data);
         },
+        async fetchMessageTemplates({commit, state}) {
+            const {data, success} = await http.get('/2/message_templates/', state.user.token);
+            if (data && success) {
+                commit('setMessageTemplates', data);
+            }
+        },
+        async fetchMessageTemplateVariables({commit, state}) {
+            const {data, success} = await http.get('/2/message_template_variables/', state.user.token);
+            if (data && success) {
+                commit('setMessageTemplateVariables', data);
+            }
+        },
         async fetchShippingVouchers({commit, state}) {
             if (!state.user.token) return;
             if (state.fetchedData.shippingVouchers > Date.now() - 1000 * 60 * 60 * 24) return;
@@ -491,6 +508,8 @@ const store = createStore({
                 "groups",
                 "loadedBoxes",
                 "loadedItems",
+                "messageTemplates",
+                "messageTemplatesVariables",
                 "shippingVouchers",
             ],
             watch: [
@@ -502,6 +521,8 @@ const store = createStore({
                 "groups",
                 "loadedBoxes",
                 "loadedItems",
+                "messageTemplates",
+                "messageTemplatesVariables",
                 "shippingVouchers",
             ],
             mutations: [

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>