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

@@ -49,7 +49,7 @@ export default {
             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

@@ -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

@@ -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': {} },
-        }
+        };
     },
     methods: {
         loadInternal () {
@@ -282,7 +282,7 @@ export default {
     created () {
         this.loadInternal();
     }
-}
+};
 </script>
 
 <style scoped>

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

@@ -84,7 +84,7 @@
             generalSettings: { 'namingScheme': 'numeric' },
             seatCountInfo: { 'details': {}, 'count': 0 },
             autoSave: null,
-            }
+        };
     },
     methods: {
         /* 
@@ -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 ] = {};
@@ -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

@@ -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/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,7 +7,7 @@
 *
 */
 
-import { defineStore } from "pinia";
+import { defineStore } from 'pinia';
 
 export const useBackendStore = defineStore( 'backend', {
     state: () => ( { 'guestPurchase': false, 'guestPurchaseAllowed': false } ),

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

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

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

@@ -18,7 +18,7 @@
     data () {
         return {
             formData: {}
-            }
+        };
     },
     methods: {
         setup () {

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

@@ -32,7 +32,7 @@
     data () {
         return {
             formData: {}
-            }
+        };
     },
     components: {
         notifications,
@@ -80,7 +80,7 @@
             }
         },
     },
-    }
+};
 </script>
 
 <style scoped>

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

@@ -217,7 +217,7 @@
     data () {
         return {
             formData: {}
-            }
+        };
     },
     computed: {
         ...mapStores( useUserStore )

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

@@ -111,7 +111,7 @@
             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 ) {

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

@@ -46,7 +46,7 @@
             currentlyOpenMenu: '',
             currentPopup: '',
             updatedLocations: {}
-            }
+        };
     },
     components: {
         popups,
@@ -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 ) {

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

@@ -81,7 +81,7 @@
             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' ] ) {

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

@@ -29,7 +29,7 @@
     data () {
         return {
             allPlugins: {}
-            }
+        };
     },
     methods: {
         loadData () {

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

@@ -151,7 +151,7 @@
                 //     'type': 'toggle',
                 // },
             }
-            }
+        };
     },
     methods: {
         showAccountSettings ( account ) {
@@ -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() {

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

@@ -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,7 +46,7 @@
                             self.$router.push( '/admin' );
                             console.log( e.data );
                         }
-                        }
+                    };
 
                     source.onopen = e => {
                         self.$refs.notification.createNotification( 'Connected to status service', 5, 'ok', 'normal' );
@@ -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/EventsDetailsView.vue

@@ -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' );

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

@@ -18,7 +18,7 @@
     data () {
         return {
             formData: {}
-            }
+        };
     },
     methods: {
         setup () {

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

@@ -122,7 +122,7 @@
             cart: {},
             backend: { 'currency': 'CHF' },
             ticketToDelete: {},
-            }
+        };
     },
     components: {
         popups,
@@ -233,7 +233,7 @@
             this.seatChecks( event );
         }
     }
-    }
+};
 </script>
 
 

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

@@ -19,10 +19,10 @@
 
     },
     data() {
-            return {}
+        return {};
     },
     created() {
             
     }
-    }
+};
 </script>

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

@@ -131,7 +131,7 @@
             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 () {

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

@@ -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

@@ -176,7 +176,7 @@
     data() {
         return {
             event: {},
-            }
+        };
     }
 };
 </script>

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

@@ -60,7 +60,7 @@
         return {
             hasSeatplan: false,
             eventID: '',
-            }
+        };
     },
     created () {
         if ( !sessionStorage.getItem( 'selectedTicket' ) ) {

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

@@ -119,7 +119,7 @@
             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

@@ -34,7 +34,7 @@
     data () {
         return {
             formData: {}
-            }
+        };
     },
     components: {
         notifications,
@@ -82,7 +82,7 @@
             }
         },
     },
-    }
+};
 </script>
 
 <style scoped>

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

@@ -34,7 +34,7 @@
     data () {
         return {
             email: '',
-            }
+        };
     },
     components: {
         notifications,
@@ -64,5 +64,5 @@
             } );
         }
     }
-    }
+};
 </script>

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

@@ -62,7 +62,7 @@
         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

@@ -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'
+    }
+};