From 83565d4b2ae21c42845f2375a04e271120ec07a9 Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Sat, 6 Jan 2024 18:59:44 +0100
Subject: [PATCH] fix ticket link in overview

---
 web/src/views/Tickets.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/src/views/Tickets.vue b/web/src/views/Tickets.vue
index bc737a7..78bd2bc 100644
--- a/web/src/views/Tickets.vue
+++ b/web/src/views/Tickets.vue
@@ -9,7 +9,7 @@
                 >
                     <template #actions="{ item }">
                         <div class="btn-group">
-                            <a class="btn btn-primary" :href="'/ticket/' + item.id" title="view"
+                            <a class="btn btn-primary" :href="'/'+ getEventSlug + '/ticket/' + item.id" title="view"
                                @click.prevent="gotoDetail(item)">
                                 <font-awesome-icon icon="eye"/>
                                 View
@@ -27,20 +27,25 @@ import Table from '@/components/Table';
 import Cards from '@/components/Cards';
 import Modal from '@/components/Modal';
 import EditItem from '@/components/EditItem';
-import {mapActions, mapState} from 'vuex';
+import {mapActions, mapGetters, mapState} from 'vuex';
 import Lightbox from '../components/Lightbox';
 
 export default {
     name: 'Tickets',
     components: {Lightbox, Table, Cards, Modal, EditItem},
-    computed: mapState(['tickets']),
+    computed: {
+        ...mapState(['tickets']),
+        ...mapGetters(['getEventSlug'])
+    },
     methods: {
+        ...mapActions(['loadTickets', 'fetchTicketStates']),
         gotoDetail(ticket) {
             this.$router.push({name: 'ticket', params: {id: ticket.id}});
         }
     },
     created() {
-        this.$store.dispatch('loadTickets');
+        this.fetchTicketStates();
+        this.loadTickets();
     }
 };
 </script>