run eslint to fix errors

src/webapp/main/.eslintrc.js

@@ -0,0 +1,73 @@
+/*
+*				libreevent - .eslintrc.js
+*
+*	Created by Janis Hutz 02/26/2023, Licensed under the GPL V3 License
+*			https://janishutz.com, development@janishutz.com
+*
+*
+*/
+
+module.exports = {
+    'env': {
+        'browser': true,
+        'commonjs': true,
+        'es2021': true,
+        'node': true
+    },
+    'extends': [
+        'plugin:vue/vue3-essential',
+        'eslint:recommended'
+    ],
+    'overrides': [
+    ],
+    'parserOptions': {
+        'ecmaVersion': 'latest'
+    },
+    'rules': {
+        'indent': [
+            'error',
+            4
+        ],
+        'linebreak-style': [
+            'error',
+            'unix'
+        ],
+        'quotes': [
+            'error',
+            'single'
+        ],
+        'semi': [
+            'error',
+            'always'
+        ],
+        'spaced-comment': [
+            'error',
+            'always'
+        ], 
+        'arrow-spacing': [
+            'error',
+            { 'before': true, 'after': true }
+        ], 
+        'func-call-spacing': [
+            'error',
+            'never'
+        ], 
+        'keyword-spacing': [
+            'error',
+            { 'before': true, 'after': true }
+        ], 
+        'key-spacing': [
+            'error',
+            { 'mode': 'strict' }
+        ], 
+        'space-before-blocks': [
+            'error',
+            'always'
+        ],
+        'space-in-parens': [
+            'error', 
+            'always'
+        ],
+        'no-var': 'error'
+    }
+};

src/webapp/main/package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "dev": "vite --host",
     "preview": "vite preview --host",
-    "build": "vite build"
+    "build": "vite build",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
     "@pdfme/generator": "^1.2.3",
@@ -18,6 +19,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^1.10.2",
-    "vite": "^2.5.4"
+    "vite": "^2.5.4",
+    "eslint": "^8.39.0",
+    "eslint-plugin-vue": "^9.17.0"
   }
 }

src/webapp/main/src/App.vue

