1.1.2

Merge pull request 'patches v1.1.2' (#47 ) from develop into main
Reviewed-on: #47
2025-01-21 09:00:51 +01:00 · 2025-01-21 08:00:11 +00:00 · 2025-01-21 08:58:47 +01:00 · 2025-01-21 08:58:30 +01:00 · 2025-01-20 12:49:08 +01:00 · 2025-01-20 11:48:27 +00:00
95 changed files with 948 additions and 440 deletions
--- a/.env.example
+++ b/.env.example
@ -1,4 +1,5 @@
 VITE_SERVER_ADDRESS = backend_url #ohne pfad
+VITE_APP_NAME_OVERWRITE = Mitgliederverwaltung # overwrites FF Admin
 VITE_IMPRINT_LINK = https://mywebsite-imprint-url
 VITE_PRIVACY_LINK = https://mywebsite-privacy-url
 VITE_CUSTOM_LOGIN_MESSAGE = betrieben von xy
--- a/.env.production
+++ b/.env.production
@ -1,4 +1,5 @@
 VITE_SERVER_ADDRESS = __SERVERADDRESS__
+VITE_APP_NAME_OVERWRITE = __APPNAMEOVERWRITE__
 VITE_IMPRINT_LINK = __IMPRINTLINK__
 VITE_PRIVACY_LINK = __PRIVACYLINK__
 VITE_CUSTOM_LOGIN_MESSAGE = __CUSTOMLOGINMESSAGE__
--- a/README.md
+++ b/README.md
@ -6,7 +6,7 @@ Administration für Feuerwehren und Vereine.

 Dieses Repository dient hauptsächlich zur Verwaltung der Mitgliederdaten, aber auch zur Verwaltung weiterer Daten der Feuerwehr oder eines Vereins. Es ist ein Frontend-Client, der auf die Daten des [ff-admin-server Backends](https://forgejo.jk-effects.cloud/Ehrenamt/ff-admin-server) zugreift. Die Webapp bietet eine Möglichkeit Mitgliederdaten zu verwalten, Protokolle zu schreiben und Kaledereinträge zu erstellen. Benutzer können eingeladen und Rollen zugewiesen werden.

-Eine Demo dieser Seite finden Sie unter [https://ff-admin-demo.jk-effects.cloud](https://ff-admin-demo.jk-effects.cloud).
+Eine Demo dieser Seite finden Sie unter [https://admin-demo.ff-admin.de](https://admin-demo.ff-admin.de).

 Für die Verwendung muss ein TOTP-Code eingegeben werden.

@ -31,13 +31,15 @@ services:
    restart: unless-stopped

    #environment:
-    #  - SERVERADDRESS=<backend_url (https://... | http://...)> # wichtig: ohne pfad
+    #  - SERVERADDRESS=<backend_url (https://... | http://...)> # wichtig: ohne Pfad
+    #  - APPNAMEOVERWRITE=Mitgliederverwaltung # ersetzt den Namen FF-Admin auf der Login-Seite und sonstigen Positionen in der Oberfläche
    #  - IMPRINTLINK=https://mywebsite-imprint-url
    #  - PRIVACYLINK=https://mywebsite-privacy-url
    #  - CUSTOMLOGINMESSAGE=betrieben von xy
    #volumes:
-    #  - <volume|local path>/myfavicon.png:/usr/share/nginx/html/favicon.png
-    #  - <volume|local path>/mylogo.png:/usr/share/nginx/html/Logo.png
+    #  - <volume|local path>/favicon.ico:/usr/share/nginx/html/favicon.ico # 48x48 px Auflösung
+    #  - <volume|local path>/favicon.png:/usr/share/nginx/html/favicon.png # 512x512 px Auflösung - wird als pwa Icon genutzt
+    #  - <volume|local path>/Logo.png:/usr/share/nginx/html/Logo.png
 ```

 Wenn keine Server-Adresse angegeben wird, wird versucht das Backend unter der URL des Frontends zu erreichen. Dazu muss das Backend auf der gleichen URL wie das Frontend laufen. Zur Unterscheidung von Frontend und Backend bei gleicher URL müssen alle Anfragen mit dem PathPrefix `/api` an das Backend weitergeleitet werden.
@ -62,7 +64,7 @@ npm run start

 ### Konfiguration

-Ein eigenes favicon und Logo kann über ein volume ausgetauscht werden.
+Ein eigenes Favicon und Logo kann über das verwenden Volume ausgetauscht werden. Es dürfen jedoch nur einzelne Dateien ausgetauscht werden.

 ## Einrichtung

--- a/docs/ff-admin.md
+++ b/docs/ff-admin.md
@ -1,6 +1,6 @@
 # FF Admin

-## FF Admin ist eine Verwaltungsoberfläche für die Feuerwehr:
+## FF Admin ist eine Verwaltungsoberfläche für die Feuerwehr oder andere Vereine:

 FF Admin bietet folgende Module:
 - Mitgliederverwaltung
@ -23,3 +23,6 @@ FF Admin ist in Verein, Wehr, Einstellungen und Nutzerverwaltung getrennt.
 Die den Modulen zugrunde liegenden Daten können in den Einstellungen gesetzt werden.

 Fast alle Daten lassen sich einstellen, damit es keine Einschränkungen in der Auswahl von Werten... gibt. Diese Modularität muss allerdings bei einigen Modulen gesondert eingestellt werden.
+
+## Verwendung
+Damit FF Admin auch für andere Vereine genutzt werden kann, muss keine erweiterte Konfiguration vorgenommen werden. Am besten ist es alle nicht benötigten Module in der Berechtigungsverwaltung zu deaktivieren. So wird normalerweise der Abschnitt Wehr nicht außerhalb der Feuerwehr benötigt. So müssen hier lediglich keine Berechtigungen vergeben werden und das Modul ist außer für Administratoren oder Owner nicht sichtbar.
--- a/entrypoint.sh
+++ b/entrypoint.sh
@ -1,15 +1,22 @@
 #!/bin/sh

-keys="SERVERADDRESS IMPRINTLINK PRIVACYLINK CUSTOMLOGINMESSAGE"
+keys="SERVERADDRESS APPNAMEOVERWRITE IMPRINTLINK PRIVACYLINK CUSTOMLOGINMESSAGE"
+files="/usr/share/nginx/html/assets/config-*.js /usr/share/nginx/html/manifest.webmanifest"

 # Replace env vars in files served by NGINX
-for file in /usr/share/nginx/html/assets/config-*.js
+for file in $files
 do
  echo "Processing $file ...";
  for key in $keys
  do
    # Get environment variable
    value=$(eval echo "\$$key")
+
+    # Set default value for APPNAMEOVERWRITE if empty
+    if [ "$key" = "APPNAMEOVERWRITE" ] && [ -z "$value" ]; then
+      value="FF Admin"
+    fi
+
    echo "replace $key by $value"

    # replace __[variable_name]__ value with environment variable
--- a/index.html
+++ b/index.html
@ -4,7 +4,6 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Mitgliederverwaltung</title>
  </head>
  <body>
    <div id="app"></div>
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "ff-admin",
-  "version": "1.0.1",
+  "version": "1.1.2",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "ff-admin",
-      "version": "1.0.1",
+      "version": "1.1.2",
      "license": "GPL-3.0-only",
      "dependencies": {
        "@fullcalendar/core": "^6.1.15",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "ff-admin",
-  "version": "1.0.1",
+  "version": "1.1.2",
  "description": "Feuerwehr/Verein Mitgliederverwaltung UI",
  "type": "module",
  "scripts": {
@ -12,7 +12,7 @@
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
    "format": "prettier --write src/",
    "bnp": "npm run build-only && npm run preview",
-    "generate-pwa-assets": "pwa-assets-generator --preset minimal-2023 public/CM.svg"
+    "generate-pwa-assets": "pwa-assets-generator --preset minimal-2023 public/fw-wappen.png"
  },
  "repository": {
    "type": "git",
--- a/public/ChartDB(administration-db).json
+++ b/public/ChartDB(administration-db).json
@ -1,8 +1,8 @@
 {
  "id": "0",
  "name": "administration-db",
-  "createdAt": "2025-01-08T15:50:20.331Z",
-  "updatedAt": "2025-01-08T15:50:20.331Z",
+  "createdAt": "2025-01-12T13:30:56.612Z",
+  "updatedAt": "2025-01-12T13:30:56.612Z",
  "databaseType": "mariadb",
  "tables": [
    {
@ -1291,6 +1291,18 @@
        },
        {
          "id": "101",
+          "name": "postalCode",
+          "type": {
+            "name": "varchar",
+            "id": "varchar"
+          },
+          "unique": false,
+          "nullable": true,
+          "primaryKey": false,
+          "createdAt": 1736688552836
+        },
+        {
+          "id": "102",
          "name": "city",
          "type": {
            "id": "varchar",
@ -1305,7 +1317,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "102",
+          "id": "103",
          "name": "street",
          "type": {
            "id": "varchar",
@ -1320,7 +1332,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "103",
+          "id": "104",
          "name": "streetNumber",
          "type": {
            "id": "int",
@ -1333,7 +1345,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "104",
+          "id": "105",
          "name": "streetNumberAddition",
          "type": {
            "id": "varchar",
@ -1348,7 +1360,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "105",
+          "id": "106",
          "name": "typeId",
          "type": {
            "id": "int",
@ -1360,7 +1372,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "106",
+          "id": "107",
          "name": "memberId",
          "type": {
            "id": "int",
@ -1372,7 +1384,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "107",
+          "id": "108",
          "name": "isSMSAlarming",
          "type": {
            "id": "tinyint",
@ -1387,7 +1399,7 @@
      ],
      "indexes": [
        {
-          "id": "108",
+          "id": "109",
          "name": "PRIMARY",
          "unique": true,
          "fieldIds": [
@ -1396,20 +1408,20 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "109",
+          "id": "110",
          "name": "FK_21994db635b47e07f45b2686a51",
          "unique": false,
          "fieldIds": [
-            "105"
+            "106"
          ],
          "createdAt": 1734524896260
        },
        {
-          "id": "110",
+          "id": "111",
          "name": "FK_fc5f59e5c9aafdedd25ed8ed36e",
          "unique": false,
          "fieldIds": [
-            "106"
+            "107"
          ],
          "createdAt": 1734524896260
        }
@ -1421,14 +1433,14 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "111",
+      "id": "112",
      "name": "member_qualifications",
      "schema": "administration",
      "x": -250.37357560579426,
      "y": 82.72883357238302,
      "fields": [
        {
-          "id": "112",
+          "id": "113",
          "name": "id",
          "type": {
            "id": "int",
@ -1440,7 +1452,7 @@
          "createdAt": 1734524896259
        },
        {
-          "id": "113",
+          "id": "114",
          "name": "note",
          "type": {
            "id": "varchar",
@ -1455,7 +1467,7 @@
          "createdAt": 1734524896259
        },
        {
-          "id": "114",
+          "id": "115",
          "name": "start",
          "type": {
            "id": "date",
@ -1467,7 +1479,7 @@
          "createdAt": 1734524896259
        },
        {
-          "id": "115",
+          "id": "116",
          "name": "end",
          "type": {
            "id": "date",
@ -1480,7 +1492,7 @@
          "createdAt": 1734524896259
        },
        {
-          "id": "116",
+          "id": "117",
          "name": "terminationReason",
          "type": {
            "id": "varchar",
@ -1495,7 +1507,7 @@
          "createdAt": 1734524896259
        },
        {
-          "id": "117",
+          "id": "118",
          "name": "memberId",
          "type": {
            "id": "int",
@ -1507,7 +1519,7 @@
          "createdAt": 1734524896259
        },
        {
-          "id": "118",
+          "id": "119",
          "name": "qualificationId",
          "type": {
            "id": "int",
@ -1521,31 +1533,31 @@
      ],
      "indexes": [
        {
-          "id": "119",
+          "id": "120",
          "name": "PRIMARY",
          "unique": true,
          "fieldIds": [
-            "112"
-          ],
-          "createdAt": 1734524896259
-        },
-        {
-          "id": "120",
-          "name": "FK_98b70e687c35709d2f01b3d7d74",
-          "unique": false,
-          "fieldIds": [
-            "117"
+            "113"
          ],
          "createdAt": 1734524896259
        },
        {
          "id": "121",
-          "name": "FK_dbebe53df1caa0b6715a220b0ea",
+          "name": "FK_98b70e687c35709d2f01b3d7d74",
          "unique": false,
          "fieldIds": [
            "118"
          ],
          "createdAt": 1734524896259
+        },
+        {
+          "id": "122",
+          "name": "FK_dbebe53df1caa0b6715a220b0ea",
+          "unique": false,
+          "fieldIds": [
+            "119"
+          ],
+          "createdAt": 1734524896259
        }
      ],
      "color": "#ff6b8a",
@ -1555,14 +1567,14 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "122",
+      "id": "123",
      "name": "executive_position",
      "schema": "administration",
      "x": -542.0601569820527,
      "y": 474.7348899814151,
      "fields": [
        {
-          "id": "123",
+          "id": "124",
          "name": "id",
          "type": {
            "id": "int",
@ -1574,7 +1586,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "124",
+          "id": "125",
          "name": "position",
          "type": {
            "id": "varchar",
@ -1590,11 +1602,11 @@
      ],
      "indexes": [
        {
-          "id": "125",
+          "id": "126",
          "name": "PRIMARY",
          "unique": true,
          "fieldIds": [
-            "123"
+            "124"
          ],
          "createdAt": 1734524896260
        }
@ -1606,14 +1618,14 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "126",
+      "id": "127",
      "name": "qualification",
      "schema": "administration",
      "x": -568.0578068648438,
      "y": 192.56221408776412,
      "fields": [
        {
-          "id": "127",
+          "id": "128",
          "name": "id",
          "type": {
            "id": "int",
@ -1625,7 +1637,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "128",
+          "id": "129",
          "name": "qualification",
          "type": {
            "id": "varchar",
@ -1639,7 +1651,7 @@
          "createdAt": 1734524896260
        },
        {
-          "id": "129",
+          "id": "130",
          "name": "description",
          "type": {
            "id": "varchar",
@ -1656,11 +1668,11 @@
      ],
      "indexes": [
        {
-          "id": "130",
+          "id": "131",
          "name": "PRIMARY",
          "unique": true,
          "fieldIds": [
-            "127"
+            "128"
          ],
          "createdAt": 1734524896260
        }
@ -1674,28 +1686,14 @@
  ],
  "relationships": [
    {
-      "id": "131",
+      "id": "132",
      "name": "FK_1fd52c8f109123e5a2c67dc2c83",
      "sourceSchema": "administration",
      "targetSchema": "administration",
      "sourceTableId": "1",
-      "targetTableId": "122",
+      "targetTableId": "123",
      "sourceFieldId": "7",
-      "targetFieldId": "123",
-      "sourceCardinality": "many",
-      "targetCardinality": "one",
-      "createdAt": 1734524896262,
-      "diagramId": "7gb18czobyir"
-    },
-    {
-      "id": "132",
-      "name": "FK_21994db635b47e07f45b2686a51",
-      "sourceSchema": "administration",
-      "targetSchema": "administration",
-      "sourceTableId": "96",
-      "targetTableId": "71",
-      "sourceFieldId": "105",
-      "targetFieldId": "72",
+      "targetFieldId": "124",
      "sourceCardinality": "many",
      "targetCardinality": "one",
      "createdAt": 1734524896262,
@ -1703,6 +1701,20 @@
    },
    {
      "id": "133",
+      "name": "FK_21994db635b47e07f45b2686a51",
+      "sourceSchema": "administration",
+      "targetSchema": "administration",
+      "sourceTableId": "96",
+      "targetTableId": "71",
+      "sourceFieldId": "106",
+      "targetFieldId": "72",
+      "sourceCardinality": "many",
+      "targetCardinality": "one",
+      "createdAt": 1734524896262,
+      "diagramId": "7gb18czobyir"
+    },
+    {
+      "id": "134",
      "name": "FK_2912b056a5d0b7977360a986164",
      "sourceSchema": "administration",
      "targetSchema": "administration",
@ -1716,7 +1728,7 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "134",
+      "id": "135",
      "name": "FK_3b4b41597707b13086e71727422",
      "sourceSchema": "administration",
      "targetSchema": "administration",
@ -1730,13 +1742,13 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "135",
+      "id": "136",
      "name": "FK_98b70e687c35709d2f01b3d7d74",
      "sourceSchema": "administration",
      "targetSchema": "administration",
-      "sourceTableId": "111",
+      "sourceTableId": "112",
      "targetTableId": "60",
-      "sourceFieldId": "117",
+      "sourceFieldId": "118",
      "targetFieldId": "61",
      "sourceCardinality": "many",
      "targetCardinality": "one",
@ -1744,7 +1756,7 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "136",
+      "id": "137",
      "name": "FK_a47e04bfd3671d8a375d1896d25",
      "sourceSchema": "administration",
      "targetSchema": "administration",
@ -1758,7 +1770,7 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "137",
+      "id": "138",
      "name": "FK_ba47b44c2ddf34c1bcc75df6675",
      "sourceSchema": "administration",
      "targetSchema": "administration",
@ -1772,21 +1784,21 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "138",
+      "id": "139",
      "name": "FK_dbebe53df1caa0b6715a220b0ea",
      "sourceSchema": "administration",
      "targetSchema": "administration",
-      "sourceTableId": "111",
-      "targetTableId": "126",
-      "sourceFieldId": "118",
-      "targetFieldId": "127",
+      "sourceTableId": "112",
+      "targetTableId": "127",
+      "sourceFieldId": "119",
+      "targetFieldId": "128",
      "sourceCardinality": "many",
      "targetCardinality": "one",
      "createdAt": 1734524896262,
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "139",
+      "id": "140",
      "name": "FK_e9fd4d37c4ac0fb08bd6eeeda3c",
      "sourceSchema": "administration",
      "targetSchema": "administration",
@ -1800,13 +1812,13 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "140",
+      "id": "141",
      "name": "FK_fc5f59e5c9aafdedd25ed8ed36e",
      "sourceSchema": "administration",
      "targetSchema": "administration",
      "sourceTableId": "96",
      "targetTableId": "60",
-      "sourceFieldId": "106",
+      "sourceFieldId": "107",
      "targetFieldId": "61",
      "sourceCardinality": "many",
      "targetCardinality": "one",
@ -1816,7 +1828,7 @@
  ],
  "dependencies": [
    {
-      "id": "141",
+      "id": "142",
      "schema": "administration",
      "tableId": "60",
      "dependentSchema": "administration",
@ -1825,36 +1837,27 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "142",
+      "id": "143",
      "schema": "administration",
-      "tableId": "126",
+      "tableId": "127",
      "dependentSchema": "administration",
      "dependentTableId": "86",
      "createdAt": 1734524897266,
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "143",
+      "id": "144",
      "schema": "administration",
-      "tableId": "111",
+      "tableId": "112",
      "dependentSchema": "administration",
      "dependentTableId": "86",
      "createdAt": 1734524897267,
      "diagramId": "7gb18czobyir"
    },
-    {
-      "id": "144",
-      "schema": "administration",
-      "tableId": "60",
-      "dependentSchema": "administration",
-      "dependentTableId": "11",
-      "createdAt": 1734524897283,
-      "diagramId": "7gb18czobyir"
-    },
    {
      "id": "145",
      "schema": "administration",
-      "tableId": "1",
+      "tableId": "60",
      "dependentSchema": "administration",
      "dependentTableId": "11",
      "createdAt": 1734524897283,
@ -1863,6 +1866,15 @@
    {
      "id": "146",
      "schema": "administration",
+      "tableId": "1",
+      "dependentSchema": "administration",
+      "dependentTableId": "11",
+      "createdAt": 1734524897283,
+      "diagramId": "7gb18czobyir"
+    },
+    {
+      "id": "147",
+      "schema": "administration",
      "tableId": "60",
      "dependentSchema": "administration",
      "dependentTableId": "21",
@ -1870,7 +1882,7 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "147",
+      "id": "148",
      "schema": "administration",
      "tableId": "56",
      "dependentSchema": "administration",
@ -1879,7 +1891,7 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "148",
+      "id": "149",
      "schema": "administration",
      "tableId": "35",
      "dependentSchema": "administration",
@ -1888,16 +1900,16 @@
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "149",
+      "id": "150",
      "schema": "administration",
-      "tableId": "122",
+      "tableId": "123",
      "dependentSchema": "administration",
      "dependentTableId": "11",
      "createdAt": 1734524897283,
      "diagramId": "7gb18czobyir"
    },
    {
-      "id": "150",
+      "id": "151",
      "schema": "administration",
      "tableId": "60",
      "dependentSchema": "administration",
--- a/public/Logo.png
+++ b/public/Logo.png
--- a/public/administration-db.png
+++ b/public/administration-db.png
--- a/public/administration-db.svg
+++ b/public/administration-db.svg
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/src/components/FormBottomBar.vue
+++ b/src/components/FormBottomBar.vue
@ -5,10 +5,16 @@
      <a v-if="config.privacy_link" :href="config.privacy_link" target="_blank">Impressum</a>
    </div>
    <p v-if="config.custom_login_message">{{ config.custom_login_message }}</p>
-    <a href="https://jk-effects.com" target="_blank"> &copy; Admin-Portal by JK Effects </a>
+    <p>
+      &copy;
+      <a href="https://forgejo.jk-effects.cloud/Ehrenamt/ff-admin" target="_blank">Admin-Portal</a>
+      by
+      <a href="https://jk-effects.com" target="_blank">JK Effects</a>
+    </p>
+    
  </div>
 </template>

 <script setup lang="ts">
-import { config } from '../config'
+import { config } from '@/config'
 </script>
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@ -2,7 +2,7 @@
  <header class="flex flex-row h-16 min-h-16 justify-between p-3 md:px-5 bg-white shadow-sm">
    <RouterLink to="/" class="flex flex-row gap-2 align-bottom w-fit h-full">
      <img src="/Logo.png" alt="LOGO" class="h-full w-auto" />
-      <h1 v-if="false" class="font-bold text-3xl w-fit whitespace-nowrap">FF Admin</h1>
+      <h1 v-if="false" class="font-bold text-3xl w-fit whitespace-nowrap">{{config.app_name_overwrite || "FF Admin"}}</h1>
    </RouterLink>
    <div class="flex flex-row gap-2 items-center">
      <div v-if="authCheck" class="hidden md:flex flex-row gap-2 h-full align-middle">
@ -30,6 +30,7 @@ import { useAuthStore } from "@/stores/auth";
 import { useNavigationStore } from "@/stores/admin/navigation";
 import TopLevelLink from "./admin/TopLevelLink.vue";
 import UserMenu from "./UserMenu.vue";
+import { config } from "@/config"
 </script>

 <script lang="ts">
--- a/src/components/Notification.vue
+++ b/src/components/Notification.vue
@ -113,10 +113,10 @@ export default defineComponent({
  },
  methods: {
    ...mapActions(useNotificationStore, ["revoke"]),
-    close(id: number) {
+    close(id: string) {
      this.revoke(id);
    },
-    hovering(id: number, value: boolean, timeout?: number) {
+    hovering(id: string, value: boolean, timeout?: number) {
      if (value) {
        clearTimeout(this.timeouts[id]);
      } else {
--- a/src/components/Pagination.vue
+++ b/src/components/Pagination.vue
@ -159,7 +159,7 @@ const loadPage = (newPage: number | ".") => {
  if (pageEnd > entryCount.value) pageEnd = entryCount.value;

  let loadedElementCount = filterData(props.items, searchString.value, pageStart, pageEnd).length;
-  console.log(loadedElementCount, props.maxEntriesPerPage, pageStart, pageEnd)
+  
  if (loadedElementCount < props.maxEntriesPerPage && (pageEnd != props.totalCount || loadedElementCount == 0))
    emit("loadData", pageStart, props.maxEntriesPerPage, searchString.value);

--- a/src/components/admin/MemberSearchSelect.vue
+++ b/src/components/admin/MemberSearchSelect.vue
@ -0,0 +1,182 @@
+<template>
+  <div class="w-full">
+    <Combobox v-model="selected" :disabled="disabled" multiple>
+      <ComboboxLabel>{{ title }}</ComboboxLabel>
+      <div class="relative mt-1">
+        <ComboboxInput
+          class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
+          @input="query = $event.target.value"
+        />
+        <ComboboxButton class="absolute inset-y-0 right-0 flex items-center pr-2">
+          <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
+        </ComboboxButton>
+        <TransitionRoot
+          leave="transition ease-in duration-100"
+          leaveFrom="opacity-100"
+          leaveTo="opacity-0"
+          @after-leave="query = ''"
+        >
+          <ComboboxOptions
+            class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-none sm:text-sm"
+          >
+            <ComboboxOption v-if="loading || deferingSearch" as="template" disabled>
+              <li class="flex flex-row gap-2 text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <Spinner />
+                <span class="font-normal block truncate">suche</span>
+              </li>
+            </ComboboxOption>
+            <ComboboxOption v-else-if="filtered.length === 0 && query == ''" as="template" disabled>
+              <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <span class="font-normal block truncate">tippe, um zu suchen...</span>
+              </li>
+            </ComboboxOption>
+            <ComboboxOption v-else-if="filtered.length === 0" as="template" disabled>
+              <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <span class="font-normal block truncate">Keine Auswahl gefunden.</span>
+              </li>
+            </ComboboxOption>
+
+            <ComboboxOption
+              v-if="!(loading || deferingSearch)"
+              v-for="member in filtered"
+              as="template"
+              :key="member.id"
+              :value="member.id"
+              v-slot="{ selected, active }"
+            >
+              <li
+                class="relative cursor-default select-none py-2 pl-10 pr-4"
+                :class="{
+                  'bg-primary text-white': active,
+                  'text-gray-900': !active,
+                }"
+              >
+                <span class="block truncate" :class="{ 'font-medium': selected, 'font-normal': !selected }">
+                  {{ member.firstname }} {{ member.lastname }} {{ member.nameaffix }}
+                </span>
+                <span
+                  v-if="selected"
+                  class="absolute inset-y-0 left-0 flex items-center pl-3"
+                  :class="{ 'text-white': active, 'text-primary': !active }"
+                >
+                  <CheckIcon class="h-5 w-5" aria-hidden="true" />
+                </span>
+              </li>
+            </ComboboxOption>
+          </ComboboxOptions>
+        </TransitionRoot>
+      </div>
+    </Combobox>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, type PropType } from "vue";
+import { mapState, mapActions } from "pinia";
+import {
+  Combobox,
+  ComboboxLabel,
+  ComboboxInput,
+  ComboboxButton,
+  ComboboxOptions,
+  ComboboxOption,
+  TransitionRoot,
+} from "@headlessui/vue";
+import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
+import { useMemberStore } from "@/stores/admin/club/member/member";
+import type { MemberViewModel } from "@/viewmodels/admin/club/member/member.models";
+import difference from "lodash.difference";
+import Spinner from "../Spinner.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    modelValue: {
+      type: Array as PropType<Array<number>>,
+      default: [],
+    },
+    title: String,
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ["update:model-value", "add:difference", "remove:difference", "add:member", "add:memberByArray"],
+  watch: {
+    modelValue() {
+      if (this.initialLoaded) return;
+      this.initialLoaded = true;
+      this.loadMembersInitial();
+    },
+    query() {
+      this.deferingSearch = true;
+      clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        this.deferingSearch = false;
+        this.search();
+      }, 600);
+    },
+  },
+  data() {
+    return {
+      initialLoaded: false as boolean,
+      loading: false as boolean,
+      deferingSearch: false as boolean,
+      timer: undefined as any,
+      query: "" as string,
+      filtered: [] as Array<MemberViewModel>,
+    };
+  },
+  computed: {
+    selected: {
+      get() {
+        return this.modelValue;
+      },
+      set(val: Array<number>) {
+        this.$emit("update:model-value", val);
+        if (this.modelValue.length < val.length) {
+          let diff = difference(val, this.modelValue);
+          if (diff.length != 1) return;
+          this.$emit("add:difference", diff[0]);
+          this.$emit("add:member", this.getMemberFromSearch(diff[0]));
+        } else {
+          let diff = difference(this.modelValue, val);
+          if (diff.length != 1) return;
+          this.$emit("remove:difference", diff[0]);
+        }
+      },
+    },
+  },
+  mounted() {
+    this.loadMembersInitial();
+  },
+  methods: {
+    ...mapActions(useMemberStore, ["searchMembers", "getMembersByIds"]),
+    search() {
+      this.filtered = [];
+      if (this.query == "") return;
+      this.loading = true;
+      this.searchMembers(this.query)
+        .then((res) => {
+          this.filtered = res.data;
+        })
+        .catch((err) => {})
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    getMemberFromSearch(id: number) {
+      return this.filtered.find((f) => f.id == id);
+    },
+    loadMembersInitial() {
+      if (this.modelValue.length == 0) return;
+      this.getMembersByIds(this.modelValue)
+        .then((res) => {
+          this.$emit("add:memberByArray", res.data);
+        })
+        .catch(() => {});
+    },
+  },
+});
+</script>
--- a/src/components/admin/RoutingLink.vue
+++ b/src/components/admin/RoutingLink.vue
@ -24,7 +24,7 @@ export default defineComponent({
      default: "LINK",
    },
    link: {
-      type: Object as PropType<string | { name: string }>,
+      type: Object as PropType<string | { name: string, params?:{[key:string]:string} }>,
      default: "/",
    },
    active: {
--- a/src/components/admin/club/calendar/CreateCalendarModal.vue
+++ b/src/components/admin/club/calendar/CreateCalendarModal.vue
@ -1,7 +1,7 @@
 <template>
  <div class="w-full md:max-w-md">
    <div class="flex flex-col items-center">
-      <p class="text-xl font-medium">Termintyp erstellen</p>
+      <p class="text-xl font-medium">Termin erstellen</p>
    </div>
    <br />
    <form class="flex flex-col gap-4 py-2" @submit.prevent="triggerCreate">
@ -124,11 +124,7 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button
-          primary-outline
-          @click="closeModal"
-          :disabled="status != null && status != 'loading' && status?.status != 'failed'"
-        >
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
          abbrechen
        </button>
      </div>
@ -194,6 +190,7 @@ export default defineComponent({
        location: formData.location.value,
        allDay: this.allDay,
      };
+      this.status = "loading";
      this.createCalendar(createCalendar)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/calendar/DeleteCalendarModal.vue
+++ b/src/components/admin/club/calendar/DeleteCalendarModal.vue
@ -38,7 +38,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -78,6 +80,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useCalendarStore, ["deleteCalendar"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteCalendar(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/calendar/UpdateCalendarModal.vue
+++ b/src/components/admin/club/calendar/UpdateCalendarModal.vue
@ -6,7 +6,7 @@
      @click="deleteCalendar"
    />
    <div class="flex flex-col items-center">
-      <p class="text-xl font-medium">Termintyp erstellen</p>
+      <p class="text-xl font-medium">Termin erstellen</p>
    </div>
    <br />
    <Spinner v-if="loading == 'loading'" class="mx-auto" />
@ -166,11 +166,7 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button
-          primary-outline
-          @click="closeModal"
-          :disabled="status != null && status != 'loading' && status?.status != 'failed'"
-        >
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
          abbrechen / schließen
        </button>
      </div>
@ -264,6 +260,7 @@ export default defineComponent({
        location: formData.location.value,
        allDay: this.calendar.allDay,
      };
+      this.status = "loading";
      this.updateCalendar(updateCalendar)
        .then(() => {
          this.fetchItem();
--- a/src/components/admin/club/member/CreateMemberModal.vue
+++ b/src/components/admin/club/member/CreateMemberModal.vue
@ -133,6 +133,7 @@ export default defineComponent({
        birthdate: formData.birthdate.value,
        internalId: formData.internalId.value,
      };
+      this.status = "loading";
      this.createMember(createMember)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/DeleteMemberModal.vue
+++ b/src/components/admin/club/member/DeleteMemberModal.vue
@ -72,6 +72,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useMemberStore, ["deleteMember"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteMember(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberAwardCreateModal.vue
+++ b/src/components/admin/club/member/MemberAwardCreateModal.vue
@ -140,6 +140,7 @@ export default defineComponent({
        given: formData.given.checked,
        awardId: this.selectedAward.id,
      };
+      this.status = "loading";
      this.createMemberAward(createMemberAward)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberAwardDeleteModal.vue
+++ b/src/components/admin/club/member/MemberAwardDeleteModal.vue
@ -65,6 +65,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useMemberAwardStore, ["deleteMemberAward"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteMemberAward(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberAwardEditModal.vue
+++ b/src/components/admin/club/member/MemberAwardEditModal.vue
@ -83,7 +83,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">schließen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          schließen
+        </button>
      </div>
    </div>
  </div>
@ -167,6 +169,7 @@ export default defineComponent({
        given: formData.given.checked,
        awardId: this.memberAward.awardId,
      };
+      this.status = "loading";
      this.updateMemberAward(updateMemberAward)
        .then(() => {
          this.fetchItem();
--- a/src/components/admin/club/member/MemberCommunicationCreateModal.vue
+++ b/src/components/admin/club/member/MemberCommunicationCreateModal.vue
@ -166,7 +166,7 @@ export default defineComponent({
        preferred: formData.preferred.checked,
        mobile: formData.mobile?.value,
        email: formData.email?.value,
-        postalCode: formData.postalCode.value,
+        postalCode: formData.postalCode?.value,
        city: formData.city?.value,
        street: formData.street?.value,
        streetNumber: formData.streetNumber?.value,
@ -175,6 +175,7 @@ export default defineComponent({
        isSMSAlarming: formData.isSMSAlarming?.checked,
        typeId: this.selectedCommunicationType.id,
      };
+      this.status = "loading";
      this.createCommunication(createCommunication)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberCommunicationDeleteModal.vue
+++ b/src/components/admin/club/member/MemberCommunicationDeleteModal.vue
@ -68,6 +68,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useCommunicationStore, ["deleteCommunication"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteCommunication(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberCommunicationEditModal.vue
+++ b/src/components/admin/club/member/MemberCommunicationEditModal.vue
@ -62,7 +62,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">schließen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          schließen
+        </button>
      </div>
    </div>
  </div>
@ -144,6 +146,7 @@ export default defineComponent({
        isNewsletterMain: formData.isNewsletterMain.checked,
        isSMSAlarming: formData.isSMSAlarming?.checked,
      };
+      this.status = "loading";
      this.updateCommunication(updateCommunication)
        .then(() => {
          this.fetchItem();
--- a/src/components/admin/club/member/MemberExecutivePositionCreateModal.vue
+++ b/src/components/admin/club/member/MemberExecutivePositionCreateModal.vue
@ -141,6 +141,7 @@ export default defineComponent({
        note: formData.note.value,
        executivePositionId: this.selectedExecutivePosition.id,
      };
+      this.status = "loading";
      this.createMemberExecutivePosition(createMemberExecutivePosition)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberExecutivePositionDeleteModal.vue
+++ b/src/components/admin/club/member/MemberExecutivePositionDeleteModal.vue
@ -65,6 +65,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useMemberExecutivePositionStore, ["deleteMemberExecutivePosition"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteMemberExecutivePosition(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberExecutivePositionEditModal.vue
+++ b/src/components/admin/club/member/MemberExecutivePositionEditModal.vue
@ -89,7 +89,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">schließen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          schließen
+        </button>
      </div>
    </div>
  </div>
@ -176,6 +178,7 @@ export default defineComponent({
        note: formData.note.value,
        executivePositionId: this.memberExecutivePosition.executivePositionId,
      };
+      this.status = "loading";
      this.updateMemberExecutivePosition(updateMemberExecutivePosition)
        .then(() => {
          this.fetchItem();
--- a/src/components/admin/club/member/MemberQualificationCreateModal.vue
+++ b/src/components/admin/club/member/MemberQualificationCreateModal.vue
@ -148,6 +148,7 @@ export default defineComponent({
        note: formData.note.value,
        qualificationId: this.selectedQualification.id,
      };
+      this.status = "loading";
      this.createMemberQualification(createMemberQualification)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberQualificationDeleteModal.vue
+++ b/src/components/admin/club/member/MemberQualificationDeleteModal.vue
@ -69,6 +69,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useMemberQualificationStore, ["deleteMemberQualification"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteMemberQualification(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MemberQualificationEditModal.vue
+++ b/src/components/admin/club/member/MemberQualificationEditModal.vue
@ -90,7 +90,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">schließen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          schließen
+        </button>
      </div>
    </div>
  </div>
@ -175,6 +177,7 @@ export default defineComponent({
        terminationReason: formData.terminationReason.value,
        qualificationId: this.memberQualification.qualificationId,
      };
+      this.status = "loading";
      this.updateMemberQualification(updateMemberQualification)
        .then(() => {
          this.fetchItem();
--- a/src/components/admin/club/member/MembershipCreateModal.vue
+++ b/src/components/admin/club/member/MembershipCreateModal.vue
@ -131,6 +131,7 @@ export default defineComponent({
        start: formData.start.value,
        statusId: this.selectedStatus.id,
      };
+      this.status = "loading";
      this.createMembership(createMember)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MembershipDeleteModal.vue
+++ b/src/components/admin/club/member/MembershipDeleteModal.vue
@ -67,6 +67,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useMembershipStore, ["deleteMembership"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteMembership(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/member/MembershipEditModal.vue
+++ b/src/components/admin/club/member/MembershipEditModal.vue
@ -86,7 +86,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">schließen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          schließen
+        </button>
      </div>
    </div>
  </div>
@ -170,6 +172,7 @@ export default defineComponent({
        terminationReason: formData.terminationReason.value,
        statusId: this.membership.statusId,
      };
+      this.status = "loading";
      this.updateMembership(updateMembership)
        .then(() => {
          this.fetchItem();
--- a/src/components/admin/club/newsletter/CreateNewsletterModal.vue
+++ b/src/components/admin/club/newsletter/CreateNewsletterModal.vue
@ -61,6 +61,7 @@ export default defineComponent({
      let createNewsletter: CreateNewsletterViewModel = {
        title: formData.title.value,
      };
+      this.status = "loading";
      this.createNewsletter(createNewsletter)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/club/newsletter/NewsletterMailProgressModal.vue
+++ b/src/components/admin/club/newsletter/NewsletterMailProgressModal.vue
@ -0,0 +1,44 @@
+<template>
+  <div class="w-full md:max-w-md">
+    <div class="flex flex-col items-center">
+      <p class="text-xl font-medium">Newsletter Mail-Versand Logs</p>
+    </div>
+    <br />
+
+    <div class="h-96 overflow-y-scroll">
+      <p v-for="entry in mailSourceMessages">
+        {{ entry }}
+      </p>
+    </div>
+
+    <div class="flex flex-row justify-end">
+      <div class="flex flex-row gap-4 py-2">
+        <button primary-outline @click="closeModal">
+          abbrechen
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapState, mapActions } from "pinia";
+import { useModalStore } from "@/stores/modal";
+import { useNewsletterPrintoutStore } from "@/stores/admin/club/newsletter/newsletterPrintout";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  data() {
+    return {
+    };
+  },
+  computed:{
+    ...mapState(useNewsletterPrintoutStore, ["mailSourceMessages"])
+  },
+  methods: {
+    ...mapActions(useModalStore, ["closeModal"]),
+  },
+});
+</script>
--- a/src/components/admin/club/newsletter/NewsletterPrintingProgressModal.vue
+++ b/src/components/admin/club/newsletter/NewsletterPrintingProgressModal.vue
@ -0,0 +1,50 @@
+<template>
+  <div class="w-full md:max-w-md">
+    <div class="flex flex-col items-center">
+      <p class="text-xl font-medium">Newsletter Druck-Prozess Logs</p>
+    </div>
+    <br />
+
+    <div class="flex flex-col gap-2 h-96 overflow-y-scroll">
+      <div
+        v-for="entry in pdfSourceMessages"
+        class="flex flex-row gap-2 border border-gray-200 rounded-md p-1 items-center"
+      >
+        <SuccessCheckmark v-if="entry.factor == 'success'" class="w-5 h-5" />
+        <InformationCircleIcon v-else-if="entry.factor == 'info'" class="w-5 h-5 min-h-5 min-w-5 text-gray-500" />
+        <FailureXMark v-else-if="entry.factor == 'failed'" class="w-5 h-5" />
+        <p>{{ entry.iteration }}/{{ entry.total }}: {{ entry.msg }}</p>
+      </div>
+    </div>
+
+    <div class="flex flex-row justify-end">
+      <div class="flex flex-row gap-4 py-2">
+        <button primary-outline @click="closeModal">abbrechen</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapState, mapActions } from "pinia";
+import { useModalStore } from "@/stores/modal";
+import { useNewsletterPrintoutStore } from "@/stores/admin/club/newsletter/newsletterPrintout";
+import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
+import { InformationCircleIcon } from "@heroicons/vue/24/solid";
+import FailureXMark from "@/components/FailureXMark.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  data() {
+    return {};
+  },
+  computed: {
+    ...mapState(useNewsletterPrintoutStore, ["pdfSourceMessages"]),
+  },
+  methods: {
+    ...mapActions(useModalStore, ["closeModal"]),
+  },
+});
+</script>
--- a/src/components/admin/club/protocol/CreateProtocolModal.vue
+++ b/src/components/admin/club/protocol/CreateProtocolModal.vue
@ -64,6 +64,7 @@ export default defineComponent({
        title: formData.title.value,
        date: formData.date.value,
      };
+      this.status = "loading";
      this.createProtocol(createProtocol)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/award/CreateAwardModal.vue
+++ b/src/components/admin/settings/award/CreateAwardModal.vue
@ -19,7 +19,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
      let createAward: CreateAwardViewModel = {
        award: formData.award.value,
      };
+      this.status = "loading";
      this.createAward(createAward)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/award/DeleteAwardModal.vue
+++ b/src/components/admin/settings/award/DeleteAwardModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useAwardStore, ["deleteAward"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteAward(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/calendarType/CreateCalendarTypeModal.vue
+++ b/src/components/admin/settings/calendarType/CreateCalendarTypeModal.vue
@ -32,11 +32,7 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button
-          primary-outline
-          @click="closeModal"
-          :disabled="status != null && status != 'loading' && status?.status != 'failed'"
-        >
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
          abbrechen
        </button>
      </div>
@ -53,8 +49,6 @@ import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { useCalendarTypeStore } from "@/stores/admin/settings/calendarType";
 import type { CreateCalendarTypeViewModel } from "@/viewmodels/admin/settings/calendarType.models";
-import { Listbox, ListboxButton, ListboxOptions, ListboxOption, ListboxLabel } from "@headlessui/vue";
-import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 </script>

 <script lang="ts">
@ -80,8 +74,9 @@ export default defineComponent({
        type: formData.type.value,
        color: formData.color.value,
        nscdr: formData.nscdr.checked,
-        passphrase: formData.passphrase.value,
+        passphrase: formData.passphrase?.value,
      };
+      this.status = "loading";
      this.createCalendarType(createCalendarType)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/calendarType/DeleteCalendarTypeModal.vue
+++ b/src/components/admin/settings/calendarType/DeleteCalendarTypeModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -56,6 +58,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useCalendarTypeStore, ["deleteCalendarType"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteCalendarType(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/communicationType/CreateCommunicationTypeModal.vue
+++ b/src/components/admin/settings/communicationType/CreateCommunicationTypeModal.vue
@ -65,7 +65,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -114,6 +116,7 @@ export default defineComponent({
        type: formData.communicationType.value,
        fields: this.selectedFields,
      };
+      this.status = "loading";
      this.createCommunicationType(createCommunicationType)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/communicationType/DeleteCommunicationTypeModal.vue
+++ b/src/components/admin/settings/communicationType/DeleteCommunicationTypeModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -56,6 +58,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useCommunicationTypeStore, ["deleteCommunicationType"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteCommunicationType(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/executivePosition/CreateExecutivePositionModal.vue
+++ b/src/components/admin/settings/executivePosition/CreateExecutivePositionModal.vue
@ -19,7 +19,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
      let createExecutivePosition: CreateExecutivePositionViewModel = {
        position: formData.executivePosition.value,
      };
+      this.status = "loading";
      this.createExecutivePosition(createExecutivePosition)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/executivePosition/DeleteExecutivePositionModal.vue
+++ b/src/components/admin/settings/executivePosition/DeleteExecutivePositionModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useExecutivePositionStore, ["deleteExecutivePosition"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteExecutivePosition(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/membershipStatus/CreateMembershipStatusModal.vue
+++ b/src/components/admin/settings/membershipStatus/CreateMembershipStatusModal.vue
@ -19,7 +19,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
      let createMembershipStatus: CreateMembershipStatusViewModel = {
        status: formData.membershipStatus.value,
      };
+      this.status = "loading";
      this.createMembershipStatus(createMembershipStatus)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/membershipStatus/DeleteMembershipStatusModal.vue
+++ b/src/components/admin/settings/membershipStatus/DeleteMembershipStatusModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useMembershipStatusStore, ["deleteMembershipStatus"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteMembershipStatus(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/qualification/CreateQualificationModal.vue
+++ b/src/components/admin/settings/qualification/CreateQualificationModal.vue
@ -23,7 +23,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -62,6 +64,7 @@ export default defineComponent({
        qualification: formData.qualification.value,
        description: formData.description.value,
      };
+      this.status = "loading";
      this.createQualification(createQualification)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/qualification/DeleteQualificationModal.vue
+++ b/src/components/admin/settings/qualification/DeleteQualificationModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useQualificationStore, ["deleteQualification"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteQualification(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/queryStore/CreateQueryStoreModal.vue
+++ b/src/components/admin/settings/queryStore/CreateQueryStoreModal.vue
@ -19,7 +19,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -62,6 +64,7 @@ export default defineComponent({
        title: formData.title.value,
        query: this.query ?? "",
      };
+      this.status = "loading";
      this.createQueryStore(createAward)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/queryStore/DeleteQueryStoreModal.vue
+++ b/src/components/admin/settings/queryStore/DeleteQueryStoreModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -56,6 +58,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useQueryStoreStore, ["deleteQueryStore"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteQueryStore(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/queryStore/UpdateQueryStoreModal.vue
+++ b/src/components/admin/settings/queryStore/UpdateQueryStoreModal.vue
@ -21,7 +21,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -73,6 +75,7 @@ export default defineComponent({
        id: this.data,
        query: this.query ?? "",
      };
+      this.status = "loading";
      this.updateActiveQueryStore(updateQuery)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/template/CreateTemplateModal.vue
+++ b/src/components/admin/settings/template/CreateTemplateModal.vue
@ -23,7 +23,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -62,6 +64,7 @@ export default defineComponent({
        template: formData.template.value,
        description: formData.description.value,
      };
+      this.status = "loading";
      this.createTemplate(createTemplate)
        .then((res) => {
          this.status = { status: "success" };
--- a/src/components/admin/settings/template/DeleteTemplateModal.vue
+++ b/src/components/admin/settings/template/DeleteTemplateModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -57,6 +59,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useTemplateStore, ["deleteTemplate"]),
    triggerDelete() {
+      this.status = "loading";
      this.deleteTemplate(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/user/role/CreateRoleModal.vue
+++ b/src/components/admin/user/role/CreateRoleModal.vue
@ -19,7 +19,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -53,6 +55,7 @@ export default defineComponent({
    ...mapActions(useRoleStore, ["createRole"]),
    triggerCreateRole(e: any) {
      let formData = e.target.elements;
+      this.status = "loading";
      this.createRole(formData.role.value)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/user/role/DeleteRoleModal.vue
+++ b/src/components/admin/user/role/DeleteRoleModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -56,6 +58,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useRoleStore, ["deleteRole"]),
    triggerDeleteRole() {
+      this.status = "loading";
      this.deleteRole(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/user/user/DeleteUserModal.vue
+++ b/src/components/admin/user/user/DeleteUserModal.vue
@ -16,7 +16,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -56,6 +58,7 @@ export default defineComponent({
    ...mapActions(useModalStore, ["closeModal"]),
    ...mapActions(useUserStore, ["deleteUser"]),
    triggerDeleteUser() {
+      this.status = "loading";
      this.deleteUser(this.data)
        .then(() => {
          this.status = { status: "success" };
--- a/src/components/admin/user/user/InviteUserModal.vue
+++ b/src/components/admin/user/user/InviteUserModal.vue
@ -32,7 +32,9 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal" :disabled="status != null">abbrechen</button>
+        <button primary-outline @click="closeModal" :disabled="status == 'loading' || status?.status == 'success'">
+          abbrechen
+        </button>
      </div>
    </div>
  </div>
@ -70,13 +72,13 @@ export default defineComponent({
    ...mapActions(useInviteStore, ["createInvite"]),
    invite(e: any) {
      let formData = e.target.elements;
-      this.status = "loading";
      let createInvite: CreateInviteViewModel = {
        username: formData.username.value,
        mail: formData.mail.value,
        firstname: formData.firstname.value,
        lastname: formData.lastname.value,
      };
+      this.status = "loading";
      this.createInvite(createInvite)
        .then((result) => {
          this.status = { status: "success" };
@ -86,7 +88,7 @@ export default defineComponent({
        })
        .catch((err) => {
          this.status = { status: "failed", reason: err.response.data };
-        })
+        });
    },
  },
 });
--- a/src/components/public/calendar/ShowCalendarEntryModal.vue
+++ b/src/components/public/calendar/ShowCalendarEntryModal.vue
@ -0,0 +1,97 @@
+<template>
+  <div class="relative w-full md:max-w-md">
+    <div class="flex flex-col items-center">
+      <p class="text-xl font-medium">Termin</p>
+    </div>
+    <br />
+    <div class="flex flex-col gap-4 py-2">
+      <div>
+        <label for="title">Terminart</label>
+        <input type="text" id="title" readonly :value="data.type?.type" />
+      </div>
+      <div>
+        <label for="title">Titel</label>
+        <input type="text" id="title" readonly :value="data.title" />
+      </div>
+      <div>
+        <label for="content">Beschreibung</label>
+        <textarea id="content" class="h-18" readonly :value="data.content"></textarea>
+      </div>
+      <div v-if="data.allDay" class="flex flex-row gap-2 items-center">Der Termin findet ganztägig statt.</div>
+      <div v-if="data.allDay == false" class="flex flex-row gap-2">
+        <div class="w-full">
+          <label for="starttime">Startzeit</label>
+          <input type="datetime-local" id="starttime" readonly :value="formatForDateTimeLocalInput(data.starttime)" />
+        </div>
+        <div class="w-full">
+          <label for="endtime">Endzeit</label>
+          <input
+            ref="endtime"
+            type="datetime-local"
+            id="endtime"
+            readonly
+            :value="formatForDateTimeLocalInput(data.endtime)"
+          />
+        </div>
+      </div>
+      <div v-else class="flex flex-row gap-2">
+        <div class="w-full">
+          <label for="startdate">Startdatum</label>
+          <input type="date" id="startdate" readonly :value="formatForDateInput(data.starttime)" />
+        </div>
+        <div class="w-full">
+          <label for="enddate">Enddatum</label>
+          <input ref="enddate" type="date" id="enddate" readonly :value="formatForDateInput(data.endtime)" />
+        </div>
+      </div>
+      <div>
+        <label for="location">Ort</label>
+        <input type="text" id="location" readonly :value="data.location" />
+      </div>
+    </div>
+
+    <div class="flex flex-row justify-end">
+      <div class="flex flex-row gap-4 py-2">
+        <button primary-outline @click="closeModal">schließen</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineAsyncComponent, defineComponent, markRaw } from "vue";
+import { mapState, mapActions } from "pinia";
+import { useModalStore } from "@/stores/modal";
+import Spinner from "@/components/Spinner.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  computed: {
+    ...mapState(useModalStore, ["data"]),
+  },
+  methods: {
+    ...mapActions(useModalStore, ["closeModal"]),
+    formatForDateTimeLocalInput(utcDateString: string) {
+      const localDate = new Date(utcDateString);
+
+      const year = localDate.getFullYear();
+      const month = String(localDate.getMonth() + 1).padStart(2, "0");
+      const day = String(localDate.getDate()).padStart(2, "0");
+      const hours = String(localDate.getHours()).padStart(2, "0");
+      const minutes = String(localDate.getMinutes()).padStart(2, "0");
+
+      return `${year}-${month}-${day}T${hours}:${minutes}`;
+    },
+    formatForDateInput(utcDateString: string) {
+      const localDate = new Date(utcDateString);
+
+      const year = localDate.getFullYear();
+      const month = String(localDate.getMonth() + 1).padStart(2, "0");
+      const day = String(localDate.getDate()).padStart(2, "0");
+
+      return `${year}-${month}-${day}`;
+    },
+  },
+});
+</script>
--- a/src/components/queryBuilder/BuilderHost.vue
+++ b/src/components/queryBuilder/BuilderHost.vue
@ -46,18 +46,13 @@
        </div>
      </div>
      <div class="grow max-lg:hidden"></div>
+      <div class="p-1 border border-gray-400 bg-gray-100 rounded-md" title="Schema-Struktur" @click="showStructure">
+        <SparklesIcon class="text-gray-500 h-6 w-6 cursor-pointer" />
+      </div>
      <div class="flex flex-row min-w-fit overflow-hidden border border-gray-400 rounded-md">
        <div
          class="p-1"
-          :class="queryMode == 'structure' ? 'bg-gray-200' : ''"
-          title="Schema-Struktur"
-          @click="queryMode = 'structure'"
-        >
-          <SparklesIcon class="text-gray-500 h-6 w-6 cursor-pointer" />
-        </div>
-        <div
-          class="p-1"
-          :class="typeof value == 'object' && queryMode != 'structure' ? 'bg-gray-200' : ''"
+          :class="typeof value == 'object' ? 'bg-gray-200' : ''"
          title="Visual Builder"
          @click="queryMode = 'builder'"
        >
@ -65,7 +60,7 @@
        </div>
        <div
          class="p-1"
-          :class="typeof value == 'string' && queryMode != 'structure' ? 'bg-gray-200' : ''"
+          :class="typeof value == 'string' ? 'bg-gray-200' : ''"
          title="SQL Editor"
          @click="queryMode = 'editor'"
        >
@ -74,10 +69,7 @@
      </div>
    </div>
    <div class="p-2 h-44 md:h-60 w-full overflow-y-auto">
-      <div v-if="queryMode == 'structure'">
-        <img src="/administration-db.png" class="h-full w-full cursor-pointer" @click="showStructure" />
-      </div>
-      <textarea v-else-if="typeof value == 'string'" v-model="value" placeholder="SQL Query" class="h-full w-full" />
+      <textarea v-if="typeof value == 'string'" v-model="value" placeholder="SQL Query" class="h-full w-full" />
      <Table v-else v-model="value" />
    </div>
  </div>
@ -153,7 +145,7 @@ export default defineComponent({
  data() {
    return {
      autoChangeFlag: false as boolean,
-      queryMode: "builder" as "builder" | "editor" | "structure",
+      queryMode: "builder" as "builder" | "editor",
    };
  },
  computed: {
--- a/src/components/queryBuilder/StructureModal.vue
+++ b/src/components/queryBuilder/StructureModal.vue
@ -11,7 +11,10 @@

    <div class="flex flex-row justify-end">
      <div class="flex flex-row gap-4 py-2">
-        <button primary-outline @click="closeModal">schnließen</button>
+        <a href="/administration-db.png" button primary-outline download="Datenbank-Schema" class="!whitespace-nowrap"
+          >Bild herunterladen</a
+        >
+        <button primary-outline @click="closeModal">schließen</button>
      </div>
    </div>
  </div>
--- a/src/config.ts
+++ b/src/config.ts
@ -1,5 +1,6 @@
 export interface Config {
  server_address: string;
+  app_name_overwrite: string;
  imprint_link: string;
  privacy_link: string;
  custom_login_message: string;
@ -7,6 +8,7 @@ export interface Config {

 export const config: Config = {
  server_address: import.meta.env.VITE_SERVER_ADDRESS,
+  app_name_overwrite: import.meta.env.VITE_APP_NAME_OVERWRITE,
  imprint_link: import.meta.env.VITE_IMPRINT_LINK,
  privacy_link: import.meta.env.VITE_PRIVACY_LINK,
  custom_login_message: import.meta.env.VITE_CUSTOM_LOGIN_MESSAGE,
--- a/src/helpers/queryFormatter.ts
+++ b/src/helpers/queryFormatter.ts
@ -14,7 +14,6 @@ export function flattenQueryResult(result: Array<QueryResult>): Array<{ [key: st
      const newKey = prefix ? `${prefix}_${key}` : key;

      if (Array.isArray(value) && value.every((item) => typeof item === "object" && item !== null)) {
-        console.log(value, newKey);
        const arrayResults: Array<{ [key: string]: FieldType }> = [];
        value.forEach((item) => {
          const flattenedItems = flatten(item, newKey);
@ -29,7 +28,6 @@ export function flattenQueryResult(result: Array<QueryResult>): Array<{ [key: st
        });
        results = tempResults;
      } else if (value && typeof value === "object" && !Array.isArray(value)) {
-        console.log(value, newKey);
        const objResults = flatten(value as QueryResult, newKey);
        const tempResults: Array<{ [key: string]: FieldType }> = [];
        results.forEach((res) => {
--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -9,6 +9,7 @@ import type { PermissionType, PermissionSection, PermissionModule } from "@/type
 import { resetMemberStores, setMemberId } from "./memberGuard";
 import { resetProtocolStores, setProtocolId } from "./protocolGuard";
 import { resetNewsletterStores, setNewsletterId } from "./newsletterGuard";
+import { config } from "../config";

 const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
@ -683,6 +684,10 @@ const router = createRouter({
  ],
 });

+router.afterEach((to, from) => {
+  document.title = config.app_name_overwrite || "FF Admin";
+});
+
 export default router;

 declare module "vue-router" {
--- a/src/router/newsletterGuard.ts
+++ b/src/router/newsletterGuard.ts
@ -9,8 +9,6 @@ export async function setNewsletterId(to: any, from: any, next: any) {

  useNewsletterDatesStore().$reset();
  useNewsletterRecipientsStore().$reset();
-  useNewsletterPrintoutStore().unsubscribePdfPrintingProgress();
-  useNewsletterPrintoutStore().unsubscribeMailSendingProgress();
  useNewsletterPrintoutStore().$reset();

  next();
@ -23,8 +21,6 @@ export async function resetNewsletterStores(to: any, from: any, next: any) {

  useNewsletterDatesStore().$reset();
  useNewsletterRecipientsStore().$reset();
-  useNewsletterPrintoutStore().unsubscribePdfPrintingProgress();
-  useNewsletterPrintoutStore().unsubscribeMailSendingProgress();
  useNewsletterPrintoutStore().$reset();

  next();
--- a/src/serverCom.ts
+++ b/src/serverCom.ts
@ -28,6 +28,15 @@ http.interceptors.request.use(
      }
    }

+    const isPWA =
+      window.matchMedia("(display-mode: standalone)").matches ||
+      window.matchMedia("(display-mode: fullscreen)").matches;
+    if (isPWA) {
+      if (config.headers) {
+        config.headers["X-PWA-Client"] = isPWA ? "true" : "false";
+      }
+    }
+
    return config;
  },
  (error) => {
@ -53,11 +62,15 @@ http.interceptors.response.use(
        .then(() => {
          return http(originalRequest);
        })
-        .catch();
+        .catch(() => {});
    }

    const notificationStore = useNotificationStore();
+    if (error.toString().includes("Network Error")) {
+      notificationStore.push("Netzwerkfehler", "Server nicht erreichbar!", "error");
+    } else {
      notificationStore.push("Fehler", error.response.data, "error");
+    }

    return Promise.reject(error);
  }
@ -99,4 +112,25 @@ function newEventSource(path: string) {
  });
 }

-export { http, newEventSource, host };
+async function* streamingFetch(path: string, abort?: AbortController) {
+  await refreshToken()
+    .then(() => {})
+    .catch(() => {});
+
+  const token = localStorage.getItem("accessToken");
+  const response = await fetch(url + "/api" + path, {
+    signal: abort?.signal,
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  });
+
+  const reader = response.body?.getReader();
+  while (true && reader) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    yield new TextDecoder().decode(value);
+  }
+}
+
+export { http, newEventSource, streamingFetch, host };
--- a/src/stores/admin/club/member/member.ts
+++ b/src/stores/admin/club/member/member.ts
@ -40,6 +40,21 @@ export const useMemberStore = defineStore("member", {
          this.loading = "failed";
        });
    },
+    async getAllMembers(): Promise<AxiosResponse<any, any>> {
+      return await http.get(`/admin/member?noLimit=true`).then((res) => {
+        return { ...res, data: res.data.members };
+      });
+    },
+    async getMembersByIds(ids: Array<number>): Promise<AxiosResponse<any, any>> {
+      return await http.get(`/admin/member?ids=${ids.join(",")}&noLimit=true`).then((res) => {
+        return { ...res, data: res.data.members };
+      });
+    },
+    async searchMembers(search: string): Promise<AxiosResponse<any, any>> {
+      return await http.get(`/admin/member?search=${search}&noLimit=true`).then((res) => {
+        return { ...res, data: res.data.members };
+      });
+    },
    fetchMemberByActiveId() {
      this.loadingActive = "loading";
      http
@ -88,6 +103,6 @@ export const useMemberStore = defineStore("member", {
      return http.get(`/admin/member/print/namelist`, {
        responseType: "blob",
      });
-    }
+    },
  },
 });
--- a/src/stores/admin/club/newsletter/newsletterPrintout.ts
+++ b/src/stores/admin/club/newsletter/newsletterPrintout.ts
@ -1,8 +1,9 @@
 import { defineStore } from "pinia";
-import { http, newEventSource } from "@/serverCom";
+import { http, newEventSource, streamingFetch } from "@/serverCom";
 import { useNewsletterStore } from "./newsletter";
 import type { AxiosResponse } from "axios";
 import type { EventSourcePolyfill } from "event-source-polyfill";
+import { useNotificationStore, type NotificationType } from "../../../notification";

 export const useNewsletterPrintoutStore = defineStore("newsletterPrintout", {
  state: () => {
@ -12,10 +13,10 @@ export const useNewsletterPrintoutStore = defineStore("newsletterPrintout", {
      printing: undefined as undefined | "loading" | "success" | "failed",
      sending: undefined as undefined | "loading" | "success" | "failed",
      sendingPreview: undefined as undefined | "loading" | "success" | "failed",
-      pdfProgessSource: undefined as undefined | EventSourcePolyfill,
-      mailProgessSource: undefined as undefined | EventSourcePolyfill,
-      pdfSourceMessages: [] as Array<Object>,
-      mailSourceMessages: [] as Array<Object>,
+      pdfSourceMessages: [] as Array<{ kind: string; factor: string; [key: string]: string }>,
+      mailSourceMessages: [] as Array<{ kind: string; factor: string; [key: string]: string }>,
+      pdfPrintingAbort: undefined as undefined | AbortController,
+      mailSendingAbort: undefined as undefined | AbortController,
    };
  },
  actions: {
@ -63,6 +64,7 @@ export const useNewsletterPrintoutStore = defineStore("newsletterPrintout", {
        });
    },
    createNewsletterPrintout() {
+      this.subscribePdfPrintingProgress();
      this.printing = "loading";
      const newsletterId = useNewsletterStore().activeNewsletter;
      if (newsletterId == null) return;
@ -78,10 +80,12 @@ export const useNewsletterPrintoutStore = defineStore("newsletterPrintout", {
        .finally(() => {
          setTimeout(() => {
            this.printing = undefined;
+            this.pdfPrintingAbort?.abort();
          }, 1500);
        });
    },
    createNewsletterSend() {
+      this.subscribeMailSendingProgress();
      this.sending = "loading";
      const newsletterId = useNewsletterStore().activeNewsletter;
      if (newsletterId == null) return;
@ -96,32 +100,55 @@ export const useNewsletterPrintoutStore = defineStore("newsletterPrintout", {
        .finally(() => {
          setTimeout(() => {
            this.sending = undefined;
+            this.mailSendingAbort?.abort();
          }, 1500);
        });
    },
-    subscribePdfPrintingProgress() {
-      // const newsletterId = useNewsletterStore().activeNewsletter;
-      // if (this.pdfProgessSource != undefined) return;
-      // this.pdfProgessSource = newEventSource(`/admin/newsletter/${newsletterId}/printoutprogress`);
-      // this.pdfProgessSource.onmessage = (event) => {
-      //   console.log("pdf", event);
-      // };
+    async subscribePdfPrintingProgress() {
+      this.pdfSourceMessages = [];
+      const newsletterId = useNewsletterStore().activeNewsletter;
+      const notificationStore = useNotificationStore();
+      this.pdfPrintingAbort = new AbortController();
+      for await (let chunk of streamingFetch(
+        `/admin/newsletter/${newsletterId}/printoutprogress`,
+        this.pdfPrintingAbort
+      )) {
+        chunk.split("//").forEach((r) => {
+          if (r.trim() != "") {
+            let data = JSON.parse(r);
+            this.pdfSourceMessages.push(data);
+            let type: NotificationType = "info";
+            let timeout = undefined;
+            if (data.factor == "failed") {
+              type = "error";
+              timeout = 0;
+            }
+            notificationStore.push(`Druck: ${data.iteration}/${data.total}`, `${data.msg}`, type, timeout);
+          }
+        });
+        this.fetchNewsletterPrintout();
+      }
    },
-    subscribeMailSendingProgress() {
-      // const newsletterId = useNewsletterStore().activeNewsletter;
-      // if (this.mailProgessSource != undefined) return;
-      // this.mailProgessSource = newEventSource(`/admin/newsletter/${newsletterId}/sendprogress`);
-      // this.mailProgessSource.onmessage = (event) => {
-      //   console.log("mail", event);
-      // };
-    },
-    unsubscribePdfPrintingProgress() {
-      this.pdfProgessSource?.close();
-      this.pdfProgessSource = undefined;
-    },
-    unsubscribeMailSendingProgress() {
-      this.mailProgessSource?.close();
-      this.mailProgessSource = undefined;
+    async subscribeMailSendingProgress() {
+      this.mailSourceMessages = [];
+      const newsletterId = useNewsletterStore().activeNewsletter;
+      const notificationStore = useNotificationStore();
+      this.mailSendingAbort = new AbortController();
+      for await (let chunk of streamingFetch(`/admin/newsletter/${newsletterId}/sendprogress`, this.mailSendingAbort)) {
+        chunk.split("//").forEach((r) => {
+          if (r.trim() != "") {
+            let data = JSON.parse(r);
+            this.mailSourceMessages.push(data);
+            let type: NotificationType = "info";
+            let timeout = undefined;
+            if (data.factor == "failed") {
+              type = "error";
+              timeout = 0;
+            }
+            notificationStore.push(`Mailversand: ${data.iteration}/${data.total}`, `${data.msg}`, type, timeout);
+          }
+        });
+      }
    },
  },
 });
--- a/src/stores/admin/club/protocol/protocolDecision.ts
+++ b/src/stores/admin/club/protocol/protocolDecision.ts
@ -38,7 +38,6 @@ export const useProtocolDecisionStore = defineStore("protocolDecision", {
          this.loading = "fetched";
        })
        .catch((err) => {
-          console.log(err);
          this.loading = "failed";
        });
    },
--- a/src/stores/admin/navigation.ts
+++ b/src/stores/admin/navigation.ts
@ -63,7 +63,7 @@ export const useNavigationStore = defineStore("navigation", {
              {
                key: "settings",
                title: "Einstellungen",
-                levelDefault: "qualification",
+                levelDefault: "award",
              } as topLevelNavigationModel,
            ]
          : []),
@ -98,30 +98,32 @@ export const useNavigationStore = defineStore("navigation", {
        settings: {
          mainTitle: "Einstellungen",
          main: [
-            ...(abilityStore.can("read", "settings", "qualification")
-              ? [{ key: "qualification", title: "Qualifikationen" }]
-              : []),
+            { key: "divider1", title: "Mitgliederdaten" },
            ...(abilityStore.can("read", "settings", "award") ? [{ key: "award", title: "Auszeichnungen" }] : []),
-            ...(abilityStore.can("read", "settings", "executive_position")
-              ? [{ key: "executive_position", title: "Vereinsämter" }]
-              : []),
            ...(abilityStore.can("read", "settings", "communication_type")
              ? [{ key: "communication_type", title: "Kommunikationsarten" }]
              : []),
            ...(abilityStore.can("read", "settings", "membership_status")
              ? [{ key: "membership_status", title: "Mitgliedsstatus" }]
              : []),
-            ...(abilityStore.can("read", "settings", "calendar_type")
-              ? [{ key: "calendar_type", title: "Terminarten" }]
+            ...(abilityStore.can("read", "settings", "qualification")
+              ? [{ key: "qualification", title: "Qualifikationen" }]
+              : []),
+            ...(abilityStore.can("read", "settings", "executive_position")
+              ? [{ key: "executive_position", title: "Vereinsämter" }]
+              : []),
+            { key: "divider2", title: "Einstellungen" },
+            ...(abilityStore.can("read", "settings", "newsletter_config")
+              ? [{ key: "newsletter_config", title: "Newsletter Konfiguration" }]
              : []),
-            ...(abilityStore.can("read", "settings", "query") ? [{ key: "query_store", title: "Query Store" }] : []),
            ...(abilityStore.can("read", "settings", "template") ? [{ key: "template", title: "Templates" }] : []),
            ...(abilityStore.can("read", "settings", "template_usage")
              ? [{ key: "template_usage", title: "Template-Verwendung" }]
              : []),
-            ...(abilityStore.can("read", "settings", "newsletter_config")
-              ? [{ key: "newsletter_config", title: "Newsletter Konfiguration" }]
+            ...(abilityStore.can("read", "settings", "calendar_type")
+              ? [{ key: "calendar_type", title: "Terminarten" }]
              : []),
+            ...(abilityStore.can("read", "settings", "query") ? [{ key: "query_store", title: "Query Store" }] : []),
          ],
        },
        user: {
--- a/src/stores/notification.ts
+++ b/src/stores/notification.ts
@ -1,7 +1,7 @@
 import { defineStore } from "pinia";

 export interface Notification {
-  id: number;
+  id: string;
  title: string;
  text: string;
  type: NotificationType;
@ -19,7 +19,7 @@ export const useNotificationStore = defineStore("notification", {
  },
  actions: {
    push(title: string, text: string, type: NotificationType, timeout: number = 5000) {
-      let id = Date.now();
+      let id = `${Date.now()}_${Math.random()}`;
      this.notifications.push({
        id,
        title,
@ -27,14 +27,16 @@ export const useNotificationStore = defineStore("notification", {
        type,
        indicator: false,
      });
+      if (timeout != 0) {
        setTimeout(() => {
          this.notifications[this.notifications.findIndex((n) => n.id === id)].indicator = true;
        }, 100);
        this.timeouts[id] = setTimeout(() => {
          this.revoke(id);
        }, timeout);
+      }
    },
-    revoke(id: number) {
+    revoke(id: string) {
      this.notifications.splice(
        this.notifications.findIndex((n) => n.id === id),
        1
--- a/src/viewmodels/admin/club/protocol/protocolPresence.models.ts
+++ b/src/viewmodels/admin/club/protocol/protocolPresence.models.ts
@ -1,6 +1,7 @@
 export interface ProtocolPresenceViewModel {
  memberId: number;
  absent: boolean;
+  excused: boolean;
  protocolId: number;
 }

--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@ -2,8 +2,10 @@
  <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-md w-full space-y-8 pb-20">
      <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
-        <h2 class="text-center text-4xl font-extrabold text-gray-900">FF Admin</h2>
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
+        <h2 class="text-center text-4xl font-extrabold text-gray-900">
+          {{ config.app_name_overwrite || "FF Admin" }}
+        </h2>
      </div>

      <form class="flex flex-col gap-2" @submit.prevent="login">
@ -48,6 +50,7 @@ import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { resetAllPiniaStores } from "@/helpers/piniaReset";
 import FormBottomBar from "@/components/FormBottomBar.vue";
+import { config } from "@/config";
 </script>

 <script lang="ts">
--- a/src/views/account/View.vue
+++ b/src/views/account/View.vue
@ -1,7 +1,7 @@
 <template>
  <SidebarLayout>
    <template #sidebar>
-      <SidebarTemplate mainTitle="Mein Account" topTitle="FF Admin" :showTopList="isOwner">
+      <SidebarTemplate mainTitle="Mein Account" :topTitle="config.app_name_overwrite || 'FF Admin'" :showTopList="isOwner">
        <template v-if="isOwner" #topList>
          <RoutingLink
            title="Administration"
@ -38,6 +38,7 @@ import SidebarTemplate from "@/templates/Sidebar.vue";
 import RoutingLink from "@/components/admin/RoutingLink.vue";
 import { RouterView } from "vue-router";
 import { useAbilityStore } from "@/stores/ability";
+import { config } from "@/config"
 </script>

 <script lang="ts">
--- a/src/views/admin/View.vue
+++ b/src/views/admin/View.vue
@ -16,13 +16,15 @@
          />
        </template>
        <template #list>
+          <div v-for="item in activeNavigationObject.main" :key="item.key">
            <RoutingLink
-            v-for="item in activeNavigationObject.main"
-            :key="item.key"
+              v-if="!item.key.includes('divider')"
              :title="item.title"
              :link="{ name: `admin-${activeNavigation}-${item.key}` }"
              :active="activeLink == item.key"
            />
+            <p v-else class="pt-4 border-b border-gray-300">{{ item.title }}</p>
+          </div>
        </template>
      </SidebarTemplate>
    </template>
--- a/src/views/admin/club/newsletter/NewsletterPrintout.vue
+++ b/src/views/admin/club/newsletter/NewsletterPrintout.vue
@ -61,6 +61,12 @@
        <SuccessCheckmark v-else-if="sendingPreview == 'success'" />
        <FailureXMark v-else-if="sendingPreview == 'failed'" />
      </button>
+      <button v-if="pdfSourceMessages.length != 0" primary-outline class="!w-fit" @click="openPdfLogs">
+        Druck Logs
+      </button>
+      <button v-if="mailSourceMessages.length != 0" primary-outline class="!w-fit" @click="openMailLogs">
+        Versand Logs
+      </button>
    </div>
  </div>
 </template>
@ -84,13 +90,19 @@ export default defineComponent({
    newsletterId: String,
  },
  computed: {
-    ...mapState(useNewsletterPrintoutStore, ["printout", "loading", "printing", "sending", "sendingPreview"]),
+    ...mapState(useNewsletterPrintoutStore, [
+      "printout",
+      "loading",
+      "printing",
+      "sending",
+      "sendingPreview",
+      "mailSourceMessages",
+      "pdfSourceMessages",
+    ]),
    ...mapState(useAbilityStore, ["can"]),
  },
  mounted() {
    this.fetchNewsletterPrintout();
-    this.subscribeMailSendingProgress();
-    this.subscribePdfPrintingProgress();
  },
  methods: {
    ...mapActions(useModalStore, ["openModal"]),
@ -100,8 +112,6 @@ export default defineComponent({
      "fetchNewsletterPrintoutById",
      "createNewsletterMailPreview",
      "createNewsletterSend",
-      "subscribeMailSendingProgress",
-      "subscribePdfPrintingProgress",
    ]),
    openPdfShow(filename?: string) {
      this.openModal(
@ -122,6 +132,20 @@ export default defineComponent({
        })
        .catch(() => {});
    },
+    openPdfLogs() {
+      this.openModal(
+        markRaw(
+          defineAsyncComponent(() => import("@/components/admin/club/newsletter/NewsletterPrintingProgressModal.vue"))
+        )
+      );
+    },
+    openMailLogs() {
+      this.openModal(
+        markRaw(
+          defineAsyncComponent(() => import("@/components/admin/club/newsletter/NewsletterMailProgressModal.vue"))
+        )
+      );
+    },
  },
 });
 </script>
--- a/src/views/admin/club/newsletter/NewsletterRecipients.vue
+++ b/src/views/admin/club/newsletter/NewsletterRecipients.vue
@ -23,63 +23,12 @@
      </div>
    </div>

-    <div class="w-full">
-      <Combobox v-model="recipients" :disabled="!can('create', 'club', 'newsletter')" multiple>
-        <ComboboxLabel>weitere Empfänger suchen</ComboboxLabel>
-        <div class="relative mt-1">
-          <ComboboxInput
-            class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
-            @input="query = $event.target.value"
+    <MemberSearchSelect
+      title="weitere Empfänger suchen"
+      v-model="recipients"
+      :disabled="!can('create', 'club', 'newsletter')"
    />
-          <ComboboxButton class="absolute inset-y-0 right-0 flex items-center pr-2">
-            <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
-          </ComboboxButton>
-          <TransitionRoot
-            leave="transition ease-in duration-100"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-            @after-leave="query = ''"
-          >
-            <ComboboxOptions
-              class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-none sm:text-sm"
-            >
-              <ComboboxOption v-if="filtered.length === 0" as="template" disabled>
-                <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
-                  <span class="font-normal block truncate"> Keine Auswahl</span>
-                </li>
-              </ComboboxOption>

-              <ComboboxOption
-                v-for="member in filtered"
-                as="template"
-                :key="member.id"
-                :value="member.id"
-                v-slot="{ selected, active }"
-              >
-                <li
-                  class="relative cursor-default select-none py-2 pl-10 pr-4"
-                  :class="{
-                    'bg-primary text-white': active,
-                    'text-gray-900': !active,
-                  }"
-                >
-                  <span class="block truncate" :class="{ 'font-medium': selected, 'font-normal': !selected }">
-                    {{ member.firstname }} {{ member.lastname }} {{ member.nameaffix }}
-                  </span>
-                  <span
-                    v-if="selected"
-                    class="absolute inset-y-0 left-0 flex items-center pl-3"
-                    :class="{ 'text-white': active, 'text-primary': !active }"
-                  >
-                    <CheckIcon class="h-5 w-5" aria-hidden="true" />
-                  </span>
-                </li>
-              </ComboboxOption>
-            </ComboboxOptions>
-          </TransitionRoot>
-        </div>
-      </Combobox>
-    </div>
    <p>Ausgewählte Empfänger</p>
    <div class="flex flex-col gap-2 grow overflow-y-auto">
      <div
@ -125,6 +74,7 @@ import { useAbilityStore } from "@/stores/ability";
 import { useQueryStoreStore } from "@/stores/admin/settings/queryStore";
 import { useQueryBuilderStore } from "@/stores/admin/club/queryBuilder";
 import cloneDeep from "lodash.clonedeep";
+import MemberSearchSelect from "@/components/admin/MemberSearchSelect.vue";
 </script>

 <script lang="ts">
@ -140,27 +90,19 @@ export default defineComponent({
  data() {
    return {
      query: "" as String,
+      members: [] as Array<MemberViewModel>,
    };
  },
  computed: {
    ...mapWritableState(useNewsletterRecipientsStore, ["recipients", "loading"]),
    ...mapWritableState(useNewsletterStore, ["activeNewsletterObj"]),
-    ...mapState(useMemberStore, ["members"]),
    ...mapState(useQueryStoreStore, ["queries"]),
    ...mapState(useQueryBuilderStore, ["data"]),
    ...mapState(useAbilityStore, ["can"]),
-    filtered(): Array<MemberViewModel> {
-      return this.query === ""
-        ? this.members
-        : this.members.filter((member) =>
-            (member.firstname + " " + member.lastname)
-              .toLowerCase()
-              .replace(/\s+/g, "")
-              .includes(this.query.toLowerCase().replace(/\s+/g, ""))
-          );
-    },
-    sorted(): Array<MemberViewModel> {
-      return this.selected.sort((a, b) => {
+    selected(): Array<MemberViewModel> {
+      return this.members
+        .filter((m) => this.recipients.includes(m.id))
+        .sort((a, b) => {
          if (a.lastname < b.lastname) return -1;
          if (a.lastname > b.lastname) return 1;
          if (a.firstname < b.firstname) return -1;
@ -168,9 +110,6 @@ export default defineComponent({
          return 0;
        });
    },
-    selected(): Array<MemberViewModel> {
-      return this.members.filter((m) => this.recipients.includes(m.id));
-    },
    queried(): Array<MemberViewModel> {
      if (this.recipientsByQueryId == "def") return [];
      let keys = Object.keys(this.data?.[0] ?? {});
@ -205,13 +144,13 @@ export default defineComponent({
    },
  },
  mounted() {
-    this.fetchMembers(0, 1000, "", true);
    // this.fetchNewsletterRecipients();
    this.fetchQueries();
    this.loadQuery();
+    this.loadMembers();
  },
  methods: {
-    ...mapActions(useMemberStore, ["fetchMembers"]),
+    ...mapActions(useMemberStore, ["getAllMembers"]),
    ...mapActions(useNewsletterRecipientsStore, ["fetchNewsletterRecipients"]),
    ...mapActions(useQueryStoreStore, ["fetchQueries"]),
    ...mapActions(useQueryBuilderStore, ["sendQuery"]),
@ -221,6 +160,13 @@ export default defineComponent({
        this.recipients.splice(index, 1);
      }
    },
+    loadMembers() {
+      this.getAllMembers()
+        .then((res) => {
+          this.members = res.data;
+        })
+        .catch(() => {});
+    },
    loadQuery() {
      if (this.recipientsByQuery) {
        this.sendQuery(0, 1000, this.recipientsByQuery.query);
--- a/src/views/admin/club/protocol/ProtocolPresence.vue
+++ b/src/views/admin/club/protocol/ProtocolPresence.vue
@ -5,63 +5,19 @@
      &#8634; laden fehlgeschlagen
    </p>

-    <div class="w-full">
-      <Combobox v-model="presence" :disabled="!can('create', 'club', 'protocol')" multiple by="memberId">
-        <ComboboxLabel>Anwesende suchen</ComboboxLabel>
-        <div class="relative mt-1">
-          <ComboboxInput
-            class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
-            @input="query = $event.target.value"
+    <MemberSearchSelect
+      title="Anwesende suchen"
+      :model-value="presence.map((p) => p.memberId)"
+      :disabled="!can('create', 'club', 'protocol')"
+      @add:difference="
+        (id: number) =>
+          presence.push({ memberId: id, absent: false, excused: true, protocolId: parseInt(protocolId ?? '') })
+      "
+      @add:member="(s) => members.push(s)"
+      @add:member-by-array="(s) => members.push(...s)"
+      @remove:difference="removeSelected"
    />
-          <ComboboxButton class="absolute inset-y-0 right-0 flex items-center pr-2">
-            <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
-          </ComboboxButton>
-          <TransitionRoot
-            leave="transition ease-in duration-100"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-            @after-leave="query = ''"
-          >
-            <ComboboxOptions
-              class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-none sm:text-sm"
-            >
-              <ComboboxOption v-if="filtered.length === 0" as="template" disabled>
-                <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
-                  <span class="font-normal block truncate"> Keine Auswahl</span>
-                </li>
-              </ComboboxOption>

-              <ComboboxOption
-                v-for="member in filtered"
-                as="template"
-                :key="member.memberId"
-                :value="member"
-                v-slot="{ selected, active }"
-              >
-                <li
-                  class="relative cursor-default select-none py-2 pl-10 pr-4"
-                  :class="{
-                    'bg-primary text-white': active,
-                    'text-gray-900': !active,
-                  }"
-                >
-                  <span class="block truncate" :class="{ 'font-medium': selected, 'font-normal': !selected }">
-                    {{ getMember(member.memberId)?.firstname }} {{ getMember(member.memberId)?.lastname }} {{ getMember(member.memberId)?.nameaffix }}
-                  </span>
-                  <span
-                    v-if="selected"
-                    class="absolute inset-y-0 left-0 flex items-center pl-3"
-                    :class="{ 'text-white': active, 'text-primary': !active }"
-                  >
-                    <CheckIcon class="h-5 w-5" aria-hidden="true" />
-                  </span>
-                </li>
-              </ComboboxOption>
-            </ComboboxOptions>
-          </TransitionRoot>
-        </div>
-      </Combobox>
-    </div>
    <br />
    <p>Anwesenheit</p>
    <div class="flex flex-col gap-2 grow overflow-y-auto">
@ -71,11 +27,20 @@
        class="flex flex-row h-fit w-full border border-primary rounded-md bg-primary p-2 text-white justify-between items-center"
      >
        <div class="flex flex-col items-start">
-          <p>{{ getMember(member.memberId)?.lastname }}, {{ getMember(member.memberId)?.firstname }} {{ getMember(member.memberId)?.nameaffix ? `- ${getMember(member.memberId)?.nameaffix}` : "" }}</p>
+          <p>
+            {{ getMember(member.memberId)?.lastname }}, {{ getMember(member.memberId)?.firstname }}
+            {{ getMember(member.memberId)?.nameaffix ? `- ${getMember(member.memberId)?.nameaffix}` : "" }}
+          </p>
+          <div class="flex flex-row gap-4">
            <label class="flex flex-row gap-2 items-center">
              <input type="checkbox" v-model="member.absent" />
              war abwesend
            </label>
+            <label v-if="member.absent" class="flex flex-row gap-2 items-center">
+              <input type="checkbox" v-model="member.excused" />
+              ist entschuldigt
+            </label>
+          </div>
        </div>
        <TrashIcon
          v-if="can('create', 'club', 'protocol')"
@ -91,22 +56,11 @@
 import { defineComponent } from "vue";
 import { mapActions, mapState, mapWritableState } from "pinia";
 import Spinner from "@/components/Spinner.vue";
-import {
-  Combobox,
-  ComboboxLabel,
-  ComboboxInput,
-  ComboboxButton,
-  ComboboxOptions,
-  ComboboxOption,
-  TransitionRoot,
-} from "@headlessui/vue";
-import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 import { TrashIcon } from "@heroicons/vue/24/outline";
-import { useProtocolStore } from "@/stores/admin/club/protocol/protocol";
-import { useMemberStore } from "@/stores/admin/club/member/member";
-import type { MemberViewModel } from "@/viewmodels/admin/club/member/member.models";
 import { useProtocolPresenceStore } from "@/stores/admin/club/protocol/protocolPresence";
 import { useAbilityStore } from "@/stores/ability";
+import MemberSearchSelect from "@/components/admin/MemberSearchSelect.vue";
+import type { MemberViewModel } from "@/viewmodels/admin/club/member/member.models";
 </script>

 <script lang="ts">
@ -117,34 +71,20 @@ export default defineComponent({
  data() {
    return {
      query: "" as String,
+      members: [] as Array<MemberViewModel>,
    };
  },
  computed: {
    ...mapWritableState(useProtocolPresenceStore, ["presence", "loading"]),
-    ...mapState(useMemberStore, ["members"]),
    ...mapState(useAbilityStore, ["can"]),
-    filtered(): Array<{memberId:number, absent:boolean; protocolId:number}> {
-      return (this.query === ""
-        ? this.members
-        : this.members.filter((member) =>
-            (member.firstname + " " + member.lastname)
-              .toLowerCase()
-              .replace(/\s+/g, "")
-              .includes(this.query.toLowerCase().replace(/\s+/g, ""))
-          )).map(m =>({memberId: m.id, absent:false, protocolId:parseInt(this.protocolId ?? "")}));
-    },
    getMember() {
      return (memberId: number) => {
-        return this.members.find(m => memberId == m.id)
-      }
-    }
+        return this.members.find((m) => memberId == m.id);
+      };
    },
-  mounted() {
-    this.fetchMembers(0, 1000, "", true);
-    // this.fetchProtocolPresence();
  },
+  mounted() {},
  methods: {
-    ...mapActions(useMemberStore, ["fetchMembers"]),
    ...mapActions(useProtocolPresenceStore, ["fetchProtocolPresence"]),
    removeSelected(id: number) {
      let index = this.presence.findIndex((s) => s.memberId == id);
--- a/src/views/admin/settings/calendarType/CalendarTypeEdit.vue
+++ b/src/views/admin/settings/calendarType/CalendarTypeEdit.vue
@ -58,8 +58,10 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { RouterLink } from "vue-router";
-import type { CalendarTypeViewModel, UpdateCalendarTypeViewModel } from "@/viewmodels/admin/settings/calendarType.models";
-import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
+import type {
+  CalendarTypeViewModel,
+  UpdateCalendarTypeViewModel,
+} from "@/viewmodels/admin/settings/calendarType.models";
 import cloneDeep from "lodash.clonedeep";
 import isEqual from "lodash.isequal";
 </script>
@ -115,7 +117,7 @@ export default defineComponent({
        type: formData.type.value,
        color: formData.color.value,
        nscdr: formData.nscdr.checked,
-        passphrase: formData.passphrase.value,
+        passphrase: formData.passphrase?.value,
      };
      this.status = "loading";
      this.updateActiveCalendarType(updateCalendarType)
--- a/src/views/admin/settings/template/TemplateEdit.vue
+++ b/src/views/admin/settings/template/TemplateEdit.vue
@ -139,7 +139,6 @@ export default defineComponent({
          if (!fromSave) this.loadDesign();
        })
        .catch((err) => {
-          console.log(err);
          this.loading = "failed";
        });
    },
--- a/src/views/docs/View.vue
+++ b/src/views/docs/View.vue
@ -3,7 +3,7 @@
    <template #sidebar>
      <SidebarTemplate mainTitle="Dokumentation">
        <template #list>
-          <RoutingLink title="FF Admin" :link="{ name: 'docs-page', params: { page: 'ff-admin' } }" :active="page == 'ff-admin'" />
+          <RoutingLink title="Admin" :link="{ name: 'docs-page', params: { page: 'ff-admin' } }" :active="page == 'ff-admin'" />
          <RoutingLink title="Mitgliederverwaltung" :link="{ name: 'docs-page', params: { page: 'member' } }" :active="page == 'member'" />
          <RoutingLink title="Kalendar" :link="{ name: 'docs-page', params: { page: 'calendar' } }" :active="page == 'calendar'" />
          <RoutingLink title="Newsletter-Versand" :link="{ name: 'docs-page', params: { page: 'newsletter' } }" :active="page == 'newsletter'" />
--- a/src/views/invite/Verify.vue
+++ b/src/views/invite/Verify.vue
@ -2,7 +2,7 @@
  <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-md w-full space-y-8 pb-20">
      <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
        <h2 class="text-center text-4xl font-extrabold text-gray-900">Einrichtung</h2>
      </div>

--- a/src/views/public/calendar/Calendar.vue
+++ b/src/views/public/calendar/Calendar.vue
@ -73,6 +73,7 @@ export default defineComponent({
        weekText: "KW",
        allDaySlot: false,
        events: this.formattedItems,
+        eventClick: this.eventClick,
      };
    },
  },
@ -92,6 +93,12 @@ export default defineComponent({
    openLinkModal(e: any) {
      this.openModal(markRaw(defineAsyncComponent(() => import("@/components/public/calendar/CalendarLinkModal.vue"))));
    },
+    eventClick(e: any) {
+      this.openModal(
+        markRaw(defineAsyncComponent(() => import("@/components/public/calendar/ShowCalendarEntryModal.vue"))),
+        this.calendars.find((c) => c.id == e.event.id)
+      );
+    },
  },
 });
 </script>
--- a/src/views/reset/Reset.vue
+++ b/src/views/reset/Reset.vue
@ -2,7 +2,7 @@
  <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-md w-full space-y-8 pb-20">
      <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
        <h2 class="text-center text-4xl font-extrabold text-gray-900">TOTP zurücksetzen</h2>
      </div>

--- a/src/views/reset/Start.vue
+++ b/src/views/reset/Start.vue
@ -2,7 +2,7 @@
  <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-md w-full space-y-8 pb-20">
      <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
        <h2 class="text-center text-4xl font-extrabold text-gray-900">TOTP zurücksetzen</h2>
      </div>

--- a/src/views/setup/Setup.vue
+++ b/src/views/setup/Setup.vue
@ -2,7 +2,7 @@
  <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-md w-full space-y-8 pb-20">
      <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
        <h2 class="text-center text-4xl font-extrabold text-gray-900">Einrichtung</h2>
      </div>

--- a/src/views/setup/Verify.vue
+++ b/src/views/setup/Verify.vue
@ -2,7 +2,7 @@
  <div class="grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
    <div class="max-w-md w-full space-y-8 pb-20">
      <div class="flex flex-col items-center gap-4">
-        <img src="/Logo.png" alt="LOGO" class="h-36" />
+        <img src="/Logo.png" alt="LOGO" class="h-auto w-full" />
        <h2 class="text-center text-4xl font-extrabold text-gray-900">Einrichtung</h2>
      </div>

--- a/vite.config.ts
+++ b/vite.config.ts
@ -5,6 +5,7 @@ import vue from "@vitejs/plugin-vue";
 import vueDevTools from "vite-plugin-vue-devtools";
 import Markdown from "unplugin-vue-markdown/vite";
 import hljs from "highlight.js";
+import { VitePWA } from "vite-plugin-pwa";

 // https://vitejs.dev/config/
 export default defineConfig({
@ -34,6 +35,28 @@ export default defineConfig({
        });
      },
    }),
+    VitePWA({
+      registerType: "autoUpdate",
+      injectRegister: "auto",
+      includeAssets: ["favicon.png", "favicon.ico"],
+      manifest: {
+        name: "__APPNAMEOVERWRITE__",
+        short_name: "__APPNAMEOVERWRITE__",
+        theme_color: "#990b00",
+        icons: [
+          {
+            src: "favicon.ico",
+            sizes: "48x48",
+            type: "image/png",
+          },
+          {
+            src: "favicon.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
+        ],
+      },
+    }),
  ],
  resolve: {
    alias: {
Author	SHA1	Message	Date
Julian Krauser	6e82675557	1.1.2	2025-01-21 09:00:51 +01:00
Julian Krauser	1b531b1152	Merge pull request 'patches v1.1.2' (#47 ) from develop into main Reviewed-on: #47	2025-01-21 08:00:11 +00:00
Julian Krauser	131b3747de	enhance: status displayed by member search	2025-01-21 08:58:47 +01:00
Julian Krauser	883559d8a5	fix: get all members for newletter recipients query	2025-01-21 08:58:30 +01:00
Julian Krauser	626a355c5c	1.1.1	2025-01-20 12:49:08 +01:00
Julian Krauser	4ecb39ceff	Merge pull request 'patches v1.1.1' (#46 ) from develop into main Reviewed-on: #46	2025-01-20 11:48:27 +00:00
Julian Krauser	45ad07a906	fix: create of calendar type with optional passphrase	2025-01-20 12:43:35 +01:00
Julian Krauser	5bcb76a60e	change: enable calendar entry details for public	2025-01-20 12:43:18 +01:00
Julian Krauser	c40b53b200	member search component	2025-01-20 09:43:48 +01:00
Julian Krauser	c9c6df20e0	1.1.0	2025-01-19 13:58:02 +01:00
Julian Krauser	05e464e825	Merge pull request 'minor: v1.1.0' (#45 ) from develop into main Reviewed-on: #45	2025-01-19 12:56:43 +00:00
Julian Krauser	4dc183f52b	Merge branch 'main' into develop	2025-01-19 12:56:07 +00:00
Julian Krauser	363b5bb541	Merge pull request 'feature/#38-protocol-presence-status' (#44 ) from feature/#38-protocol-presence-status into develop Reviewed-on: #44	2025-01-19 12:46:42 +00:00
Julian Krauser	c2b495f8a7	set excused state to presece members	2025-01-19 13:42:42 +01:00
Julian Krauser	8a85cc054d	fix: display of table structure cleared query builder request	2025-01-19 12:35:21 +01:00
Julian Krauser	afa834739c	1.0.3	2025-01-18 16:51:23 +01:00
Julian Krauser	8d2e0deee6	Merge pull request 'patches v1.0.3' (#43 ) from develop into main Reviewed-on: #43	2025-01-18 15:49:13 +00:00
Julian Krauser	9e50d95d7b	official logo	2025-01-18 16:45:03 +01:00
Julian Krauser	020c7c6cb9	weburl change	2025-01-18 14:58:38 +01:00
Julian Krauser	065b0aa6d5	fix: set default name to AppNameOverwrite to allow pwa install	2025-01-13 12:45:45 +01:00
Julian Krauser	cd6c9bfd93	1.0.2	2025-01-13 11:23:15 +01:00
Julian Krauser	557ee051ab	Merge pull request 'patches v1.0.2' (#37 ) from develop into main Reviewed-on: #37	2025-01-13 10:22:30 +00:00
Julian Krauser	0ee5a92c95	fix: dialog status handling	2025-01-13 10:24:03 +01:00
Julian Krauser	22359c3bea	change: ui sorting	2025-01-12 18:17:50 +01:00
Julian Krauser	3da0f4cd49	enhance: display process logs	2025-01-12 14:05:08 +01:00
Julian Krauser	a8e2b05d8e	fix: display newsletter progress in client	2025-01-12 13:25:55 +01:00
Julian Krauser	52a35be6c5	change: removed dev logging	2025-01-12 11:43:10 +01:00
Julian Krauser	3f3aa040d9	enhance: enable pwa install	2025-01-11 14:45:48 +01:00
Julian Krauser	260478af69	enhance: set custom name instead of ff-admin	2025-01-10 17:46:42 +01:00