feat: show notification to install miniplan as app

fix: upgrade node in Dockerfile to v24
fix: upgrade all dependencies and resolve conflicts
2026-07-21 16:38:05 +02:00 · 2026-07-21 14:02:57 +02:00 · 2026-07-21 14:00:22 +02:00 · 2026-07-21 13:49:29 +02:00 · 2026-07-21 13:47:57 +02:00 · 2026-07-21 13:45:46 +02:00
24 changed files with 6476 additions and 836 deletions
@@ -2,3 +2,4 @@
 .idea
 node_modules
 package-lock.json
 /.idea/
@@ -4,7 +4,7 @@ COPY --chown=gradle:gradle /private/minis-backend /home/gradle/src
 WORKDIR /home/gradle/src
 RUN gradle buildFatJar --no-daemon
-FROM node:18 as build_frontend
+FROM node:24 as build_frontend
 RUN mkdir -p /home/node/app/node_modules && chown -R node:node /home/node/app
 WORKDIR /home/node/app
@@ -8,8 +8,5 @@
  },
  "author": "",
  "license": "ISC",
-  "dependencies": {
+  "dependencies": {}
    "dropzone-vue3": "^1.0.2",
    "rxjs": "^7.8.1"
  }
 }
@@ -30,7 +30,7 @@ fun Application.configureDatabases() {
        SchemaUtils.create(Gottesdienste)
        SchemaUtils.create(Marks)
        // TODO Add proper versioning and migration for database
-        exec("ALTER TABLE MINISTRANTEN ALTER COLUMN birthday BIGINT NULL;")
+        exec("ALTER TABLE MINISTRANTEN ALTER COLUMN birthday DROP NOT NULL;")
    }
 }
@@ -26,3 +26,4 @@ coverage
 *.njsproj
 *.sln
 *.sw?
 /dev-dist/
@@ -3,9 +3,14 @@
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/minis_logo.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#ffffff">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Miniplan">
    <title>Miniplan App</title>
-    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet">
  </head>
  <body>
@@ -10,6 +10,7 @@
    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false"
  },
  "dependencies": {
    "crypto-js": "^4.2.0",
    "dropzone-vue3": "^1.0.2",
    "rxjs": "^7.8.1",
    "underscore": "^1.13.7",
@@ -19,12 +20,15 @@
  "devDependencies": {
    "@tsconfig/node18": "^18.2.0",
    "@types/node": "^18.17.0",
    "@vite-pwa/assets-generator": "^1.0.2",
    "@vitejs/plugin-vue": "^4.2.3",
    "@vue/tsconfig": "^0.4.0",
    "less": "^4.2.0",
    "npm-run-all": "^4.1.5",
    "typescript": "~5.1.6",
-    "vite": "^4.4.6",
+    "vite": "^5.4.0",
-    "vue-tsc": "^1.8.6"
+    "vite-plugin-pwa": "^1.3.0",
    "vue-tsc": "^3.3.7",
    "workbox-window": "^7.4.1"
  }
 }
@@ -6,6 +6,8 @@ import {onMounted, ref} from "vue";
 import {Auth} from "@/services/auth";
 import DialogHost from "@/components/dialog/DialogHost.vue";
 import {LoginService} from "@/services/LoginService";
 import {Dialogs} from "@/services/DialogService";
 import InstallPWADialog from "@/components/dialog/InstallPWADialog.vue";
 let showPopup = ref(false)
 let loggedIn = ref(false)
@@ -33,6 +35,40 @@ LoginService.subject.subscribe(() => {
    showPopup.value = true
 })
 const installEvent = ref<Event>()
 window.addEventListener('beforeinstallprompt', (e) => {
    e.preventDefault()
    console.log("beforeinstallprompt")
    installEvent.value = e
    scheduleInstallDialog()
 })
 function scheduleInstallDialog() {
    if (isPwa()) return
    if (localStorage.getItem('installPromptDismissed')) return
    if (!installEvent.value) return
    Dialogs.createDialog(InstallPWADialog, {
        onPositive(dontShowAgain: boolean) {
            if (dontShowAgain) localStorage.setItem('installPromptDismissed', 'true')
            ;(installEvent.value as any).prompt()
        },
        onNegative(dontShowAgain: boolean) {
            if (dontShowAgain) localStorage.setItem('installPromptDismissed', 'true')
        },
        onDismiss() {}
    }, {})
 }
 function isPwa() {
    return window.matchMedia('(display-mode: standalone)').matches
 }
 window.addEventListener('appinstalled', () => {
    localStorage.setItem('installPromptDismissed', 'true')
 })
 </script>
 <template>
