lift version

backend/go.mod

@@ -4,7 +4,7 @@ go 1.25.4
 
 require (
 	gitea.tecamino.com/paadi/access-handler v1.0.34
-	gitea.tecamino.com/paadi/memberDB v1.1.18
+	gitea.tecamino.com/paadi/memberDB v1.1.27
 	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.10 // indirect
+	gitea.tecamino.com/paadi/dbHandler v1.1.11 // 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.34 h1:6P65HiusSfvgv/ezOvxSahqyRJMK9UrxtGsz6loLoUk=
 gitea.tecamino.com/paadi/access-handler v1.0.34/go.mod h1:HyMp1WvzmqLw8Ljt3r1qlF8fY+T5WFXr9Da/CTIM0H8=
-gitea.tecamino.com/paadi/dbHandler v1.1.10 h1:zZQbDTJ0bu6CIW90Zms8yYIzTLHtWPNhVKRxLUXEDuE=
+gitea.tecamino.com/paadi/dbHandler v1.1.11 h1:hTpMWRr4dW7TkiBnEku0/3ggDC7/uP82U9paRKY/QEs=
-gitea.tecamino.com/paadi/dbHandler v1.1.10/go.mod h1:y/xn/POJg1DO++67uKvnO23lJQgh+XFQq7HZCS9Getw=
+gitea.tecamino.com/paadi/dbHandler v1.1.11/go.mod h1:y/xn/POJg1DO++67uKvnO23lJQgh+XFQq7HZCS9Getw=
-gitea.tecamino.com/paadi/memberDB v1.1.18 h1:BEOyPaJvlVYZfUHzHnXB12mvuI/3RzKBQnyISf0qoAw=
+gitea.tecamino.com/paadi/memberDB v1.1.27 h1:UJ/CHKc2CKd+TZ5HiGMK6p/A8wNqGUy9JjpmaPtKrEA=
-gitea.tecamino.com/paadi/memberDB v1.1.18/go.mod h1:VBsORoIIhh0/RM5AvmaAjMEM2/cNaIT2TqDL1VDcov4=
+gitea.tecamino.com/paadi/memberDB v1.1.27/go.mod h1:uLoKel+EcuXUzxAY5ugfWh640TSomfTJR+g8Jfe8YKI=
 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"
@@ -119,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
@@ -136,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)
@@ -152,6 +158,8 @@ func main() {
 	auth.POST("/events/delete/attendees", dbHandler.DeleteAttendee)
 	auth.POST("/events/delete", dbHandler.DeleteEvent)
 
+	auth.POST("/report", dbHandler.GetReport)
+
 	auth.POST("/groups/add", dbHandler.NewGroup)
 	auth.POST("/groups/edit", dbHandler.UpdateGroup)
 	auth.POST("/groups/delete", dbHandler.DeleteGroup)

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.1",
+  "version": "1.3.0",
   "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"

quasar.config.ts

@@ -112,7 +112,7 @@ export default defineConfig((/* ctx */) => {
       //directives: [],
 
       // Quasar plugins
-      plugins: ['Notify', 'Dialog'],
+      plugins: ['Cookies', 'Notify', 'Dialog'],
     },
 
     // animations: 'all', // --- includes all animations

src/assets/lang/de-CH.yaml

@@ -132,12 +132,34 @@ 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
+apply: Awende
+minimal: Minimal
+maximal: Maximal
+average: Durchschnitt
+filterEventName: Verastautig filtere
+hintFilterEventName: "*'IIgabe'* * oder % als filler vorher oder nächer"
+total: Gesamt

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,11 +133,33 @@ 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
+apply: Anwenden
+minimal: Minimal
+maximal: Maximal
+average: Durchschnitt
+filterEventName: Veranstaltung filtern
+hintFilterEventName: "*'Eingabe'* * oder % als Filler vorher oder nachher"
+total: Gesamt

src/assets/lang/en-US.yaml

@@ -133,11 +133,33 @@ 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
+apply: Apply
+minimal: Minimal
+maximal: Maximal
+average: Average
+filterEventName: filter Events
+hintFilterEventName: "*'Input'* * or % as filler before oder after"
+total: Total

src/assets/lang/es-ES.yaml

@@ -1,3 +1,165 @@
-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
+SundayShort: 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
+apply: Aplicar
+minimal: Mínimo
+maximal: Máximo
+average: Promedio
+filterEventName: filtrar eventos
+hintFilterEventName: "*''Entrada'* * o % como relleno antes o después"
+total: Total

src/components/DateDaySelect.vue

@@ -0,0 +1,84 @@
+<template>
+  <div
+    class="q-ma-sm q-gutter-sm"
+    :style="{ height: props.height + 'px', width: props.width + 'px' }"
+  >
+    <h6 class="text-center text-bold q-ma-md text-primary">{{ props.title }}</h6>
+    <div class="row">
+      <q-checkbox
+        style="min-width: 75px"
+        dense
+        v-for="opt in weekdayOptions"
+        :key="opt.value"
+        v-model="selectedWeekdays"
+        :val="opt.value"
+        :label="opt.label"
+      />
+    </div>
+    <div class="row">
+      <q-date v-model="dateRange" range flat />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, watch } from 'vue';
+import { date } from 'quasar';
+import { i18n } from 'src/boot/lang';
+
+const props = defineProps({
+  title: String,
+  height: { type: Number, default: 400 },
+  width: { type: Number, default: 300 },
+});
+
+const startDate = new Date();
+
+// Initial range (format: YYYY-MM-DD)
+const dateRange = ref<string | { to: string; from: string }>('');
+const selectedWeekdays = ref([0, 3]); // Default to weekdays
+
+const emit = defineEmits(['update:dates']);
+onMounted(() => {
+  dateRange.value = date.formatDate(startDate, 'YYYY-MM-DD');
+});
+
+const weekdayOptions = [
+  { label: i18n.global.t('MondayShort'), value: 1 },
+  { label: i18n.global.t('TuesdayShort'), value: 2 },
+  { label: i18n.global.t('WednesdayShort'), value: 3 },
+  { label: i18n.global.t('ThursdayShort'), value: 4 },
+  { label: i18n.global.t('FridayShort'), value: 5 },
+  { label: i18n.global.t('SaturdayShort'), value: 6 },
+  { label: i18n.global.t('SundayShort'), value: 0 },
+];
+
+// The Logic: Calculate all specific dates within the range that match weekdays
+watch(dateRange, () => {
+  if (!dateRange.value) {
+    return [];
+  } else if (typeof dateRange.value === 'string') {
+    const current = new Date(dateRange.value);
+    if (current !== undefined && selectedWeekdays.value.includes(current.getDay())) {
+      emit('update:dates', [date.formatDate(current, 'YYYY-MM-DD')]);
+      return [date.formatDate(current, 'YYYY-MM-DD')];
+    }
+    return [];
+  }
+
+  const end = new Date(dateRange.value.to);
+  const result = [];
+
+  let current = new Date(dateRange.value.from);
+
+  while (current <= end) {
+    if (selectedWeekdays.value.includes(current.getDay())) {
+      result.push(date.formatDate(current, 'YYYY-MM-DD'));
+    }
+    current = date.addToDate(current, { days: 1 });
+  }
+
+  emit('update:dates', result);
+  return result;
+});
+</script>

src/components/MemberEditAllDialog.vue

@@ -69,7 +69,6 @@
           filled
           emit-value
           map-options
-          option-value="name"
           option-label="name"
           v-model="localMember.group"
         ></q-select>
@@ -107,7 +106,7 @@
 import DialogFrame from 'src/vueLib/dialog/DialogFrame.vue';
 import { type PropType, ref } from 'vue';
 import { appApi } from 'src/boot/axios';
-import type { Member } from 'src/vueLib/models/member';
+import type { Member, Members } from 'src/vueLib/models/member';
 import { useNotify } from 'src/vueLib/general/useNotify';
 import { i18n } from 'src/boot/lang';
 import type { Responsibles } from 'src/vueLib/models/responsible';
@@ -127,7 +126,7 @@ const props = defineProps({
     type: Object as PropType<Responsibles>,
   },
   group: {
-    type: Array,
+    type: Object as PropType<Members>,
   },
 });
 

