V 1.2.1 Berechnugn der Resttsage auch beim Start

nochmal
Buid-Date updated
2026-03-23 10:08:03 +01:00 · 2026-03-19 11:29:36 +01:00 · 2026-03-19 11:29:08 +01:00 · 2026-03-15 13:56:16 +01:00 · 2026-03-12 09:12:45 +01:00 · 2026-03-12 09:11:43 +01:00
31 changed files with 1928 additions and 737 deletions
--- a/.dockerignore
+++ b/.dockerignore
@@ -0,0 +1,36 @@
+# Abhängigkeiten & Build-Artefakte
+node_modules
+.next
+out
+
+# Umgebungsdateien (Secrets nie ins Image!)
+.env
+.env.*
+!.env.example
+
+# Entwicklungs- & Editor-Dateien
+.git
+.gitignore
+.github
+
+.vscode
+.idea
+*.suo
+*.user
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Betriebssystem
+.DS_Store
+Thumbs.db
+
+# Migrationsskripte (nicht im Produktions-Image benötigt)
+scripts/
+
+# Doku
+README.md
+*.md
--- a/45
+++ b/45
@@ -0,0 +1,45 @@
+# ── Stage 1: Abhängigkeiten installieren ─────────────────────────────────────
+FROM node:22-alpine AS deps
+WORKDIR /app
+
+COPY package.json package-lock.json* ./
+RUN npm ci --omit=dev --ignore-scripts
+
+# ── Stage 2: Build ────────────────────────────────────────────────────────────
+FROM node:22-alpine AS builder
+WORKDIR /app
+
+COPY package.json package-lock.json* ./
+RUN npm ci --ignore-scripts
+
+COPY . .
+
+# Standalone-Output aktiviert kleinste Images
+ENV NEXT_TELEMETRY_DISABLED=1
+ARG BUILD_DATE
+ENV NEXT_PUBLIC_BUILD_DATE=$BUILD_DATE
+RUN npm run build
+
+# ── Stage 3: Produktions-Image ────────────────────────────────────────────────
+FROM node:22-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+# Unprivilegierter User
+RUN addgroup --system --gid 1001 nodejs \
+ && adduser  --system --uid 1001 nextjs
+
+# Standalone-Bundle + statische Assets kopieren
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static    ./.next/static
+COPY --from=builder --chown=nextjs:nodejs /app/public          ./public
+
+USER nextjs
+
+EXPOSE 3000
+ENV PORT=3000
+ENV HOSTNAME=0.0.0.0
+
+CMD ["node", "server.js"]
--- a/app/api/check/route.ts
+++ b/app/api/check/route.ts
@@ -0,0 +1,16 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { doCheckAndMail } from '@/lib/mailService';
+
+// Einfacher Shared-Secret-Schutz
+const SECRET = process.env.CHECK_SECRET || '';
+
+export async function GET(req: NextRequest) {
+  if (SECRET) {
+    const token = req.nextUrl.searchParams.get('secret');
+    if (token !== SECRET) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+    }
+  }
+  const result = await doCheckAndMail();
+  return NextResponse.json({ ok: true, result });
+}
--- a/app/api/data/route.ts
+++ b/app/api/data/route.ts
@@ -0,0 +1,107 @@
+import { NextRequest, NextResponse } from 'next/server';
+import type { RowDataPacket } from 'mysql2';
+import pool from '@/lib/mysql';
+import { checkAblauf } from '@/lib/checkAblauf';
+import moment from 'moment';
+import { Tablette, DataResponse } from '@/types/tablette';
+
+// Verhindert Caching der Route
+export const dynamic = 'force-dynamic';
+export const revalidate = 0;
+
+function formatDate(dt: Date | string | null): string {
+  if (!dt) return '';
+  const d = moment(dt);
+  if (!d.isValid() || d.isBefore(moment('2020-01-01'))) return '';
+  return d.format('YYYY-MM-DD');
+}
+
+const SORT_WHITELIST = new Set(['tab', 'pday', 'cnt', 'at', 'akt', 'until', 'warn', 'rem', 'order']);
+
+// GET /api/data?sidx=...&sord=asc|desc
+export async function GET(req: NextRequest) {
+  const { searchParams } = req.nextUrl;
+  const sidxRaw = searchParams.get('sidx') || 'pday';
+  const sidx = SORT_WHITELIST.has(sidxRaw) ? sidxRaw : 'pday';
+  const sord = searchParams.get('sord') === 'asc' ? 'ASC' : 'DESC';
+  const col = `\`${sidx}\``;
+
+  try {
+  const [rows] = await pool.query<RowDataPacket[]>(
+    `SELECT tab, pday, cnt, at, rem, \`order\`
+     FROM tabletten
+     ORDER BY ${col} ${sord}, rem DESC, tab ASC`
+  );
+
+  const values: Tablette[] = rows.map((r) => {
+    // Berechne die aktuellen Werte dynamisch basierend auf dem heutigen Datum
+    const calculated = checkAblauf({ cnt: r.cnt, pday: r.pday, at: r.at });
+    return {
+      tab:   r.tab,
+      pday:  r.pday,
+      cnt:   r.cnt,
+      at:    formatDate(r.at),
+      akt:   calculated.akt,
+      until: formatDate(calculated.until),
+      warn:  calculated.warn,
+      rem:   r.rem,
+      order: r.order,
+    };
+  });
+
+  const result: DataResponse = {
+    total: 1,
+    page: 1,
+    records: values.length,
+    values,
+  };
+
+  return NextResponse.json(result);
+  } catch (err) {
+    console.error('[GET /api/data]', err);
+    return NextResponse.json({ error: String(err) }, { status: 500 });
+  }
+}
+
+// POST /api/data
+// body: { oper: 'add'|'edit'|'del', tab, pday, cnt, at, rem, order }
+export async function POST(req: NextRequest) {
+  const data = await req.json();
+
+  if (data.oper === 'del') {
+    await pool.execute('DELETE FROM tabletten WHERE tab = ?', [data.tab]);
+    return NextResponse.json({ ok: true });
+  }
+
+  // add or edit
+  const pday  = parseFloat(data.pday)  || 1;
+  const cnt   = parseInt(data.cnt, 10) || 0;
+  const at    = data.at === '' ? '1900-01-01' : data.at;
+  const rem   = data.rem   || '';
+  const order = data.order || '';
+
+  const updates = checkAblauf({ cnt, pday, at: new Date(at) });
+
+  await pool.execute(
+    `INSERT INTO tabletten (tab, pday, cnt, at, akt, until, warn, rem, \`order\`)
+     VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
+     ON DUPLICATE KEY UPDATE
+       pday     = VALUES(pday),
+       cnt      = VALUES(cnt),
+       at       = VALUES(at),
+       akt      = VALUES(akt),
+       until    = VALUES(until),
+       warn     = VALUES(warn),
+       rem      = VALUES(rem),
+       \`order\` = VALUES(\`order\`)`,
+    [
+      data.tab, pday, cnt, at,
+      updates.akt,
+      moment(updates.until).format('YYYY-MM-DD'),
+      updates.warn ? 1 : 0,
+      rem, order,
+    ]
+  );
+
+  return NextResponse.json({ ok: true });
+}
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,26 +1,285 @@
-@import "tailwindcss";
-
 :root {
  --background: #ffffff;
  --foreground: #171717;
 }