@@ -0,0 +1,66 @@
 <script setup lang="ts">
 import {ref} from "vue";
 import Dialog from "@/components/dialog/Dialog.vue";
 import type {DialogControls} from "@/components/dialog/dialog";
 interface InstallPWADialogProps extends DialogControls {
 }
 defineProps<InstallPWADialogProps>()
 const dontShowAgain = ref<boolean>(false)
 </script>
 <template>
    <Dialog class="dialog">
        <h3 style="margin-bottom: 10px; display: flex; gap: 1rem; align-items: center">
            Zum Startbildschirm hinzufügen
        </h3>
        <p style="line-height: 1.7rem">
            Dein Miniplan kann jetzt auf Ihrem Gerät installiert werden, um schnell und einfach darauf zuzugreifen.
        </p>
        <label class="checkbox">
            <input type="checkbox" v-model="dontShowAgain" />
            Nicht mehr anzeigen
        </label>
        <div class="buttons">
            <button @click="onNegative(dontShowAgain)" class="dismiss">Später</button>
            <button @click="onPositive(dontShowAgain)" ><i>browser_updated</i>Jetzt hinzufügen</button>
        </div>
    </Dialog>
 </template>
 <style scoped lang="less">
 .dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 500px
 }
 .checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 14px;
    cursor: pointer;
 }
 .buttons {
    display: flex;
    justify-content: end;
    margin-top: 20px;
    .dismiss {
        background: transparent;
    }
 }
 </style>
@@ -4,6 +4,19 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 import { registerSW } from 'virtual:pwa-register'
 registerSW({
  onNeedRefresh() {
    if (confirm('New content available. Reload?')) {
      window.location.reload()
    }
  },
  onOfflineReady() {
    console.log('App ready to work offline')
  }
 })
 const app = createApp(App)
 app.use(router)
@@ -1,16 +1,81 @@
-import { fileURLToPath, URL } from 'node:url'
+import {fileURLToPath, URL} from 'node:url'
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import {VitePWA} from 'vite-plugin-pwa'
-// https://vitejs.dev/config/
+export default defineConfig(({mode}) => (
-export default defineConfig({
+    {
-  plugins: [
+        plugins: [
-    vue(),
+            vue(),
-  ],
+            VitePWA({
-  resolve: {
+                registerType: 'autoUpdate',
-    alias: {
+                includeAssets: ['favicon.ico', 'minis_logo.png'],
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+                manifest: {
-    }
+                    name: 'Miniplan App',
-  }
+                    short_name: 'Miniplan',
-})
+                    description: 'Lade deinen Miniplan direkt auf dein Handy. So hast du den Miniplan jederzeit und schnell erreichbar.',
                    theme_color: '#ffffff',
                    background_color: '#ffffff',
                    display: 'standalone',
                    scope: '/',
                    start_url: '/',
                    screenshots: [
                        {
                            src: 'screenshot1.png',
                            sizes: '505x710',
                            type: 'image/png',
                            form_factor: "narrow",
                            label: "Miniplan Liste"
                        },
                        {
                            src: 'screenshot2.png',
                            sizes: '505x711',
                            type: 'image/png',
                            form_factor: "narrow",
                            label: "Miniplan Tabelle"
                        },
                        {
                            src: "screenshot3.png",
                            sizes: '1003x709',
                            type: 'image/png',
                            form_factor: "wide",
                            label: "Miniplan Tabelle"
                        }
                    ],
                    icons: [
                        {
                            src: "pwa-64x64.png",
                            sizes: "64x64",
                            type: "image/png"
                        },
                        {
                            src: "pwa-192x192.png",
                            sizes: "192x192",
                            type: "image/png"
                        },
                        {
                            src: "pwa-512x512.png",
                            sizes: "512x512",
                            type: "image/png"
                        },
                        {
                            src: "maskable-icon-512x512.png",
                            sizes: "512x512",
                            type: "image/png",
                            purpose: "maskable"
                        }
                    ]
                },
                devOptions: {
                    enabled: mode === "development"
                }
            })
        ],
        resolve: {
            alias: {
                '@': fileURLToPath(new URL('./src', import.meta.url))
            }
        }
    })
 )
Author	SHA1	Message	Date
walamana	87812d02d3	feat: show notification to install miniplan as app Deploy Miniplan / build (push) Successful in 59s Details	2026-07-21 16:38:05 +02:00
walamana	1104280c0c	fix: upgrade node in Dockerfile to v24 Deploy Miniplan / build (push) Successful in 2m7s Details	2026-07-21 14:02:57 +02:00
walamana	2e829b281b	fix: upgrade all dependencies and resolve conflicts Deploy Miniplan / build (push) Failing after 1m16s Details	2026-07-21 14:00:22 +02:00
walamana	7adeb41402	fix: add missing dependency Deploy Miniplan / build (push) Failing after 1m2s Details	2026-07-21 13:49:29 +02:00
walamana	c7f3fb0e6e	fix: update package-lock.json Deploy Miniplan / build (push) Failing after 52s Details	2026-07-21 13:47:57 +02:00
walamana	ccabdc580c	fix: build Deploy Miniplan / build (push) Failing after 54s Details	2026-07-21 13:45:46 +02:00
walamana	0350b80cda	feat: make miniplan a PWA Deploy Miniplan / build (push) Failing after 1m20s Details	2026-07-21 13:41:18 +02:00
walamana	2dac1598ff	fix: use common sql syntax for dropping null constraint on birthday field Deploy Miniplan / build (push) Successful in 2m58s Details	2026-07-14 22:59:35 +02:00
walamana	32109debfd	Merge pull request 'develop' (#9 ) from develop into main Deploy Miniplan / build (push) Successful in 2m59s Details Reviewed-on: #9	2026-07-14 22:47:19 +02:00