stash

web/package.json

@@ -25,6 +25,7 @@
     "utf8": "^3.0.0",
     "vue": "^2.6.10",
     "vue-debounce": "^2.2.0",
+    "vue-qrcode-component": "^2.1.1",
     "vue-router": "^3.1.3",
     "vuex": "^3.1.2",
     "vuex-router-sync": "^5.0.0",

web/src/components/Navbar.vue

@@ -17,7 +17,7 @@
                     Items
                 </router-link>
             </li>
-            <li class="nav-item" v-if="checkRole('postevent')">
+            <li class="nav-item" v-if="checkRole('team')">
                 <router-link :to="{name: 'tickets', params: {event: getEventSlug}}"
                              :class="['nav-link', { active: getActiveView === 'tickets' || getActiveView === 'ticket' }]">
                     Tickets

web/src/main.js

@@ -44,6 +44,10 @@ library.add(faPlus, faCheckCircle, faEdit, faTrash, faCat, faSyncAlt, faSort, fa
     faWindowClose, faCamera, faStop, faPen, faCheck, faTimes, faSave, faEye, faComment, faUser, faComments, faEnvelope);
 Vue.component('font-awesome-icon', FontAwesomeIcon);
 
+import VueQRCodeComponent from 'vue-qrcode-component'
+
+Vue.component('qr-code', VueQRCodeComponent)
+
 sync(store, router);
 
 new Vue({

web/src/store/index.js

@@ -43,42 +43,8 @@ const store = new Vuex.Store({
         loadedItems: [],
         loadedBoxes: [],
         toasts: [],
-        tickets: [
+        tickets: [],
-            {
+        userRoles: ['admin', 'team', 'orga', 'user'],
-                id: 1,
-                name: "test1",
-                state: "open",
-                assigned_to: "test",
-                last_activity: "2019-12-27T12:00:00+01:00",
-                timeline: [{name: "test1", time: "2019-12-27T12:00:00+01:00"}, {
-                    name: "test2",
-                    time: "2019-12-27T12:00:00+01:00"
-                }]
-            },
-            {
-                id: 2,
-                name: "test2",
-                state: "open",
-                assigned_to: "test",
-                last_activity: "2019-12-27T12:00:00+01:00",
-                timeline: [{name: "test1", time: "2019-12-27T12:00:00+01:00"}, {
-                    name: "test2",
-                    time: "2019-12-27T12:00:00+01:00"
-                }]
-            },
-            {
-                id: 3,
-                name: "test3",
-                state: "open",
-                assigned_to: "test",
-                last_activity: "2019-12-27T12:00:00+01:00",
-                timeline: [{name: "test1", time: "2019-12-27T12:00:00+01:00"}, {
-                    name: "test2",
-                    time: "2019-12-27T12:00:00+01:00"
-                }]
-            },
-        ],
-        userRoles: ['admin', 'postevent', 'orga', 'user'],
         lastEvent: localStorage.getItem('lf_lastEvent') || '36C3',
         lastUsed: localStorage.getItem('lf_lastUsed') || {},
     },

web/src/views/admin/Debug.vue

@@ -2,6 +2,7 @@
     <div class="container-fluid px-xl-5 mt-3">
         <div class="row">
             <div class="col-xl-8 offset-xl-2">
+                <qr-code :text="qr_url" color="#000" bg-color="#fff" error-level="H" class="qr-code"></qr-code>
                 <h3 class="text-center">Events</h3>
                 <!--p>{{ events }}</p-->
                 <ul>
@@ -57,7 +58,12 @@ import Events from "@/views/Events.vue";
 export default {
     name: 'Debug',
     components: {Events, Table},
-    computed: mapState(['events', 'loadedItems', 'loadedBoxes', 'mails', 'issues', 'systemEvents']),
+    computed: {
+        ...mapState(['events', 'loadedItems', 'loadedBoxes', 'mails', 'issues', 'systemEvents']),
+        qr_url() {
+            return window.location.href;
+        }
+    },
     methods: {
         ...mapActions(['changeEvent', 'loadMails', 'loadIssues', 'loadSystemEvents']),
 
@@ -70,6 +76,8 @@ export default {
 };
 </script>
 
-<style scoped>
+<style>
-
+.qr-code img {
+    border: #fff solid 7px
+}
 </style>