-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
  background: var(--background);
  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
+
+main {
+  width: 90%;
+  margin: 20px auto;
+  background-color: #eeeeee;
+  padding: 10px;
+}
+
+/* ---- Toolbar ---- */
+.toolbar {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.btn {
+  padding: 6px 14px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 13px;
+}
+.btn-add    { background: #4caf50; color: white; }
+.btn-add:hover { background: #388e3c; }
+.btn-refresh { background: #2196f3; color: white; }
+.btn-refresh:hover { background: #1565c0; }
+.btn-delete { background: #e53935; color: white; }
+.btn-delete:hover { background: #b71c1c; }
+.btn-icon { background: none; border: none; cursor: pointer; font-size: 16px; padding: 0; }
+
+/* ---- Table ---- */
+.table-container { 
+  overflow-x: auto; 
+  width: 100%;
+}
+
+.main-table {
+  width: 100%;
+  border-collapse: collapse;
+  background: white;
+}
+.main-table th,
+.main-table td {
+  border: 1px solid #ccc;
+  padding: 6px 10px;
+  text-align: left;
+}
+.main-table th {
+  background: #d0d0d0;
+  cursor: pointer;
+  user-select: none;
+  text-align: center;
+}
+.main-table th:hover { background: #bbb; }
+.main-table tbody tr:nth-child(even) { background: #f7f7f7; }
+
+.sortable-header { white-space: nowrap; }
+.cell-center  { text-align: center; }
+.action-cell  { white-space: nowrap; }
+.col-tab      { font-weight: bold; font-size: 115%; }
+.col-pday     { width: 40px; text-align: center; }
+.col-date     { width: 110px; white-space: nowrap; text-align: center; }
+
+/* ---- Warn highlighting (mirrors original) ---- */
+.row-warn    { background: #fabebe !important; }
+.cell-warn   { background: #ff8033 !important; color: white; font-weight: bold; }
+.row-abgesetzt { color: #aaa; }
+
+/* ---- Error ---- */
+.error-msg { color: red; font-weight: bold; }
+
+/* ---- Modal ---- */
+.modal-overlay {
+  position: fixed; inset: 0;
+  background: rgba(0,0,0,0.45);
+  display: flex; align-items: center; justify-content: center;
+  z-index: 100;
+}
+.modal {
+  background: white;
+  border-radius: 8px;
+  padding: 28px 32px;
+  min-width: 380px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  box-shadow: 0 4px 24px rgba(0,0,0,0.25);
+}
+.modal h2 { margin: 0 0 8px; font-size: 1.2rem; }
+.modal label {
+  display: flex;
+  flex-direction: column;
+  font-size: 13px;
+  gap: 4px;
+}
+.modal input {
+  padding: 6px 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 14px;
+}
+.modal input:disabled { background: #eee; color: #777; }
+.modal-buttons { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }
+
+/* ---- App Layout ---- */
+.app-wrapper {
+  min-height: 100vh;
+  padding: 32px 16px;
+}
+
+.app-container {
+  max-width: 1264px;
+  margin: 0 auto;
+  border: 2px solid black;
+  border-radius: 12px;
+  background-color: #d1d5db;
+  padding: 24px;
+}
+
+.app-title {
+  font-size: 2.25rem;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 24px;
+  letter-spacing: -0.025em;
+}
+
+.app-inner {
+  width: 97%;
+  margin: 0 auto;
+}
+
+.app-logout-bar {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: -2px;
+}
+
+.btn-logout {
+  padding: 8px 16px;
+  background-color: #dc2626;
+  color: white;
+  font-size: 0.875rem;
+  border: none;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+  cursor: pointer;
+}
+.btn-logout:hover { background-color: #b91c1c; }
+
+.app-main {
+  width: 96%;
+  border: 2px solid black;
+  border-radius: 8px;
+  padding: 24px;
+  background-color: #FFFFDD;
+}
+
+.app-footer {
+  margin-top: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 0.875rem;
+  color: #4b5563;
+  padding: 0 16px;
+}
+.app-footer a:hover { text-decoration: underline; }
+
+/* ---- Login Page ---- */
+.login-wrapper {
+  min-height: 100vh;
+  background-color: white;
+  padding: 16px;
+}
+
+.login-outer {
+  max-width: 72rem;
+  margin: 0 auto;
+  border: 2px solid black;
+  border-radius: 8px;
+  padding: 24px;
+  background-color: #FFFFDD;
+}
+
+.login-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.login-page-title {
+  font-size: 1.875rem;
+  font-weight: bold;
+}
+
+.login-center {
+  display: flex;
+  justify-content: center;
+  padding: 40px 0;
+}
+
+.login-card {
+  width: 100%;
+  max-width: 24rem;
+  background: white;
+  border: 1px solid #d1d5db;
+  border-radius: 12px;
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+  padding: 32px;
+  box-sizing: border-box;
+}
+
+.login-card-title {
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #111827;
+  margin-bottom: 24px;
+  text-align: center;
+}
+
+.login-form {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.login-label {
+  display: block;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #374151;
+  margin-bottom: 4px;
+}
+
+.login-input {
+  width: 100%;
+  padding: 8px 12px;
+  border: 2px solid #9ca3af;
+  border-radius: 8px;
+  background: white;
+  color: #111827;
+  font-size: 0.875rem;
+  outline: none;
+  box-sizing: border-box;
+}
+.login-input:focus { border-color: #3b82f6; }
+.login-input:disabled { opacity: 0.6; cursor: not-allowed; }
+
+.login-error {
+  background-color: #fef2f2;
+  border: 1px solid #fca5a5;
+  color: #b91c1c;
+  padding: 8px 12px;
+  border-radius: 8px;
+  font-size: 0.875rem;
+}
+
+.login-submit {
+  width: 100%;
+  padding: 8px 16px;
+  background-color: #85B7D7;
+  color: black;
+  font-weight: 500;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.login-submit:hover:not(:disabled) { background-color: #6a9fc5; }
+.login-submit:disabled { opacity: 0.5; cursor: not-allowed; }
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,20 +1,9 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";

-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Tabletten-Übersicht",
+  description: "Verwaltung von Medikamenten und Tabletten",
 };

 export default function RootLayout({
@@ -24,9 +13,7 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
+      <body>
        {children}
      </body>
    </html>
--- a/app/login/actions.ts
+++ b/app/login/actions.ts
@@ -0,0 +1,27 @@
+'use server';
+
+import { verifyCredentials } from '@/lib/auth';
+import { createSession, deleteSession } from '@/lib/session';
+import { redirect } from 'next/navigation';
+
+export async function login(prevState: any, formData: FormData) {
+  const username = formData.get('username') as string;
+  const password = formData.get('password') as string;
+
+  if (!username || !password) {
+    return { error: 'Bitte Benutzername und Passwort eingeben' };
+  }
+
+  const isValid = verifyCredentials(username, password);
+  if (!isValid) {
+    return { error: 'Ungültige Anmeldedaten' };
+  }
+
+  await createSession(username);
+  redirect('/');
+}
+
+export async function logout() {
+  await deleteSession();
+  redirect('/login');
+}
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -0,0 +1,72 @@
+'use client';
+
+import { useActionState } from 'react';
+import { login } from './actions';
+
+export default function LoginPage() {
+  const [state, loginAction, isPending] = useActionState(login, undefined);
+
+  return (
+    <div className="login-wrapper">
+      <main className="login-outer">
+        <div className="login-header">
+          <h1 className="login-page-title">Tabletten-Übersicht</h1>
+        </div>
+
+        <div className="login-center">
+          <div className="login-card">
+            <h2 className="login-card-title">Anmeldung</h2>
+
+            <form action={loginAction} className="login-form">
+              <div>
+                <label htmlFor="username" className="login-label">
+                  Benutzername
+                </label>
+                <input
+                  id="username"
+                  name="username"
+                  type="text"
+                  required
+                  autoComplete="off"
+                  className="login-input"
+                  placeholder="Benutzername"
+                  disabled={isPending}
+                />
+              </div>
+
+              <div>
+                <label htmlFor="password" className="login-label">
+                  Passwort
+                </label>
+                <input
+                  id="password"
+                  name="password"
+                  type="password"
+                  required
+                  autoComplete="new-password"
+                  className="login-input"
+                  placeholder="Passwort"
+                  disabled={isPending}
+                />
+              </div>
+
+              {state?.error && (
+                <div className="login-error">
+                  {state.error}
+                </div>
+              )}
+
+              <button
+                type="submit"
+                disabled={isPending}
+                className="login-submit"
+              >
+                {isPending ? 'Anmeldung läuft...' : 'Anmelden'}
+              </button>
+            </form>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,65 +1,10 @@
-import Image from "next/image";
+import TablettenTable from '@/components/TablettenTable';
+import AppLayout from '@/components/AppLayout';

 export default function Home() {
  return (
-    <div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
-        <Image
-          className="dark:invert"
-          src="/next.svg"
-          alt="Next.js logo"
-          width={100}
-          height={20}
-          priority
-        />
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-          <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
-            To get started, edit the page.tsx file.
-          </h1>
-          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            Looking for a starting point or more instructions? Head over to{" "}
-            <a
-              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Templates
-            </a>{" "}
-            or the{" "}
-            <a
-              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Learning
-            </a>{" "}
-            center.
-          </p>
-        </div>
-        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
-          <a
-            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={16}
-              height={16}
-            />
-            Deploy Now
-          </a>
-          <a
-            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Documentation
-          </a>
-        </div>
-      </main>
-    </div>
+    <AppLayout>
+      <TablettenTable />
+    </AppLayout>
  );
 }
--- a/components/AppLayout.tsx
+++ b/components/AppLayout.tsx
@@ -0,0 +1,47 @@
+'use client';
+
+import { useState } from 'react';
+import LogoutButton from '@/components/LogoutButton';
+import packageJson from '@/package.json';
+
+interface AppLayoutProps {
+  children: React.ReactNode;
+}
+
+export default function AppLayout({ children }: AppLayoutProps) {
+  const version = packageJson.version;
+  const [buildDate] = useState(() => 
+    process.env.NEXT_PUBLIC_BUILD_DATE || new Date().toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' })
+  );
+
+  return (
+    <div className="app-wrapper">
+      <div className="app-container">
+
+        {/* Seitentitel */}
+        <h1 className="app-title">Tabletten-Check</h1>
+
+        <div className="app-inner">
+
+          {/* Logout-Button oben rechts */}
+          <div className="app-logout-bar">
+            <LogoutButton className="btn-logout" />
+          </div>
+
+          {/* Inhaltsbereich */}
+          <main className="app-main">
+            {children}
+          </main>
+
+          <footer className="app-footer">
+            <a href="mailto:rxf@gmx.de">
+              mailto:rxf@gmx.de
+            </a>
+            <div>Version {version} – {buildDate}</div>
+          </footer>
+
+        </div>
+      </div>
+    </div>
+  );
+}
--- a/components/LogoutButton.tsx
+++ b/components/LogoutButton.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import { logout } from '@/app/login/actions';
+
+interface LogoutButtonProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export default function LogoutButton({ className, children }: LogoutButtonProps) {
+  const handleLogout = async () => {
+    await logout();
+  };
+
+  return (
+    <button
+      onClick={handleLogout}
+      className={className || 'btn-logout'}
+    >
+      {children || 'Abmelden'}
+    </button>
+  );
+}
--- a/components/TablettenTable.tsx
+++ b/components/TablettenTable.tsx
@@ -0,0 +1,212 @@
+'use client';
+
+import { useEffect, useState, useCallback } from 'react';
+import { Tablette } from '@/types/tablette';
+
+const EMPTY: Omit<Tablette, 'akt' | 'until' | 'warn'> = {
+  tab: '',
+  pday: 1,
+  cnt: 0,
+  at: '',
+  rem: '',
+  order: '',
+};
+
+type FormData = Omit<Tablette, 'akt' | 'until' | 'warn'>;
+
+export default function TablettenTable() {
+  const [rows, setRows] = useState<Tablette[]>([]);
+  const [sortField, setSortField] = useState('until');
+  const [sortDir, setSortDir] = useState<'asc' | 'desc'>('asc');
+  const [modal, setModal] = useState<null | 'add' | 'edit' | 'del'>(null);
+  const [selected, setSelected] = useState<Tablette | null>(null);
+  const [form, setForm] = useState<FormData>({ ...EMPTY });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/data?sidx=${sortField}&sord=${sortDir}`);
+      const json = await res.json();
+      if (!res.ok) {
+        setError(`Fehler beim Laden: ${json.error ?? res.status}`);
+        return;
+      }
+      setRows(json.values || []);
+    } catch {
+      setError('Fehler beim Laden der Daten.');
+    } finally {
+      setLoading(false);
+    }
+  }, [sortField, sortDir]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  function handleSort(field: string) {
+    if (field === sortField) {
+      setSortDir((d) => (d === 'asc' ? 'desc' : 'asc'));
+    } else {
+      setSortField(field);
+      setSortDir('asc');
+    }
+  }
+
+  function openAdd() {
+    setForm({ ...EMPTY });
+    setModal('add');
+  }
+
+  function openEdit(row: Tablette) {
+    setSelected(row);
+    setForm({ tab: row.tab, pday: row.pday, cnt: row.cnt, at: row.at, rem: row.rem, order: row.order });
+    setModal('edit');
+  }
+
+  function openDel(row: Tablette) {
+    setSelected(row);
+    setModal('del');
+  }
+
+  async function handleSave() {
+    const payload = { ...form, oper: modal === 'add' ? 'add' : 'edit' };
+    await fetch('/api/data', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(payload),
+    });
+    setModal(null);
+    fetchData();
+  }
+
+  async function handleDelete() {
+    if (!selected) return;
+    await fetch('/api/data', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ oper: 'del', tab: selected.tab }),
+    });
+    setModal(null);
+    fetchData();
+  }
+
+  const SortIndicator = ({ field }: { field: string }) =>
+    sortField === field ? (sortDir === 'asc' ? ' ▲' : ' ▼') : '';
+
+  const colHeader = (label: string, field: string) => (
+    <th
+      key={field}
+      onClick={() => handleSort(field)}
+      className="sortable-header"
+    >
+      {label}
+      <SortIndicator field={field} />
+    </th>
+  );
+
+  return (
+    <div className="table-container">
+      {error && <p className="error-msg">{error}</p>}
+      <div className="toolbar">
+        <button onClick={openAdd} className="btn btn-add">+ Hinzufügen</button>
+        <button onClick={fetchData} className="btn btn-refresh">↻ Aktualisieren</button>
+      </div>
+      <table className="main-table">
+        <thead>
+          <tr>
+            {colHeader('Tabletten', 'tab')}
+            {colHeader('pro Tag', 'pday')}
+            {colHeader('aktuell', 'akt')}
+            {colHeader('reicht bis', 'until')}
+            {colHeader('Anzahl…', 'cnt')}
+            {colHeader('…am', 'at')}
+            {colHeader('Bemerkungen', 'rem')}
+            {colHeader('bestellt am', 'order')}
+            <th>Aktion</th>
+          </tr>
+        </thead>
+        <tbody>
+          {loading && (
+            <tr><td colSpan={9} style={{ textAlign: 'center' }}>Lade…</td></tr>
+          )}
+          {!loading && rows.map((row) => (
+            <tr
+              key={row.tab}
+              className={
+                row.warn ? 'row-warn' : row.rem === 'abgesetzt' ? 'row-abgesetzt' : ''
+              }
+            >
+              <td className="col-tab">{row.tab}</td>
+              <td className="col-pday">{row.pday}</td>
+              <td className="cell-center">{row.akt}</td>
+              <td className={`col-date ${row.warn ? 'cell-warn' : ''}`}>{row.until}</td>
+              <td className="cell-center">{row.cnt}</td>
+              <td className="col-date">{row.at}</td>
+              <td>{row.rem}</td>
+              <td className="col-date">{row.order}</td>
+              <td className="cell-center action-cell">
+                <button onClick={() => openEdit(row)} className="btn-icon" title="Bearbeiten">✏️</button>
+                <button onClick={() => openDel(row)} className="btn-icon" title="Löschen">🗑️</button>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+
+      {/* Add/Edit Modal */}
+      {(modal === 'add' || modal === 'edit') && (
+        <div className="modal-overlay" onClick={() => setModal(null)}>
+          <div className="modal" onClick={(e) => e.stopPropagation()}>
+            <h2>{modal === 'add' ? 'Neuer Eintrag' : 'Bearbeiten'}</h2>
+            <label>Tabletten Name
+              <input value={form.tab} onChange={(e) => setForm({ ...form, tab: e.target.value })}
+                disabled={modal === 'edit'} />
+            </label>
+            <label>pro Tag
+              <input type="number" step="0.25" value={form.pday}
+                onChange={(e) => setForm({ ...form, pday: parseFloat(e.target.value) || 0 })} />
+            </label>
+            <label>Anzahl
+              <input type="number" value={form.cnt}
+                onChange={(e) => setForm({ ...form, cnt: parseInt(e.target.value, 10) || 0 })} />
+            </label>
+            <label>Kaufdatum (am)
+              <input type="text" value={form.at} placeholder="YYYY-MM-DD"
+                pattern="\d{4}-\d{2}-\d{2}"
+                onChange={(e) => setForm({ ...form, at: e.target.value })} />
+            </label>
+            <label>Bemerkungen
+              <input value={form.rem}
+                onChange={(e) => setForm({ ...form, rem: e.target.value })} />
+            </label>
+            <label>Bestellt am
+              <input type="text" value={form.order} placeholder="YYYY-MM-DD"
+                pattern="\d{4}-\d{2}-\d{2}"
+                onChange={(e) => setForm({ ...form, order: e.target.value })} />
+            </label>
+            <div className="modal-buttons">
+              <button onClick={handleSave} className="btn btn-add">Speichern</button>
+              <button onClick={() => setModal(null)} className="btn btn-refresh">Abbrechen</button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Delete Modal */}
+      {modal === 'del' && selected && (
+        <div className="modal-overlay" onClick={() => setModal(null)}>
+          <div className="modal" onClick={(e) => e.stopPropagation()}>
+            <h2>Eintrag löschen</h2>
+            <p>Möchtest du <strong>{selected.tab}</strong> wirklich löschen?</p>
+            <div className="modal-buttons">
+              <button onClick={handleDelete} className="btn btn-delete">Löschen</button>
+              <button onClick={() => setModal(null)} className="btn btn-refresh">Abbrechen</button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
--- a/compose.yml
+++ b/compose.yml
@@ -0,0 +1,36 @@
+# Docker Compose für Production Server mit Traefik
+services:
+  tabletten-app:
+    image: docker.citysensor.de/tabletten:latest
+    container_name: tabletten
+    restart: unless-stopped
+    environment:
+      - NODE_ENV=production
+      - DB_HOST=${DB_HOST}
+      - DB_USER=${DB_USER}
+      - DB_PASS=${DB_PASS}
+      - DB_NAME=${DB_NAME}
+      - AUTH_USERS=${AUTH_USERS}
+      - AUTH_SECRET=${AUTH_SECRET}
+    labels:
+      - traefik.enable=true
+      - traefik.http.routers.tabletten.entrypoints=http
+      - traefik.http.routers.tabletten.rule=Host(`tabletten.fuerst-stuttgart.de`)
+      - traefik.http.middlewares.tabletten-https-redirect.redirectscheme.scheme=https
+      - traefik.http.routers.tabletten.middlewares=tabletten-https-redirect
+      - traefik.http.routers.tabletten-secure.entrypoints=https
+      - traefik.http.routers.tabletten-secure.rule=Host(`tabletten.fuerst-stuttgart.de`)
+      - traefik.http.routers.tabletten-secure.tls=true
+      - traefik.http.routers.tabletten-secure.tls.certresolver=letsencrypt
+      - traefik.http.routers.tabletten-secure.service=tabletten
+      - traefik.http.services.tabletten.loadbalancer.server.port=3000
+    networks:
+      - proxy
+      - gitea-internal      
+networks:
+  proxy:
+    name: dockge_default
+    external: true
+  gitea-internal:
+    name: gitea_gitea-internal
+    external: true
--- a/deploy.sh
+++ b/deploy.sh
@@ -0,0 +1,67 @@
+#!/bin/bash
+
+# Deploy Script für laufschrift
+# Baut das Docker Image und lädt es zu docker.citysensor.de hoch
+
+set -e
+
+
+# Konfiguration
+REGISTRY="docker.citysensor.de"
+IMAGE_NAME="tabletten"
+TAG="${TAG:-$(date +%Y%m%d%H%M)}"  # default Datum
+FULL_IMAGE="${REGISTRY}/${IMAGE_NAME}:${TAG}"
+
+# Build-Datum
+BUILD_DATE=$(date +%d.%m.%Y)
+
+echo "=========================================="
+echo " Deploy Script"
+echo "=========================================="
+echo "Registry: ${REGISTRY}"
+echo "Image: ${IMAGE_NAME}"
+echo "Tag: ${TAG}"
+echo "Build-Datum: ${BUILD_DATE}"
+echo "=========================================="
+echo ""
+
+# 1. Login zur Registry (falls noch nicht eingeloggt)
+echo ">>> Login zu ${REGISTRY}..."
+docker login "${REGISTRY}"
+echo ""
+
+# 2. Multiplatform Builder einrichten (docker-container driver erforderlich)
+echo ">>> Richte Multiplatform Builder ein..."
+if ! docker buildx inspect multiplatform-builder &>/dev/null; then
+  docker buildx create --name multiplatform-builder --driver docker-container --bootstrap
+fi
+docker buildx use multiplatform-builder
+echo ""
+
+# 3. Docker Image bauen und pushen (Multiplatform)
+echo ">>> Baue Multiplatform Docker Image und pushe zu Registry..."
+docker buildx build \
+  --platform linux/amd64,linux/arm64 \
+  --build-arg BUILD_DATE="${BUILD_DATE}" \
+  -t "${FULL_IMAGE}" \
+  --push \
+  .
+
+# 4. Keep :latest in sync for simple rollbacks and manual usage.
+echo ">>> Tagge das image zusätzlich als :latest ..."
+docker buildx imagetools create \
+  -t "${REGISTRY}/${IMAGE_NAME}:latest" \
+  "${FULL_IMAGE}"
+
+
+echo ">>> Build und Push erfolgreich!"
+
+echo ""
+echo "=========================================="
+echo "✓ Deploy erfolgreich abgeschlossen!"
+echo "=========================================="
+echo ""
+echo "Auf dem Server ausführen:"
+echo "  docker pull ${FULL_IMAGE}"
+echo "  docker-compose -f docker-compose.prod.yml up -d"
+echo ""
--- a/docker-compose.local.yml
+++ b/docker-compose.local.yml
@@ -0,0 +1,21 @@
+# docker-compose.local.yml
+# Lokaler Betrieb – MySQL läuft bereits auf dem Host (localhost)
+#
+# Start:
+#   BUILD_DATE=$(date +%d.%m.%Y) docker compose -f docker-compose.local.yml up --build
+
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+      args:
+        BUILD_DATE: "$(date +%d.%m.%Y)"
+    restart: unless-stopped
+    ports:
+      - "3000:3000"
+    environment:
+      # MySQL – DB_HOST überschreibt localhost aus .env.local
+      DB_HOST: host.docker.internal
+    env_file:
+      - .env.local
--- a/docker-compose.prod.yml
+++ b/docker-compose.prod.yml
@@ -0,0 +1,39 @@
+# Docker Compose für Production Server mit Traefik
+services:
+  werte-app:
+    image: docker.citysensor.de/werte-next:latest
+    container_name: werte-next-app
+    restart: unless-stopped
+    expose:
+      - 3000
+    environment:
+      - NODE_ENV=production
+      - DB_HOST=${DB_HOST}
+      - DB_USER=${DB_USER}
+      - DB_PASS=${DB_PASS}
+      - DB_NAME=${DB_NAME}
+      - AUTH_USERS=${AUTH_USERS}
+      - AUTH_SECRET=${AUTH_SECRET}
+    labels:
+      - traefik.enable=true
+      - traefik.http.routers.werte.entrypoints=http
+      - traefik.http.routers.werte.rule=Host(`werte.fuerst-stuttgart.de`)
+      - traefik.http.middlewares.werte-https-redirect.redirectscheme.scheme=https
+      - traefik.http.routers.werte.middlewares=werte-https-redirect
+      - traefik.http.routers.werte-secure.entrypoints=https
+      - traefik.http.routers.werte-secure.rule=Host(`werte.fuerst-stuttgart.de`)
+      - traefik.http.routers.werte-secure.tls=true
+      - traefik.http.routers.werte-secure.tls.certresolver=letsencrypt
+      - traefik.http.routers.werte-secure.service=werte
+      - traefik.http.services.werte.loadbalancer.server.port=3000  
+    networks:
+      - proxy
+      - gitea-internal
+
+networks:
+  proxy:
+    name: dockge_default
+    external: true
+  gitea-internal:
+    name: gitea_gitea-internal
+    external: true
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -0,0 +1,46 @@
+# docker-compose.yml
+# Multiplatform-Build: linux/amd64 + linux/arm64 (z.B. fuer M1/M2-Mac und x86-Server)
+#
+# Einmaliger Setup:
+#   docker buildx create --use --name multi
+#
+# Build & Push (Multi-Arch):
+#   docker buildx bake --push
+#
+# Lokaler Start (nur aktuelle Plattform):
+#   docker compose up --build
+
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+      args:
+        BUILD_DATE: "$(date +%d.%m.%Y)"
+      platforms:
+        - linux/amd64
+        - linux/arm64
+    image: docker.citysensor.de/tabletten_next:latest
+    restart: unless-stopped
+    ports:
+      - "3000:3000"
+    environment:
+      # MySQL
+      MYSQL_HOST:     ${MYSQL_HOST}
+      MYSQL_PORT:     ${MYSQL_PORT:-3306}
+      MYSQL_USER:     ${MYSQL_USER}
+      MYSQL_PASSWORD: ${MYSQL_PASSWORD}
+      MYSQL_DATABASE: ${MYSQL_DATABASE}
+      # E-Mail
+      SMTP_HOST:  ${SMTP_HOST}
+      SMTP_PORT:  ${SMTP_PORT:-587}
+      SMTP_USER:  ${SMTP_USER}
+      SMTP_PASS:  ${SMTP_PASS}
+      MAIL_TO:    ${MAIL_TO}
+      # App
+      VORLAUF:      ${VORLAUF:-14}
+      CHECK_SECRET: ${CHECK_SECRET}
+      AUTH_USERS:   ${AUTH_USERS}
+      AUTH_SECRET:  ${AUTH_SECRET}
+    env_file:
+      - .env.local
--- a/lib/auth.ts
+++ b/lib/auth.ts
@@ -0,0 +1,36 @@
+/**
+ * Authentifizierungsbibliothek
+ * Benutzer via Umgebungsvariable konfigurieren:
+ * AUTH_USERS=user1:passwort1,user2:passwort2
+ */
+
+export interface User {
+  username: string;
+  password: string;
+}
+
+export function getUsers(): User[] {
+  const usersString = process.env.AUTH_USERS || '';
+  if (!usersString) {
+    console.warn('AUTH_USERS nicht in .env konfiguriert');
+    return [];
+  }
+  return usersString
+    .split(',')
+    .map((userPair) => {
+      const [username, password] = userPair.trim().split(':');
+      return { username: username?.trim(), password: password?.trim() };
+    })
+    .filter((user) => user.username && user.password);
+}
+
+export function verifyCredentials(username: string, password: string): boolean {
+  const users = getUsers();
+  const user = users.find(u => u.username === username);
+  if (!user) return false;
+  return user.password === password;
+}
+
+export function isAuthEnabled(): boolean {
+  return !!process.env.AUTH_USERS;
+}
--- a/lib/checkAblauf.ts
+++ b/lib/checkAblauf.ts
@@ -0,0 +1,26 @@
+import moment from 'moment';
+import { TabletteRaw } from '@/types/tablette';
+
+const VORLAUF = parseInt(process.env.VORLAUF || '14', 10);
+
+export interface AblaufResult {
+  akt: number;
+  until: Date;
+  rtage: number;
+  warn: boolean;
+}
+
+export function checkAblauf(item: Pick<TabletteRaw, 'cnt' | 'pday' | 'at'>): AblaufResult {
+  const now = moment();
+  const atday = moment(item.at);
+  const days = moment.duration(now.diff(atday)).asDays();
+  const aktAnzahl = item.cnt - Math.floor(days) * item.pday;
+  const reichtTage = Math.floor(aktAnzahl / item.pday);
+  const rbis = now.add(reichtTage, 'day').startOf('day');
+  return {
+    akt: aktAnzahl,
+    until: rbis.toDate(),
+    rtage: reichtTage,
+    warn: reichtTage <= VORLAUF,
+  };
+}
--- a/lib/mailService.ts
+++ b/lib/mailService.ts
@@ -0,0 +1,49 @@
+import nodemailer from 'nodemailer';
+import moment from 'moment';
+import type { RowDataPacket } from 'mysql2';
+import pool from './mysql';
+import { checkAblauf } from './checkAblauf';
+
+// SMTP-Konfiguration via Umgebungsvariablen (Passwort niemals hart codieren!)
+const transporter = nodemailer.createTransport({
+  host: process.env.SMTP_HOST || 'smtp.1und1.de',
+  port: parseInt(process.env.SMTP_PORT || '587', 10),
+  secure: false,
+  auth: {
+    user: process.env.SMTP_USER || '',
+    pass: process.env.SMTP_PASS || '',
+  },
+});
+
+export async function doCheckAndMail(): Promise<string> {
+  const [rows] = await pool.query<RowDataPacket[]>(
+    'SELECT tab, pday, cnt, at FROM tabletten'
+  );
+
+  let body = '';
+
+  for (const item of rows) {
+    if (item.pday !== 0) {
+      const updates = checkAblauf({ cnt: item.cnt, pday: item.pday, at: item.at });
+      await pool.execute(
+        'UPDATE tabletten SET akt = ?, until = ?, warn = ? WHERE tab = ?',
+        [updates.akt, moment(updates.until).format('YYYY-MM-DD'), updates.warn ? 1 : 0, item.tab]
+      );
+      if (updates.warn) {
+        const name = item.tab.split(' ')[0];
+        body += `"${name}" wird am ${moment(updates.until).format('YYYY-MM-DD')} (in ${updates.rtage} Tagen) zu Ende sein\n`;
+      }
+    }
+  }
+
+  if (body) {
+    await transporter.sendMail({
+      from: `"Tabletten" <${process.env.SMTP_USER}>`,
+      to: process.env.MAIL_TO || '',
+      subject: 'Tabletten gehen zu Ende',
+      text: body,
+    });
+  }
+
+  return body || 'Kein Warn-Eintrag.';
+}
--- a/lib/mongodb.ts
+++ b/lib/mongodb.ts
@@ -0,0 +1,36 @@
+import { MongoClient, MongoClientOptions } from 'mongodb';
+
+const MONGOHOST = process.env.MONGOHOST || 'localhost';
+const MONGOPORT = process.env.MONGOPORT || '27017';
+const MONGOAUTH = process.env.MONGOAUTH === 'true';
+const MONGOUSRP = process.env.MONGOUSRP || '';
+export const MONGOBASE = process.env.MONGOBASE || 'medizin';
+
+const MONGO_URL = MONGOAUTH
+  ? `mongodb://${MONGOUSRP}@${MONGOHOST}:${MONGOPORT}/?authSource=admin`
+  : `mongodb://${MONGOHOST}:${MONGOPORT}`;
+
+  console.log("auth:", MONGOAUTH, "url:", MONGO_URL)
+const options: MongoClientOptions = {};
+
+let client: MongoClient;
+let clientPromise: Promise<MongoClient>;
+
+declare global {
+  // eslint-disable-next-line no-var
+  var _mongoClientPromise: Promise<MongoClient> | undefined;
+}
+
+if (process.env.NODE_ENV === 'development') {
+  // In development, use a global variable to preserve the connection across HMR reloads
+  if (!global._mongoClientPromise) {
+    client = new MongoClient(MONGO_URL, options);
+    global._mongoClientPromise = client.connect();
+  }
+  clientPromise = global._mongoClientPromise;
+} else {
+  client = new MongoClient(MONGO_URL, options);
+  clientPromise = client.connect();
+}
+
+export default clientPromise;
--- a/lib/mysql.ts
+++ b/lib/mysql.ts
@@ -0,0 +1,13 @@
+import mysql from 'mysql2/promise';
+
+const pool = mysql.createPool({
+  host:               process.env.DB_HOST     || 'localhost',
+  port:               parseInt(process.env.DB_PORT || '3306', 10),
+  user:               process.env.DB_USER     || 'root',
+  password:           process.env.DB_PASS || '',
+  database:           'medizin',
+  waitForConnections: true,
+  connectionLimit:    10,
+});
+
+export default pool;
--- a/lib/session.ts
+++ b/lib/session.ts
@@ -0,0 +1,70 @@
+import { cookies } from 'next/headers';
+import { SignJWT, jwtVerify } from 'jose';
+
+const SESSION_COOKIE_NAME = 'auth_session';
+const SESSION_DURATION = 7 * 24 * 60 * 60 * 1000; // 7 Tage
+
+const secretKey = process.env.AUTH_SECRET || 'default-secret-change-in-production';
+const key = new TextEncoder().encode(secretKey);
+
+export interface SessionData {
+  username: string;
+  isAuthenticated: boolean;
+  expiresAt: number;
+}
+
+async function encrypt(payload: SessionData): Promise<string> {
+  return await new SignJWT(payload as unknown as Record<string, unknown>)
+    .setProtectedHeader({ alg: 'HS256' })
+    .setIssuedAt()
+    .setExpirationTime(new Date(payload.expiresAt))
+    .sign(key);
+}
+
+async function decrypt(token: string): Promise<SessionData | null> {
+  try {
+    const { payload } = await jwtVerify(token, key, {
+      algorithms: ['HS256'],
+    });
+    return {
+      username: payload.username as string,
+      isAuthenticated: payload.isAuthenticated as boolean,
+      expiresAt: payload.expiresAt as number,
+    };
+  } catch {
+    return null;
+  }
+}
+
+export async function createSession(username: string): Promise<void> {
+  const expiresAt = Date.now() + SESSION_DURATION;
+  const session: SessionData = { username, isAuthenticated: true, expiresAt };
+  const encryptedSession = await encrypt(session);
+  const cookieStore = await cookies();
+  cookieStore.set(SESSION_COOKIE_NAME, encryptedSession, {
+    httpOnly: true,
+    secure: process.env.NODE_ENV === 'production',
+    expires: expiresAt,
+    sameSite: 'lax',
+    path: '/',
+  });
+}
+
+export async function getSession(): Promise<SessionData | null> {
+  const cookieStore = await cookies();
+  const cookie = cookieStore.get(SESSION_COOKIE_NAME);
+  if (!cookie?.value) return null;
+  const session = await decrypt(cookie.value);
+  if (!session || session.expiresAt < Date.now()) return null;
+  return session;
+}
+
+export async function deleteSession(): Promise<void> {
+  const cookieStore = await cookies();
+  cookieStore.delete(SESSION_COOKIE_NAME);
+}
+
+export async function isAuthenticated(): Promise<boolean> {
+  const session = await getSession();
+  return session?.isAuthenticated ?? false;
+}
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,7 +1,7 @@
 import type { NextConfig } from "next";

 const nextConfig: NextConfig = {
-  /* config options here */
+  output: 'standalone',
 };

 export default nextConfig;
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "tabletten_next",
-  "version": "0.1.0",
+  "version": "1.2.1",
  "private": true,
  "scripts": {
    "dev": "next dev",
@@ -9,18 +9,24 @@
    "lint": "eslint"
  },
  "dependencies": {
+    "jose": "^6.2.1",
+    "moment": "^2.30.1",
+    "mysql2": "^3.19.1",
    "next": "16.1.6",
+    "node-schedule": "^2.1.1",
+    "nodemailer": "^8.0.2",
    "react": "19.2.3",
    "react-dom": "19.2.3"
  },
  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
    "@types/node": "^20",
+    "@types/node-schedule": "^2.1.8",
+    "@types/nodemailer": "^7.0.11",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "eslint": "^9",
    "eslint-config-next": "16.1.6",
-    "tailwindcss": "^4",
+    "mongodb": "^7.1.0",
    "typescript": "^5"
  }
 }
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -1,7 +1,5 @@
 const config = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
+  plugins: {},
 };

 export default config;
--- a/proxy.ts
+++ b/proxy.ts
@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { jwtVerify } from 'jose';
+
+const SESSION_COOKIE_NAME = 'auth_session';
+
+export async function proxy(request: NextRequest) {
+  const { pathname } = request.nextUrl;
+
+  // Wenn AUTH_USERS nicht gesetzt, alles durchlassen
+  if (!process.env.AUTH_USERS) {
+    return NextResponse.next();
+  }
+
+  // /login und /api/check sind öffentlich
+  const publicPaths = ['/login', '/api/check'];
+  if (publicPaths.some(p => pathname.startsWith(p))) {
+    return NextResponse.next();
+  }
+
+  const sessionCookie = request.cookies.get(SESSION_COOKIE_NAME);
+  if (!sessionCookie) {
+    return NextResponse.redirect(new URL('/login', request.url));
+  }
+
+  try {
+    const secretKey = process.env.AUTH_SECRET || 'default-secret-change-in-production';
+    const key = new TextEncoder().encode(secretKey);
+    const { payload } = await jwtVerify(sessionCookie.value, key, {
+      algorithms: ['HS256'],
+    });
+
+    if (payload.expiresAt && (payload.expiresAt as number) < Date.now()) {
+      const response = NextResponse.redirect(new URL('/login', request.url));
+      response.cookies.delete(SESSION_COOKIE_NAME);
+      return response;
+    }
+
+    return NextResponse.next();
+  } catch {
+    const response = NextResponse.redirect(new URL('/login', request.url));
+    response.cookies.delete(SESSION_COOKIE_NAME);
+    return response;
+  }
+}
+
+export const config = {
+  matcher: [
+    '/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
+  ],
+};
--- a/scripts/migrate-mongo-to-mysql.mjs
+++ b/scripts/migrate-mongo-to-mysql.mjs
@@ -0,0 +1,121 @@
+/**
+ * Migrationsskript: MongoDB → SQL-Dump
+ *
+ * Liest alle Einträge aus MongoDB und erzeugt eine Datei
+ * scripts/tabletten_dump.sql, die du über phpMyAdmin importieren kannst.
+ *
+ * Ausführen:
+ *   node scripts/migrate-mongo-to-mysql.mjs
+ *
+ * Danach in phpMyAdmin:
+ *   Datenbank "medizin" auswählen → Importieren → tabletten_dump.sql hochladen
+ */
+
+import { readFileSync, writeFileSync } from 'fs';
+import { MongoClient } from 'mongodb';
+
+// .env.local manuell einlesen (Next.js lädt es nicht automatisch bei node)
+try {
+  const env = readFileSync(new URL('../.env.local', import.meta.url), 'utf8');
+  for (const line of env.split('\n')) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith('#')) continue;
+    const eqIdx = trimmed.indexOf('=');
+    if (eqIdx === -1) continue;
+    const key = trimmed.slice(0, eqIdx).trim();
+    const val = trimmed.slice(eqIdx + 1).trim().replace(/^["']|["']$/g, '');
+    if (!(key in process.env)) process.env[key] = val;
+  }
+} catch {
+  console.warn('Kein .env.local gefunden – nutze vorhandene Umgebungsvariablen.');
+}
+
+// ── MongoDB-Verbindung ──────────────────────────────────────────────────────
+const MONGOHOST = process.env.MONGOHOST || 'localhost';
+const MONGOPORT = process.env.MONGOPORT || '27017';
+const MONGOAUTH = process.env.MONGOAUTH === 'true';
+const MONGOUSRP = process.env.MONGOUSRP || '';
+const MONGOBASE = process.env.MONGOBASE || 'medizin';
+
+const mongoUrl = MONGOAUTH
+  ? `mongodb://${MONGOUSRP}@${MONGOHOST}:${MONGOPORT}/?authSource=admin`
+  : `mongodb://${MONGOHOST}:${MONGOPORT}`;
+
+// ── Daten aus MongoDB lesen ─────────────────────────────────────────────────
+const mongoClient = new MongoClient(mongoUrl);
+await mongoClient.connect();
+
+const docs = await mongoClient
+  .db(MONGOBASE)
+  .collection('tabletten')
+  .find({})
+  .project({ _id: 0 })
+  .toArray();
+
+await mongoClient.close();
+console.log(`${docs.length} Einträge aus MongoDB gelesen.`);
+
+// ── SQL-Dump erzeugen ───────────────────────────────────────────────────────
+const lines = [];
+
+// Spaltenreihenfolge im CREATE TABLE: tab, pday, cnt, at, akt, until, warn, rem, order
+lines.push('-- Tabletten-Dump aus MongoDB');
+lines.push(`-- Erstellt: ${new Date().toISOString()}`);
+lines.push('-- Importieren in phpMyAdmin: Datenbank auswaehlen -> Importieren -> Datei hochladen');
+lines.push('');
+lines.push('SET NAMES utf8mb4;');
+lines.push('SET SQL_MODE = "";');
+lines.push('');
+// Backticks NUR fuer reservierte Woerter: at, until, order
+lines.push('CREATE TABLE IF NOT EXISTS tabletten (');
+lines.push('  tab      VARCHAR(255) NOT NULL,');
+lines.push('  pday     FLOAT        NOT NULL DEFAULT 1,');
+lines.push('  cnt      INT          NOT NULL DEFAULT 0,');
+lines.push('  `at`     DATE,');
+lines.push('  akt      FLOAT        NOT NULL DEFAULT 0,');
+lines.push('  `until`  DATE,');
+lines.push('  warn     TINYINT(1)   NOT NULL DEFAULT 0,');
+lines.push('  rem      VARCHAR(255) NOT NULL DEFAULT \'\',');
+lines.push('  `order`  VARCHAR(255) NOT NULL DEFAULT \'\',');
+lines.push('  PRIMARY KEY (tab)');
+lines.push(') ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;');
+lines.push('');
+
+for (const d of docs) {
+  const tab   = esc(d.tab   ?? '');
+  const pday  = parseFloat(d.pday)  || 1;
+  const cnt   = parseInt(d.cnt, 10) || 0;
+  const at    = sqlDate(d.at);
+  const akt   = parseFloat(d.akt)   || 0;
+  const until = sqlDate(d.until);
+  const warn  = d.warn ? 1 : 0;
+  const rem   = esc(d.rem   ?? '');
+  const order = esc(d.order ?? '');
+
+  const atVal    = at    ? `'${at}'`    : 'NULL';
+  const untilVal = until ? `'${until}'` : 'NULL';
+
+  // Positionaler INSERT ohne Spaltennamen-Liste -> keine Backticks noetig
+  lines.push(
+    `INSERT INTO tabletten VALUES` +
+    ` ('${tab}',${pday},${cnt},${atVal},${akt},${untilVal},${warn},'${rem}','${order}');`
+  );
+  console.log(`  ✓  ${d.tab}`);
+}
+
+const outPath = new URL('tabletten_dump.sql', import.meta.url);
+writeFileSync(outPath, lines.join('\n') + '\n', 'utf8');
+console.log(`\nDump geschrieben: scripts/tabletten_dump.sql`);
+console.log('→ In phpMyAdmin: Datenbank "medizin" → Importieren → Datei hochladen');
+
+// ── Hilfsfunktionen ─────────────────────────────────────────────────────────
+function esc(str) {
+  return String(str).replace(/\\/g, '\\\\').replace(/'/g, "\\'");
+}
+
+function sqlDate(val) {
+  if (!val) return null;
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return null;
+  return d.toISOString().slice(0, 10);
+}
--- a/scripts/tabletten_dump.sql
+++ b/scripts/tabletten_dump.sql
@@ -0,0 +1,30 @@
+-- Tabletten-Dump aus MongoDB
+-- Erstellt: 2026-03-11T13:08:08.278Z
+
+use medizin;
+
+SET NAMES utf8mb4;
+
+CREATE TABLE IF NOT EXISTS `tabletten` (
+  `tab`   VARCHAR(255) NOT NULL,
+  `pday`  FLOAT        NOT NULL DEFAULT 1,
+  `cnt`   INT          NOT NULL DEFAULT 0,
+  `at`    DATE,
+  `akt`   FLOAT        NOT NULL DEFAULT 0,
+  `until` DATE,
+  `warn`  TINYINT(1)   NOT NULL DEFAULT 0,
+  `rem`   VARCHAR(255) NOT NULL DEFAULT '',
+  `order` VARCHAR(255) NOT NULL DEFAULT '',
+  PRIMARY KEY (`tab`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Jardiance 25mg',0.5,82,'2026-02-01',63,'2026-07-14',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Repaglinid 2mg',2,237,'2026-02-01',161,'2026-05-29',0,'nach Bedarf','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('ASS 100',1,126,'2026-02-01',88,'2026-06-06',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Hygroton 25mg',1,135,'2026-02-01',97,'2026-06-15',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Atorvastatin 20mg',1,162,'2026-02-01',124,'2026-07-12',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Irbesartan 300',1,87,'2026-02-01',49,'2026-04-28',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Dekristol 1000 I.E.',1,113,'2026-02-01',75,'2026-05-24',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Nadeln',1,71,'2026-02-01',33,'2026-04-12',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Tresiba',11,3410,'2026-02-01',2992,'2026-12-07',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
+INSERT INTO `tabletten` (`tab`,`pday`,`cnt`,`at`,`akt`,`until`,`warn`,`rem`,`order`) VALUES ('Vildagliptin / Sitagliptin  50mg/1000mg',2,357,'2026-02-01',281,'2026-07-28',0,'','') ON DUPLICATE KEY UPDATE `pday`=VALUES(`pday`),`cnt`=VALUES(`cnt`),`at`=VALUES(`at`), `akt`=VALUES(`akt`),`until`=VALUES(`until`),`warn`=VALUES(`warn`), `rem`=VALUES(`rem`),`order`=VALUES(`order`);
--- a/types/tablette.ts
+++ b/types/tablette.ts
@@ -0,0 +1,30 @@
+export interface Tablette {
+  tab: string;
+  pday: number;
+  cnt: number;
+  at: string;       // ISO date string "YYYY-MM-DD" or ""
+  akt: number;
+  until: string;    // ISO date string "YYYY-MM-DD" or ""
+  warn: boolean;
+  rem: string;
+  order: string;
+}
+
+export interface TabletteRaw {
+  tab: string;
+  pday: number;
+  cnt: number;
+  at: Date | string;
+  akt: number;
+  until: Date | string;
+  warn: boolean;
+  rem: string;
+  order: string;
+}
+
+export interface DataResponse {
+  total: number;
+  page: number;
+  records: number;
+  values: Tablette[];
+}
Author	SHA1	Message	Date
rxf	8bfc2b685b	V 1.2.1 Berechnugn der Resttsage auch beim Start	2026-03-23 10:08:03 +01:00
rxf	229cbf7223	nochmal	2026-03-19 11:29:36 +01:00
rxf	704a8f09b7	Buid-Date updated	2026-03-19 11:29:08 +01:00
rxf	23ac4ed8d7	V1.2.0 deploy.sh angepasst try/catch be SQL-Abfragen	2026-03-15 13:56:16 +01:00
rxf	7da9e27687	V 1.1.0	2026-03-12 09:12:45 +01:00
rxf	0faa144e4f	nun Ohne Tailwind	2026-03-12 09:11:43 +01:00
rxf	a949ebcdc8	Mist, jetzt vielleicht	2026-03-11 20:33:19 +01:00
rxf	bc235e4e32	nochmal das Gleiche	2026-03-11 20:32:44 +01:00