Merge pull request 'patches v1.0.3' (#43) from develop into main

Reviewed-on: #43

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.
 
@@ -37,9 +37,9 @@ services:
     #  - PRIVACYLINK=https://mywebsite-privacy-url
     #  - CUSTOMLOGINMESSAGE=betrieben von xy
     #volumes:
-    #  - <volume|local path>/myfavicon.ico:/usr/share/nginx/html/favicon.ico # 48x48 px Auflösung
+    #  - <volume|local path>/favicon.ico:/usr/share/nginx/html/favicon.ico # 48x48 px Auflösung
-    #  - <volume|local path>/myfavicon.png:/usr/share/nginx/html/favicon.png # 512x512 px Auflösung - wird als pwa Icon genutzt
+    #  - <volume|local path>/favicon.png:/usr/share/nginx/html/favicon.png # 512x512 px Auflösung - wird als pwa Icon genutzt
-    #  - <volume|local path>/mylogo.png:/usr/share/nginx/html/Logo.png
+    #  - <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.

entrypoint.sh

@@ -11,6 +11,12 @@ do
   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

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" />
+        <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>
+        <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,7 +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"
+import { config } from "@/config";
 </script>
 
 <script lang="ts">

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>
 

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>
 

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>
 

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>
 

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>