update packages

backend/go.mod

@@ -1,10 +1,10 @@
 module backend
 
-go 1.24.5
+go 1.25.4
 
 require (
-	gitea.tecamino.com/paadi/access-handler v1.0.29
+	gitea.tecamino.com/paadi/access-handler v1.0.34
-	gitea.tecamino.com/paadi/memberDB v1.1.13
+	gitea.tecamino.com/paadi/memberDB v1.1.19
 	gitea.tecamino.com/paadi/tecamino-dbm v0.1.1
 	gitea.tecamino.com/paadi/tecamino-logger v0.2.1
 	github.com/gin-contrib/cors v1.7.6
@@ -14,7 +14,7 @@ require (
 )
 
 require (
-	gitea.tecamino.com/paadi/dbHandler v1.1.7 // indirect
+	gitea.tecamino.com/paadi/dbHandler v1.1.10 // indirect
 	github.com/bytedance/sonic v1.14.0 // indirect
 	github.com/bytedance/sonic/loader v0.3.0 // indirect
 	github.com/cloudwego/base64x v0.1.6 // indirect

backend/go.sum

@@ -1,9 +1,9 @@
-gitea.tecamino.com/paadi/access-handler v1.0.29 h1:FZ67co/rfJffftT6xOp6psZKFtdEReaAR7PnEZi7ltI=
+gitea.tecamino.com/paadi/access-handler v1.0.34 h1:6P65HiusSfvgv/ezOvxSahqyRJMK9UrxtGsz6loLoUk=
-gitea.tecamino.com/paadi/access-handler v1.0.29/go.mod h1:Dmme8URu3lENPhlkZcdEeIKm8VMlAgT/jNLECLLS7Vs=
+gitea.tecamino.com/paadi/access-handler v1.0.34/go.mod h1:HyMp1WvzmqLw8Ljt3r1qlF8fY+T5WFXr9Da/CTIM0H8=
-gitea.tecamino.com/paadi/dbHandler v1.1.7 h1:NqVbxbUwd7EZX6HYntyLYwwPbyTPevOhIBTFqoCVqOU=
+gitea.tecamino.com/paadi/dbHandler v1.1.10 h1:zZQbDTJ0bu6CIW90Zms8yYIzTLHtWPNhVKRxLUXEDuE=
-gitea.tecamino.com/paadi/dbHandler v1.1.7/go.mod h1:y/xn/POJg1DO++67uKvnO23lJQgh+XFQq7HZCS9Getw=
+gitea.tecamino.com/paadi/dbHandler v1.1.10/go.mod h1:y/xn/POJg1DO++67uKvnO23lJQgh+XFQq7HZCS9Getw=
-gitea.tecamino.com/paadi/memberDB v1.1.13 h1:P5UsTt3d8829H9d3vfMAWpDN7ONqwhr8ndIuL9lBuvQ=
+gitea.tecamino.com/paadi/memberDB v1.1.19 h1:khbhtqS7rXTuOsWwxTO6rm13mIDjnBmJaTcJY4jmpQw=
-gitea.tecamino.com/paadi/memberDB v1.1.13/go.mod h1:FRbhFgXq4jDpfCrCfHCVr7VcA44fR8J3XXQFeO6QSBk=
+gitea.tecamino.com/paadi/memberDB v1.1.19/go.mod h1:VBsORoIIhh0/RM5AvmaAjMEM2/cNaIT2TqDL1VDcov4=
 gitea.tecamino.com/paadi/tecamino-dbm v0.1.1 h1:vAq7mwUxlxJuLzCQSDMrZCwo8ky5usWi9Qz+UP+WnkI=
 gitea.tecamino.com/paadi/tecamino-dbm v0.1.1/go.mod h1:+tmf1rjPaKEoNeUcr1vdtoFIFweNG3aUGevDAl3NMBk=
 gitea.tecamino.com/paadi/tecamino-logger v0.2.1 h1:sQTBKYPdzn9mmWX2JXZBtGBvNQH7cuXIwsl4TD0aMgE=

backend/main.go

@@ -4,6 +4,7 @@ import (
 	"backend/env"
 	"backend/models"
 	"backend/server"
+	"backend/stats"
 	"backend/utils"
 	"flag"
 	"fmt"
@@ -109,11 +110,8 @@ func main() {
 		allowOrigins = append(allowOrigins, fmt.Sprintf("%s%s:9000", httpString, localIP), fmt.Sprintf("%s%s:9500", httpString, localIP))
 	}
 
-	fmt.Println(100, allowOrigins)
-
 	s.Routes.Use(cors.New(cors.Config{
 		AllowOrigins:     allowOrigins,
-		//AllowOrigins:     []string{"*"},
 		AllowMethods:     []string{"POST", "GET", "DELETE", "OPTIONS"},
 		AllowHeaders:     []string{"Origin", "Content-Type"},
 		ExposeHeaders:    []string{"Content-Length"},
@@ -122,6 +120,10 @@ func main() {
 	}))
 
 	//set logger for AuthMiddleware
+	s.Routes.Use(func(c *gin.Context) {
+		c.Set("logger", logger)
+		c.Next()
+	})
 	accessHandler.SetMiddlewareLogger(s.Routes)
 	api := s.Routes.Group("/api")
 	//set routes
@@ -139,6 +141,7 @@ func main() {
 	role.GET("/members", dbHandler.GetMember)
 	auth.GET("/events", dbHandler.GetEvent)
 	auth.GET("/groups", dbHandler.GetGroup)
+	auth.POST("/stats", stats.GetStats)
 
 	auth.GET("/users", accessHandler.GetUser)
 	auth.GET("/roles", accessHandler.GetRole)

backend/stats/stats.go

@@ -0,0 +1,54 @@
+package stats
+
+import (
+	"backend/utils"
+	"net/http"
+	"os"
+
+	"gitea.tecamino.com/paadi/tecamino-logger/logging"
+	"github.com/gin-gonic/gin"
+)
+
+type Stats struct {
+	Database     string `json:"database,omitempty"`
+	DatabaseSize int64  `json:"databaseSize,omitempty"`
+}
+
+func GetStats(c *gin.Context) {
+	middlewareData, err := utils.GetMiddlewareData(c, "logger")
+	if err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{
+			"error": err.Error(),
+		})
+	}
+
+	logger, ok := middlewareData.(*logging.Logger)
+	if !ok {
+		c.JSON(http.StatusInternalServerError, gin.H{
+			"error": "middleware logger for state not defined",
+		})
+		return
+	}
+	var stats Stats
+	err = c.BindJSON(&stats)
+	if err != nil {
+		logger.Error("GetStats", err)
+		c.JSON(http.StatusInternalServerError, nil)
+		return
+	}
+
+	f, err := os.Stat(stats.Database)
+	if err != nil {
+		logger.Error("GetStats", err)
+		c.JSON(http.StatusInternalServerError, nil)
+		return
+	}
+
+	var returnStats = Stats{
+		DatabaseSize: f.Size(),
+	}
+
+	c.JSON(http.StatusOK, gin.H{
+		"data": returnStats,
+	})
+}

backend/utils/middleware.go

@@ -0,0 +1,28 @@
+package utils
+
+import (
+	"fmt"
+	"log"
+	"net/http"
+
+	"github.com/gin-gonic/gin"
+)
+
+func SetMiddlewareData(r *gin.Engine, key string, data any) {
+	//set logger for middleware
+	r.Use(func(c *gin.Context) {
+		c.Set(key, data)
+		c.Next()
+	})
+}
+
+func GetMiddlewareData(c *gin.Context, key string) (any, error) {
+	// Retrieve logger from Gin context
+	data, ok := c.Get("logger")
+	if !ok {
+		log.Fatal("middleware logger not set — use SetMiddlewareLogger first")
+		c.AbortWithStatusJSON(http.StatusInternalServerError, http.StatusInternalServerError)
+		return nil, fmt.Errorf("middleware key '%s'not set ", key)
+	}
+	return data, nil
+}

package-lock.json

@@ -1,24 +1,24 @@
 {
   "name": "lightcontrol",
-  "version": "1.0.1",
+  "version": "1.2.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "lightcontrol",
-      "version": "1.0.1",
+      "version": "1.2.1",
       "hasInstallScript": true,
       "dependencies": {
         "@capacitor-community/sqlite": "^7.0.1",
-        "@quasar/extras": "^1.16.4",
+        "@quasar/extras": "^1.17.0",
         "axios": "^1.10.0",
         "js-yaml": "^4.1.0",
         "jwt-decode": "^4.0.0",
         "pinia": "^3.0.3",
-        "quasar": "^2.16.0",
+        "quasar": "^2.18.6",
-        "vue": "^3.4.18",
+        "vue": "^3.5.27",
         "vue-i18n": "^11.1.12",
-        "vue-router": "^4.0.12",
+        "vue-router": "^4.6.4",
         "vue3-touch-events": "^5.0.13",
         "vuedraggable": "^4.1.0",
         "zxcvbn": "^4.4.2"
@@ -61,30 +61,30 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.25.9",
+      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.25.9",
+      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.27.0",
+      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
-      "integrity": "sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.27.0"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -94,13 +94,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.27.0",
+      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
-      "integrity": "sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.25.9"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1064,9 +1064,9 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
+      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
@@ -1231,9 +1231,9 @@
       }
     },
     "node_modules/@quasar/extras": {
-      "version": "1.16.17",
+      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/@quasar/extras/-/extras-1.16.17.tgz",
+      "resolved": "https://registry.npmjs.org/@quasar/extras/-/extras-1.17.0.tgz",
-      "integrity": "sha512-4aX9XU/oj1+8O2C7LQCgywmoIw7suyUEZMPFFLWI61f21mF55VOsMdLCBhjeFgL5U4EWy079mfOR6/J8thi/ag==",
+      "integrity": "sha512-KqAHdSJfIDauiR1nJ8rqHWT0diqD0QradZKoVIZJAilHAvgwyPIY7MbyR2z4RIMkUIMUSqBZcbshMpEw+9A30w==",
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -2130,53 +2130,65 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.27.tgz",
-      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+      "integrity": "sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.25.3",
+        "@babel/parser": "^7.28.5",
-        "@vue/shared": "3.5.13",
+        "@vue/shared": "3.5.27",
-        "entities": "^4.5.0",
+        "entities": "^7.0.0",
         "estree-walker": "^2.0.2",
-        "source-map-js": "^1.2.0"
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-core/node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.27.tgz",
-      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+      "integrity": "sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.5.13",
+        "@vue/compiler-core": "3.5.27",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.27"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.27.tgz",
-      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+      "integrity": "sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.25.3",
+        "@babel/parser": "^7.28.5",
-        "@vue/compiler-core": "3.5.13",
+        "@vue/compiler-core": "3.5.27",
-        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-dom": "3.5.27",
-        "@vue/compiler-ssr": "3.5.13",
+        "@vue/compiler-ssr": "3.5.27",
-        "@vue/shared": "3.5.13",
+        "@vue/shared": "3.5.27",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.11",
+        "magic-string": "^0.30.21",
-        "postcss": "^8.4.48",
+        "postcss": "^8.5.6",
-        "source-map-js": "^1.2.0"
+        "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.27.tgz",
-      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+      "integrity": "sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-dom": "3.5.27",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.27"
       }
     },
     "node_modules/@vue/compiler-vue2": {
@@ -2287,53 +2299,53 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.27.tgz",
-      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+      "integrity": "sha512-vvorxn2KXfJ0nBEnj4GYshSgsyMNFnIQah/wczXlsNXt+ijhugmW+PpJ2cNPe4V6jpnBcs0MhCODKllWG+nvoQ==",
       "license": "MIT",
       "dependencies": {
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.27"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.27.tgz",
-      "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+      "integrity": "sha512-fxVuX/fzgzeMPn/CLQecWeDIFNt3gQVhxM0rW02Tvp/YmZfXQgcTXlakq7IMutuZ/+Ogbn+K0oct9J3JZfyk3A==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.13",
+        "@vue/reactivity": "3.5.27",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.27"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.27.tgz",
-      "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+      "integrity": "sha512-/QnLslQgYqSJ5aUmb5F0z0caZPGHRB8LEAQ1s81vHFM5CBfnun63rxhvE/scVb/j3TbBuoZwkJyiLCkBluMpeg==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.13",
+        "@vue/reactivity": "3.5.27",
-        "@vue/runtime-core": "3.5.13",
+        "@vue/runtime-core": "3.5.27",
-        "@vue/shared": "3.5.13",
+        "@vue/shared": "3.5.27",
-        "csstype": "^3.1.3"
+        "csstype": "^3.2.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.27.tgz",
-      "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+      "integrity": "sha512-qOz/5thjeP1vAFc4+BY3Nr6wxyLhpeQgAE/8dDtKo6a6xdk+L4W46HDZgNmLOBUDEkFXV3G7pRiUqxjX0/2zWA==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-ssr": "3.5.13",
+        "@vue/compiler-ssr": "3.5.27",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.27"
       },
       "peerDependencies": {
-        "vue": "3.5.13"
+        "vue": "3.5.27"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.27.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "integrity": "sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==",
       "license": "MIT"
     },
     "node_modules/abort-controller": {
@@ -3370,9 +3382,9 @@
       }
     },
     "node_modules/csstype": {
-      "version": "3.1.3",
+      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
     "node_modules/de-indent": {
@@ -3618,6 +3630,7 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -5378,12 +5391,12 @@
       "license": "ISC"
     },
     "node_modules/magic-string": {
-      "version": "0.30.17",
+      "version": "0.30.21",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
-      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
+        "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
     "node_modules/math-intrinsics": {
@@ -6037,9 +6050,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.3",
+      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
       "funding": [
         {
           "type": "opencollective",
@@ -6056,7 +6069,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.8",
+        "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -6187,9 +6200,9 @@
       }
     },
     "node_modules/quasar": {
-      "version": "2.18.1",
+      "version": "2.18.6",
-      "resolved": "https://registry.npmjs.org/quasar/-/quasar-2.18.1.tgz",
+      "resolved": "https://registry.npmjs.org/quasar/-/quasar-2.18.6.tgz",
-      "integrity": "sha512-db/P64Mzpt1uXJ0MapaG+IYJQ9hHDb5KtTCoszwC78DR7sA+Uoj7nBW2EytwYykIExEmqavOvKrdasTvqhkgEg==",
+      "integrity": "sha512-ZlK+vJXOBPSFDCNQDBDNwSI+AHoqaFPxK8ve6mhsYLhMKWI5b8zsGY9VU1xYjngO2aBvU4fvGWXy4tTbzrBk8Q==",
       "license": "MIT",
       "engines": {
         "node": ">= 10.18.1",
@@ -8122,16 +8135,16 @@
       "license": "MIT"
     },
     "node_modules/vue": {
-      "version": "3.5.13",
+      "version": "3.5.27",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.27.tgz",
-      "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+      "integrity": "sha512-aJ/UtoEyFySPBGarREmN4z6qNKpbEguYHMmXSiOGk69czc+zhs0NF6tEFrY8TZKAl8N/LYAkd4JHVd5E/AsSmw==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-dom": "3.5.27",
-        "@vue/compiler-sfc": "3.5.13",
+        "@vue/compiler-sfc": "3.5.27",
-        "@vue/runtime-dom": "3.5.13",
+        "@vue/runtime-dom": "3.5.27",
-        "@vue/server-renderer": "3.5.13",
+        "@vue/server-renderer": "3.5.27",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.27"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -8201,9 +8214,9 @@
       }
     },
     "node_modules/vue-router": {
-      "version": "4.5.1",
+      "version": "4.6.4",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.4.tgz",
-      "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==",
+      "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
       "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.6.4"
@@ -8212,7 +8225,7 @@
         "url": "https://github.com/sponsors/posva"
       },
       "peerDependencies": {
-        "vue": "^3.2.0"
+        "vue": "^3.5.0"
       }
     },
     "node_modules/vue-tsc": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lightcontrol",
-  "version": "1.2.0",
+  "version": "1.2.3",
   "description": "A Tecamino App",
   "productName": "Attendence Records",
   "author": "A. Zuercher",
@@ -16,15 +16,15 @@
   },
   "dependencies": {
     "@capacitor-community/sqlite": "^7.0.1",
-    "@quasar/extras": "^1.16.4",
+    "@quasar/extras": "^1.17.0",
     "axios": "^1.10.0",
     "js-yaml": "^4.1.0",
     "jwt-decode": "^4.0.0",
     "pinia": "^3.0.3",
-    "quasar": "^2.16.0",
+    "quasar": "^2.18.6",
-    "vue": "^3.4.18",
+    "vue": "^3.5.27",
     "vue-i18n": "^11.1.12",
-    "vue-router": "^4.0.12",
+    "vue-router": "^4.6.4",
     "vue3-touch-events": "^5.0.13",
     "vuedraggable": "^4.1.0",
     "zxcvbn": "^4.4.2"

src/assets/lang/de-CH.yaml

@@ -132,11 +132,27 @@ filterByColumn: Spaltenfilter
 filterByColumnValue: Spaltenwerte
 saveAsDefault: Aus Standard spichere
 day: Tag
-Monday: Mäntig
+MondayShort: Mäntig
+Monday: Mo
 Tuesday: Zistig
+TuesdayShort: Di
 Wednesday: Mittwuch
+WednesdayShort: Mi
 Thursday: Donstig
+ThursdayShort: Do
 Friday: Fritig
+FridayShort: Fr
 Saturday: Samstig
+SaturdayShort: Sa
 Sunday: Suntig
+SundayShort: So
 currentPassword: Aktuelles Passwort
+addFirstUser: Füeg erste Admin Benutzer hinzu
+report: Rapport
+stats: Statistik
+databaseSize: Datebank Grössi
+numberOfMembers: Anzau Mitglieder
+numberOfEvents: Anzau Veranstautige
+numberOfResponsibles: Anzau Veratwortläche
+numberOfGroups: Anzau Gruppe
+selectDates: Datumuswauh

src/assets/lang/de-DE.yaml

@@ -110,8 +110,8 @@ eventAdded: Veranstaltung hinzugefügt
 userUpdated: Benutzer aktualisiert
 selectResponsibleOptions: Wähle Verantwortliche Optionen
 addNewResponsible: Füge neuen Verantwortlichen hinzu
-responsibleAdded: Veratwortläche hinzuegfüegt
+responsibleAdded: Verantwortliche hinzugefügt
-responsiblesAdded: Verantwortliche hinzuegfüegt
+responsiblesAdded: Verantwortliche hinzugefügt
 deleteResponsible: Verantwortliche entfernt
 deleteResponsibles: Verantwortliche entfernt
 expiration: Ablauf
@@ -133,10 +133,26 @@ filterByColumnValue: Spaltenwerte
 saveAsDefault: Als Standard speichern
 day: Tag
 Monday: Montag
+MondayShort: Mo
 Tuesday: Dienstag
+TuesdayShort: Di
 Wednesday: Mittwoch
+WednesdayShort: Mi
 Thursday: Donnerstag
+ThursdayShort: Do
 Friday: Freitag
+FridayShort: Fr
 Saturday: Samstag
+SaturdayShort: Sa
 Sunday: Sonntag
+SundayShort: So
 currentPassword: Aktuelles Passwort
+addFirstUser: Füge erster Admin Benutzer hinzu
+report: Rapport
+stats: Statistik
+databaseSize: Datenbank Grösse
+numberOfMembers: Anzahl Mitglieder
+numberOfEvents: Anzahl Veranstaltungen
+numberOfResponsibles: Anzahl Verantwortliche
+numberOfGroups: Anzahl Gruppe
+selectDates: Datumauswahl

src/assets/lang/en-US.yaml

@@ -133,10 +133,26 @@ filterByColumnValue: Columnvalues
 saveAsDefault: Save a Default
 day: Day
 Monday: Monday
+MondayShort: Mon
 Tuesday: Tuesday
+TuesdayShort: Tue
 Wednesday: Wednesday
+WednesdayShort: Wed
 Thursday: Thursday
+ThursdayShort: Thur
 Friday: Friday
+FridayShort: Fri
 Saturday: Saturday
+SaturdayShort: Sat
 Sunday: Sunday
+SundayShort: Sun
 currentPassword: Current Password
+addFirstUser: Add first Admin User
+report: Report
+stats: Statistic
+databaseSize: Database size
+numberOfMembers: Amount of Members
+numberOfEvents: Amount of Events
+numberOfResponsibles: Amount of Responsibles
+numberOfGroups: Amount of Groups
+selectDates: Dateselection

src/assets/lang/es-ES.yaml

@@ -1,3 +1,158 @@
-hello: hola
+language: Idioma
-goodbye: adios
+prename: Nombre
-language: Lengua
+lastName: Apellido
+birthday: Fecha de nacimiento
+email: Correo electrónico
+group: Grupo
+groups: Grupos
+age: Edad
+address: Dirección
+town: Ciudad
+zipCode: Código postal
+phone: Teléfono
+responsible: Responsable
+firstVisit: Primera visita
+lastVisit: Última visita
+search: Buscar
+noDataAvailable: No hay datos disponibles
+importCSV: Importar CSV
+exportCSV: Exportar CSV
+selectMemberOptions: Seleccionar opciones de miembro
+addNewMember: Añadir nuevo miembro
+csvOptions: Opciones CSV
+delete: Eliminar
+edit: Editar
+confirm: Confirmar
+cancel: Cancelar
+doYouWantToDelete: ¿Desea eliminar?
+close: Cerrar
+loading: Cargando
+recordsPerPage: «Registros por página:»
+recordSelected: Registro seleccionado
+selected: Seleccionado
+settings: Configuración
+databaseName: Nombre de la base de datos
+token: Token
+login: Iniciar sesión
+logout: Cerrar sesión
+user: Usuario
+password: Contraseña
+isRequired: Es obligatorio
+colors: Colores
+primaryColor: Color principal
+primaryColorText: Color del texto principal
+secondaryColor: Color secundario
+secondaryColorText: Color del texto secundario
+database: Base de datos
+general: General
+setColors: Establecer colores
+icon: Icono
+resetColors: Restablecer colores
+save: Guardar
+users: Usuarios
+roles: Roles
+name: Nombre
+role: Rol
+addNewUser: Añadir nuevo usuario
+expires: Caduca
+selectUserOptions: Seleccionar opciones de usuario
+prenameIsRequired: El nombre es obligatorio
+lastNameIsRequired: El apellido es obligatorio
+birthdayIsRequired: La fecha de nacimiento es obligatoria
+userIsRequired: El usuario es obligatorio
+emailIsRequired: El correo electrónico es obligatorio
+roleIsRequired: El rol es obligatorio
+permissions: Permisos
+selectRoleOptions: Seleccionar opciones de rol
+selectEventOptions: Seleccionar opciones de evento
+addNewRole: Añadir nuevo rol
+addNewEvent: Añadir nuevo evento
+veryWeak: Muy débil
+weak: Débil
+fair: Regular
+good: Bueno
+strong: Fuerte
+passwordIsRequired: Se requiere contraseña
+passwordTooShort: La contraseña debe tener al menos 8 caracteres
+passwordNeedsUppercase: La contraseña debe contener al menos una letra mayúscula
+passwordNeedsLowercase: La contraseña debe contener al menos una letra minúscula
+passwordNeedsNumber: La contraseña debe contener al menos un número
+passwordNeedsSpecial: La contraseña debe contener al menos un carácter especial
+passwordDoNotMatch: La contraseña no coincide
+read: Leer
+write: Escribir
+userSettings: Configuración del usuario
+members: Miembros
+attendanceTable: Tabla de asistencia
+excursionTable: Tabla de excursiones
+updated: Actualizado
+events: Eventos
+eventNameIsRequired: Se requiere el nombre del evento
+eventName: Nombre del evento
+attendees: Asistentes
+now: Ahora
+addToEvent: Añadir al evento
+add: Añadir
+event: Evento
+dateAndTime: Fecha y hora
+count: Recuento
+selectAttendeesOptions: Seleccionar opciones de asistentes
+addNewAttendees: Añadir nuevo asistente
+notAllRequiredFieldsFilled: No se han rellenado todos los campos obligatorios
+memberUpdated: Miembro actualizado
+membersUpdated: Miembros actualizados
+deleteAttendee: Asistente eliminado
+deleteAttendees: Asistentes eliminados
+deleteRoles: Roles eliminados
+attendeeAdded: Asistente añadido
+attendeesAdded: Asistentes añadidos
+eventAdded: Evento añadido
+userUpdated: Usuario actualizado
+selectResponsibleOptions: Seleccionar opciones responsables
+addNewResponsible: Añadir responsable
+responsibleAdded: Responsable añadido
+responsiblesAdded: Responsables añadidos
+deleteResponsible: Responsable eliminado
+deleteResponsibles: Responsables eliminados
+expiration: Caducidad
+never: Nunca
+responsibles: Responsables
+comment: Comentario
+dark_mode: Modo oscuro
+light_mode: Modo claro
+import: Importar
+export: Exportar
+changePassword: Cambiar contraseña
+noneAttendees: Asistentes ausentes
+addNewgroup: Nuevo grupo
+selectgroupOptions: Seleccionar opciones de grupo
+groupNameIsRequired: Se requiere nombre de grupo
+groupName: Nombre de grupo
+filterByColumn: Filtro de columna
+filterByColumnValue: Valores de columna
+saveAsDefault: Guardar un valor predeterminado
+day: Día
+Monday: Lunes
+MondayShort: Lu
+Tuesday: Martes
+TuesdayShort: Ma
+Wednesday: Miércoles
+WednesdayShort: Mi
+Thursday: Jueves
+ThursdayShort: Ju
+Friday: Viernes
+FridayShort: Vi
+Saturday: Sábado
+SaturdayShort: Sá
+Sunday: Domingo
+Sunday: Do
+currentPassword: Contraseña actual
+addFirstUser: Añadir primer usuario administrador
+report: Informe
+stats: Estadísticas
+databaseSize: Tamaño de la base de datos
+numberOfMembers: Número de miembros
+numberOfEvents: Cantidad de eventos
+numberOfResponsibles: Número de responsables
+numberOfGroups: Número de grupos
+selectDates: Selección de fecha

src/boot/restore-route.js

@@ -8,6 +8,7 @@ export default boot(async ({ router }) => {
   // load user
   try {
     const { data } = await appApi.get('/login/me');
+    userStore.setFirstLogin(data.newDatabase);
 
     data.role.role = data.role;
     await userStore.setUser(data);
@@ -36,7 +37,7 @@ export default boot(async ({ router }) => {
   // Save the route after every successful navigation
   router.afterEach((to) => {
     // Don't save login page as "last route"
-    if (to.path !== '/login' && to.path !== '/') {
+    if (to.path !== '/login' && to.path !== '/firstlogin' && to.path !== '/') {
       setLocalLastRoute(to.fullPath);
     }
   });

src/components/AddToEvent.vue

@@ -74,7 +74,7 @@ function open(title: string, members: Members) {
   appApi
     .get('events')
     .then((resp) => {
-      events.value.push(...resp.data);
+      events.value.push(...resp.data.map((e: Event) => (e.name = e.name + ' (' + e.date + ')')));
     })
     .catch((err) => {
       NotifyResponse(err, 'error');

src/components/EditOneDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <DialogFrame ref="dialog" :header-title="'Edit ' + localTitle">
+  <DialogFrame ref="dialog" :header-title="$t('edit') + ' ' + localTitle">
     <div class="row justify-center">
       <q-input autofocus :label="localTitle" filled v-model="value" @keyup.enter="save">
         <template

src/components/EventEditAllDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <DialogFrame
     ref="dialog"
-    :header-title="newEvent ? $t('addNewEvent') : 'Edit ' + localEvent.name"
+    :header-title="newEvent ? $t('addNewEvent') : $t('edit') + ' ' + localEvent.name"
     :height="250"
     :width="500"
   >

src/components/MemberEditAllDialog.vue

@@ -2,7 +2,9 @@
   <DialogFrame
     ref="dialog"
     :header-title="
-      newMember ? $t('addNewMember') : 'Edit ' + localMember.firstName + ' ' + localMember.lastName
+      newMember
+        ? $t('addNewMember')
+        : $t('edit') + ' ' + localMember.firstName + ' ' + localMember.lastName
     "
     :height="600"
     :width="500"

src/components/RoleEditAllDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <DialogFrame
     ref="dialog"
-    :header-title="newRole ? $t('addNewRole') : 'Edit ' + localRole.role"
+    :header-title="newRole ? $t('addNewRole') : $t('edit') + ' ' + localRole.role"
     :height="700"
     :width="700"
   >

src/components/UserEditAllDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <DialogFrame
     ref="dialog"
-    :header-title="newUser ? $t('addNewUser') : 'Edit ' + localUser.user"
+    :header-title="newUser ? $t('addNewUser') : $t('edit') + ' ' + localUser.user"
     :height="600"
     :width="500"
   >

src/layouts/MainLayout.vue

@@ -63,6 +63,22 @@
         >
           <q-item-section>{{ $t('groups') }}</q-item-section>
         </q-item>
+        <q-item v-if="!autorized" to="/login" exact clickable v-ripple @click="closeDrawer">
+          <q-item-section>{{ $t('login') }}</q-item-section>
+        </q-item>
+        <!-- <q-item
+          v-if="autorized || user.isPermittedTo('members', 'read')"
+          to="/report"
+          exact
+          clickable
+          v-ripple
+          @click="closeDrawer"
+        >
+          <q-item-section> {{ $t('report') }}</q-item-section>
+        </q-item> -->
+        <q-item v-if="autorized" to="/stats" exact clickable v-ripple @click="closeDrawer">
+          <q-item-section> {{ $t('stats') }}</q-item-section>
+        </q-item>
       </q-list>
     </q-drawer>
     <q-page-container>

src/localstorage/localStorage.ts

@@ -14,10 +14,20 @@ export function setLocalSettings(settings: Settings) {
 }
 
 export function getLocalSettings(): Settings {
+  let name = localStorage.getItem('appName');
+  if (name === undefined || name === 'undefined') {
+    name = appName.value;
+  }
+
+  let db = localStorage.getItem('databaseName');
+  if (db === undefined || db === 'undefined') {
+    db = databaseName.value;
+  }
+
   return <Settings>{
     icon: localStorage.getItem('icon'),
-    appName: localStorage.getItem('appName') || appName.value,
+    appName: name,
-    databaseName: localStorage.getItem('databaseName') || databaseName.value,
+    databaseName: db,
     primaryColor: localStorage.getItem('primaryColor'),
     primaryColorText: localStorage.getItem('primaryColorText'),
     secondaryColor: localStorage.getItem('secondaryColor'),

src/pages/FirstLogin.vue

@@ -0,0 +1,82 @@
+<template>
+  <SiteTitle :title="$t('addFirstUser')" />
+  <div :class="$q.screen.width > 600 ? 'q-ma-xl q-pa-xs' : 'q-ma-none q-pa-none'">
+    <q-card :class="$q.screen.width > 600 ? 'q-ma-xl q-pa-xl' : 'q-gutter-md'">
+      <q-form ref="form">
+        <div class="q-pt-md">
+          <div class="row justify-center q-gutter-md">
+            <q-input
+              class="col-6 required"
+              :label="$t('user')"
+              filled
+              :lazy-rules="false"
+              :rules="[(val) => !!val || $t('userIsRequired')]"
+              v-model="localUser.user"
+              autofocus
+            ></q-input>
+            <q-input
+              class="col-6 required"
+              :label="$t('email')"
+              filled
+              :lazy-rules="false"
+              :rules="[(val) => !!val || $t('emailIsRequired')]"
+              v-model="localUser.email"
+            ></q-input>
+            <EnterNewPassword class="col-6 required" v-model:password="localUser.password!" />
+          </div>
+          <div class="row justify-center">
+            <q-btn class="q-ma-md" color="primary" no-caps @click="save">{{ $t('save') }}</q-btn>
+          </div>
+        </div>
+      </q-form>
+    </q-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { appApi } from 'src/boot/axios';
+import type { User } from 'src/vueLib/models/users';
+import { useNotify } from 'src/vueLib/general/useNotify';
+import { validateQForm } from 'src/vueLib/utils/validation';
+import { i18n } from 'src/boot/lang';
+import { DefaultSettings } from 'src/vueLib/models/settings';
+import EnterNewPassword from 'src/vueLib/login/EnterNewPassword.vue';
+import { defaultPermissions } from 'src/vueLib/checkboxes/permissions';
+import SiteTitle from 'src/vueLib/general/SiteTitle.vue';
+
+const { NotifyResponse } = useNotify();
+const form = ref();
+const localUser = ref<User>({
+  user: '',
+  email: '',
+});
+
+async function save() {
+  if (!(await validateQForm(form.value))) {
+    NotifyResponse(i18n.global.t('notAllRequiredFieldsFilled'), 'error');
+    return;
+  }
+
+  localUser.value.role = { role: 'admin', permissions: defaultPermissions };
+  localUser.value.role.permissions.forEach((p) => (p.permission = 31));
+  localUser.value.settings = DefaultSettings();
+
+  await appApi
+    .post('users/add', JSON.stringify(localUser.value))
+    .then(() => {
+      window.location.reload();
+    })
+    .catch((err) => {
+      NotifyResponse(err, 'error');
+      return;
+    });
+}
+</script>
+
+<style>
+.required .q-field__label::after {
+  content: ' *';
+  color: red;
+}
+</style>

src/pages/StatsPage.vue

@@ -0,0 +1,116 @@
+<template>
+  <site-title :title="$t('stats')" />
+  <q-card class="q-ma-md">
+    <q-card-section>
+      <div class="row q-ma-md q-gutter-md">
+        <q-card class="row col-auto">
+          <div class="col">
+            <h5 class="text-primary q-ma-md">{{ i18n.global.t('database') }}</h5>
+            <q-card-section>
+              <div class="column q-gutter-y-sm">
+                <div class="row items-center">
+                  <p class="text-bold" style="min-width: 180px">
+                    {{ i18n.global.t('databaseSize') }}:
+                  </p>
+                  <p class="q-ml-md">{{ stats }}</p>
+                </div>
+                <div class="row items-center">
+                  <p class="text-bold" style="min-width: 180px">
+                    {{ i18n.global.t('numberOfMembers') }}:
+                  </p>
+                  <p class="q-ml-md">{{ amounts?.members }}</p>
+                </div>
+                <div class="row items-center">
+                  <p class="text-bold" style="min-width: 180px">
+                    {{ i18n.global.t('numberOfEvents') }}:
+                  </p>
+                  <p class="q-ml-md">{{ amounts?.events }}</p>
+                </div>
+                <div class="row items-center">
+                  <p class="text-bold" style="min-width: 180px">
+                    {{ i18n.global.t('numberOfResponsibles') }}:
+                  </p>
+                  <p class="q-ml-md">{{ amounts?.responsibles }}</p>
+                </div>
+                <div class="row items-center">
+                  <p class="text-bold" style="min-width: 180px">
+                    {{ i18n.global.t('numberOfGroups') }}:
+                  </p>
+                  <p class="q-ml-md">{{ amounts?.groups }}</p>
+                </div>
+              </div>
+            </q-card-section>
+          </div>
+        </q-card>
+      </div>
+    </q-card-section>
+  </q-card>
+</template>
+
+<script setup lang="ts">
+import { appApi } from 'src/boot/axios';
+import { i18n } from 'src/boot/lang';
+import SiteTitle from 'src/vueLib/general/SiteTitle.vue';
+import { useNotify } from 'src/vueLib/general/useNotify';
+import { databaseName } from 'src/vueLib/models/settings';
+import { onMounted, ref } from 'vue';
+
+const stats = ref();
+const amounts = ref<{
+  members: number;
+  events: number;
+  responsibles: number;
+  groups: number;
+}>({
+  members: 0,
+  events: 0,
+  responsibles: 0,
+  groups: 0,
+});
+
+const { NotifyResponse } = useNotify();
+
+onMounted(async () => {
+  stats.value = await appApi
+    .post('/stats', { database: databaseName.value })
+    .then((resp) => {
+      if ((resp.data.databaseSize as number) >= 1000000000) {
+        return (resp.data.data.databaseSize / 1000000000).toFixed(2) + ' GB';
+      } else if ((resp.data.data.databaseSize as number) >= 1000000) {
+        return (resp.data.data.databaseSize / 1000000).toFixed(2) + ' MB';
+      } else if ((resp.data.data.databaseSize as number) >= 1000) {
+        return (resp.data.data.databaseSize / 1000).toFixed(2) + ' kB';
+      }
+      return resp.data.data.databaseSize + ' B';
+    })
+    .catch((err) => NotifyResponse(err, 'error'));
+
+  amounts.value.members = await appApi
+    .get('/members')
+    .then((resp) => {
+      return resp.data.length;
+    })
+    .catch((err) => NotifyResponse(err, 'error'));
+
+  amounts.value.events = await appApi
+    .get('/events')
+    .then((resp) => {
+      return resp.data.length;
+    })
+    .catch((err) => NotifyResponse(err, 'error'));
+
+  amounts.value.responsibles = await appApi
+    .get('responsible')
+    .then((resp) => {
+      return resp.data.length;
+    })
+    .catch((err) => NotifyResponse(err, 'error'));
+
+  amounts.value.groups = await appApi
+    .get('/groups')
+    .then((resp) => {
+      return resp.data.length;
+    })
+    .catch((err) => NotifyResponse(err, 'error'));
+});
+</script>

src/router/index.ts

@@ -17,6 +17,8 @@ import { useUserStore } from 'src/vueLib/login/userStore';
  * with the Router instance.
  */
 
+export let routerInstance: ReturnType<typeof createRouter>;
+
 export default defineRouter(function (/* { store, ssrContext } */) {
   const createHistory = process.env.SERVER
     ? createMemoryHistory
@@ -34,16 +36,27 @@ export default defineRouter(function (/* { store, ssrContext } */) {
     history: createHistory(process.env.VUE_ROUTER_BASE),
   });
 
+  routerInstance = Router;
+
   Router.beforeEach((to, from, next) => {
     const userStore = useUserStore();
+
     const isLoggedIn = userStore.isAuthenticated;
-    if (to.meta.requiresAuth && !isLoggedIn) {
+    if (!userStore.$state.firstLogin && to.path === '/firstlogin') {
+      next('/login');
+    } else if (userStore.$state.firstLogin && to.path !== '/firstlogin') {
+      next('/firstlogin');
+    } else if (to.meta.requiresAuth && !isLoggedIn) {
       next('/login');
     } else if (
       to.meta.requiresAdmin &&
       !userStore.isPermittedTo(to.path.replace('/', ''), 'read')
     ) {
+      if (to.meta.noBackendAdmin) {
+        next();
+      } else {
         next('/');
+      }
     } else {
       next();
     }

src/router/routes.ts

@@ -9,6 +9,10 @@ const routes: RouteRecordRaw[] = [
         path: '',
         component: () => import('pages/LoginPage.vue'),
       },
+      {
+        path: 'firstlogin',
+        component: () => import('pages/FirstLogin.vue'),
+      },
       {
         path: 'login',
         component: () => import('pages/LoginPage.vue'),
@@ -33,6 +37,16 @@ const routes: RouteRecordRaw[] = [
         component: () => import('src/pages/GroupTable.vue'),
         meta: { requiresAuth: true, requiresAdmin: true },
       },
+      {
+        path: 'report',
+        component: () => import('src/pages/ReportPage.vue'),
+        meta: { requiresAuth: true, requiresAdmin: false },
+      },
+      {
+        path: 'stats',
+        component: () => import('src/pages/StatsPage.vue'),
+        meta: { requiresAuth: true, requiresAdmin: true, noBackendAdmin: true },
+      },
       {
         path: 'settings',
         component: () => import('pages/SettingsPage.vue'),

src/vueLib/login/useLogin.ts

@@ -4,6 +4,7 @@ import { useNotify } from '../general/useNotify';
 import type { Settings } from '../models/settings';
 import { appName, logo } from '../models/settings';
 import { clearLocalStorage, setLocalSettings } from 'src/localstorage/localStorage';
+import { routerInstance } from 'src/router';
 
 const refreshTime = 10000;
 let intervalId: ReturnType<typeof setInterval> | null = null;
@@ -55,6 +56,7 @@ export function useLogin() {
     userStore.clearUser();
     clearLocalStorage();
     stopRefreshInterval();
+    await routerInstance.push('/login');
   }
 
   async function refresh() {

src/vueLib/login/userStore.ts

@@ -12,6 +12,7 @@ const { NotifyResponse } = useNotify();
 export const useUserStore = defineStore('user', {
   state: (): UserState => ({
     user: null,
+    firstLogin: false,
   }),
   getters: {
     isAuthenticated: (state: UserState): boolean => {
@@ -42,6 +43,9 @@ export const useUserStore = defineStore('user', {
     },
   },
   actions: {
+    setFirstLogin(b: boolean) {
+      this.firstLogin = b;
+    },
     async setUser(user: User) {
       await appApi
         .get('roles?role=' + user.role?.role)

src/vueLib/models/user.ts

@@ -8,8 +8,10 @@ export interface User {
   role: Role;
   permissions?: Permissions;
   settings?: Settings;
+  newDatabase?: boolean;
 }
 
 export interface UserState {
   user: User | null;
+  firstLogin: boolean;
 }

src/vueLib/tables/attendees/AttendeesTableDialog.vue

@@ -91,7 +91,7 @@ const open = async (eventArray: number, event: Event) => {
 
   // get attendance
   await updateAttendees(eventArray);
-  //get missing attendance from memer updateTable
+  //get missing attendance from member updateTable
   await updateMembers(event.attendees);
 
   // set custom filter

src/vueLib/tables/components/FilterSelect.vue

@@ -26,7 +26,10 @@
   </q-card>
 </template>
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, ref, watch } from 'vue';
+
+// initialized only after first mount
+const isMounted = ref(false);
 
 const props = defineProps({
   columnFilter: String,
@@ -42,6 +45,18 @@ const columnFilter = computed({
   set: (v) => emit('update:columnFilter', v),
 });
 
+//reset column option
+watch(
+  () => props.columnFilter,
+  () => {
+    if (!isMounted.value) {
+      isMounted.value = true;
+      return;
+    }
+    emit('update:columnOption', []); // reset properly
+  },
+);
+
 const columnOption = computed({
   get: () => props.columnOption,
   set: (v) => emit('update:columnOption', v),

src/vueLib/tables/group/GroupTable.vue

@@ -64,7 +64,7 @@
           :td-props="props"
           :permitted="user.isPermittedTo('group', 'write')"
           v-on:onClick="openGroupDialog(props.col.label, props.row)"
-          :value="props.value"
+          :value="props.value + ' (' + getAmount(props.row.name) + ')'"
         />
       </template>
       <template v-slot:body-cell-option="props">
@@ -122,6 +122,8 @@ import { i18n } from 'src/boot/lang';
 import type { Group, Groups } from 'src/vueLib/models/group';
 import SearchableInput from '../components/SearchableInput.vue';
 import TopButtonGroup from '../components/TopButtonGroup.vue';
+import { getAllMembers } from '../members/MembersTable';
+import type { Members } from 'src/vueLib/models/member';
 
 const { NotifyResponse } = useNotify();
 const groupDialog = ref();
@@ -135,13 +137,16 @@ const selected = ref<Groups>([]);
 const openSubmenu = ref(false);
 const filter = ref('');
 const user = useUserStore();
+const members = ref<Members>([]);
 
 const { groups, pagination, loading, columns, updateGroups } = useGroupTable();
 
 //load on mounting page
-onMounted(() => {
+onMounted(async () => {
   loading.value = true;
 
+  members.value = await getAllMembers();
+
   appApi
     .post('database/open', { dbPath: databaseName.value, create: true })
     .then(() => {
@@ -216,6 +221,11 @@ async function save() {
     })
     .catch((err) => NotifyResponse(err, 'error'));
 }
+
+function getAmount(name: string) {
+  const amount = members.value.filter((e) => e.group?.name == name);
+  return amount.length;
+}
 </script>
 
 <style>

src/vueLib/tables/members/MembersTable.ts

@@ -306,6 +306,11 @@ export function useMemberTable() {
               if (typeof value === 'number') {
                 return keys.includes(value.toString());
               }
+              if (typeof value === 'object') {
+                if ('name' in value) {
+                  return keys.includes(value.name);
+                }
+              }
               if (typeof value === 'string') {
                 return keys.includes(value);
               }
@@ -397,3 +402,27 @@ export function useMemberTable() {
     exportCsv,
   };
 }
+
+export async function getAllMembers(): Promise<Members> {
+  const { NotifyResponse } = useNotify();
+
+  const allMembers = ref<Members>([]);
+
+  await appApi
+    .get('members')
+    .then((resp) => {
+      if (resp.data === null) {
+        return [];
+      }
+      allMembers.value = resp.data as Members;
+      if (allMembers.value === null) {
+        return [];
+      }
+    })
+
+    .catch((err) => {
+      NotifyResponse(err, 'error');
+    });
+
+  return allMembers.value;
+}

src/vueLib/tables/members/MembersTable.vue

@@ -76,12 +76,8 @@
           v-on:clear="selectedColumnOptions = []"
           v-model:column-filter="selectedColumnFilter"
           v-model:column-option="selectedColumnOptions"
-          @update:column-filter="
+          @update:column-filter="filterMembers"
-            filterMembers(selectedColumnFilter, ...(selectedColumnOptions || []))
+          @update:column-option="filterMembers"
-          "
-          @update:column-option="
-            filterMembers(selectedColumnFilter, ...(selectedColumnOptions || []))
-          "
         />
       </div>
       <div v-if="selectOption && selected.length > 0" class="text-weight-bold">
@@ -352,7 +348,14 @@ function setColumnOptions(columnName: string) {
   const values = allMembers.value
     .map((e) => e[columnName as keyof Member]) // could be undefined
     .filter((v): v is string | number => v !== null && v !== undefined)
-    .map((v) => String(v));
+    .map((v) => {
+      if (typeof v === 'string') {
+        return v;
+      } else if (typeof v === 'object') {
+        const obj = v as Record<string, unknown>;
+        return String(obj['name']);
+      }
+    });
 
   const selection = [...new Set(values)];
 
@@ -364,9 +367,9 @@ function setColumnOptions(columnName: string) {
   return selection;
 }
 
-async function filterMembers(field: string, ...keys: string[]) {
+async function filterMembers() {
-  setNewFilter(field, ...keys);
+  setNewFilter(selectedColumnFilter.value, ...(selectedColumnOptions.value || []));
-  setLocalPageDefaults(page.value, field, keys);
+  setLocalPageDefaults(page.value, selectedColumnFilter.value, selectedColumnOptions.value || []);
   await updateTable();
 }
 
@@ -479,7 +482,6 @@ async function updateMemberLastVisit(members: Members) {
     .catch((err) => NotifyResponse(err, 'error'));
   localCompareMembers.value?.push(...members);
   await updateTable().catch((err) => NotifyResponse(err, 'error'));
-
   emit('update-event', filteredMembers.value.length);
 }
 

src/vueLib/tables/users/UserTable.vue

@@ -227,16 +227,12 @@ function openPwdDialog(user: User) {
 
 //change password api request
 async function changePassword(user: User) {
-  console.log(8, user);
   if (user.password == user.newPassword) {
     NotifyResponse(i18n.global.t('samePasswordEntered'), 'error');
     return;
   }
 
-  await appApi
+  await appApi.post('/users/new/password', user).catch((err) => console.error(err));
-    .post('/users/new/password', user)
-    .then((resp) => console.log(67, resp))
-    .catch((err) => console.error(err));
   changePwdDialog.value.close();
 }