src/components/ReportStat.vue

@@ -0,0 +1,53 @@
+<template>
+  <q-card class="col-auto">
+    <div class="row q-col-gutter-xs">
+      <div v-for="opt in props.amounts" :key="opt.name">
+        <q-card class="q-ma-xs" flat bordered>
+          <q-item dense>
+            <q-item-section>
+              <q-item-label class="text-bold text-primary text-center">
+                {{ opt.name }}
+              </q-item-label>
+            </q-item-section>
+          </q-item>
+
+          <q-separator />
+
+          <q-card-section>
+            <div class="column justify-between items-center q-mb-xs">
+              <span class="text-bold text-grey-7 text-caption">{{ $t('events') }}</span>
+              <q-badge color="black" outline class="text-bold">{{ opt.events }}</q-badge>
+            </div>
+
+            <div class="column justify-between items-center q-mb-xs">
+              <span class="text-bold text-grey-7 text-caption">{{ $t('minimal') }}</span>
+              <q-badge color="secondary" outline class="text-bold">{{ opt.minimal }}</q-badge>
+            </div>
+
+            <div class="column justify-between items-center q-mb-xs">
+              <span class="text-bold text-grey-7 text-caption">{{ $t('average') }}</span>
+              <q-badge color="secondary" outline class="text-bold">{{ opt.average }}</q-badge>
+            </div>
+
+            <div class="column justify-between items-center q-mb-xs">
+              <span class="text-bold text-grey-7 text-caption">{{ $t('maximal') }}</span>
+              <q-badge color="primary" outline class="text-bold">{{ opt.maximal }}</q-badge>
+            </div>
+          </q-card-section>
+        </q-card>
+      </div>
+    </div>
+  </q-card>
+</template>
+
+<script setup lang="ts">
+import type { Amount } from 'src/vueLib/models/report';
+import type { PropType } from 'vue';
+
+const props = defineProps({
+  amounts: {
+    type: Object as PropType<Amount[]>,
+    required: true,
+  },
+});
+</script>

