stash

web/src/components/Navbar.vue

@@ -112,7 +112,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import "../scss/navbar.scss";
 
 .nav-tabs {
@@ -131,6 +131,7 @@ export default {
         padding-bottom: 1rem !important;
         border: var(--gray) solid 1px !important;
         border-bottom: none !important;
+        color: var(--blue) !important;
 
         &.active {
             background: black !important;

web/src/store/index.js

@@ -123,6 +123,13 @@ const store = new Vuex.Store({
         appendItem(state, item) {
             state.loadedItems.push(item);
         },
+        replaceTickets(state, tickets) {
+            state.tickets = tickets;
+        },
+        updateTicket(state, updatedTicket) {
+            const ticket = state.tickets.filter(({id}) => id === updatedTicket.id)[0];
+            Object.assign(ticket, updatedTicket);
+        },
         createToast(state, {title, message, color}) {
             var toast = {title, message, color, key: state.keyIncrement}
             state.toasts.push(toast);
@@ -179,7 +186,11 @@ const store = new Vuex.Store({
             commit('updateLastUsed', {box: item.box, cid: item.cid});
             const {data} = await axios.post(`/1/${getters.getEventSlug}/item`, item);
             commit('appendItem', data);
-        }
+        },
+        async loadTickets({commit}) {
+            const {data} = await axios.get('/2/tickets/');
+            commit('replaceTickets', data);
+        },
     }
 });
 

web/src/views/Tickets.vue

@@ -37,6 +37,9 @@ export default {
         gotoDetail(ticket) {
             this.$router.push({name: 'ticket', params: {id: ticket.id}});
         }
+    },
+    created() {
+        this.$store.dispatch('loadTickets');
     }
 };
 </script>