@@ -169,7 +169,7 @@ export default {
     data () {
         return {
             theme: '',
-        }
+        };
     },
     methods: {
         changeTheme () {
@@ -211,5 +211,5 @@ solution. Your help is greatly appreciated by the team as well as all its users!
 => https://libreevent.janishutz.com/
         ` );
     }
-}
+};
 </script>

src/webapp/main/src/components/noseatplan.vue

@@ -45,11 +45,11 @@ export default {
     data () {
         return {
             tickets: { 'ticket1': 20, 'ticket2': 20 },
-            event: { 'name': 'TestEvent2', 'location': 'TestLocation2', 'eventID': 'test2', 'date': '2023-07-15', 'currency': 'CHF', 'categories': { '1': { 'price': { '1':25, '2':35 }, 'bg': 'black', 'fg': 'white', 'name': 'Category 1', 'id': 1 }, '2': { 'price': { '1':15, '2':20 }, 'bg': 'green', 'fg': 'white', 'name': 'Category 2', 'id': 2 } }, 'ageGroups': { '1':{ 'id': 1, 'name':'Child', 'age':'0 - 15.99' }, '2':{ 'id': 2, 'name': 'Adult' } }, 'maxTickets': 2 },
+            event: { 'name': 'TestEvent2', 'location': 'TestLocation2', 'eventID': 'test2', 'date': '2023-07-15', 'currency': 'CHF', 'categories': { '1': { 'price': { '1': 25, '2': 35 }, 'bg': 'black', 'fg': 'white', 'name': 'Category 1', 'id': 1 }, '2': { 'price': { '1': 15, '2': 20 }, 'bg': 'green', 'fg': 'white', 'name': 'Category 2', 'id': 2 } }, 'ageGroups': { '1': { 'id': 1, 'name': 'Child', 'age': '0 - 15.99' }, '2': { 'id': 2, 'name': 'Adult' } }, 'maxTickets': 2 },
             cart: {},
             selectedTickets: {},
             maxTickets: 10,
-        }
+        };
     },
     methods: {
         ticketHandling( id, option, operation ) {
@@ -245,7 +245,7 @@ export default {
         this.loadTickets();
         this.seatChecks();
     }
-}
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/notifications/notifications.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-    export default {
+export default {
     name: 'notifications',
     props: {
         location: {
@@ -40,7 +40,7 @@
             currentID: { 'critical': 0, 'medium': 1000, 'low': 100000 },
             displayTimeCurrentNotification: 0,
             notificationScheduler: null,
-            }
+        };
     },
     methods: {
         createNotification( message, showDuration, messageType, priority ) {
@@ -121,7 +121,7 @@
     unmounted ( ) {
         clearInterval( this.notificationScheduler );
     }
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/notifications/popups.vue

@@ -93,8 +93,8 @@
 <!-- Options to be passed in: html, settings (for settings component), strings, confirm, dropdowns, selection -->
 
 <script>
-    import settings from '@/components/settings/settings.vue';
+import settings from '@/components/settings/settings.vue';
-    export default {
+export default {
     name: 'popups',
     components: {
         settings,
@@ -110,7 +110,7 @@
             contentType: 'dropdown',
             data: {},
             info: '',
-            }
+        };
     },
     methods: {
         closePopup( message ) {
@@ -167,7 +167,7 @@
             $( '#popup-backdrop' ).fadeIn( 300 );
         }
     },
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/seatplan/editor/properties.vue

@@ -200,34 +200,34 @@ export default {
     props: {
         draggables: {
             type: Object,
-            "default": {}
+            'default': {}
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         generalSettings: {
             type: Object,
-            "default": {},
+            'default': {},
         },
         zoomFactor: {
             type: Number,
-            "default": 1
+            'default': 1
         },
         active: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         historyPos: {
             type: Number,
-            "default": 0,
+            'default': 0,
         }
     },
     data () {
         return {
             internal: {},
-            categories: { '1':{} },
+            categories: { '1': {} },
-        }
+        };
     },
     methods: {
         loadInternal () {
@@ -282,7 +282,7 @@ export default {
     created () {
         this.loadInternal();
     }
-}
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/seatplan/editor/window.vue

@@ -47,18 +47,18 @@
 </template>
 
 <script>
-    import Vue3DraggableResizable from 'vue3-draggable-resizable';
+import Vue3DraggableResizable from 'vue3-draggable-resizable';
-    import properties from '@/components/seatplan/editor/properties.vue';
+import properties from '@/components/seatplan/editor/properties.vue';
-    import circularSeatplanComponent from '@/components/seatplan/seatplanComponents/seats/circular.vue';
+import circularSeatplanComponent from '@/components/seatplan/seatplanComponents/seats/circular.vue';
-    import rectangularSeatplanComponent from '@/components/seatplan/seatplanComponents/seats/rectangular.vue';
+import rectangularSeatplanComponent from '@/components/seatplan/seatplanComponents/seats/rectangular.vue';
-    import trapezoidSeatplanComponent from '@/components/seatplan/seatplanComponents/seats/trapezoid.vue';
+import trapezoidSeatplanComponent from '@/components/seatplan/seatplanComponents/seats/trapezoid.vue';
-    import stagesSeatplanComponent from '@/components/seatplan/seatplanComponents/stages.vue';
+import stagesSeatplanComponent from '@/components/seatplan/seatplanComponents/stages.vue';
-    import standingSeatplanComponent from '@/components/seatplan/seatplanComponents/standing.vue';
+import standingSeatplanComponent from '@/components/seatplan/seatplanComponents/standing.vue';
-    import textFieldSeatplanComponent from '@/components/seatplan/seatplanComponents/textField.vue';
+import textFieldSeatplanComponent from '@/components/seatplan/seatplanComponents/textField.vue';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
-    import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css';
+import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css';
 
-    export default {
+export default {
     'name': 'window',
     components: { 
         Vue3DraggableResizable,
@@ -74,7 +74,7 @@
     data() {
         return {
             active: 0,
-                draggables: { 1: { 'x': 100, 'y':100, 'h': 100, 'w': 250, 'active': false, 'draggable': true, 'resizable': true, 'id': 1, 'origin': 1, 'shape':'rectangular', 'type': 'seat', 'startingRow': 1, 'seatNumberingPosition': 1, 'sector': 'A', 'text': { 'text': 'TestText', 'textSize': 20, 'colour': '#20FFFF' }, 'numberingDirection': 'left', 'seatNumberingPosition': 1, 'category': '1' } },
+            draggables: { 1: { 'x': 100, 'y': 100, 'h': 100, 'w': 250, 'active': false, 'draggable': true, 'resizable': true, 'id': 1, 'origin': 1, 'shape': 'rectangular', 'type': 'seat', 'startingRow': 1, 'seatNumberingPosition': 1, 'sector': 'A', 'text': { 'text': 'TestText', 'textSize': 20, 'colour': '#20FFFF' }, 'numberingDirection': 'left', 'seatNumberingPosition': 1, 'category': '1' } },
             available: { 'redo': false, 'undo': false },
             scaleFactor: 1,
             sizePoll: null,
@@ -84,7 +84,7 @@
             generalSettings: { 'namingScheme': 'numeric' },
             seatCountInfo: { 'details': {}, 'count': 0 },
             autoSave: null,
-            }
+        };
     },
     methods: {
         /* 
@@ -139,7 +139,7 @@
             this.autoSave = setInterval( () => {
                 const options = {
                     method: 'post',
-                        body: JSON.stringify( { 'data':{ 'seatInfo': this.seatCountInfo, 'data': this.scaleDown( this.draggables ) }, 'location': sessionStorage.getItem( 'locationID' ) } ),
+                    body: JSON.stringify( { 'data': { 'seatInfo': this.seatCountInfo, 'data': this.scaleDown( this.draggables ) }, 'location': sessionStorage.getItem( 'locationID' ) } ),
                     headers: {
                         'Content-Type': 'application/json',
                         'charset': 'utf-8'
@@ -233,7 +233,7 @@
             }
         },
         scaleDown ( valueArray ) {
-                const allowedAttributes = [ 'w', 'h', 'x', 'y' ]
+            const allowedAttributes = [ 'w', 'h', 'x', 'y' ];
             let returnArray = {};
             for ( let entry in valueArray ) {
                 returnArray[ entry ] = {};
@@ -248,7 +248,7 @@
             return returnArray;
         },
         scaleUp ( valueArray ) {
-                const allowedAttributes = [ 'w', 'h', 'x', 'y' ]
+            const allowedAttributes = [ 'w', 'h', 'x', 'y' ];
             let returnArray = {};
             for ( let entry in valueArray ) {
                 returnArray[ entry ] = {};
@@ -325,7 +325,7 @@
             sessionStorage.setItem( 'seatplan', JSON.stringify( this.scaleDown( this.draggables ) ) );
             const options = {
                 method: 'post',
-                    body: JSON.stringify( { 'data':{ 'seatInfo': this.seatCountInfo, 'data': this.scaleDown( this.draggables ) }, 'location': sessionStorage.getItem( 'locationID' ) } ),
+                body: JSON.stringify( { 'data': { 'seatInfo': this.seatCountInfo, 'data': this.scaleDown( this.draggables ) }, 'location': sessionStorage.getItem( 'locationID' ) } ),
                 headers: {
                     'Content-Type': 'application/json',
                     'charset': 'utf-8'
@@ -351,7 +351,7 @@
             let deployNotification = this.$refs.notification.createNotification( 'Deploying...', 5, 'progress', 'normal' );
             const options = {
                 method: 'post',
-                    body: JSON.stringify( { 'data':{ 'seatInfo': this.seatCountInfo, 'data': this.scaleDown( this.draggables ) }, 'location': sessionStorage.getItem( 'locationID' ) } ),
+                body: JSON.stringify( { 'data': { 'seatInfo': this.seatCountInfo, 'data': this.scaleDown( this.draggables ) }, 'location': sessionStorage.getItem( 'locationID' ) } ),
                 headers: {
                     'Content-Type': 'application/json',
                     'charset': 'utf-8'
@@ -370,7 +370,7 @@
             } );
         },
         addNewElement () {
-                this.draggables[ Object.keys( this.draggables ).length + 1 ] = { 'x': 100, 'y':100, 'h': 100, 'w': 250, 'active': false, 'draggable': true, 'resizable': true, 'id': ( Object.keys( this.draggables ).length + 1 ), 'origin': 1, 'shape':'rectangular', 'type': 'seat', 'startingRow': 1, 'seatNumberingPosition': Object.keys( this.draggables ).length, 'sector': 'A', 'text': { 'text': 'TestText', 'textSize': 20, 'colour': '#20FFFF' }, 'ticketCount': 1, 'numberingDirection': 'left', 'category': '1' };
+            this.draggables[ Object.keys( this.draggables ).length + 1 ] = { 'x': 100, 'y': 100, 'h': 100, 'w': 250, 'active': false, 'draggable': true, 'resizable': true, 'id': ( Object.keys( this.draggables ).length + 1 ), 'origin': 1, 'shape': 'rectangular', 'type': 'seat', 'startingRow': 1, 'seatNumberingPosition': Object.keys( this.draggables ).length, 'sector': 'A', 'text': { 'text': 'TestText', 'textSize': 20, 'colour': '#20FFFF' }, 'ticketCount': 1, 'numberingDirection': 'left', 'category': '1' };
             this.saveHistory();
             document.getElementById( 'parent' ).scrollTop = 0;
             document.getElementById( 'parent' ).scrollLeft = 0;
@@ -444,7 +444,7 @@
         clearInterval( this.sizePoll );
         clearInterval( this.autoSave );
     },
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/seatplan/seatplanComponents/seats/circular.vue

@@ -27,33 +27,33 @@ export default {
     props: {
         h: {
             type: Number,
-            "default": 100,
+            'default': 100,
         },
         w: {
             type: Number,
-            "default": 200,
+            'default': 200,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         startingRow: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         id: {
             type: Number,
-            "default": 1
+            'default': 1
         }
     },
     data () {
         return {
             seats: {},
-        }
+        };
     },
     methods: {
         calculateChairs () {
@@ -114,6 +114,6 @@ export default {
     created() {
         this.calculateChairs();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/seatplanComponents/seats/rectangular.vue

@@ -27,29 +27,29 @@ export default {
     props: {
         h: {
             type: Number,
-            "default": 100,
+            'default': 100,
         },
         w: {
             type: Number,
-            "default": 200,
+            'default': 200,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         id: {
             type: Number,
-            "default": 1
+            'default': 1
         }
     },
     data () {
         return {
             seats: {},
-        }
+        };
     },
     methods: {
         calculateChairs () {
@@ -104,6 +104,6 @@ export default {
     created() {
         this.calculateChairs();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/seatplanComponents/seats/trapezoid.vue

@@ -27,33 +27,33 @@ export default {
     props: {
         h: {
             type: Number,
-            "default": 100,
+            'default': 100,
         },
         w: {
             type: Number,
-            "default": 200,
+            'default': 200,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         startingRow: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         id: {
             type: Number,
-            "default": 1
+            'default': 1
         }
     },
     data () {
         return {
             seats: {},
-        }
+        };
     },
     methods: {
         calculateChairs () {
@@ -63,7 +63,7 @@ export default {
             let h = Math.round( this.h / this.scaleFactor );
             const size = 33;
             let side = Math.min( w, h ) + 20;
-            let heightTriangle = Math.floor( Math.sqrt( side ** 2 - ( Math.sqrt( side ** 2 * 2 ) / 2 ) ) )
+            let heightTriangle = Math.floor( Math.sqrt( side ** 2 - ( Math.sqrt( side ** 2 * 2 ) / 2 ) ) );
             let sideOffset = size / Math.sqrt( 2 );
             let count = Math.floor( heightTriangle / ( sideOffset * 2 ) );
             const angle = Math.PI / 4;
@@ -117,6 +117,6 @@ export default {
     created() {
         this.calculateChairs();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/seatplanComponents/stages.vue

@@ -66,11 +66,11 @@ export default {
     props: {
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         shape: {
             type: String,
-            "default": "rectangular",
+            'default': 'rectangular',
         },
     },
     data() {
@@ -78,7 +78,7 @@ export default {
             style: 'border-style: none none solid none',
             circularStyle: 'top: 0; left 100%;',
             trapezoidStyle: 'rotate: 45deg',
-        }
+        };
     },
     methods: {
         updateOrigin () {
@@ -109,6 +109,6 @@ export default {
     created() {
         this.updateOrigin();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/seatplanComponents/standing.vue

@@ -66,11 +66,11 @@ export default {
     props: {
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         shape: {
             type: String,
-            "default": "rectangular",
+            'default': 'rectangular',
         },
     },
     data() {
@@ -78,7 +78,7 @@ export default {
             style: 'border-style: none none solid none',
             circularStyle: 'top: 0; left 100%;',
             trapezoidStyle: 'rotate: 45deg',
-        }
+        };
     },
     methods: {
         updateOrigin () {
@@ -109,6 +109,6 @@ export default {
     created() {
         this.updateOrigin();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/seatplanComponents/textField.vue

@@ -19,29 +19,29 @@ export default {
     props: {
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         text: {
             type: String,
-            "default": "Untitled",
+            'default': 'Untitled',
         },
         textSize: {
             type: Number,
-            "default": 20,
+            'default': 20,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         colour: {
             type: String,
-            "default": '#000000',
+            'default': '#000000',
         }
     },
     data() {
         return {
             style: 'font-size: 20pt; rotate: 0deg; color: #000000',
-        }
+        };
     },
     methods: {
         updateStyle () {
@@ -65,5 +65,5 @@ export default {
     created() {
         this.updateStyle();
     }
-}
+};
 </script>

src/webapp/main/src/components/seatplan/userApp/seatplanComponents/seats/circular.vue

@@ -34,37 +34,37 @@ export default {
     props: {
         h: {
             type: Number,
-            "default": 100,
+            'default': 100,
         },
         w: {
             type: Number,
-            "default": 200,
+            'default': 200,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         startingRow: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         data: {
             type: Object,
-            "default": { 'sector': 'A', 'sectorCount': 1, 'unavailableSeats': { 'secAr0s0': 'nav' }, 'categoryInfo': { 'pricing': { '1': { 'displayName': 'Adults - CHF 20.-', 'value': '1', 'price': 20 }, '2': { 'displayName': 'Child (0 - 15.99y) - CHF 15.-', 'value': '2', 'price': 15 } } } }
+            'default': { 'sector': 'A', 'sectorCount': 1, 'unavailableSeats': { 'secAr0s0': 'nav' }, 'categoryInfo': { 'pricing': { '1': { 'displayName': 'Adults - CHF 20.-', 'value': '1', 'price': 20 }, '2': { 'displayName': 'Child (0 - 15.99y) - CHF 15.-', 'value': '2', 'price': 15 } } } }
         },
         id: {
             type: Number,
-            "default": 1,
+            'default': 1,
         }
     },
     data () {
         return {
             seats: {},
-        }
+        };
     },
     methods: {
         calculateChairs () {
@@ -175,6 +175,6 @@ export default {
     created() {
         this.calculateChairs();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/userApp/seatplanComponents/seats/rectangular.vue

@@ -34,41 +34,41 @@ export default {
     props: {
         h: {
             type: Number,
-            "default": 100,
+            'default': 100,
         },
         w: {
             type: Number,
-            "default": 200,
+            'default': 200,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         startingRow: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         data: {
             type: Object,
-            "default": { 'sector': 'A', 'sectorCount': 1, 'unavailableSeats': { 'secAr0s0': 'nav' }, 'categoryInfo': { 'pricing': { '1': { 'displayName': 'Adults - CHF 20.-', 'value': '1', 'price': 20 }, '2': { 'displayName': 'Child (0 - 15.99y) - CHF 15.-', 'value': '2', 'price': 15 } } } }
+            'default': { 'sector': 'A', 'sectorCount': 1, 'unavailableSeats': { 'secAr0s0': 'nav' }, 'categoryInfo': { 'pricing': { '1': { 'displayName': 'Adults - CHF 20.-', 'value': '1', 'price': 20 }, '2': { 'displayName': 'Child (0 - 15.99y) - CHF 15.-', 'value': '2', 'price': 15 } } } }
         },
         id: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         unavailable: {
             type: Object,
-            "default": {}
+            'default': {}
         }
     },
     data () {
         return {
             seats: {},
-        }
+        };
     },
     methods: {
         calculateChairs () {
@@ -170,6 +170,6 @@ export default {
     created() {
         this.calculateChairs();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/userApp/seatplanComponents/seats/trapezoid.vue

@@ -34,37 +34,37 @@ export default {
     props: {
         h: {
             type: Number,
-            "default": 100,
+            'default': 100,
         },
         w: {
             type: Number,
-            "default": 200,
+            'default': 200,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         startingRow: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         data: {
             type: Object,
-            "default": { 'sector': 'A', 'sectorCount': 1, 'unavailableSeats': { 'secAr0s0': 'nav' }, 'categoryInfo': { 'pricing': { '1': { 'displayName': 'Adults - CHF 20.-', 'value': '1', 'price': 20 }, '2': { 'displayName': 'Child (0 - 15.99y) - CHF 15.-', 'value': '2', 'price': 15 } } } }
+            'default': { 'sector': 'A', 'sectorCount': 1, 'unavailableSeats': { 'secAr0s0': 'nav' }, 'categoryInfo': { 'pricing': { '1': { 'displayName': 'Adults - CHF 20.-', 'value': '1', 'price': 20 }, '2': { 'displayName': 'Child (0 - 15.99y) - CHF 15.-', 'value': '2', 'price': 15 } } } }
         },
         id: {
             type: Number,
-            "default": 1,
+            'default': 1,
         }
     },
     data () {
         return {
             seats: {},
-        }
+        };
     },
     methods: {
         calculateChairs () {
@@ -87,7 +87,7 @@ export default {
             let h = Math.round( this.h / this.scaleFactor );
             const size = 33;
             let side = Math.min( w, h ) + 20;
-            let heightTriangle = Math.floor( Math.sqrt( side ** 2 - ( Math.sqrt( side ** 2 * 2 ) / 2 ) ) )
+            let heightTriangle = Math.floor( Math.sqrt( side ** 2 - ( Math.sqrt( side ** 2 * 2 ) / 2 ) ) );
             let sideOffset = size / Math.sqrt( 2 );
             let count = Math.floor( heightTriangle / ( sideOffset * 2 ) );
             const angle = Math.PI / 4;
@@ -178,6 +178,6 @@ export default {
     created() {
         this.calculateChairs();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/userApp/seatplanComponents/stages.vue

@@ -66,11 +66,11 @@ export default {
     props: {
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         shape: {
             type: String,
-            "default": "rectangular",
+            'default': 'rectangular',
         },
     },
     data() {
@@ -78,7 +78,7 @@ export default {
             style: 'border-style: none none solid none',
             circularStyle: 'top: 0; left 100%;',
             trapezoidStyle: 'rotate: 45deg',
-        }
+        };
     },
     methods: {
         updateOrigin () {
@@ -109,6 +109,6 @@ export default {
     created() {
         this.updateOrigin();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/userApp/seatplanComponents/standing.vue

@@ -65,15 +65,15 @@ export default {
     props: {
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         shape: {
             type: String,
-            "default": "rectangular",
+            'default': 'rectangular',
         },
         color: {
             type: Object,
-            "default": { 'fg': '#FFFFFF' }
+            'default': { 'fg': '#FFFFFF' }
         }
     },
     data() {
@@ -81,7 +81,7 @@ export default {
             style: 'border-style: none none solid none;',
             circularStyle: 'top: 0; left 100%;',
             trapezoidStyle: 'rotate: 45deg',
-        }
+        };
     },
     methods: {
         updateOrigin () {
@@ -115,6 +115,6 @@ export default {
     created() {
         this.updateOrigin();
     }
-}
+};
 </script>
 

src/webapp/main/src/components/seatplan/userApp/seatplanComponents/textField.vue

@@ -19,29 +19,29 @@ export default {
     props: {
         origin: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         text: {
             type: String,
-            "default": "Untitled",
+            'default': 'Untitled',
         },
         textSize: {
             type: Number,
-            "default": 20,
+            'default': 20,
         },
         scaleFactor: {
             type: Number,
-            "default": 1,
+            'default': 1,
         },
         colour: {
             type: String,
-            "default": '#000000',
+            'default': '#000000',
         }
     },
     data() {
         return {
             style: 'font-size: 20pt; rotate: 0deg; color: #000000',
-        }
+        };
     },
     methods: {
         updateStyle () {
@@ -65,5 +65,5 @@ export default {
     created() {
         this.updateStyle();
     }
-}
+};
 </script>

src/webapp/main/src/components/seatplan/userApp/userWindow.vue

@@ -50,19 +50,19 @@
 </template>
 
 <script>
-    import Vue3DraggableResizable from 'vue3-draggable-resizable';
+import Vue3DraggableResizable from 'vue3-draggable-resizable';
-    import circularSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/seats/circular.vue';
+import circularSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/seats/circular.vue';
-    import rectangularSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/seats/rectangular.vue';
+import rectangularSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/seats/rectangular.vue';
-    import trapezoidSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/seats/trapezoid.vue';
+import trapezoidSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/seats/trapezoid.vue';
-    import stagesSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/stages.vue';
+import stagesSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/stages.vue';
-    import standingSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/standing.vue';
+import standingSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/standing.vue';
-    import textFieldSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/textField.vue';
+import textFieldSeatplanComponent from '@/components/seatplan/userApp/seatplanComponents/textField.vue';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
-    import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css';
+import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css';
-    import sideCartView from '@/components/sideCartView.vue';
+import sideCartView from '@/components/sideCartView.vue';
 
-    export default {
+export default {
     'name': 'window',
     components: { 
         Vue3DraggableResizable,
@@ -78,8 +78,8 @@
     },
     data() {
         return {
-                draggables: { 1: { 'x': 100, 'y':100, 'h': 100, 'w': 250, 'active': false, 'draggable': true, 'resizable': true, 'id': 1, 'origin': 1, 'shape':'rectangular', 'type': 'seat', 'startingRow': 1, 'seatCountingStartingPoint': 1, 'sector': 'A', 'text': { 'text': 'TestText', 'textSize': 20, 'colour': '#20FFFF' }, 'ticketCount': 1, 'category': 1 } },
+            draggables: { 1: { 'x': 100, 'y': 100, 'h': 100, 'w': 250, 'active': false, 'draggable': true, 'resizable': true, 'id': 1, 'origin': 1, 'shape': 'rectangular', 'type': 'seat', 'startingRow': 1, 'seatCountingStartingPoint': 1, 'sector': 'A', 'text': { 'text': 'TestText', 'textSize': 20, 'colour': '#20FFFF' }, 'ticketCount': 1, 'category': 1 } },
-                event: { 'name': 'TestEvent2', 'location': 'TestLocation2', 'eventID': 'test2', 'date': '2023-07-15', 'currency': 'CHF', 'categories': { '1': { 'price': { '1':25, '2':35 }, 'bg': 'black', 'fg': 'white', 'name': 'Category 1' }, '2': { 'price': { '1':15, '2':20 }, 'bg': 'green', 'fg': 'white', 'name': 'Category 2' } }, 'ageGroups': { '1':{ 'id': 1, 'name':'Child', 'age':'0 - 15.99' }, '2':{ 'id': 2, 'name': 'Adult' } }, 'maxTickets': 2 },
+            event: { 'name': 'TestEvent2', 'location': 'TestLocation2', 'eventID': 'test2', 'date': '2023-07-15', 'currency': 'CHF', 'categories': { '1': { 'price': { '1': 25, '2': 35 }, 'bg': 'black', 'fg': 'white', 'name': 'Category 1' }, '2': { 'price': { '1': 15, '2': 20 }, 'bg': 'green', 'fg': 'white', 'name': 'Category 2' } }, 'ageGroups': { '1': { 'id': 1, 'name': 'Child', 'age': '0 - 15.99' }, '2': { 'id': 2, 'name': 'Adult' } }, 'maxTickets': 2 },
             available: { 'redo': false, 'undo': false },
             scaleFactor: 1,
             sizePoll: null,
@@ -91,7 +91,7 @@
             selectedSeat: {},
             cart: {},
             unavailableSeats: {},
-            }
+        };
     },
     methods: {
         /* 
@@ -276,10 +276,10 @@
                     this.movePos.top = parent.scrollHeight - parent.scrollTop;
                     this.movePos.isMoving = false;
                 }
-                };
+            }
         },
         scaleDown ( valueArray ) {
-                const allowedAttributes = [ 'w', 'h', 'x', 'y' ]
+            const allowedAttributes = [ 'w', 'h', 'x', 'y' ];
             let returnArray = {};
             for ( let entry in valueArray ) {
                 returnArray[ entry ] = {};
@@ -502,7 +502,7 @@
     unmounted() {
         clearInterval( this.sizePoll );
     },
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/settings/rightClickMenu.vue

@@ -24,7 +24,7 @@ export default {
     data() {
         return {
             options: {},
-        }
+        };
     },
     methods: {
         openRightClickMenu( event, options ) {
@@ -45,7 +45,7 @@ export default {
             this.$emit( 'command', command );
         }
     }
-}
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/settings/settings.vue

@@ -63,7 +63,7 @@
 </template>
 
 <script>
-    export default {
+export default {
     data () {
         return {
             showsPW: false,
@@ -85,7 +85,7 @@
             $( '#' + box ).fadeOut( 300 );
         }
     }
-    };
+};
 </script>
 
 <style scoped>

src/webapp/main/src/components/sideCartView.vue

@@ -74,7 +74,7 @@ export default {
     data() {
         return {
             total: 0,
-        }
+        };
     },
     methods: {
         calculateTotal () {
@@ -89,7 +89,7 @@ export default {
     created() {
         this.calculateTotal();
     }
-}
+};
 </script>
 
 <style scoped>

src/webapp/main/src/router/adminRoutes.js

@@ -90,4 +90,4 @@ export default {
             }
         },
     ]
-}
+};

src/webapp/main/src/router/index.js

@@ -7,7 +7,7 @@
 *
 */
 
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory } from 'vue-router';
 import { useUserStore } from '@/stores/userStore';
 import { useBackendStore } from '@/stores/backendStore';
 import adminRoutes from '@/router/adminRoutes';

src/webapp/main/src/router/mainRoutes.js

@@ -170,4 +170,4 @@ export default [
             transition: 'scale',
         }
     },
-]
+];

src/webapp/main/src/stores/backendStore.js

@@ -7,9 +7,9 @@
 *
 */
 
-import { defineStore } from "pinia";
+import { defineStore } from 'pinia';
 
-export const useBackendStore = defineStore ( 'backend', {
+export const useBackendStore = defineStore( 'backend', {
     state: () => ( { 'guestPurchase': false, 'guestPurchaseAllowed': false } ),
     getters: {
         getIsGuestPurchase: ( state ) => state.guestPurchase,

src/webapp/main/src/stores/userStore.js

@@ -7,9 +7,9 @@
 *
 */
 
-import { defineStore } from "pinia";
+import { defineStore } from 'pinia';
 
-export const useUserStore = defineStore ( 'user', {
+export const useUserStore = defineStore( 'user', {
     state: () => ( { 'isUserAuth': false, 'isAdminAuth': false, 'userData': {}, 'isTwoFACompliantUser': false, 'isTwoFACompliantAdmin': false, 'pageName': 'libreevent' } ),
     getters: {
         getUserAuthenticated: ( state ) => state.isUserAuth,

src/webapp/main/src/views/HomeView.vue

@@ -14,16 +14,16 @@
 </template>
 
 <script>
-    export default {
+export default {
     data () {
         return {
             formData: {}
-            }
+        };
     },
     methods: {
         setup () {
                 
         }
     },
-    };
+};
 </script>

src/webapp/main/src/views/admin/AdminLoginView.vue

@@ -24,15 +24,15 @@
 </template>
 
 <script>
-    import { useUserStore } from '@/stores/userStore';
+import { useUserStore } from '@/stores/userStore';
-    import { mapStores } from 'pinia';
+import { mapStores } from 'pinia';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
 
-    export default {
+export default {
     data () {
         return {
             formData: {}
-            }
+        };
     },
     components: {
         notifications,
@@ -80,7 +80,7 @@
             }
         },
     },
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/views/admin/AdminView.vue

@@ -210,14 +210,14 @@
 </style>
 
 <script>
-    import { useUserStore } from '@/stores/userStore';
+import { useUserStore } from '@/stores/userStore';
-    import { mapStores } from 'pinia';
+import { mapStores } from 'pinia';
 
-    export default {
+export default {
     data () {
         return {
             formData: {}
-            }
+        };
     },
     computed: {
         ...mapStores( useUserStore )
@@ -249,6 +249,6 @@
             }
         }
     }
-    };
+};
 </script>
 

src/webapp/main/src/views/admin/EventsView.vue

@@ -96,10 +96,10 @@
 </style>
 
 <script>
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
-    import rightClickMenu from '@/components/settings/rightClickMenu.vue';
+import rightClickMenu from '@/components/settings/rightClickMenu.vue';
 
-    export default {
+export default {
     name: 'OrderView',
     components: {
         popups,
@@ -107,11 +107,11 @@
     },
     data () {
         return {
-                events: { 'test':{ 'name': 'TestEvent', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'freeSeats': 2, 'maxSeats': 2, 'date':'2023-08-15', 'startingPrice':15, 'location': 'TestLocation', 'eventID': 'test', 'currency': 'CHF', 'logo': new URL( '/assets/logo.png', import.meta.url ).href } },
+            events: { 'test': { 'name': 'TestEvent', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'freeSeats': 2, 'maxSeats': 2, 'date': '2023-08-15', 'startingPrice': 15, 'location': 'TestLocation', 'eventID': 'test', 'currency': 'CHF', 'logo': new URL( '/assets/logo.png', import.meta.url ).href } },
             currentDate: new Date().getTime(),
             eventList: { 'upcoming': { 'name': 'Upcoming', 'content': {} }, 'past': { 'name': 'Past', 'content': {} }, 'drafts': { 'name': 'Drafts', 'content': {} } },
             currentlyOpenMenu: '',
-            }
+        };
     },
     created() {
         this.loadData();
@@ -149,7 +149,7 @@
             } );
         },
         openRightClickMenu( id, event ) {
-                this.$refs.rclk.openRightClickMenu( event, { 'edit': { 'command': 'editEvent', 'symbol': 'edit', 'display': 'Edit event' }, 'delete': { 'command': 'deleteEvent', 'symbol': 'delete', 'display': 'Delete event' } } )
+            this.$refs.rclk.openRightClickMenu( event, { 'edit': { 'command': 'editEvent', 'symbol': 'edit', 'display': 'Edit event' }, 'delete': { 'command': 'deleteEvent', 'symbol': 'delete', 'display': 'Delete event' } } );
             this.currentlyOpenMenu = id;
         },
         executeCommand( command ) {
@@ -213,5 +213,5 @@
             }
         },
     }
-    };
+};
 </script>

src/webapp/main/src/views/admin/LocationsView.vue

@@ -36,17 +36,17 @@
 </template>
 
 <script>
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
-    import rightClickMenu from '@/components/settings/rightClickMenu.vue';
+import rightClickMenu from '@/components/settings/rightClickMenu.vue';
 
-    export default {
+export default {
     data () {
         return {
-                locations: { 'test':{ 'name':'TestLocation', 'locationID':'test', 'seatplan-enabled': true, 'seatplan': {} } },
+            locations: { 'test': { 'name': 'TestLocation', 'locationID': 'test', 'seatplan-enabled': true, 'seatplan': {} } },
             currentlyOpenMenu: '',
             currentPopup: '',
             updatedLocations: {}
-            }
+        };
     },
     components: {
         popups,
@@ -60,21 +60,21 @@
                 'locationID': { 
                     'display': 'Internal location name', 
                     'id': 'locationID', 
-                        'tooltip':'Give the location where the event takes place a name. This name will not be shown to the customers and is used for the backend and admin portal. Has to be unique', 
+                    'tooltip': 'Give the location where the event takes place a name. This name will not be shown to the customers and is used for the backend and admin portal. Has to be unique', 
                     'value': locationID,
                     'type': 'text',
                 },
                 'name': { 
                     'display': 'Public location name', 
                     'id': 'name', 
-                        'tooltip':'The name of the location that is shown to the customers.', 
+                    'tooltip': 'The name of the location that is shown to the customers.', 
                     'value': this.locations[ locationID ][ 'name' ],
                     'type': 'text',
                 },
                 'seatplan-enabled': { 
                     'display': 'Use seat plan?', 
                     'id': 'seatplan-enabled', 
-                        'tooltip':'With this toggle you may specify whether or not this location has a seat plan or not.', 
+                    'tooltip': 'With this toggle you may specify whether or not this location has a seat plan or not.', 
                     'value': this.locations[ locationID ][ 'seatplan-enabled' ],
                     'type': 'toggle',
                 },
@@ -86,28 +86,28 @@
                 'locationID': { 
                     'display': 'Internal location name', 
                     'id': 'locationID', 
-                        'tooltip':'Give the location where the event takes place a name. This name will not be shown to the customers and is used for the backend and admin portal. Has to be unique', 
+                    'tooltip': 'Give the location where the event takes place a name. This name will not be shown to the customers and is used for the backend and admin portal. Has to be unique', 
                     'value': '',
                     'type': 'text',
                 },
                 'name': { 
                     'display': 'Public location name', 
                     'id': 'name', 
-                        'tooltip':'The name of the location that is shown to the customers.', 
+                    'tooltip': 'The name of the location that is shown to the customers.', 
                     'value': '',
                     'type': 'text',
                 },
                 'seatplan-enabled': { 
                     'display': 'Use seat plan?', 
                     'id': 'seatplan-enabled', 
-                        'tooltip':'With this toggle you may specify whether or not this location has a seat plan or not.', 
+                    'tooltip': 'With this toggle you may specify whether or not this location has a seat plan or not.', 
                     'value': true,
                     'type': 'toggle',
                 },
                 'seatplanEditor': { 
                     'display': 'Seat plan editor', 
                     'id': 'seatplanEditor', 
-                        'tooltip':'The seat plan editor allows you to create a seat plan that closely resembles the location you host the event in.', 
+                    'tooltip': 'The seat plan editor allows you to create a seat plan that closely resembles the location you host the event in.', 
                     'type': 'link',
                     'restrictions': {
                         'to': '/admin/seatplan',
@@ -120,9 +120,9 @@
         openRightClickMenu( id, event, hasSeatplan ) {
             this.currentlyOpenMenu = id;
             if ( hasSeatplan ) {
-                    this.$refs.rclk.openRightClickMenu( event, { 'edit': { 'command': 'editLocation', 'symbol': 'edit', 'display': 'Edit location' }, 'editor': { 'command': 'openEditor', 'symbol': 'tune', 'display': 'Edit seatplan' }, 'delete': { 'command': 'deleteLocation', 'symbol': 'delete', 'display': 'Delete location' } } )
+                this.$refs.rclk.openRightClickMenu( event, { 'edit': { 'command': 'editLocation', 'symbol': 'edit', 'display': 'Edit location' }, 'editor': { 'command': 'openEditor', 'symbol': 'tune', 'display': 'Edit seatplan' }, 'delete': { 'command': 'deleteLocation', 'symbol': 'delete', 'display': 'Delete location' } } );
             } else {
-                    this.$refs.rclk.openRightClickMenu( event, { 'edit': { 'command': 'editLocation', 'symbol': 'edit', 'display': 'Edit location' }, 'delete': { 'command': 'deleteLocation', 'symbol': 'delete', 'display': 'Delete location' } } )
+                this.$refs.rclk.openRightClickMenu( event, { 'edit': { 'command': 'editLocation', 'symbol': 'edit', 'display': 'Edit location' }, 'delete': { 'command': 'deleteLocation', 'symbol': 'delete', 'display': 'Delete location' } } );
             }
         },
         executeCommand( command ) {
@@ -193,7 +193,7 @@
             } );
         } );
     }
-    };
+};
 </script>
 
 

src/webapp/main/src/views/admin/PagesView.vue

@@ -71,17 +71,17 @@
 </template>
 
 <script>
-    import PictureInput from 'vue-picture-input';
+import PictureInput from 'vue-picture-input';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
 
-    export default {
+export default {
     data () {
         return {
             startPageTemplates: [],
             startPageSettings: {},
             selectedTemplate: '',
-            }
+        };
     },
     components: {
         PictureInput,
@@ -106,7 +106,7 @@
             for ( let setting in this.startPageSettings ) {
                 if ( this.startPageSettings[ setting ][ 'type' ] === 'image' ) {
                     if ( this.saveImage( this.startPageSettings[ setting ].id ) ) {
-                            this.$refs.notification.createNotification( 'No image selected!', 5, 'error', 'normal' )
+                        this.$refs.notification.createNotification( 'No image selected!', 5, 'error', 'normal' );
                     }
                 } else {
                     if ( this.startPageSettings[ setting ][ 'value' ] ) {
@@ -221,5 +221,5 @@
             }
         } );
     }
-    };
+};
 </script>

src/webapp/main/src/views/admin/PluginsView.vue

@@ -25,11 +25,11 @@
 </template>
 
 <script>
-    export default {
+export default {
     data () {
         return {
             allPlugins: {}
-            }
+        };
     },
     methods: {
         loadData () {
@@ -47,7 +47,7 @@
     created () {
         this.loadData();
     }
-    };
+};
 </script>
 
 <style scoped>

src/webapp/main/src/views/admin/SettingsView.vue

@@ -54,12 +54,12 @@
 </template>
 
 <script>
-    import settings from '@/components/settings/settings.vue';
+import settings from '@/components/settings/settings.vue';
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
-    import rightClickMenu from '@/components/settings/rightClickMenu.vue';
+import rightClickMenu from '@/components/settings/rightClickMenu.vue';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
 
-    export default {
+export default {
     name: 'adminSettingsView',
     components: {
         settings,
@@ -76,20 +76,20 @@
                 '2fa': { 
                     'display': 'Require Two-Factor-Authentication of user', 
                     'id': '2fa', 
-                        'tooltip':'Control whether or not users are required to use Two-Factor-Authentication. Defaults to "User can decide", which is recommended', 
+                    'tooltip': 'Control whether or not users are required to use Two-Factor-Authentication. Defaults to "User can decide", which is recommended', 
                     'value': 'enforce',
                     'type': 'select',
                     'restrictions': {
                         'enforce': { 
-                                'displayName':'Always require',
+                            'displayName': 'Always require',
                             'value': 'enforce'
                         },
                         'allow': { 
-                                'displayName':'User can decide',
+                            'displayName': 'User can decide',
                             'value': 'allow'
                         },
                         'disable': { 
-                                'displayName':'Disable',
+                            'displayName': 'Disable',
                             'value': 'disable'
                         },
                     }
@@ -97,7 +97,7 @@
                 'currency': { 
                     'display': 'Currency', 
                     'id': 'currency', 
-                        'tooltip':'Specify a currency in which the prices are displayed to the customer. Defaults to USD. Please use valid currency codes.', 
+                    'tooltip': 'Specify a currency in which the prices are displayed to the customer. Defaults to USD. Please use valid currency codes.', 
                     'value': 'USD',
                     'type': 'text',
                 },
@@ -115,16 +115,16 @@
                 'paymentGateway': { 
                     'display': 'Select the payment gateway to use', 
                     'id': 'paymentGateway', 
-                        'tooltip':'With this setting you may change which payment gateway you want to use. You will need to provide details below! If you are not sure what this setting means, please click the link below.', 
+                    'tooltip': 'With this setting you may change which payment gateway you want to use. You will need to provide details below! If you are not sure what this setting means, please click the link below.', 
                     'value': 'stripe',
                     'type': 'select',
                     'restrictions': {
                         'payrexx': { 
-                                'displayName':'Payrexx',
+                            'displayName': 'Payrexx',
                             'value': 'payrexx'
                         },
                         'stripe': { 
-                                'displayName':'Stripe',
+                            'displayName': 'Stripe',
                             'value': 'stripe'
                         },
                     }
@@ -151,7 +151,7 @@
                 //     'type': 'toggle',
                 // },
             }
-            }
+        };
     },
     methods: {
         showAccountSettings ( account ) {
@@ -160,28 +160,28 @@
                 'pagesSettings': { 
                     'display': 'Modify pages', 
                     'id': 'pagesSettings', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to access and change any settings of pages like the start page.', 
+                    'tooltip': 'Change this setting to allow or disallow the selected user to access and change any settings of pages like the start page.', 
                     'value': false,
                     'type': 'toggle',
                 },
                 'locationsSettings': { 
                     'display': 'Location settings and seat plans', 
                     'id': 'locationsSettings', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to modify, delete or create locations with their corresponding seat plans.', 
+                    'tooltip': 'Change this setting to allow or disallow the selected user to modify, delete or create locations with their corresponding seat plans.', 
                     'value': false,
                     'type': 'toggle',
                 },
                 'plugins': { 
                     'display': 'Plugin management', 
                     'id': 'plugins', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to install or uninstall plugins. Some plugins might allow you to set extra permissions inside of their settings panels', 
+                    'tooltip': 'Change this setting to allow or disallow the selected user to install or uninstall plugins. Some plugins might allow you to set extra permissions inside of their settings panels', 
                     'value': false,
                     'type': 'toggle',
                 },
                 'events': { 
                     'display': 'Event management', 
                     'id': 'events', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to install or uninstall plugins. Some plugins might allow you to set extra permissions inside of their settings panels', 
+                    'tooltip': 'Change this setting to allow or disallow the selected user to install or uninstall plugins. Some plugins might allow you to set extra permissions inside of their settings panels', 
                     'value': false,
                     'type': 'toggle',
                 },
@@ -195,14 +195,14 @@
                 'username': { 
                     'display': 'Username', 
                     'id': 'username', 
-                        'tooltip':'Change the username for this user.', 
+                    'tooltip': 'Change the username for this user.', 
                     'value': this.adminAccounts[ account ][ 'username' ],
                     'type': 'text',
                 },
                 'pass': { 
                     'display': 'Password', 
                     'id': 'pass', 
-                        'tooltip':'Change the password for this user.', 
+                    'tooltip': 'Change the password for this user.', 
                     'value': '',
                     'type': 'password',
                 },
@@ -247,28 +247,28 @@
                 'username': { 
                     'display': 'Username', 
                     'id': 'username', 
-                        'tooltip':'Add a username for this user', 
+                    'tooltip': 'Add a username for this user', 
                     'value': '',
                     'type': 'text',
                 },
                 'email': { 
                     'display': 'Email', 
                     'id': 'email', 
-                        'tooltip':'Add an email-address for this user', 
+                    'tooltip': 'Add an email-address for this user', 
                     'value': '',
                     'type': 'text',
                 },
                 'pass': { 
                     'display': 'Password', 
                     'id': 'pass', 
-                        'tooltip':'Create a password for this user.', 
+                    'tooltip': 'Create a password for this user.', 
                     'value': '',
                     'type': 'password',
                 },
                 'two_fa': { 
                     'display': 'Two Factor Authentication',
                     'id': 'two_fa',
-                        'tooltip':'With this setting you may change the 2FA Authentication should work for this user. Enhanced requires the user to enter a code, simple solely to click a link', 
+                    'tooltip': 'With this setting you may change the 2FA Authentication should work for this user. Enhanced requires the user to enter a code, simple solely to click a link', 
                     'value': 'enhanced',
                     'type': 'select',
                     'restrictions': {
@@ -348,7 +348,7 @@
                         if ( res.status === 200 ) {
                             this.$refs.notification.createNotification( 'Payment gateway settings saved!', 5, 'ok', 'normal' );
                         }
-                        } )
+                    } );
                 } else if ( this.currentPopup === 'createAccount' ) {
                     let fetchOptions = {
                         method: 'post',
@@ -390,7 +390,7 @@
             this.$refs.rclk.openRightClickMenu( event, { 
                 // 'permissions': { 'command': 'openPermissions', 'symbol': 'edit', 'display': 'Edit permissions' }, 
                 'password': { 'command': 'updatePassword', 'symbol': 'password', 'display': 'Edit account settings' }, 
-                    'delete': { 'command': 'deleteUser', 'symbol': 'delete', 'display': 'Delete User' } } )
+                'delete': { 'command': 'deleteUser', 'symbol': 'delete', 'display': 'Delete User' } } );
             this.currentlyOpenMenu = id;
         },
         loadData() {
@@ -447,7 +447,7 @@
         this.loadData();
         this.loadAdminAccounts();
     }
-    };
+};
 </script>
 
 

src/webapp/main/src/views/admin/TwoFA.vue

@@ -14,11 +14,11 @@
 </template>
 
 <script>
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
-    import { useUserStore } from '@/stores/userStore';
+import { useUserStore } from '@/stores/userStore';
-    import { mapStores } from 'pinia';
+import { mapStores } from 'pinia';
 
-    export default {
+export default {
     name: 'twoFAAdmin',
     components: {
         notifications
@@ -26,14 +26,14 @@
     data () { 
         return {
             code: { '1': '', '2': '' }
-            }
+        };
     },
     computed: {
         ...mapStores( useUserStore ),
     },
     created () {
         if ( this.userStore.getAdminTwoFACompliant ) {
-                if ( !!window.EventSource ) {
+            if ( window.EventSource ) {
                 setTimeout( () => {
                     let startNotification = this.$refs.notification.createNotification( 'Connecting to status service', 20, 'progress', 'normal' );
                     let source = new EventSource( localStorage.getItem( 'url' ) + '/admin/2fa/check', { withCredentials: true } );
@@ -46,14 +46,14 @@
                             self.$router.push( '/admin' );
                             console.log( e.data );
                         }
-                        }
+                    };
 
                     source.onopen = e => {
                         self.$refs.notification.createNotification( 'Connected to status service', 5, 'ok', 'normal' );
                         self.$refs.notification.cancelNotification( startNotification );
                     };
                         
-                        source.addEventListener( 'error', function(e) {
+                    source.addEventListener( 'error', function( e ) {
                         if ( e.eventPhase == EventSource.CLOSED ) source.close();
 
                         if ( e.target.readyState == EventSource.CLOSED ) {
@@ -61,7 +61,7 @@
                             self.$refs.notification.cancelNotification( startNotification );
                             self.$refs.notification.createNotification( 'Could not connect to status service', 5, 'error', 'normal' );
                         }
-                        }, false)
+                    }, false );
                 }, 300 );
             } else {
                 setTimeout( () => {
@@ -99,7 +99,7 @@
             }
         }
     },
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/views/admin/events/EditorView.vue

@@ -15,9 +15,9 @@
 </template>
 
 <script>
-    import window from '@/components/seatplan/editor/window.vue';
+import window from '@/components/seatplan/editor/window.vue';
 
-    export default {
+export default {
     data () {
         return {
             location: '',
@@ -37,7 +37,7 @@
     created() {
         this.checkLocationSelected();
     }
-    };
+};
 </script>
 
 <style>

src/webapp/main/src/views/admin/events/EventsDetailsView.vue

@@ -182,12 +182,12 @@
 </style>
 
 <script>
-    import settings from '@/components/settings/settings.vue';
+import settings from '@/components/settings/settings.vue';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
-    import PictureInput from 'vue-picture-input';
+import PictureInput from 'vue-picture-input';
 
-    export default {
+export default {
     name: 'TicketsDetailsView',
     components: {
         settings,
@@ -198,7 +198,7 @@
     data() {
         return {
             locations: {},
-                event: { 'name': 'Unnamed event', 'description': '', 'location': '', 'date': '', 'categories': {}, 'ageGroups': { '1':{ 'id': 1, 'name':'Child', 'age':'0 - 15.99' }, '2':{ 'id': 2, 'name': 'Adult' } }, 'maxTickets': 2, 'eventID': 'untitled' },
+            event: { 'name': 'Unnamed event', 'description': '', 'location': '', 'date': '', 'categories': {}, 'ageGroups': { '1': { 'id': 1, 'name': 'Child', 'age': '0 - 15.99' }, '2': { 'id': 2, 'name': 'Adult' } }, 'maxTickets': 2, 'eventID': 'untitled' },
             specialSettings: {
                 // 'guest-purchase': { 
                 //     'display': 'Enable guest purchase', 
@@ -217,7 +217,7 @@
                 'maxTickets': { 
                     'display': 'Maximum ticket count per account', 
                     'id': 'maxTickets', 
-                        'tooltip':'With this setting you can control how many tickets a person can buy. Defaults to 0, which means do not limit.', 
+                    'tooltip': 'With this setting you can control how many tickets a person can buy. Defaults to 0, which means do not limit.', 
                     'value': 0,
                     'type': 'number',
                     'restrictions': {
@@ -265,7 +265,7 @@
             hasLiveVersion: false,
             hasSeatPlan: true,
             totalSeats: 0,
-            }
+        };
     },
     created () {
         this.loadData();
@@ -355,7 +355,7 @@
                         }
                         if ( this.event.categories[ category ].price[ price ] < lowestPrice ) {
                             lowestPrice = this.event.categories[ category ].price[ price ];
-                            };
+                        }
                     }
                     totalSeats += parseInt( this.event.categories[ category ].ticketCount ?? 0 );
                 }
@@ -479,7 +479,7 @@
                                     }
                                 } );
                             }
-                            } )
+                        } );
                     }
                 } else if ( this.command === 'deployEvent' ) {
                     this.save( 'deploy' );
@@ -539,6 +539,6 @@
             }
         }
     }
-    };
+};
 </script>
 

src/webapp/main/src/views/admin/page/StartPageEditorView.vue

@@ -14,16 +14,16 @@
 </template>
 
 <script>
-    export default {
+export default {
     data () {
         return {
             formData: {}
-            }
+        };
     },
     methods: {
         setup () {
                 
         }
     }
-    };
+};
 </script>

src/webapp/main/src/views/purchasing/CartView.vue

@@ -114,15 +114,15 @@
 </style>
 
 <script>
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
     
-    export default {
+export default {
     data() {
         return {
             cart: {},
             backend: { 'currency': 'CHF' },
             ticketToDelete: {},
-            }
+        };
     },
     components: {
         popups,
@@ -233,7 +233,7 @@
             this.seatChecks( event );
         }
     }
-    }
+};
 </script>
 
 

src/webapp/main/src/views/purchasing/GuestPurchaseView.vue

@@ -14,15 +14,15 @@
 </template>
 
 <script>
-    export default {
+export default {
     methods: {
 
     },
     data() {
-            return {}
+        return {};
     },
     created() {
             
     }
-    }
+};
 </script>

src/webapp/main/src/views/purchasing/OrderView.vue

@@ -99,7 +99,7 @@
 </style>
 
 <script>
-    export default {
+export default {
     name: 'OrderView',
     methods: {
         setActiveTicket ( id ) {
@@ -128,10 +128,10 @@
     },
     data () {
         return {
-                events: { 'test':{ 'name': 'TestEvent', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'free': 2, 'maxTickets': 2, 'date':'2023-08-31T09:00:00Z', 'startingPrice':15, 'location': 'TestLocation', 'eventID': 'test', 'currency': 'CHF', 'logo': new URL( '/src/assets/logo.png', import.meta.url ).href }, 'test2':{ 'name': 'TestEvent2', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'freeSeats': 2, 'maxSeats': 2, 'date':'2023-08-15T09:00:00Z', 'startingPrice':15, 'location': 'TestLocation', 'eventID': 'test2', 'currency': 'CHF', 'logo': new URL( '/src/assets/logo.png', import.meta.url ).href } },
+            events: { 'test': { 'name': 'TestEvent', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'free': 2, 'maxTickets': 2, 'date': '2023-08-31T09:00:00Z', 'startingPrice': 15, 'location': 'TestLocation', 'eventID': 'test', 'currency': 'CHF', 'logo': new URL( '/src/assets/logo.png', import.meta.url ).href }, 'test2': { 'name': 'TestEvent2', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'freeSeats': 2, 'maxSeats': 2, 'date': '2023-08-15T09:00:00Z', 'startingPrice': 15, 'location': 'TestLocation', 'eventID': 'test2', 'currency': 'CHF', 'logo': new URL( '/src/assets/logo.png', import.meta.url ).href } },
             today: new Date().getTime(),
             locations: {},
-            }
+        };
     },
     computed: {
         orderedEvents () {
@@ -148,7 +148,7 @@
             return rt;
         }
     },
-    };
+};
 </script>
 
 

src/webapp/main/src/views/purchasing/PaymentSuccessView.vue

@@ -22,9 +22,9 @@
 </template>
 
 <script>
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
 
-    export default {
+export default {
     name: 'PaymentSuccessView',
     components: {
         notifications
@@ -33,10 +33,10 @@
 
     },
     data() {
-            return {}
+        return {};
     },
     created() {
-            if ( !!window.EventSource ) {
+        if ( window.EventSource ) {
             setTimeout( () => {
                 let startNotification = this.$refs.notification.createNotification( 'Connecting to status service...', 20, 'progress', 'normal' );
                 let source = new EventSource( localStorage.getItem( 'url' ) + '/payments/status', { withCredentials: true } );
@@ -59,7 +59,7 @@
                     } else if ( e.data === 'paymentOk' ) {
                         self.$refs.notification.createNotification( 'Your payment has been marked as completed!', 5, 'ok', 'normal' );
                     }
-                    }
+                };
 
                 source.onopen = e => {
                     self.$refs.notification.createNotification( 'Connected to status service', 5, 'ok', 'normal' );
@@ -103,7 +103,7 @@
             }, 5000 );
         }
     }
-    }
+};
 </script>
 
 <style>

src/webapp/main/src/views/purchasing/PurchaseView.vue

@@ -171,7 +171,7 @@ export default {
             backend: { 'currency': 'CHF' },
             cartNotEmpty: false,
             userData: {},
-        }
+        };
     },
     components: {
         notifications,
@@ -189,7 +189,7 @@ export default {
             for ( let event in cart ) {
                 if ( Object.keys( cart[ event ][ 'tickets' ] ).length  ) {
                     this.cartNotEmpty = true;
-                };
+                }
             }
             
             if ( this.cartNotEmpty ) {

src/webapp/main/src/views/purchasing/TicketsDetailsView.vue

@@ -158,7 +158,7 @@
 </style>
 
 <script>
-    export default {
+export default {
     name: 'TicketsDetailsView',
     created () {
         if ( !sessionStorage.getItem( 'selectedTicket' ) ) {
@@ -176,8 +176,8 @@
     data() {
         return {
             event: {},
-            }
-        }
         };
+    }
+};
 </script>
 

src/webapp/main/src/views/purchasing/TicketsOrderingView.vue

@@ -47,10 +47,10 @@
 </style>
 
 <script>
-    import seatplan from '@/components/seatplan/userApp/userWindow.vue';
+import seatplan from '@/components/seatplan/userApp/userWindow.vue';
-    import noseatplan from '@/components/noseatplan.vue';
+import noseatplan from '@/components/noseatplan.vue';
 
-    export default {
+export default {
     name: 'TicketsDetailsView',
     components: {
         seatplan,
@@ -60,7 +60,7 @@
         return {
             hasSeatplan: false,
             eventID: '',
-            }
+        };
     },
     created () {
         if ( !sessionStorage.getItem( 'selectedTicket' ) ) {
@@ -73,6 +73,6 @@
             this.hasSeatplan = true;
         }
     }
-    };
+};
 </script>
 

src/webapp/main/src/views/user/AccountView.vue

@@ -107,19 +107,19 @@
 </style>
 
 <script>
-    import { useUserStore } from '@/stores/userStore';
+import { useUserStore } from '@/stores/userStore';
-    import { mapStores } from 'pinia';
+import { mapStores } from 'pinia';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
-    import popups from '@/components/notifications/popups.vue';
+import popups from '@/components/notifications/popups.vue';
 
-    export default {
+export default {
     data () {
         return {
             accountData: {},
             isEditingAccount: false,
             emailStatus: '',
             twoFASetting: 'allow',
-            }
+        };
     },
     components: {
         notifications,
@@ -201,7 +201,7 @@
                             }
                         }
                     } else if ( !( /[a-z]/.test( mail[ l ] ) || /[A-Z]/.test( mail[ l ] ) || /[1-9]/.test( mail[ l ] ) || mail[ l ] === '-' || mail[ l ] === '_' ) ) { 
-                            return false 
+                        return false; 
                     }
                 } else {
                     if ( mail[ l ] === '@' ) {
@@ -265,5 +265,5 @@
     created () {
         this.loadData();
     }
-    }
+};
 </script>

src/webapp/main/src/views/user/LoginView.vue

@@ -26,15 +26,15 @@
 </template>
 
 <script>
-    import { useUserStore } from '@/stores/userStore';
+import { useUserStore } from '@/stores/userStore';
-    import { mapStores } from 'pinia';
+import { mapStores } from 'pinia';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
 
-    export default {
+export default {
     data () {
         return {
             formData: {}
-            }
+        };
     },
     components: {
         notifications,
@@ -82,7 +82,7 @@
             }
         },
     },
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/views/user/PasswordResetView.vue

@@ -28,13 +28,13 @@
 </style>
 
 <script>
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
 
-    export default {
+export default {
     data () {
         return {
             email: '',
-            }
+        };
     },
     components: {
         notifications,
@@ -64,5 +64,5 @@
             } );
         }
     }
-    }
+};
 </script>

src/webapp/main/src/views/user/SignupView.vue

@@ -53,16 +53,16 @@
 </template>
 
 <script>
-    import { useUserStore } from '@/stores/userStore';
+import { useUserStore } from '@/stores/userStore';
-    import { mapStores } from 'pinia';
+import { mapStores } from 'pinia';
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
 
-    export default {
+export default {
     data () {
         return {
             formData: {},
             emailStatus: '',
-            }
+        };
     },
     components: {
         notifications,
@@ -102,7 +102,7 @@
                             }
                         }
                     } else if ( !( /[a-z]/.test( mail[ l ] ) || /[A-Z]/.test( mail[ l ] ) || /[1-9]/.test( mail[ l ] ) || mail[ l ] === '-' || mail[ l ] === '_' ) ) { 
-                            return false 
+                        return false; 
                     }
                 } else {
                     if ( mail[ l ] === '@' ) {
@@ -182,7 +182,7 @@
             } );
         }
     },
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/src/views/user/TwoFA.vue

@@ -14,11 +14,11 @@
 </template>
 
 <script>
-    import notifications from '@/components/notifications/notifications.vue';
+import notifications from '@/components/notifications/notifications.vue';
-    import { useUserStore } from '@/stores/userStore';
+import { useUserStore } from '@/stores/userStore';
-    import { mapStores } from 'pinia';
+import { mapStores } from 'pinia';
 
-    export default {
+export default {
     name: 'twoFA',
     components: {
         notifications
@@ -27,14 +27,14 @@
         return {
             code: { '1': '', '2': '' },
             serverPing: null,
-            }
+        };
     },
     computed: {
         ...mapStores( useUserStore ),
     },
     created () {
         if ( this.userStore.getUserTwoFACompliant ) {
-                if ( !!window.EventSource ) {
+            if ( window.EventSource ) {
                 setTimeout( () => {
                     let startNotification = this.$refs.notification.createNotification( 'Connecting to status service', 20, 'progress', 'normal' );
                     let source = new EventSource( localStorage.getItem( 'url' ) + '/user/2fa/check', { withCredentials: true } );
@@ -46,7 +46,7 @@
                             self.userStore.setUserAuth( true );
                             self.$router.push( sessionStorage.getItem( 'redirect' ) ?? '/account' );
                         }
-                        }
+                    };
 
                     source.onopen = e => {
                         self.$refs.notification.createNotification( 'Connected to status service', 5, 'ok', 'normal' );
@@ -60,7 +60,7 @@
                             self.$refs.notification.cancelNotification( startNotification );
                             self.$refs.notification.createNotification( 'Could not connect to status service', 5, 'error', 'normal' );
                         }
-                        }, false)
+                    }, false );
                 }, 300 );
             } else {
                 setTimeout( () => {
@@ -101,7 +101,7 @@
     unmounted() {
         clearInterval( this.serverPing );
     }
-    }
+};
 </script>
 
 <style scoped>

src/webapp/main/vite.config.js

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue'
+import vue from '@vitejs/plugin-vue';
 const path = require( 'path' );
 
 export default defineConfig( {

src/webapp/setup/.eslintrc.cjs

@@ -1,11 +0,0 @@
-/* eslint-env node */
-module.exports = {
-  root: true,
-  'extends': [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended'
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest'
-  }
-}

src/webapp/setup/.eslintrc.js

@@ -0,0 +1,73 @@
+/*
+*				libreevent - .eslintrc.js
+*
+*	Created by Janis Hutz 02/26/2023, Licensed under the GPL V3 License
+*			https://janishutz.com, development@janishutz.com
+*
+*
+*/
+
+module.exports = {
+    'env': {
+        'browser': true,
+        'commonjs': true,
+        'es2021': true,
+        'node': true
+    },
+    'extends': [
+        'plugin:vue/vue3-essential',
+        'eslint:recommended'
+    ],
+    'overrides': [
+    ],
+    'parserOptions': {
+        'ecmaVersion': 'latest'
+    },
+    'rules': {
+        'indent': [
+            'error',
+            4
+        ],
+        'linebreak-style': [
+            'error',
+            'unix'
+        ],
+        'quotes': [
+            'error',
+            'single'
+        ],
+        'semi': [
+            'error',
+            'always'
+        ],
+        'spaced-comment': [
+            'error',
+            'always'
+        ], 
+        'arrow-spacing': [
+            'error',
+            { 'before': true, 'after': true }
+        ], 
+        'func-call-spacing': [
+            'error',
+            'never'
+        ], 
+        'keyword-spacing': [
+            'error',
+            { 'before': true, 'after': true }
+        ], 
+        'key-spacing': [
+            'error',
+            { 'mode': 'strict' }
+        ], 
+        'space-before-blocks': [
+            'error',
+            'always'
+        ],
+        'space-in-parens': [
+            'error', 
+            'always'
+        ],
+        'no-var': 'error'
+    }
+};