src/layouts/MainLayout.vue

@@ -3,11 +3,13 @@
     <q-header elevated>
       <q-toolbar>
         <q-img
+          v-if="localLogo !== undefined && localLogo !== ''"
           :src="localLogo"
           alt="Logo"
           style="width: 40px; height: 40px; background-color: var(--q-primary)"
           class="q-mr-sm"
         />
+
         <q-btn flat dense round icon="menu" aria-label="Menu" @click="toggleLeftDrawer" />
 
         <q-toolbar-title class="text-primary-text"> {{ $t(appName) }} </q-toolbar-title>
@@ -63,6 +65,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

@@ -24,8 +24,13 @@ export function getLocalSettings(): Settings {
     db = databaseName.value;
   }
 
+  let iconName = localStorage.getItem('icon');
+  if (iconName === undefined || iconName === 'undefined') {
+    iconName = '';
+  }
+
   return <Settings>{
-    icon: localStorage.getItem('icon'),
+    icon: iconName,
     appName: name,
     databaseName: db,
     primaryColor: localStorage.getItem('primaryColor'),
@@ -74,8 +79,8 @@ export function getLocalLanguage(): string | null {
 
 type pageDefault = {
   page: string;
-  filteredColumn: string;
+  stringValue: string;
-  filteredValue: string[];
+  filteredValues: string[];
 };
 
 type pageDefaults = pageDefault[];
@@ -89,7 +94,7 @@ export function setLocalPageDefaults(
 ) {
   updateOrAddObject(
     pageDefaults.value,
-    { page: page, filteredColumn: filteredColumn, filteredValue: filteredValue },
+    { page: page, stringValue: filteredColumn, filteredValues: filteredValue },
     'page',
   );
   localStorage.setItem('pageDefaults', JSON.stringify(pageDefaults.value));

src/pages/ReportPage.vue

@@ -0,0 +1,233 @@
+<template>
+  <q-inner-loading
+    :showing="loading"
+    label="Please wait..."
+    label-class="text-teal"
+    label-style="font-size: 1.1em"
+  />
+  <div class="colums">
+    <div class="row justify-end">
+      <q-btn-dropdown
+        ref="dropdownRef"
+        class="q-ma-sm"
+        color="primary"
+        :label="$t('selectDates')"
+        @show="loadSettings"
+      >
+        <DateDaySelect @update:dates="updateReport" />
+        <div class="column justify-end q-pa-md">
+          <div class="row q-ma-md">
+            <q-input
+              class="col-7"
+              label-color="primary"
+              :label="$t('filterEventName')"
+              :hint="$t('hintFilterEventName')"
+              type="text"
+              v-model:model-value="filter"
+            ></q-input>
+          </div>
+          <div class="row q-ma-md">
+            <q-select
+              class="col-7"
+              :label="$t('filterByColumnValue')"
+              dense
+              v-model="group"
+              :options="groups"
+              option-label="name"
+              option-value="id"
+              multiple
+              clearable
+            />
+          </div>
+
+          <div class="row justify-end">
+            <q-btn dense class="q-ma-md" color="primary" no-caps @click="applyDateChoice">{{
+              $t('apply')
+            }}</q-btn>
+          </div>
+        </div>
+      </q-btn-dropdown>
+    </div>
+  </div>
+  <div class="row justify-center q-ma-xs">
+    <h3 class="col-12 text-center text-primary text-bold">{{ $t('report') }}</h3>
+    <ReportStat :amounts="amounts" />
+  </div>
+
+  <div class="row justify-center">
+    <div
+      v-if="attendees !== undefined"
+      :class="
+        nonAttendees !== undefined ? 'col-12 col-sm-5 col-md-5 q-pa-md' : 'col-12 col-md-8 col-lg-5'
+      "
+    >
+      <q-table
+        flat
+        dense
+        :no-data-label="$t('noDataAvailable')"
+        :loading-label="$t('loading')"
+        :rows-per-page-label="$t('recordsPerPage')"
+        :rows-per-page-options="[0]"
+        :title="$t('attendees')"
+        title-class="text-bold text-primary"
+        :rows="attendees"
+        :columns="columns"
+      >
+      </q-table>
+    </div>
+    <div
+      v-if="nonAttendees !== undefined"
+      :class="
+        attendees !== undefined ? 'col-12 col-sm-5 col-md-5 q-pa-md' : 'col-12 col-md-8 col-lg-5'
+      "
+    >
+      <q-table
+        flat
+        dense
+        :title="$t('noneAttendees')"
+        :no-data-label="$t('noDataAvailable')"
+        :loading-label="$t('loading')"
+        :rows-per-page-label="$t('recordsPerPage')"
+        :rows-per-page-options="[0]"
+        title-class="text-bold text-primary"
+        :rows="nonAttendees"
+        :columns="columns"
+      >
+      </q-table>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { appApi } from 'src/boot/axios';
+import DateDaySelect from 'src/components/DateDaySelect.vue';
+import { computed, onMounted, ref } from 'vue';
+import { useNotify } from 'src/vueLib/general/useNotify';
+import { i18n } from 'src/boot/lang';
+import { databaseName } from 'src/vueLib/models/settings';
+import type { Amount } from 'src/vueLib/models/report';
+import ReportStat from 'src/components/ReportStat.vue';
+import type { Group, Groups } from 'src/vueLib/models/group';
+import { getLocalPageDefaults, setLocalPageDefaults } from 'src/localstorage/localStorage';
+
+const filter = ref<string>('');
+const group = ref<Group[]>([]);
+const groups = ref<Groups>([]);
+const allDates = ref<string[]>([]);
+const attendees = ref();
+const nonAttendees = ref();
+const { NotifyResponse } = useNotify();
+const dropdownRef = ref();
+const loading = ref(false);
+const amounts = ref<Amount[]>([]);
+
+const columns = computed(() => [
+  {
+    name: 'firstName',
+    align: 'left' as const,
+    label: i18n.global.t('prename'),
+    field: 'firstName',
+    sortable: true,
+  },
+  {
+    name: 'lastName',
+    align: 'left' as const,
+    label: i18n.global.t('lastName'),
+    field: 'lastName',
+    sortable: true,
+  },
+]);
+
+onMounted(() => {
+  loading.value = true;
+  appApi
+    .post('database/open', { dbPath: databaseName.value })
+    .catch((err) => NotifyResponse(err, 'error'))
+
+    .finally(() => {
+      loading.value = false;
+    });
+  appApi
+    .get('/groups')
+    .then((resp) => (groups.value = resp.data))
+    .catch((err) => NotifyResponse(err, 'error'))
+
+    .finally(() => {
+      loading.value = false;
+    });
+});
+
+function loadSettings() {
+  const settings = getLocalPageDefaults('report');
+  if (!settings) return;
+  if (settings.filteredValues.length > 0) {
+    group.value = JSON.parse(settings?.filteredValues[0] || '') as Groups;
+  }
+}
+function applyDateChoice() {
+  loading.value = true;
+  dropdownRef.value.hide();
+
+  const payload: { name: null | string[]; date: string[]; groupIds: number[] | null } = {
+    name: null,
+    date: allDates.value,
+    groupIds: null,
+  };
+
+  if (filter.value) {
+    //name is a array of string and search works as example Test*, Ge*, *st
+    payload.name = [filter.value];
+  }
+  if (group.value) {
+    // group has to be array of id numbers
+    payload.groupIds = group.value.map((g) => g.id);
+  }
+  payload.date = allDates.value;
+
+  setLocalPageDefaults('report', filter.value || '', [JSON.stringify(group.value || '')]);
+
+  appApi
+    .post('report', payload)
+    .then((resp) => {
+      attendees.value = [];
+      nonAttendees.value = [];
+      if (!resp.data) return;
+      if (resp.data.data === undefined) return;
+      const data = resp.data.data;
+      if (data.data === undefined) return;
+
+      if (data.attendees) {
+        attendees.value = data.attendees;
+      }
+      if (data.attendees) {
+        nonAttendees.value = data.nonAttendees;
+      }
+
+      const days = [
+        'Monday',
+        'Tuesday',
+        'Wednesday',
+        'Thursday',
+        'Friday',
+        'Saturday',
+        'Sunday',
+        'total',
+      ];
+      amounts.value = days
+        .filter((day) => data.data[day]) // Only include days that exist in the response
+        .map((day) => ({
+          ...data.data[day],
+          name: i18n.global.t(day), // Dynamically translate the name
+        }));
+      if (amounts.value.length == 2) {
+        amounts.value.splice(1);
+      }
+    })
+    .catch((err) => NotifyResponse(err, 'error'))
+    .finally(() => (loading.value = false));
+}
+
+function updateReport(dates: string[]) {
+  allDates.value = dates;
+}
+</script>

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

@@ -40,6 +40,7 @@ export default defineRouter(function (/* { store, ssrContext } */) {
 
   Router.beforeEach((to, from, next) => {
     const userStore = useUserStore();
+
     const isLoggedIn = userStore.isAuthenticated;
     if (!userStore.$state.firstLogin && to.path === '/firstlogin') {
       next('/login');
@@ -51,7 +52,11 @@ export default defineRouter(function (/* { store, ssrContext } */) {
       to.meta.requiresAdmin &&
       !userStore.isPermittedTo(to.path.replace('/', ''), 'read')
     ) {
-      next('/');
+      if (to.meta.noBackendAdmin) {
+        next();
+      } else {
+        next('/');
+      }
     } else {
       next();
     }

src/router/routes.ts

@@ -37,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/general/SearchableSelect .vue

@@ -1,6 +1,7 @@
 <template>
   <q-select
     ref="selectRef"
+    :label="props.label || ''"
     v-model="modelValueLocal"
     :options="filteredOptions"
     :option-label="optionLabel"
@@ -43,6 +44,9 @@ const props = defineProps({
     type: Array as PropType<T[]>,
     required: true,
   },
+  label: {
+    type: String,
+  },
   optionLabel: {
     type: [Function, String] as PropType<((option: T) => string) | string | undefined>,
     required: true,

src/vueLib/models/report.ts

@@ -0,0 +1,7 @@
+export type Amount = {
+  name: string;
+  events: number;
+  minimal: number;
+  average: number;
+  maximal: number;
+};

src/vueLib/tables/attendees/AttendeesTableDialog.vue

@@ -96,7 +96,7 @@ const open = async (eventArray: number, event: Event) => {
 
   // set custom filter
   const defaults = getLocalPageDefaults('attendance');
-  setNewFilter(defaults?.filteredColumn || '', ...(defaults?.filteredValue ?? []));
+  setNewFilter(defaults?.stringValue || '', ...(defaults?.filteredValues ?? []));
 
   // set amount of missing attendace
   missingAttendanceAmount.value = filteredMembers.value.length;

src/vueLib/tables/members/MembersTable.vue

@@ -286,8 +286,8 @@ onMounted(() => {
   localCompareMembers.value = inProps.compareMembers;
 
   const defaults = getLocalPageDefaults(page.value);
-  selectedColumnFilter.value = defaults?.filteredColumn || '';
+  selectedColumnFilter.value = defaults?.stringValue || '';
-  selectedColumnOptions.value = defaults?.filteredValue ?? [];
+  selectedColumnOptions.value = defaults?.filteredValues ?? [];
 
   // set custom filter
   setNewFilter(selectedColumnFilter.value, ...selectedColumnOptions.value);