format tickets in Tickets.vue

web/src/store/index.js

@@ -6,6 +6,7 @@ import router from '../router';
 
 import * as base64 from 'base-64';
 import * as utf8 from 'utf8';
+import {ticketStateColorLookup, ticketStateIconLookup} from "@/utils";
 
 Vue.use(Vuex);
 const axios = AxiosBootstrap.create({
@@ -69,7 +70,7 @@ const store = new Vuex.Store({
         tickets: [],
         users: [],
         groups: [],
-        lastEvent: localStorage.getItem('lf_lastEvent') || '36C3',
+        lastEvent: localStorage.getItem('lf_lastEvent') || '37C3',
         lastUsed: JSON.parse(localStorage.getItem('lf_lastUsed') || '{}'),
         remember: false,
         user: null,
@@ -88,6 +89,25 @@ const store = new Vuex.Store({
         getBoxes: state => state.loadedBoxes,
         checkPermission: state => (event, perm) => state.userPermissions.includes(`${event}:${perm}`) || state.userPermissions.includes(`*:${perm}`),
         hasPermissions: state => state.userPermissions.length > 0,
+        stateInfo: state => (slug) => {
+            const obj = state.state_options.filter((s) => s.value === slug)[0];
+            if (obj) {
+                return {
+                    color: ticketStateColorLookup(obj.value),
+                    icon: ticketStateIconLookup(obj.value),
+                    slug: obj.value,
+                    text: obj.text,
+                }
+            } else {
+                return {
+                    color: 'danger',
+                    icon: 'exclamation',
+                    slug: slug,
+                    text: 'Unknown'
+                }
+
+            }
+        },
         isLoggedIn(state) {
             if (!state.local_loaded) {
                 state.remember = localStorage.getItem('remember') === 'true'