.gitea/ISSUE_TEMPLATE/feature_request.md aktualisiert

Reviewed-on: #62

.gitea/ISSUE_TEMPLATE/bug_report.md

@@ -2,37 +2,18 @@
 name: 🐛 Bug Report
 about: Erstelle einen Bericht, um uns zu helfen, das Projekt zu verbessern.
 title: '[BUG] '
-labels: bug
+labels: Problem
 assignees: ''
 
 ---
 
 **Beschreibung**
-Eine klare und prägnante Beschreibung des Fehlers.
+
 
 **Reproduktion**
-Schritte, um den Fehler zu reproduzieren:
 
-Entweder:
-1. Gehe zu '...'
-2. Klicke auf '...'
-3. Scrolle runter zu '...'
-4. Siehe Fehler
-
-Oder Link zur Seite
-
-**Erwartetes Verhalten**
-Eine klare Beschreibung dessen, was du erwartet hast.
 
 **Screenshots**
-Falls zutreffend, füge hier Screenshots oder Gifs hinzu, um das Problem zu verdeutlichen. 
+
 
 **Achtung: Achte bitte auf Datenschutz deiner Daten sowie der Daten deiner Kunden. Sollten ein Screenshot nur mit Daten möglich sein, schwärze diese bitte vor dem Upload.**
-
-**Umgebung:**
-- Betriebssystem: [z.B. Windows, macOS, Linux]
-- Browser / Version (falls relevant): [z.B. Chrome 120]
-- Projekt-Version: [z.B. v1.0.2]
-
-**Zusätzlicher Kontext**
-Füge hier alle anderen Informationen zum Problem hinzu.

.gitea/ISSUE_TEMPLATE/feature_request.md

@@ -2,19 +2,16 @@
 name: ✨ Feature Request
 about: Schlage eine Idee für dieses Projekt vor.
 title: '[FEATURE] '
-labels: enhancement
+labels: Funktionswunsch
 assignees: ''
 
 ---
 
 **Ist dein Feature-Wunsch mit einem Problem verbunden?**
-Eine klare Beschreibung des Problems (z.B. "Ich bin immer genervt, wenn...").
+
 
 **Lösungsvorschlag**
-Eine klare Beschreibung dessen, was du dir wünschst und wie es funktionieren soll.
+
 
 **Alternativen**
-Hast du über alternative Lösungen oder Workarounds nachgedacht?
 
-**Zusätzlicher Kontext**
-Hier ist Platz für weitere Informationen, Skizzen oder Beispiele von anderen Tools.

backend/db/index.ts

@@ -1,26 +1,13 @@
-// src/db/index.ts
-import { drizzle } from "drizzle-orm/node-postgres";
-import { Pool } from "pg";
-import * as schema from "./schema";
+import { drizzle } from "drizzle-orm/node-postgres"
+import { Pool } from "pg"
+import {secrets} from "../src/utils/secrets";
+import * as schema from "./schema"
 
-console.log("[DB INIT] 1. Suche Connection String...");
 
-// Checken woher die URL kommt
-let connectionString = process.env.DATABASE_URL;
-if (connectionString) {
-    console.log("[DB INIT] -> Gefunden in process.env.DATABASE_URL");
-} else {
-    console.error("[DB INIT] ❌ KEIN CONNECTION STRING GEFUNDEN! .env nicht geladen?");
-}
 
 export const pool = new Pool({
-    connectionString,
-    max: 10,
-});
+    connectionString: secrets.DATABASE_URL,
+    max: 10, // je nach Last
+})
 
-// TEST: Ist die DB wirklich da?
-pool.query('SELECT NOW()')
-    .then(res => console.log(`[DB INIT] ✅ VERBINDUNG ERFOLGREICH! Zeit auf DB: ${res.rows[0].now}`))
-    .catch(err => console.error(`[DB INIT] ❌ VERBINDUNGSFEHLER:`, err.message));
-
-export const db = drizzle(pool, { schema });
+export const db = drizzle(pool , {schema})

backend/db/schema/devices.ts

@@ -3,7 +3,7 @@ import {
     uuid,
     timestamp,
     text,
-    bigint, jsonb,
+    bigint,
 } from "drizzle-orm/pg-core"
 
 import { tenants } from "./tenants"
@@ -23,11 +23,6 @@ export const devices = pgTable("devices", {
     password: text("password"),
 
     externalId: text("externalId"),
-
-    lastSeen: timestamp("last_seen", { withTimezone: true }),
-
-    // Hier speichern wir den ganzen Payload (RSSI, Heap, IP, etc.)
-    lastDebugInfo: jsonb("last_debug_info"),
 })
 
 export type Device = typeof devices.$inferSelect

backend/db/schema/files.ts

@@ -73,7 +73,6 @@ export const files = pgTable("files", {
     createdBy: uuid("created_by").references(() => authUsers.id),
 
     authProfile: uuid("auth_profile").references(() => authProfiles.id),
-    size: bigint("size", { mode: "number" }),
 })
 
 export type File = typeof files.$inferSelect

backend/db/schema/hourrates.ts

@@ -14,7 +14,7 @@ export const hourrates = pgTable("hourrates", {
 
     name: text("name").notNull(),
 
-    purchase_price: doublePrecision("purchasePrice").notNull(),
+    purchasePrice: doublePrecision("purchasePrice").notNull(),
     sellingPrice: doublePrecision("sellingPrice").notNull(),
 
     archived: boolean("archived").notNull().default(false),

backend/package.json

@@ -5,8 +5,6 @@
   "main": "index.js",
   "scripts": {
     "dev": "tsx watch src/index.ts",
-    "fill": "ts-node src/webdav/fill-file-sizes.ts",
-    "dev:dav": "tsx watch src/webdav/server.ts",
     "build": "tsc",
     "start": "node dist/src/index.js",
     "schema:index": "ts-node scripts/generate-schema-index.ts"
@@ -50,7 +48,6 @@
     "pg": "^8.16.3",
     "pngjs": "^7.0.0",
     "sharp": "^0.34.5",
-    "webdav-server": "^2.6.2",
     "xmlbuilder": "^15.1.1",
     "zpl-image": "^0.2.0",
     "zpl-renderer-js": "^2.0.2"

backend/src/index.ts

@@ -45,7 +45,6 @@ import staffTimeRoutesInternal from "./routes/internal/time";
 
 //Devices
 import devicesRFIDRoutes from "./routes/devices/rfid";
-import devicesManagementRoutes from "./routes/devices/management";
 
 
 import {sendMail} from "./utils/mailer";
@@ -53,7 +52,6 @@ import {loadSecrets, secrets} from "./utils/secrets";
 import {initMailer} from "./utils/mailer"
 import {initS3} from "./utils/s3";
 
-
 //Services
 import servicesPlugin from "./plugins/services";
 
@@ -72,6 +70,7 @@ async function main() {
 
     // Plugins Global verfügbar
     await app.register(swaggerPlugin);
+    await app.register(corsPlugin);
     await app.register(supabasePlugin);
     await app.register(tenantPlugin);
     await app.register(dayjsPlugin);
@@ -116,10 +115,8 @@ async function main() {
 
     await app.register(async (devicesApp) => {
         await devicesApp.register(devicesRFIDRoutes)
-        await devicesApp.register(devicesManagementRoutes)
     },{prefix: "/devices"})
 
-    await app.register(corsPlugin);
 
     //Geschützte Routes
 

backend/src/modules/cron/dokuboximport.service.ts

@@ -27,249 +27,233 @@ let client: ImapFlow | null = null
 // -------------------------------------------------------------
 // IMAP CLIENT INITIALIZEN
 // -------------------------------------------------------------
+export async function initDokuboxClient() {
+    client = new ImapFlow({
+        host: secrets.DOKUBOX_IMAP_HOST,
+        port: secrets.DOKUBOX_IMAP_PORT,
+        secure: secrets.DOKUBOX_IMAP_SECURE,
+        auth: {
+            user: secrets.DOKUBOX_IMAP_USER,
+            pass: secrets.DOKUBOX_IMAP_PASSWORD
+        },
+        logger: false
+    })
 
+    console.log("Dokubox E-Mail Client Initialized")
+
+    await client.connect()
+}
 
 
 
 // -------------------------------------------------------------
 // MAIN SYNC FUNCTION (DRIZZLE VERSION)
 // -------------------------------------------------------------
+export const syncDokubox = (server: FastifyInstance) =>
+    async () => {
 
-export function syncDokuboxService (server: FastifyInstance)  {
-    async function initDokuboxClient() {
-        client = new ImapFlow({
-            host: secrets.DOKUBOX_IMAP_HOST,
-            port: secrets.DOKUBOX_IMAP_PORT,
-            secure: secrets.DOKUBOX_IMAP_SECURE,
-            auth: {
-                user: secrets.DOKUBOX_IMAP_USER,
-                pass: secrets.DOKUBOX_IMAP_PASSWORD
-            },
-            logger: false
-        })
+        console.log("Perform Dokubox Sync")
 
-        console.log("Dokubox E-Mail Client Initialized")
+        await initDokuboxClient()
 
-        await client.connect()
-    }
+        if (!client?.usable) {
+            throw new Error("E-Mail Client not usable")
+        }
 
-    const syncDokubox = async () => {
+        // -------------------------------
+        // TENANTS LADEN (DRIZZLE)
+        // -------------------------------
+        const tenantList = await server.db
+            .select({
+                id: tenants.id,
+                name: tenants.name,
+                emailAddresses: tenants.dokuboxEmailAddresses,
+                key: tenants.dokuboxkey
+            })
+            .from(tenants)
 
-            console.log("Perform Dokubox Sync")
+        const lock = await client.getMailboxLock("INBOX")
 
-            await initDokuboxClient()
+        try {
 
-            if (!client?.usable) {
-                throw new Error("E-Mail Client not usable")
-            }
+            for await (let msg of client.fetch({ seen: false }, { envelope: true, source: true })) {
 
-            // -------------------------------
-            // TENANTS LADEN (DRIZZLE)
-            // -------------------------------
-            const tenantList = await server.db
-                .select({
-                    id: tenants.id,
-                    name: tenants.name,
-                    emailAddresses: tenants.dokuboxEmailAddresses,
-                    key: tenants.dokuboxkey
-                })
-                .from(tenants)
+                const parsed = await simpleParser(msg.source)
 
-            const lock = await client.getMailboxLock("INBOX")
-
-            try {
-
-                for await (let msg of client.fetch({ seen: false }, { envelope: true, source: true })) {
-
-                    const parsed = await simpleParser(msg.source)
-
-                    const message = {
-                        id: msg.uid,
-                        subject: parsed.subject,
-                        to: parsed.to?.value || [],
-                        cc: parsed.cc?.value || [],
-                        attachments: parsed.attachments || []
-                    }
-
-                    // -------------------------------------------------
-                    // MAPPING / FIND TENANT
-                    // -------------------------------------------------
-                    const config = await getMessageConfigDrizzle(server, message, tenantList)
-
-                    if (!config) {
-                        badMessageDetected = true
-
-                        if (!badMessageMessageSent) {
-                            badMessageMessageSent = true
-                        }
-                        return
-                    }
-
-                    if (message.attachments.length > 0) {
-                        for (const attachment of message.attachments) {
-                            await saveFile(
-                                server,
-                                config.tenant,
-                                message.id,
-                                attachment,
-                                config.folder,
-                                config.filetype
-                            )
-                        }
-                    }
+                const message = {
+                    id: msg.uid,
+                    subject: parsed.subject,
+                    to: parsed.to?.value || [],
+                    cc: parsed.cc?.value || [],
+                    attachments: parsed.attachments || []
                 }
 
-                if (!badMessageDetected) {
-                    badMessageDetected = false
-                    badMessageMessageSent = false
+                // -------------------------------------------------
+                // MAPPING / FIND TENANT
+                // -------------------------------------------------
+                const config = await getMessageConfigDrizzle(server, message, tenantList)
+
+                if (!config) {
+                    badMessageDetected = true
+
+                    if (!badMessageMessageSent) {
+                        badMessageMessageSent = true
+                    }
+                    return
                 }
 
-                await client.messageFlagsAdd({ seen: false }, ["\\Seen"])
-                await client.messageDelete({ seen: true })
-
-            } finally {
-                lock.release()
-                client.close()
-            }
-        }
-
-    const getMessageConfigDrizzle = async (
-        server: FastifyInstance,
-        message,
-        tenantsList: any[]
-    ) => {
-
-        let possibleKeys: string[] = []
-
-        if (message.to) {
-            message.to.forEach((item) =>
-                possibleKeys.push(item.address.split("@")[0].toLowerCase())
-            )
-        }
-
-        if (message.cc) {
-            message.cc.forEach((item) =>
-                possibleKeys.push(item.address.split("@")[0].toLowerCase())
-            )
-        }
-
-        // -------------------------------------------
-        // TENANT IDENTIFY
-        // -------------------------------------------
-        let tenant = tenantsList.find((t) => possibleKeys.includes(t.key))
-
-        if (!tenant && message.to?.length) {
-            const address = message.to[0].address.toLowerCase()
-
-            tenant = tenantsList.find((t) =>
-                (t.emailAddresses || []).map((m) => m.toLowerCase()).includes(address)
-            )
-        }
-
-        if (!tenant) return null
-
-        // -------------------------------------------
-        // FOLDER + FILETYPE VIA SUBJECT
-        // -------------------------------------------
-        let folderId = null
-        let filetypeId = null
-
-        // -------------------------------------------
-        // Rechnung / Invoice
-        // -------------------------------------------
-        if (message.subject?.match(/(Rechnung|Beleg|Invoice|Quittung)/gi)) {
-
-            const folder = await server.db
-                .select({ id: folders.id })
-                .from(folders)
-                .where(
-                    and(
-                        eq(folders.tenant, tenant.id),
-                        and(
-                            eq(folders.function, "incomingInvoices"),
-                            //@ts-ignore
-                            eq(folders.year, dayjs().format("YYYY"))
+                if (message.attachments.length > 0) {
+                    for (const attachment of message.attachments) {
+                        await saveFile(
+                            server,
+                            config.tenant,
+                            message.id,
+                            attachment,
+                            config.folder,
+                            config.filetype
                         )
-                    )
-                )
-                .limit(1)
+                    }
+                }
+            }
 
-            folderId = folder[0]?.id ?? null
+            if (!badMessageDetected) {
+                badMessageDetected = false
+                badMessageMessageSent = false
+            }
 
-            const tag = await server.db
-                .select({ id: filetags.id })
-                .from(filetags)
-                .where(
-                    and(
-                        eq(filetags.tenant, tenant.id),
-                        eq(filetags.incomingDocumentType, "invoices")
-                    )
-                )
-                .limit(1)
+            await client.messageFlagsAdd({ seen: false }, ["\\Seen"])
+            await client.messageDelete({ seen: true })
 
-            filetypeId = tag[0]?.id ?? null
-        }
-
-            // -------------------------------------------
-            // Mahnung
-        // -------------------------------------------
-        else if (message.subject?.match(/(Mahnung|Zahlungsaufforderung|Zahlungsverzug)/gi)) {
-
-            const tag = await server.db
-                .select({ id: filetags.id })
-                .from(filetags)
-                .where(
-                    and(
-                        eq(filetags.tenant, tenant.id),
-                        eq(filetags.incomingDocumentType, "reminders")
-                    )
-                )
-                .limit(1)
-
-            filetypeId = tag[0]?.id ?? null
-        }
-
-            // -------------------------------------------
-            // Sonstige Dokumente → Deposit Folder
-        // -------------------------------------------
-        else {
-
-            const folder = await server.db
-                .select({ id: folders.id })
-                .from(folders)
-                .where(
-                    and(
-                        eq(folders.tenant, tenant.id),
-                        eq(folders.function, "deposit")
-                    )
-                )
-                .limit(1)
-
-            folderId = folder[0]?.id ?? null
-        }
-
-
-        return {
-            tenant: tenant.id,
-            folder: folderId,
-            filetype: filetypeId
+        } finally {
+            lock.release()
+            client.close()
         }
     }
 
-    return {
-        run: async () => {
-            await initDokuboxClient()
-            await syncDokubox()
-            console.log("Service: Dokubox sync finished")
-        }
-    }
-}
-
-
-
 
 
 // -------------------------------------------------------------
 // TENANT ERKENNEN + FOLDER/FILETYPES (DRIZZLE VERSION)
 // -------------------------------------------------------------
+const getMessageConfigDrizzle = async (
+    server: FastifyInstance,
+    message,
+    tenantsList: any[]
+) => {
 
+    let possibleKeys: string[] = []
+
+    if (message.to) {
+        message.to.forEach((item) =>
+            possibleKeys.push(item.address.split("@")[0].toLowerCase())
+        )
+    }
+
+    if (message.cc) {
+        message.cc.forEach((item) =>
+            possibleKeys.push(item.address.split("@")[0].toLowerCase())
+        )
+    }
+
+    // -------------------------------------------
+    // TENANT IDENTIFY
+    // -------------------------------------------
+    let tenant = tenantsList.find((t) => possibleKeys.includes(t.key))
+
+    if (!tenant && message.to?.length) {
+        const address = message.to[0].address.toLowerCase()
+
+        tenant = tenantsList.find((t) =>
+            (t.emailAddresses || []).map((m) => m.toLowerCase()).includes(address)
+        )
+    }
+
+    if (!tenant) return null
+
+    // -------------------------------------------
+    // FOLDER + FILETYPE VIA SUBJECT
+    // -------------------------------------------
+    let folderId = null
+    let filetypeId = null
+
+    // -------------------------------------------
+    // Rechnung / Invoice
+    // -------------------------------------------
+    if (message.subject?.match(/(Rechnung|Beleg|Invoice|Quittung)/gi)) {
+
+        const folder = await server.db
+            .select({ id: folders.id })
+            .from(folders)
+            .where(
+                and(
+                    eq(folders.tenant, tenant.id),
+                    and(
+                    eq(folders.function, "incomingInvoices"),
+                    //@ts-ignore
+                    eq(folders.year, dayjs().format("YYYY"))
+                    )
+                )
+            )
+            .limit(1)
+
+        folderId = folder[0]?.id ?? null
+
+        const tag = await server.db
+            .select({ id: filetags.id })
+            .from(filetags)
+            .where(
+                and(
+                    eq(filetags.tenant, tenant.id),
+                    eq(filetags.incomingDocumentType, "invoices")
+                )
+            )
+            .limit(1)
+
+        filetypeId = tag[0]?.id ?? null
+    }
+
+        // -------------------------------------------
+        // Mahnung
+    // -------------------------------------------
+    else if (message.subject?.match(/(Mahnung|Zahlungsaufforderung|Zahlungsverzug)/gi)) {
+
+        const tag = await server.db
+            .select({ id: filetags.id })
+            .from(filetags)
+            .where(
+                and(
+                    eq(filetags.tenant, tenant.id),
+                    eq(filetags.incomingDocumentType, "reminders")
+                )
+            )
+            .limit(1)
+
+        filetypeId = tag[0]?.id ?? null
+    }
+
+        // -------------------------------------------
+        // Sonstige Dokumente → Deposit Folder
+    // -------------------------------------------
+    else {
+
+        const folder = await server.db
+            .select({ id: folders.id })
+            .from(folders)
+            .where(
+                and(
+                    eq(folders.tenant, tenant.id),
+                    eq(folders.function, "deposit")
+                )
+            )
+            .limit(1)
+
+        folderId = folder[0]?.id ?? null
+    }
+
+
+    return {
+        tenant: tenant.id,
+        folder: folderId,
+        filetype: filetypeId
+    }
+}

backend/src/plugins/cors.ts

@@ -14,9 +14,8 @@ export default fp(async (server: FastifyInstance) => {
             "https://app.fedeo.de", // dein Nuxt-Frontend
             "capacitor://localhost", // dein Nuxt-Frontend
         ],
-        methods: ["GET", "POST", "PUT", "DELETE", "OPTIONS",
-            "PROPFIND", "PROPPATCH", "MKCOL", "COPY", "MOVE", "LOCK", "UNLOCK"],
-        allowedHeaders: ["Content-Type", "Authorization", "Context", "X-Public-Pin","Depth", "Overwrite", "Destination", "Lock-Token", "If"],
+        methods: ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
+        allowedHeaders: ["Content-Type", "Authorization", "Context", "X-Public-Pin"],
         exposedHeaders: ["Authorization", "Content-Disposition", "Content-Type", "Content-Length"], // optional, falls du ihn auch auslesen willst
         credentials: true, // wichtig, falls du Cookies nutzt
     });

backend/src/plugins/services.ts

@@ -1,7 +1,7 @@
 // /plugins/services.ts
 import fp from "fastify-plugin";
 import { bankStatementService } from "../modules/cron/bankstatementsync.service";
-import {syncDokuboxService} from "../modules/cron/dokuboximport.service";
+//import {initDokuboxClient, syncDokubox} from "../modules/cron/dokuboximport.service";
 import { FastifyInstance } from "fastify";
 import {prepareIncomingInvoices} from "../modules/cron/prepareIncomingInvoices";
 
@@ -9,7 +9,7 @@ declare module "fastify" {
     interface FastifyInstance {
         services: {
             bankStatements: ReturnType<typeof bankStatementService>;
-            dokuboxSync: ReturnType<typeof syncDokuboxService>;
+            //dokuboxSync: ReturnType<typeof syncDokubox>;
             prepareIncomingInvoices: ReturnType<typeof prepareIncomingInvoices>;
         };
     }
@@ -18,7 +18,7 @@ declare module "fastify" {
 export default fp(async function servicePlugin(server: FastifyInstance) {
     server.decorate("services", {
         bankStatements: bankStatementService(server),
-        dokuboxSync: syncDokuboxService(server),
+        //dokuboxSync: syncDokubox(server),
         prepareIncomingInvoices: prepareIncomingInvoices(server),
     });
 });

backend/src/routes/devices/management.ts

@@ -1,58 +0,0 @@
-import { FastifyInstance } from "fastify";
-import { eq } from "drizzle-orm";
-import { db } from "../../../db"; // <--- PFAD ZUR DB INSTANZ ANPASSEN
-import { devices } from "../../../db/schema";
-
-// Definition, was wir vom ESP32 erwarten
-interface HealthBody {
-    terminal_id: string;
-    ip_address?: string;
-    wifi_rssi?: number;
-    uptime_seconds?: number;
-    heap_free?: number;
-    [key: string]: any; // Erlaubt weitere Felder
-}
-
-export default async function devicesManagementRoutes(server: FastifyInstance) {
-    server.post<{ Body: HealthBody }>(
-        "/health",
-        async (req, reply) => {
-            try {
-                const data = req.body;
-
-                // 1. Validierung: Haben wir eine ID?
-                if (!data.terminal_id) {
-                    console.warn("Health Check ohne terminal_id empfangen:", data);
-                    return reply.code(400).send({ error: "terminal_id missing" });
-                }
-
-                console.log(`Health Ping von Device ${data.terminal_id}`, data);
-
-                // 2. Datenbank Update
-                // Wir suchen das Gerät mit der passenden externalId
-                const result = await server.db
-                    .update(devices)
-                    .set({
-                        lastSeen: new Date(),   // Setzt Zeit auf JETZT
-                        lastDebugInfo: data     // Speichert das ganze JSON
-                    })
-                    .where(eq(devices.externalId, data.terminal_id))
-                    .returning({ id: devices.id }); // Gibt ID zurück, falls gefunden
-
-                // 3. Checken ob Gerät gefunden wurde
-                if (result.length === 0) {
-                    console.warn(`Unbekanntes Terminal versucht Health Check: ${data.terminal_id}`);
-                    // Optional: 404 senden oder ignorieren (Sicherheit)
-                    return reply.code(404).send({ error: "Device not found" });
-                }
-
-                // Alles OK
-                return reply.code(200).send({ status: "ok" });
-
-            } catch (err: any) {
-                console.error("Health Check Error:", err);
-                return reply.code(500).send({ error: err.message });
-            }
-        }
-    );
-}

backend/src/routes/devices/rfid.ts

@@ -1,39 +1,37 @@
 import { FastifyInstance } from "fastify";
-import { and, desc, eq } from "drizzle-orm";
-import { authProfiles, devices, stafftimeevents } from "../../../db/schema";
+import {and, desc, eq} from "drizzle-orm";
+import {authProfiles, devices, stafftimeevents} from "../../../db/schema";
 
 export default async function devicesRFIDRoutes(server: FastifyInstance) {
     server.post(
         "/rfid/createevent/:terminal_id",
         async (req, reply) => {
             try {
-                // 1. Timestamp aus dem Body holen (optional)
-                const { rfid_id, timestamp } = req.body as {
-                    rfid_id: string,
-                    timestamp?: number // Kann undefined sein (Live) oder Zahl (Offline)
-                };
 
-                const { terminal_id } = req.params as { terminal_id: string };
+                const {rfid_id} = req.body as {rfid_id: string};
+                const {terminal_id} = req.params as {terminal_id: string};
 
-                if (!rfid_id || !terminal_id) {
+                if(!rfid_id ||!terminal_id) {
                     console.log(`Missing Params`);
-                    return reply.code(400).send(`Missing Params`);
+                    return reply.code(400).send(`Missing Params`)
                 }
 
-                // 2. Gerät suchen
                 const device = await server.db
                     .select()
                     .from(devices)
-                    .where(eq(devices.externalId, terminal_id))
+                    .where(
+                        eq(devices.externalId, terminal_id)
+
+                    )
                     .limit(1)
                     .then(rows => rows[0]);
 
-                if (!device) {
+                if(!device) {
                     console.log(`Device ${terminal_id} not found`);
-                    return reply.code(400).send(`Device ${terminal_id} not found`);
+                    return reply.code(400).send(`Device ${terminal_id} not found`)
+
                 }
 
-                // 3. User-Profil suchen
                 const profile = await server.db
                     .select()
                     .from(authProfiles)
@@ -46,56 +44,55 @@ export default async function devicesRFIDRoutes(server: FastifyInstance) {
                     .limit(1)
                     .then(rows => rows[0]);
 
-                if (!profile) {
+                if(!profile) {
                     console.log(`Profile for Token ${rfid_id} not found`);
-                    return reply.code(400).send(`Profile for Token ${rfid_id} not found`);
+                    return reply.code(400).send(`Profile for Token ${rfid_id} not found`)
+
                 }
 
-                // 4. Letztes Event suchen (für Status-Toggle Work Start/End)
                 const lastEvent = await server.db
                     .select()
                     .from(stafftimeevents)
-                    .where(eq(stafftimeevents.user_id, profile.user_id))
-                    .orderBy(desc(stafftimeevents.eventtime))
+                    .where(
+                        eq(stafftimeevents.user_id, profile.user_id)
+                    )
+                    .orderBy(desc(stafftimeevents.eventtime)) // <-- Sortierung: Neuestes zuerst
                     .limit(1)
                     .then(rows => rows[0]);
 
-                // 5. Zeitstempel Logik (WICHTIG!)
-                // Der ESP32 sendet Unix-Timestamp in SEKUNDEN. JS braucht MILLISEKUNDEN.
-                // Wenn kein Timestamp kommt (0 oder undefined), nehmen wir JETZT.
-                const actualEventTime = (timestamp && timestamp > 0)
-                    ? new Date(timestamp * 1000)
-                    : new Date();
+                console.log(lastEvent)
 
-                // 6. Event Typ bestimmen (Toggle Logik)
-                // Falls noch nie gestempelt wurde (lastEvent undefined), fangen wir mit start an.
-                const nextEventType = (lastEvent?.eventtype === "work_start")
-                    ? "work_end"
-                    : "work_start";
 
                 const dataToInsert = {
                     tenant_id: device.tenant,
                     user_id: profile.user_id,
                     actortype: "system",
-                    eventtime: actualEventTime, // Hier nutzen wir die berechnete Zeit
-                    eventtype: nextEventType,
-                    source: "TERMINAL" // Habe ich von WEB auf TERMINAL geändert (optional)
-                };
+                    eventtime: new Date(),
+                    eventtype: lastEvent.eventtype === "work_start" ? "work_end" : "work_start",
+                    source: "WEB"
+                }
 
-                console.log(`New Event for ${profile.user_id}: ${nextEventType} @ ${actualEventTime.toISOString()}`);
+                console.log(dataToInsert)
 
                 const [created] = await server.db
                     .insert(stafftimeevents)
                     //@ts-ignore
                     .values(dataToInsert)
-                    .returning();
-
-                return created;
+                    .returning()
 
+                return created
             } catch (err: any) {
-                console.error(err);
-                return reply.code(400).send({ error: err.message });
+                console.error(err)
+                return reply.code(400).send({ error: err.message })
             }
+
+
+
+            console.log(req.body)
+
+            return
+
+
         }
     );
-}
+}

backend/src/routes/functions.ts

@@ -179,11 +179,6 @@ export default async function functionRoutes(server: FastifyInstance) {
         await server.services.prepareIncomingInvoices.run(req.user.tenant_id)
     })
 
-    server.post('/functions/services/syncdokubox', async (req, reply) => {
-
-        await server.services.dokuboxSync.run()
-    })
-
 
     /*server.post('/print/zpl/preview', async (req, reply) => {
         const { zpl, widthMm = 50, heightMm = 30, dpmm = 8, asBase64 = false } = req.body as {zpl:string,widthMm:number,heightMm:number,dpmm:number,asBase64:string}

backend/src/routes/resources/main.ts

@@ -10,23 +10,30 @@ import {
     or
 } from "drizzle-orm"
 
-import { resourceConfig } from "../../utils/resource.config";
-import { useNextNumberRangeNumber } from "../../utils/functions";
+
+
+import {resourceConfig} from "../../utils/resource.config";
+import {useNextNumberRangeNumber} from "../../utils/functions";
+import {stafftimeentries} from "../../../db/schema";
 
 // -------------------------------------------------------------
-// SQL Suche auf mehreren Feldern (Haupttabelle + Relationen)
+// SQL Volltextsuche auf mehreren Feldern
 // -------------------------------------------------------------
-function buildSearchCondition(columns: any[], search: string) {
+
+
+function buildSearchCondition(table: any, columns: string[], search: string) {
     if (!search || !columns.length) return null
 
     const term = `%${search.toLowerCase()}%`
 
     const conditions = columns
+        .map((colName) => table[colName])
         .filter(Boolean)
         .map((col) => ilike(col, term))
 
     if (conditions.length === 0) return null
 
+    // @ts-ignore
     return or(...conditions)
 }
 
@@ -47,86 +54,96 @@ export default async function resourceRoutes(server: FastifyInstance) {
                 asc?: string
             }
 
-            const { resource } = req.params as { resource: string }
-            const config = resourceConfig[resource]
-            const table = config.table
+            const {resource} = req.params as {resource: string}
+            const table = resourceConfig[resource].table
 
+            // WHERE-Basis
             let whereCond: any = eq(table.tenant, tenantId)
-            let q = server.db.select().from(table).$dynamic()
 
-            const searchCols: any[] = (config.searchColumns || []).map(c => table[c])
+            // 🔍 SQL Search
+            if(search) {
+                const searchCond = buildSearchCondition(
+                    table,
+                    resourceConfig[resource].searchColumns,
+                    search.trim()
+                )
 
-            if (config.mtoLoad) {
-                config.mtoLoad.forEach(rel => {
-                    const relConfig = resourceConfig[rel + "s"] || resourceConfig[rel]
-                    if (relConfig) {
-                        const relTable = relConfig.table
-
-                        // FIX: Nur joinen, wenn es keine Self-Reference ist (verhindert ERROR 42712)
-                        if (relTable !== table) {
-                            // @ts-ignore
-                            q = q.leftJoin(relTable, eq(table[rel], relTable.id))
-                            if (relConfig.searchColumns) {
-                                relConfig.searchColumns.forEach(c => {
-                                    if (relTable[c]) searchCols.push(relTable[c])
-                                })
-                            }
-                        }
-                    }
-                })
+                if (searchCond) {
+                    whereCond = and(whereCond, searchCond)
+                }
             }
 
-            if (search) {
-                const searchCond = buildSearchCondition(searchCols, search.trim())
-                if (searchCond) whereCond = and(whereCond, searchCond)
-            }
-
-            q = q.where(whereCond)
+            // Base Query
+            let q = server.db.select().from(table).where(whereCond)
 
+            // Sortierung
             if (sort) {
                 const col = (table as any)[sort]
                 if (col) {
-                    q = ascQuery === "true" ? q.orderBy(asc(col)) : q.orderBy(desc(col))
+                    //@ts-ignore
+                    q = ascQuery === "true"
+                        ? q.orderBy(asc(col))
+                        : q.orderBy(desc(col))
                 }
             }
 
             const queryData = await q
-            // Transformation: Falls Joins genutzt wurden, das Hauptobjekt extrahieren
-            const rows = queryData.map(r => r[resource] || r.table || r);
 
-            // RELATION LOADING
-            let data = [...rows]
-            if(config.mtoLoad) {
-                let ids: any = {}
-                let lists: any = {}
-                let maps: any = {}
-                config.mtoLoad.forEach(rel => {
-                    ids[rel] = [...new Set(rows.map(r => r[rel]).filter(Boolean))];
+            // RELATION LOADING (MANY-TO-ONE)
+
+            let ids = {}
+            let lists = {}
+            let maps = {}
+            let data = [...queryData]
+
+            if(resourceConfig[resource].mtoLoad) {
+                resourceConfig[resource].mtoLoad.forEach(relation => {
+                    ids[relation] = [...new Set(queryData.map(r => r[relation]).filter(Boolean))];
                 })
-                for await (const rel of config.mtoLoad) {
-                    const relConf = resourceConfig[rel + "s"] || resourceConfig[rel];
-                    const relTab = relConf.table
-                    lists[rel] = ids[rel].length ? await server.db.select().from(relTab).where(inArray(relTab.id, ids[rel])) : []
-                    maps[rel] = Object.fromEntries(lists[rel].map((i: any) => [i.id, i]));
+
+                for await (const relation of resourceConfig[resource].mtoLoad ) {
+                    console.log(relation)
+                    lists[relation] = ids[relation].length ? await server.db.select().from(resourceConfig[relation + "s"].table).where(inArray(resourceConfig[relation + "s"].table.id, ids[relation])) : []
+
                 }
-                data = rows.map(row => {
-                    let toReturn = { ...row }
-                    config.mtoLoad.forEach(rel => {
-                        toReturn[rel] = row[rel] ? maps[rel][row[rel]] : null
+
+                resourceConfig[resource].mtoLoad.forEach(relation => {
+                    maps[relation] = Object.fromEntries(lists[relation].map(i => [i.id, i]));
+                })
+
+                data = queryData.map(row => {
+                    let toReturn = {
+                        ...row
+                    }
+
+                    resourceConfig[resource].mtoLoad.forEach(relation => {
+                        toReturn[relation] = row[relation] ? maps[relation][row[relation]] : null
                     })
+
                     return toReturn
                 });
             }
 
-            if(config.mtmListLoad) {
-                for await (const relation of config.mtmListLoad) {
-                    const relTable = resourceConfig[relation].table
-                    const parentKey = resource.substring(0, resource.length - 1)
-                    const relationRows = await server.db.select().from(relTable).where(inArray(relTable[parentKey], data.map(i => i.id)))
-                    data = data.map(row => ({
-                        ...row,
-                        [relation]: relationRows.filter(i => i[parentKey] === row.id)
-                    }))
+            if(resourceConfig[resource].mtmListLoad) {
+                for await (const relation of resourceConfig[resource].mtmListLoad) {
+                    console.log(relation)
+                    console.log(resource.substring(0,resource.length-1))
+
+                    const relationRows = await server.db.select().from(resourceConfig[relation].table).where(inArray(resourceConfig[relation].table[resource.substring(0,resource.length-1)],data.map(i => i.id)))
+
+                    console.log(relationRows.length)
+
+                    data = data.map(row => {
+                        let toReturn = {
+                            ...row
+                        }
+
+                        toReturn[relation] = relationRows.filter(i => i[resource.substring(0,resource.length-1)] === row.id)
+
+                        return toReturn
+                    })
+
+
                 }
             }
 
@@ -138,130 +155,212 @@ export default async function resourceRoutes(server: FastifyInstance) {
         }
     })
 
+
     // -------------------------------------------------------------
     // PAGINATED LIST
     // -------------------------------------------------------------
     server.get("/resource/:resource/paginated", async (req, reply) => {
         try {
             const tenantId = req.user?.tenant_id;
-            if (!tenantId) return reply.code(400).send({ error: "No tenant selected" });
-
-            const { resource } = req.params as { resource: string };
-            const config = resourceConfig[resource];
-            const table = config.table;
-
-            const { queryConfig } = req;
-            const { pagination, sort, filters } = queryConfig;
-            const { search, distinctColumns } = req.query as { search?: string; distinctColumns?: string; };
-
-            let whereCond: any = eq(table.tenant, tenantId);
-            const searchCols: any[] = (config.searchColumns || []).map(c => table[c]);
-
-            let countQuery = server.db.select({ value: count(table.id) }).from(table).$dynamic();
-            let mainQuery = server.db.select().from(table).$dynamic();
-
-            if (config.mtoLoad) {
-                config.mtoLoad.forEach(rel => {
-                    const relConfig = resourceConfig[rel + "s"] || resourceConfig[rel];
-                    if (relConfig) {
-                        const relTable = relConfig.table;
-
-                        // FIX: Self-Reference Check
-                        if (relTable !== table) {
-                            countQuery = countQuery.leftJoin(relTable, eq(table[rel], relTable.id));
-                            // @ts-ignore
-                            mainQuery = mainQuery.leftJoin(relTable, eq(table[rel], relTable.id));
-                            if (relConfig.searchColumns) {
-                                relConfig.searchColumns.forEach(c => {
-                                    if (relTable[c]) searchCols.push(relTable[c]);
-                                });
-                            }
-                        }
-                    }
-                });
+            if (!tenantId) {
+                return reply.code(400).send({ error: "No tenant selected" });
             }
 
-            if (search) {
-                const searchCond = buildSearchCondition(searchCols, search.trim());
-                if (searchCond) whereCond = and(whereCond, searchCond);
+            const {resource} = req.params as {resource: string};
+
+            const {queryConfig} = req;
+            const {
+                pagination,
+                sort,
+                filters,
+                paginationDisabled
+            } = queryConfig;
+
+            const { search, distinctColumns } = req.query as {
+                search?: string;
+                distinctColumns?: string;
+            };
+
+
+
+
+            let table = resourceConfig[resource].table
+
+
+            let whereCond: any = eq(table.tenant, tenantId);
+
+
+            if(search) {
+                const searchCond = buildSearchCondition(
+                    table,
+                    resourceConfig[resource].searchColumns,
+                    search.trim()
+                )
+
+                if (searchCond) {
+                    whereCond = and(whereCond, searchCond)
+                }
             }
 
             if (filters) {
                 for (const [key, val] of Object.entries(filters)) {
                     const col = (table as any)[key];
                     if (!col) continue;
-                    whereCond = Array.isArray(val) ? and(whereCond, inArray(col, val)) : and(whereCond, eq(col, val as any));
+
+                    if (Array.isArray(val)) {
+                        whereCond = and(whereCond, inArray(col, val));
+                    } else {
+                        whereCond = and(whereCond, eq(col, val as any));
+                    }
                 }
             }
 
-            const totalRes = await countQuery.where(whereCond);
+            // -----------------------------------------------
+            // COUNT (for pagination)
+            // -----------------------------------------------
+            const totalRes = await server.db
+                .select({ value: count(table.id) })
+                .from(table)
+                .where(whereCond);
+
             const total = Number(totalRes[0]?.value ?? 0);
 
+            // -----------------------------------------------
+            // DISTINCT VALUES (regardless of pagination)
+            // -----------------------------------------------
+            const distinctValues: Record<string, any[]> = {};
+
+            if (distinctColumns) {
+                for (const colName of distinctColumns.split(",").map(c => c.trim())) {
+                    const col = (table as any)[colName];
+                    if (!col) continue;
+
+                    const rows = await server.db
+                        .select({ v: col })
+                        .from(table)
+                        .where(eq(table.tenant, tenantId));
+
+                    const values = rows
+                        .map(r => r.v)
+                        .filter(v => v != null && v !== "");
+
+                    distinctValues[colName] = [...new Set(values)].sort();
+                }
+            }
+
+            // PAGINATION
             const offset = pagination?.offset ?? 0;
             const limit = pagination?.limit ?? 100;
 
-            mainQuery = mainQuery.where(whereCond).offset(offset).limit(limit);
+            // SORTING
+            let orderField: any = null;
+            let direction: "asc" | "desc" = "asc";
 
             if (sort?.length > 0) {
                 const s = sort[0];
                 const col = (table as any)[s.field];
                 if (col) {
-                    mainQuery = s.direction === "asc" ? mainQuery.orderBy(asc(col)) : mainQuery.orderBy(desc(col));
+                    orderField = col;
+                    direction = s.direction === "asc" ? "asc" : "desc";
                 }
             }
 
-            const rawRows = await mainQuery;
-            // Transformation für Drizzle Joins
-            let rows = rawRows.map(r => r[resource] || r.table || r);
+            // MAIN QUERY (Paginated)
+            let q = server.db
+                .select()
+                .from(table)
+                .where(whereCond)
+                .offset(offset)
+                .limit(limit);
 
-            const distinctValues: Record<string, any[]> = {};
-            if (distinctColumns) {
-                for (const colName of distinctColumns.split(",").map(c => c.trim())) {
-                    const col = (table as any)[colName];
-                    if (!col) continue;
-                    const dRows = await server.db.select({ v: col }).from(table).where(eq(table.tenant, tenantId));
-                    distinctValues[colName] = [...new Set(dRows.map(r => r.v).filter(v => v != null && v !== ""))].sort();
-                }
+            if (orderField) {
+                //@ts-ignore
+                q = direction === "asc"
+                    ? q.orderBy(asc(orderField))
+                    : q.orderBy(desc(orderField));
             }
 
-            let data = [...rows];
-            if (config.mtoLoad) {
-                let ids: any = {};
-                let lists: any = {};
-                let maps: any = {};
-                config.mtoLoad.forEach(rel => {
-                    ids[rel] = [...new Set(rows.map(r => r[rel]).filter(Boolean))];
-                });
-                for await (const rel of config.mtoLoad) {
-                    const relConf = resourceConfig[rel + "s"] || resourceConfig[rel];
-                    const relTab = relConf.table;
-                    lists[rel] = ids[rel].length ? await server.db.select().from(relTab).where(inArray(relTab.id, ids[rel])) : [];
-                    maps[rel] = Object.fromEntries(lists[rel].map((i: any) => [i.id, i]));
+            const rows = await q;
+
+            if (!rows.length) {
+                return {
+                    data: [],
+                    queryConfig: {
+                        ...queryConfig,
+                        total,
+                        totalPages: 0,
+                        distinctValues
+                    }
+                };
+            }
+
+
+
+            let data = [...rows]
+            //Many to One
+            if(resourceConfig[resource].mtoLoad) {
+                let ids = {}
+                let lists = {}
+                let maps = {}
+                resourceConfig[resource].mtoLoad.forEach(relation => {
+                    ids[relation] = [...new Set(rows.map(r => r[relation]).filter(Boolean))];
+                })
+
+                for await (const relation of resourceConfig[resource].mtoLoad ) {
+                    lists[relation] = ids[relation].length ? await server.db.select().from(resourceConfig[relation + "s"].table).where(inArray(resourceConfig[relation + "s"].table.id, ids[relation])) : []
+
                 }
+
+                resourceConfig[resource].mtoLoad.forEach(relation => {
+                    maps[relation] = Object.fromEntries(lists[relation].map(i => [i.id, i]));
+                })
+
                 data = rows.map(row => {
-                    let toReturn = { ...row };
-                    config.mtoLoad.forEach(rel => {
-                        toReturn[rel] = row[rel] ? maps[rel][row[rel]] : null;
-                    });
-                    return toReturn;
+                    let toReturn = {
+                        ...row
+                    }
+
+                    resourceConfig[resource].mtoLoad.forEach(relation => {
+                        toReturn[relation] = row[relation] ? maps[relation][row[relation]] : null
+                    })
+
+                    return toReturn
                 });
             }
 
-            if (config.mtmListLoad) {
-                for await (const relation of config.mtmListLoad) {
-                    const relTable = resourceConfig[relation].table;
-                    const parentKey = resource.substring(0, resource.length - 1);
-                    const relationRows = await server.db.select().from(relTable).where(inArray(relTable[parentKey], data.map(i => i.id)));
-                    data = data.map(row => ({
-                        ...row,
-                        [relation]: relationRows.filter(i => i[parentKey] === row.id)
-                    }));
+            if(resourceConfig[resource].mtmListLoad) {
+                for await (const relation of resourceConfig[resource].mtmListLoad) {
+                    console.log(relation)
+
+                    const relationRows = await server.db.select().from(resourceConfig[relation].table).where(inArray(resourceConfig[relation].table[resource.substring(0,resource.length-1)],data.map(i => i.id)))
+
+                    console.log(relationRows)
+
+                    data = data.map(row => {
+                        let toReturn = {
+                            ...row
+                        }
+
+                        toReturn[relation] = relationRows.filter(i => i[resource.substring(0,resource.length-1)] === row.id)
+
+                        return toReturn
+                    })
+
+
                 }
             }
 
+            // -----------------------------------------------
+            // RETURN DATA
+            // -----------------------------------------------
             return {
                 data,
-                queryConfig: { ...queryConfig, total, totalPages: Math.ceil(total / limit), distinctValues }
+                queryConfig: {
+                    ...queryConfig,
+                    total,
+                    totalPages: Math.ceil(total / limit),
+                    distinctValues
+                }
             };
 
         } catch (err) {
@@ -270,8 +369,9 @@ export default async function resourceRoutes(server: FastifyInstance) {
         }
     });
 
+
     // -------------------------------------------------------------
-    // DETAIL
+    // DETAIL (mit JOINS)
     // -------------------------------------------------------------
     server.get("/resource/:resource/:id/:no_relations?", async (req, reply) => {
         try {
@@ -279,7 +379,7 @@ export default async function resourceRoutes(server: FastifyInstance) {
             const tenantId = req.user?.tenant_id
             if (!tenantId) return reply.code(400).send({ error: "No tenant selected" })
 
-            const { resource, no_relations } = req.params as { resource: string, no_relations?: boolean }
+            const {resource, no_relations} = req.params as { resource: string, no_relations?: boolean }
             const table = resourceConfig[resource].table
 
             const projRows = await server.db
@@ -291,32 +391,40 @@ export default async function resourceRoutes(server: FastifyInstance) {
             if (!projRows.length)
                 return reply.code(404).send({ error: "Resource not found" })
 
-            let data = { ...projRows[0] }
+            // ------------------------------------
+            // LOAD RELATIONS
+            // ------------------------------------
 
-            if (!no_relations) {
-                if (resourceConfig[resource].mtoLoad) {
-                    for await (const relation of resourceConfig[resource].mtoLoad) {
-                        if (data[relation]) {
-                            const relConf = resourceConfig[relation + "s"] || resourceConfig[relation];
-                            const relTable = relConf.table
-                            const relData = await server.db.select().from(relTable).where(eq(relTable.id, data[relation]))
-                            data[relation] = relData[0] || null
+            let ids = {}
+            let lists = {}
+            let maps = {}
+            let data = {
+                ...projRows[0]
+            }
+
+            if(!no_relations) {
+                if(resourceConfig[resource].mtoLoad) {
+                    for await (const relation of resourceConfig[resource].mtoLoad ) {
+                        if(data[relation]) {
+                            data[relation] = (await server.db.select().from(resourceConfig[relation + "s"].table).where(eq(resourceConfig[relation + "s"].table.id, data[relation])))[0]
                         }
                     }
                 }
 
-                if (resourceConfig[resource].mtmLoad) {
-                    for await (const relation of resourceConfig[resource].mtmLoad) {
-                        const relTable = resourceConfig[relation].table
-                        const parentKey = resource.substring(0, resource.length - 1)
-                        data[relation] = await server.db.select().from(relTable).where(eq(relTable[parentKey], id))
+                if(resourceConfig[resource].mtmLoad) {
+                    for await (const relation of resourceConfig[resource].mtmLoad ) {
+                        console.log(relation)
+                        data[relation] = await server.db.select().from(resourceConfig[relation].table).where(eq(resourceConfig[relation].table[resource.substring(0,resource.length - 1)],id))
                     }
                 }
             }
 
+
+
             return data
+
         } catch (err) {
-            console.error("ERROR /resource/:resource/:id", err)
+            console.error("ERROR /resource/projects/:id", err)
             return reply.code(500).send({ error: "Internal Server Error" })
         }
     })
@@ -324,59 +432,132 @@ export default async function resourceRoutes(server: FastifyInstance) {
     // Create
     server.post("/resource/:resource", async (req, reply) => {
         try {
-            if (!req.user?.tenant_id) return reply.code(400).send({ error: "No tenant selected" });
-            const { resource } = req.params as { resource: string };
-            const body = req.body as Record<string, any>;
-            const config = resourceConfig[resource];
-            const table = config.table;
-
-            let createData = { ...body, tenant: req.user.tenant_id, archived: false };
-
-            if (config.numberRangeHolder && !body[config.numberRangeHolder]) {
-                const result = await useNextNumberRangeNumber(server, req.user.tenant_id, resource)
-                createData[config.numberRangeHolder] = result.usedNumber
+            if (!req.user?.tenant_id) {
+                return reply.code(400).send({error: "No tenant selected"});
+            }
+
+            const {resource} = req.params as { resource: string };
+            const body = req.body as Record<string, any>;
+
+            const table = resourceConfig[resource].table
+
+            let createData = {
+                ...body,
+                tenant: req.user.tenant_id,
+                archived: false, // Standardwert
+            }
+
+            console.log(resourceConfig[resource].numberRangeHolder)
+
+            if (resourceConfig[resource].numberRangeHolder && !body[resourceConfig[resource]]) {
+                const result = await useNextNumberRangeNumber(server, req.user.tenant_id, resource)
+                console.log(result)
+                createData[resourceConfig[resource].numberRangeHolder] = result.usedNumber
+            }
+
+            const normalizeDate = (val: any) => {
+                const d = new Date(val)
+                return isNaN(d.getTime()) ? null : d
             }
 
-            const normalizeDate = (val: any) => { const d = new Date(val); return isNaN(d.getTime()) ? null : d; }
             Object.keys(createData).forEach((key) => {
-                if (key.toLowerCase().includes("date") && key !== "deliveryDateType") createData[key] = normalizeDate(createData[key])
+                if(key.toLowerCase().includes("date") && key !== "deliveryDateType") createData[key] = normalizeDate(createData[key])
             })
 
-            const [created] = await server.db.insert(table).values(createData).returning()
+            const [created] = await server.db
+                .insert(table)
+                .values(createData)
+                .returning()
+
+
+            /*await insertHistoryItem(server, {
+                entity: resource,
+                entityId: data.id,
+                action: "created",
+                created_by: req.user.user_id,
+                tenant_id: req.user.tenant_id,
+                oldVal: null,
+                newVal: data,
+                text: `${dataType.labelSingle} erstellt`,
+            });*/
+
             return created;
         } catch (error) {
-            console.error(error);
-            reply.status(500);
+            console.log(error)
+            reply.status(500)
         }
     });
 
-    // Update
+    // UPDATE (inkl. Soft-Delete/Archive)
     server.put("/resource/:resource/:id", async (req, reply) => {
         try {
-            const { resource, id } = req.params as { resource: string; id: string }
+            const {resource, id} = req.params as { resource: string; id: string }
             const body = req.body as Record<string, any>
-            const tenantId = req.user?.tenant_id
-            const userId = req.user?.user_id
 
-            if (!tenantId || !userId) return reply.code(401).send({ error: "Unauthorized" })
+            const tenantId = (req.user as any)?.tenant_id
+            const userId = (req.user as any)?.user_id
+
+            if (!tenantId || !userId) {
+                return reply.code(401).send({error: "Unauthorized"})
+            }
 
             const table = resourceConfig[resource].table
-            const normalizeDate = (val: any) => { const d = new Date(val); return isNaN(d.getTime()) ? null : d; }
 
-            let data = { ...body, updated_at: new Date().toISOString(), updated_by: userId }
+            //TODO: HISTORY
+
+            const normalizeDate = (val: any) => {
+                const d = new Date(val)
+                return isNaN(d.getTime()) ? null : d
+            }
+
+            let data = {...body, updated_at: new Date().toISOString(), updated_by: userId}
+
             //@ts-ignore
-            delete data.updatedBy; delete data.updatedAt;
+            delete data.updatedBy
+            //@ts-ignore
+            delete data.updatedAt
+
+            console.log(data)
 
             Object.keys(data).forEach((key) => {
-                if ((key.includes("_at") || key.includes("At") || key.toLowerCase().includes("date")) && key !== "deliveryDateType") {
+                console.log(key)
+
+                if(key.includes("_at") || key.includes("At") || key.toLowerCase().includes("date")) {
                     data[key] = normalizeDate(data[key])
                 }
             })
 
-            const [updated] = await server.db.update(table).set(data).where(and(eq(table.id, id), eq(table.tenant, tenantId))).returning()
+            console.log(data)
+
+            const [updated] = await server.db
+                .update(table)
+                .set(data)
+                .where(and(
+                    eq(table.id, id),
+                    eq(table.tenant, tenantId)))
+                .returning()
+
+            //const diffs = diffObjects(oldItem, newItem);
+
+
+            /*for (const d of diffs) {
+                await insertHistoryItem(server, {
+                    entity: resource,
+                    entityId: id,
+                    action: d.type,
+                    created_by: userId,
+                    tenant_id: tenantId,
+                    oldVal: d.oldValue ? String(d.oldValue) : null,
+                    newVal: d.newValue ? String(d.newValue) : null,
+                    text: `Feld "${d.label}" ${d.typeLabel}: ${d.oldValue ?? ""} → ${d.newValue ?? ""}`,
+                });
+            }*/
+
             return updated
         } catch (err) {
-            console.error(err)
+            console.log("ERROR /resource/projects/:id", err)
         }
+
     })
-}
+
+}

backend/src/utils/resource.config.ts

@@ -36,7 +36,7 @@ import {
 
 export const resourceConfig = {
     projects: {
-        searchColumns: ["name","customerRef","projectNumber","notes"],
+        searchColumns: ["name"],
         mtoLoad: ["customer","plant","contract","projecttype"],
         mtmLoad: ["tasks", "files","createddocuments"],
         table: projects,
@@ -61,7 +61,6 @@ export const resourceConfig = {
     },
     plants: {
         table: plants,
-        searchColumns: ["name"],
         mtoLoad: ["customer"],
         mtmLoad: ["projects","tasks","files"],
     },

backend/src/webdav/fill-file-sizes.ts

@@ -1,74 +0,0 @@
-// scripts/fill-file-sizes.ts
-import 'dotenv/config';
-import { db } from '../../db';
-import { files } from '../../db/schema';
-import { eq, isNull } from 'drizzle-orm';
-import { HeadObjectCommand } from "@aws-sdk/client-s3";
-import { s3, initS3 } from '../utils/s3';
-import { loadSecrets, secrets } from '../utils/secrets';
-
-async function migrate() {
-    console.log("🚀 Starte Migration der Dateigrößen...");
-
-    // 1. Setup
-    await loadSecrets();
-    await initS3();
-
-    // 2. Alle Dateien holen, die noch keine Größe haben (oder alle, um sicherzugehen)
-    // Wir nehmen erstmal ALLE, um sicherzustellen, dass alles stimmt.
-    const allFiles = await db.select().from(files);
-
-    console.log(`📦 ${allFiles.length} Dateien in der Datenbank gefunden.`);
-
-    let successCount = 0;
-    let errorCount = 0;
-
-    // 3. Loop durch alle Dateien
-    for (const file of allFiles) {
-        if (!file.path) {
-            console.log(`⏭️  Überspringe Datei ${file.id} (Kein Pfad)`);
-            continue;
-        }
-
-        try {
-            // S3 fragen (HeadObject lädt nur Metadaten, nicht die ganze Datei -> Schnell)
-            const command = new HeadObjectCommand({
-                Bucket: secrets.S3_BUCKET, // Oder secrets.S3_BUCKET_NAME je nach deiner Config
-                Key: file.path
-            });
-
-            const response = await s3.send(command);
-            const size = response.ContentLength || 0;
-
-            // In DB speichern
-            await db.update(files)
-                .set({ size: size })
-                .where(eq(files.id, file.id));
-
-            process.stdout.write("."); // Fortschrittsanzeige
-            successCount++;
-
-        } catch (error: any) {
-            process.stdout.write("X");
-            // console.error(`\n❌ Fehler bei ${file.path}: ${error.name}`);
-
-            // Optional: Wenn Datei in S3 fehlt, könnten wir sie markieren oder loggen
-            if (error.name === 'NotFound') {
-                // console.error(` -> Datei existiert nicht im Bucket!`);
-            }
-            errorCount++;
-        }
-    }
-
-    console.log("\n\n------------------------------------------------");
-    console.log(`✅ Fertig!`);
-    console.log(`Updated: ${successCount}`);
-    console.log(`Fehler:  ${errorCount} (Meistens Dateien, die im Bucket fehlen)`);
-    console.log("------------------------------------------------");
-    process.exit(0);
-}
-
-migrate().catch(err => {
-    console.error("Fataler Fehler:", err);
-    process.exit(1);
-});

backend/src/webdav/server.ts

@@ -1,200 +0,0 @@
-import 'dotenv/config';
-import { v2 as webdav } from 'webdav-server';
-import { db } from '../../db';
-import { tenants, files, folders } from '../../db/schema';
-import { Readable } from 'stream';
-import { GetObjectCommand, HeadObjectCommand } from "@aws-sdk/client-s3";
-import { s3, initS3 } from '../utils/s3';
-import { secrets, loadSecrets } from '../utils/secrets';
-
-// ============================================================================
-// 1. SETUP
-// ============================================================================
-
-const userManager = new webdav.SimpleUserManager();
-const user = userManager.addUser('admin', 'admin', true);
-
-const privilegeManager = new webdav.SimplePathPrivilegeManager();
-privilegeManager.setRights(user, '/', [ 'all' ]);
-
-const server = new webdav.WebDAVServer({
-    httpAuthentication: new webdav.HTTPDigestAuthentication(userManager, 'Default realm'),
-    privilegeManager: privilegeManager,
-    port: 3200,
-    headers: {
-        'Access-Control-Allow-Origin': '*',
-        'Access-Control-Allow-Methods': 'GET,POST,PUT,DELETE,OPTIONS,PROPFIND,PROPPATCH,MKCOL,COPY,MOVE,LOCK,UNLOCK',
-        'Access-Control-Allow-Headers': 'Authorization, Content-Type, Depth, User-Agent, X-Expected-Entity-Length, If-Modified-Since, Cache-Control, Range, Overwrite, Destination',
-    }
-});
-
-// ============================================================================
-// 2. CACHE
-// ============================================================================
-
-const pathToS3KeyMap = new Map<string, string>();
-const pathToSizeMap = new Map<string, number>();
-
-// ============================================================================
-// 3. LOGIC
-// ============================================================================
-
-async function startServer() {
-    console.log('------------------------------------------------');
-    console.log('[WebDAV] Starte Server (Filtered Mode)...');
-
-    try {
-        await loadSecrets();
-        await initS3();
-        console.log('[WebDAV] S3 Verbindung OK.');
-
-        console.log('[WebDAV] Lade Datenbank...');
-        const allTenants = await db.select().from(tenants);
-        const allFolders = await db.select().from(folders);
-        const allFiles = await db.select().from(files);
-
-        // Zähler für Statistik
-        let hiddenFilesCount = 0;
-
-        // --------------------------------------------------------------------
-        // BUILDER
-        // --------------------------------------------------------------------
-        const buildFolderContent = (tenantId: string, parentFolderId: string | null, currentWebDavPath: string) => {
-            const currentDir: any = {};
-
-            // 1. UNTERORDNER
-            const subFolders = allFolders.filter(f => f.tenant === tenantId && f.parent === parentFolderId);
-            subFolders.forEach(folder => {
-                const folderName = folder.name.replace(/\//g, '-');
-                const nextPath = `${currentWebDavPath}/${folderName}`;
-                currentDir[folderName] = buildFolderContent(tenantId, folder.id, nextPath);
-            });
-
-            // 2. DATEIEN
-            //@ts-ignore
-            const dirFiles = allFiles.filter(f => f.tenant === tenantId && f.folder === parentFolderId);
-
-            dirFiles.forEach(file => {
-                // ============================================================
-                // ❌ FILTER: DATEIEN OHNE GRÖSSE AUSBLENDEN
-                // ============================================================
-                const fileSize = Number(file.size || 0);
-
-                if (fileSize <= 0) {
-                    // Datei überspringen, wenn 0 Bytes oder null
-                    hiddenFilesCount++;
-                    return;
-                }
-                // ============================================================
-
-                // Name bestimmen
-                let fileName = 'Unbenannt';
-                if (file.path) fileName = file.path.split('/').pop() || 'Unbenannt';
-                else if (file.name) fileName = file.name;
-
-                // A) Eintrag im WebDAV
-                currentDir[fileName] = `Ref: ${file.id}`;
-
-                // B) Maps füllen
-                const webDavFullPath = `${currentWebDavPath}/${fileName}`;
-
-                if (file.path) {
-                    pathToS3KeyMap.set(webDavFullPath, file.path);
-                }
-
-                // C) Größe setzen (wir wissen jetzt sicher, dass sie > 0 ist)
-                pathToSizeMap.set(webDavFullPath, fileSize);
-            });
-
-            return currentDir;
-        };
-
-        // --------------------------------------------------------------------
-        // BAUM ZUSAMMENSETZEN
-        // --------------------------------------------------------------------
-        const dbTree: any = {};
-
-        allTenants.forEach(tenant => {
-            const tName = tenant.name.replace(/\//g, '-');
-            const rootPath = `/${tName}`;
-            //@ts-ignore
-            const content = buildFolderContent(tenant.id, null, rootPath);
-
-            // Leere Ordner Hinweis (optional)
-            if (Object.keys(content).length === 0) {
-                content['(Leer).txt'] = 'Keine gültigen Dateien vorhanden.';
-            }
-            dbTree[tName] = content;
-        });
-
-        if (Object.keys(dbTree).length === 0) {
-            dbTree['Status.txt'] = 'Datenbank leer.';
-        }
-
-        // --------------------------------------------------------------------
-        // REGISTRIEREN
-        // --------------------------------------------------------------------
-        const rootFS = server.rootFileSystem();
-        //@ts-ignore
-        rootFS.addSubTree(server.createExternalContext(), dbTree);
-
-        // ====================================================================
-        // OVERRIDE 1: DOWNLOAD
-        // ====================================================================
-        (rootFS as any)._openReadStream = async (path: webdav.Path, ctx: any, callback: any) => {
-            const p = path.toString();
-            const s3Key = pathToS3KeyMap.get(p);
-
-            if (s3Key) {
-                try {
-                    const command = new GetObjectCommand({ Bucket: secrets.S3_BUCKET, Key: s3Key });
-                    const response = await s3.send(command);
-                    if (response.Body) return callback(null, response.Body as Readable);
-                } catch (e: any) {
-                    console.error(`[S3 ERROR] ${e.message}`);
-                    return callback(null, Readable.from([`Error: ${e.message}`]));
-                }
-            }
-            return callback(null, Readable.from(['System File']));
-        };
-
-        // ====================================================================
-        // OVERRIDE 2: SIZE
-        // ====================================================================
-        (rootFS as any)._size = async (path: webdav.Path, ctx: any, callback: any) => {
-            const p = path.toString();
-            const cachedSize = pathToSizeMap.get(p);
-
-            if (cachedSize !== undefined) return callback(null, cachedSize);
-
-            // Fallback S3 Check (sollte durch Filter kaum noch vorkommen)
-            const s3Key = pathToS3KeyMap.get(p);
-            if (s3Key) {
-                try {
-                    const command = new HeadObjectCommand({ Bucket: secrets.S3_BUCKET, Key: s3Key });
-                    const response = await s3.send(command);
-                    const realSize = response.ContentLength || 0;
-                    pathToSizeMap.set(p, realSize);
-                    return callback(null, realSize);
-                } catch (e) {
-                    return callback(null, 0);
-                }
-            }
-            return callback(null, 0);
-        };
-
-        // --------------------------------------------------------------------
-        // START
-        // --------------------------------------------------------------------
-        server.start(() => {
-            console.log('[WebDAV] 🚀 READY auf http://localhost:3200');
-            console.log(`[WebDAV] Sichtbare Dateien: ${pathToS3KeyMap.size}`);
-            console.log(`[WebDAV] Ausgeblendet (0 Bytes): ${hiddenFilesCount}`);
-        });
-
-    } catch (error) {
-        console.error('[WebDAV] 💥 ERROR:', error);
-    }
-}
-
-startServer();

frontend/components/Calculator.vue

@@ -1,235 +0,0 @@
-<template>
-  <div
-      ref="el"
-      :style="style"
-      class="fixed z-[999] w-72 bg-white dark:bg-gray-900 shadow-2xl rounded-xl border border-gray-200 dark:border-gray-800 p-4 select-none touch-none"
-  >
-    <div class="flex items-center justify-between mb-4 cursor-move border-b pb-2 dark:border-gray-800">
-      <div class="flex items-center gap-2 text-gray-500">
-        <UIcon name="i-heroicons-calculator" />
-        <span class="text-xs font-bold uppercase tracking-wider">Kalkulator</span>
-      </div>
-      <div class="flex items-center gap-1">
-        <UTooltip text="Verlauf">
-          <UButton
-              color="gray"
-              variant="ghost"
-              :icon="showHistory ? 'i-heroicons-clock-solid' : 'i-heroicons-clock'"
-              size="xs"
-              @click="showHistory = !showHistory"
-          />
-        </UTooltip>
-        <UTooltip text="Schließen (Esc)">
-          <UButton
-              color="gray"
-              variant="ghost"
-              icon="i-heroicons-x-mark"
-              size="xs"
-              @click="store.isOpen = false"
-          />
-        </UTooltip>
-      </div>
-    </div>
-
-    <div v-if="!showHistory">
-      <div
-          class="bg-gray-100 dark:bg-gray-800 p-3 rounded-lg mb-4 text-right border border-gray-200 dark:border-gray-700 cursor-pointer group relative"
-          @click="copyDisplay"
-      >
-        <div class="text-[10px] text-gray-500 h-4 font-mono uppercase tracking-tighter">
-          Speicher: {{ Number(store.memory).toFixed(2).replace('.', ',') }} €
-        </div>
-        <div class="text-2xl font-mono truncate tracking-tighter">{{ store.display }}</div>
-
-        <div class="absolute inset-0 flex items-center justify-center bg-primary-500/10 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg">
-          <span class="text-[10px] font-bold text-primary-600 uppercase">
-            {{ copied ? 'Kopiert!' : 'Klicken zum Kopieren' }}
-          </span>
-        </div>
-      </div>
-
-      <div class="grid grid-cols-4 gap-2">
-        <UTooltip text="Brutto (+19%)"><UButton color="green" variant="soft" block size="xs" @click="applyTax(19)">+19%</UButton></UTooltip>
-        <UTooltip text="Brutto (+7%)"><UButton color="green" variant="soft" block size="xs" @click="applyTax(7)">+7%</UButton></UTooltip>
-        <UTooltip text="Netto (-19%)"><UButton color="rose" variant="soft" block size="xs" @click="removeTax(19)">-19%</UButton></UTooltip>
-        <UTooltip text="Netto (-7%)"><UButton color="rose" variant="soft" block size="xs" @click="removeTax(7)">-7%</UButton></UTooltip>
-
-        <UTooltip text="Löschen"><UButton color="gray" variant="ghost" block @click="clear">C</UButton></UTooltip>
-        <UTooltip text="Speicher +"><UButton color="gray" variant="ghost" block @click="addToSum">M+</UButton></UTooltip>
-        <UTooltip text="Speicher Reset"><UButton color="gray" variant="ghost" block @click="store.memory = 0">MC</UButton></UTooltip>
-        <UButton color="primary" variant="soft" @click="setOperator('/')">/</UButton>
-
-        <UButton v-for="n in [7, 8, 9]" :key="n" color="white" @click="appendNumber(n)">{{ n }}</UButton>
-        <UButton color="primary" variant="soft" @click="setOperator('*')">×</UButton>
-
-        <UButton v-for="n in [4, 5, 6]" :key="n" color="white" @click="appendNumber(n)">{{ n }}</UButton>
-        <UButton color="primary" variant="soft" @click="setOperator('-')">-</UButton>
-
-        <UButton v-for="n in [1, 2, 3]" :key="n" color="white" @click="appendNumber(n)">{{ n }}</UButton>
-        <UButton color="primary" variant="soft" @click="setOperator('+')">+</UButton>
-
-        <UButton color="white" class="col-span-2" @click="appendNumber(0)">0</UButton>
-        <UButton color="white" @click="addComma">,</UButton>
-        <UButton color="primary" block @click="calculate">=</UButton>
-      </div>
-    </div>
-
-    <div v-else class="h-[270px] flex flex-col animate-in fade-in duration-200">
-      <div class="flex-1 overflow-y-auto space-y-2 pr-1 custom-scrollbar">
-        <div v-if="store.history.length === 0" class="text-center text-gray-400 text-xs mt-10 italic">
-          Keine Berechnungen im Verlauf
-        </div>
-        <div
-            v-for="(item, i) in store.history" :key="i"
-            class="p-2 bg-gray-50 dark:bg-gray-800 rounded text-right border-l-2 border-primary-500 cursor-pointer hover:bg-primary-50 dark:hover:bg-primary-900/20 transition-colors"
-            @click="useHistoryItem(item.result)"
-        >
-          <div class="text-[10px] text-gray-400">{{ item.expression }} =</div>
-          <div class="text-sm font-bold">{{ item.result }}</div>
-        </div>
-      </div>
-      <UButton
-          color="gray"
-          variant="ghost"
-          size="xs"
-          block
-          class="mt-2"
-          icon="i-heroicons-trash"
-          @click="store.history = []"
-      >
-        Verlauf leeren
-      </UButton>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { useDraggable, useClipboard } from '@vueuse/core'
-import { useCalculatorStore } from '~/stores/calculator'
-
-const store = useCalculatorStore()
-const { copy, copied } = useClipboard()
-
-const el = ref(null)
-const { style } = useDraggable(el, {
-  initialValue: { x: window.innerWidth - 350, y: 150 },
-})
-
-const shouldResetDisplay = ref(false)
-const showHistory = ref(false)
-const previousValue = ref(null)
-const lastOperator = ref(null)
-
-// --- Logik ---
-const appendNumber = (num) => {
-  if (store.display === '0' || shouldResetDisplay.value) {
-    store.display = String(num)
-    shouldResetDisplay.value = false
-  } else {
-    store.display += String(num)
-  }
-}
-
-const addComma = () => {
-  if (!store.display.includes(',')) {
-    store.display += ','
-  }
-}
-
-const setOperator = (op) => {
-  previousValue.value = parseFloat(store.display.replace(',', '.'))
-  lastOperator.value = op
-  shouldResetDisplay.value = true
-}
-
-const calculate = () => {
-  if (lastOperator.value === null) return
-  const currentVal = parseFloat(store.display.replace(',', '.'))
-  const prevVal = previousValue.value
-  let result = 0
-
-  switch (lastOperator.value) {
-    case '+': result = prevVal + currentVal; break
-    case '-': result = prevVal - currentVal; break
-    case '*': result = prevVal * currentVal; break
-    case '/': result = currentVal !== 0 ? prevVal / currentVal : 0; break
-  }
-
-  const expression = `${prevVal} ${lastOperator.value} ${currentVal}`
-  const resultString = String(Number(result.toFixed(4))).replace('.', ',')
-
-  store.addHistory(expression, resultString)
-  store.display = resultString
-  lastOperator.value = null
-  shouldResetDisplay.value = true
-}
-
-const clear = () => {
-  store.display = '0'
-  previousValue.value = null
-  lastOperator.value = null
-}
-
-const applyTax = (percent) => {
-  const current = parseFloat(store.display.replace(',', '.'))
-  store.display = (current * (1 + percent / 100)).toFixed(2).replace('.', ',')
-}
-
-const removeTax = (percent) => {
-  const current = parseFloat(store.display.replace(',', '.'))
-  store.display = (current / (1 + percent / 100)).toFixed(2).replace('.', ',')
-}
-
-const addToSum = () => {
-  store.memory += parseFloat(store.display.replace(',', '.'))
-  shouldResetDisplay.value = true
-}
-
-const copyDisplay = () => {
-  copy(store.display)
-}
-
-const useHistoryItem = (val) => {
-  store.display = val
-  showHistory.value = false
-}
-
-// --- Shortcuts ---
-defineShortcuts({
-  '0': () => appendNumber(0),
-  '1': () => appendNumber(1),
-  '2': () => appendNumber(2),
-  '3': () => appendNumber(3),
-  '4': () => appendNumber(4),
-  '5': () => appendNumber(5),
-  '6': () => appendNumber(6),
-  '7': () => appendNumber(7),
-  '8': () => appendNumber(8),
-  '9': () => appendNumber(9),
-  'comma': addComma,
-  'plus': () => setOperator('+'),
-  'minus': () => setOperator('-'),
-  'enter': { usingInput: true, handler: calculate },
-  'backspace': () => {
-    store.display = store.display.length > 1 ? store.display.slice(0, -1) : '0'
-  },
-  // Escape schließt nun das Fenster via Store
-  'escape': {
-    usingInput: true,
-    whenever: [computed(() => store.isOpen)],
-    handler: () => { store.isOpen = false }
-  }
-})
-</script>
-
-<style scoped>
-.custom-scrollbar::-webkit-scrollbar {
-  width: 4px;
-}
-.custom-scrollbar::-webkit-scrollbar-track {
-  @apply bg-transparent;
-}
-.custom-scrollbar::-webkit-scrollbar-thumb {
-  @apply bg-gray-200 dark:bg-gray-700 rounded-full;
-}
-</style>

frontend/components/EntityEdit.vue

@@ -29,6 +29,7 @@ const props = defineProps({
 
 const emit = defineEmits(["returnData"])
 
+
 const {type} = props
 
 defineShortcuts({
@@ -52,10 +53,11 @@ const route = useRoute()
 const dataStore = useDataStore()
 const modal = useModal()
 
+
 const dataType = dataStore.dataTypes[type]
 const openTab = ref(0)
 const item = ref(JSON.parse(props.item))
-// console.log(item.value)
+console.log(item.value)
 
 const oldItem = ref(null)
 const generateOldItemData = () => {
@@ -64,39 +66,6 @@ const generateOldItemData = () => {
 generateOldItemData()
 
 
-// --- ÄNDERUNG START: Computed Property statt Watcher/Function ---
-// Dies berechnet den Status automatisch neu, egal woher die Daten kommen (Init oder User-Eingabe)
-const saveAllowed = computed(() => {
-  if (!item.value) return false
-
-  let allowedCount = 0
-  // Nur Input-Felder berücksichtigen
-  const relevantColumns = dataType.templateColumns.filter(i => i.inputType)
-
-  relevantColumns.forEach(datapoint => {
-    if(datapoint.required) {
-      if(datapoint.key.includes(".")){
-        const [parentKey, childKey] = datapoint.key.split('.')
-        // Prüfung: Existiert Parent UND ist Child "truthy" (nicht null/undefined/empty)
-        if(item.value[parentKey] && item.value[parentKey][childKey]) {
-          allowedCount += 1
-        }
-      } else {
-        if(item.value[datapoint.key]) {
-          allowedCount += 1
-        }
-      }
-    } else {
-      // Wenn nicht required, zählt es immer als "erlaubt"
-      allowedCount += 1
-    }
-  })
-
-  return allowedCount >= relevantColumns.length
-})
-// --- ÄNDERUNG ENDE ---
-
-
 const setupCreate = () => {
   dataType.templateColumns.forEach(datapoint => {
     if(datapoint.key.includes(".")){
@@ -109,7 +78,10 @@ const setupCreate = () => {
       } else {
         item.value[datapoint.key] = {}
       }
+
+
     }
+
   })
 }
 setupCreate()
@@ -119,45 +91,49 @@ const setupQuery = () => {
   console.log(props.mode)
   if(props.mode === "create" && (route.query || props.createQuery)) {
 
+
     let data = !props.inModal ? route.query : props.createQuery
 
     Object.keys(data).forEach(key => {
-      if (dataType.templateColumns.find(i => i.key === key)) {
+      if(dataType.templateColumns.find(i => i.key === key)) {
         if (["customer", "contract", "plant", "contact", "project"].includes(key)) {
           item.value[key] = Number(data[key])
         } else {
           item.value[key] = data[key]
         }
-      } else if (key === "resources") {
+      } else if(key === "resources") {
         /*item.value[key] = data[key]*/
         JSON.parse(data[key]).forEach(async (i) => {
           console.log(i)
-          let type = i.substring(0, 1)
-          let id = i.substring(2, i.length)
+          let type = i.substring(0,1)
+          let id = i.substring(2,i.length)
           console.log(type)
           console.log(id)
           let holder = ""
-          if (type === "P") {
+          if(type === "P"){
             holder = "profiles"
-          } else if (type === "F") {
+          } else if(type === "F"){
             holder = "vehicles"
             id = Number(id)
-          } else if (type === "I") {
+          } else if(type === "I"){
             holder = "inventoryitems"
             id = Number(id)
-          } else if (type === "G") {
+          } else if(type === "G"){
             holder = "inventoryitemgroups"
           }
 
-          if (typeof item.value[holder] === "object") {
+          if(typeof item.value[holder] === "object") {
             item.value[holder].push(id)
           } else {
             item.value[holder] = [id]
           }
+
+
         })
+
+
       }
     })
-    // calcSaveAllowed() -> Entfernt, da computed automatisch reagiert
   }
 }
 setupQuery()
@@ -172,14 +148,14 @@ const loadOptions = async () => {
   })
 
   for await(const option of optionsToLoad) {
-    if (option.option === "countrys") {
+    if(option.option === "countrys") {
       loadedOptions.value[option.option] = useEntities("countrys").selectSpecial()
-    } else if (option.option === "units") {
+    } else if(option.option === "units") {
       loadedOptions.value[option.option] = useEntities("units").selectSpecial()
     } else {
       loadedOptions.value[option.option] = (await useEntities(option.option).select())
 
-      if (dataType.templateColumns.find(x => x.key === option.key).selectDataTypeFilter) {
+      if(dataType.templateColumns.find(x => x.key === option.key).selectDataTypeFilter){
         loadedOptions.value[option.option] = loadedOptions.value[option.option].filter(i => dataType.templateColumns.find(x => x.key === option.key).selectDataTypeFilter(i, item))
       }
     }
@@ -189,23 +165,47 @@ const loadOptions = async () => {
 loadOptions()
 
 const contentChanged = (content, datapoint) => {
-  if (datapoint.key.includes(".")) {
-    item.value[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]].html = content.html
-    item.value[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]].text = content.text
-    item.value[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]].json = content.json
+  if(datapoint.key.includes(".")){
+    item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]].html = content.html
+    item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]].text = content.text
+    item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]].json = content.json
   } else {
-    item.value[datapoint.key].html = content.html
-    item.value[datapoint.key].text = content.text
-    item.value[datapoint.key].json = content.json
+    item[datapoint.key].html = content.html
+    item[datapoint.key].text = content.text
+    item[datapoint.key].json = content.json
   }
 }
 
+const saveAllowed = ref(false)
+const calcSaveAllowed = (item) => {
+  let allowedCount = 0
+
+  dataType.templateColumns.filter(i => i.inputType).forEach(datapoint => {
+    if(datapoint.required) {
+
+      if(datapoint.key.includes(".")){
+        if(item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]) allowedCount += 1
+      } else {
+        if(item[datapoint.key]) allowedCount += 1
+      }
+    } else {
+      allowedCount += 1
+    }
+  })
+
+  saveAllowed.value = allowedCount >= dataType.templateColumns.filter(i => i.inputType).length
+}
+//calcSaveAllowed()
+
+watch(item.value, async (newItem, oldItem) => {
+  calcSaveAllowed(newItem)
+})
 
 const createItem = async () => {
   let ret = null
 
-  if (props.inModal) {
-    ret = await useEntities(type).create(item.value, true)
+  if(props.inModal) {
+    ret =  await useEntities(type).create(item.value, true)
 
   } else {
     ret = await useEntities(type).create(item.value)//dataStore.createNewItem(type,item.value)
@@ -218,7 +218,7 @@ const createItem = async () => {
 const updateItem = async () => {
   let ret = null
 
-  if (props.inModal) {
+  if(props.inModal) {
     ret = await useEntities(type).update(item.value.id, item.value, true)
     emit('returnData', ret)
     modal.close()
@@ -226,7 +226,11 @@ const updateItem = async () => {
     ret = await useEntities(type).update(item.value.id, item.value)
     emit('returnData', ret)
   }
+
+
 }
+
+
 </script>
 
 <template>
@@ -241,15 +245,16 @@ const updateItem = async () => {
       <UButton
           icon="i-heroicons-chevron-left"
           variant="outline"
-          @click="router.back()"
+          @click="router.back()/*router.push(`/standardEntity/${type}`)*/"
       >
+<!--        {{dataType.label}}-->
       </UButton>
     </template>
     <template #center>
       <h1
           v-if="item"
           :class="['text-xl','font-medium', 'text-center']"
-      >{{ item.id ? `${dataType.labelSingle} bearbeiten` : `${dataType.labelSingle} erstellen` }}</h1>
+      >{{item.id ? `${dataType.labelSingle} bearbeiten` : `${dataType.labelSingle} erstellen` }}</h1>
     </template>
     <template #right>
       <ArchiveButton
@@ -290,7 +295,7 @@ const updateItem = async () => {
       <h1
           v-if="item"
           :class="['text-xl','font-medium']"
-      >{{ item.id ? `${dataType.labelSingle} bearbeiten` : `${dataType.labelSingle} erstellen` }}</h1>
+      >{{item.id ? `${dataType.labelSingle} bearbeiten` : `${dataType.labelSingle} erstellen` }}</h1>
     </template>
     <template #right>
       <UButton
@@ -325,7 +330,11 @@ const updateItem = async () => {
             v-for="(columnName,index) in dataType.inputColumns"
             :class="platform === 'mobile' ? ['w-full'] : [`w-1/${dataType.inputColumns.length}`, ... index < dataType.inputColumns.length -1 ? ['mr-5'] : []]"
         >
-          <UDivider>{{ columnName }}</UDivider>
+          <UDivider>{{columnName}}</UDivider>
+
+          <!--
+           Die Form Group darf nur in der ersten bearbeitet werden und muss dann runterkopiert werden
+           -->
 
           <div
               v-for="datapoint in dataType.templateColumns.filter(i => i.inputType && i.inputColumn === columnName)"
@@ -353,7 +362,7 @@ const updateItem = async () => {
                     :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
                 >
                   <template #trailing v-if="datapoint.inputTrailing">
-                    <span class="text-gray-500 dark:text-gray-400 text-xs">{{ datapoint.inputTrailing }}</span>
+                    <span class="text-gray-500 dark:text-gray-400 text-xs">{{datapoint.inputTrailing}}</span>
                   </template>
                 </UInput>
                 <UToggle
@@ -427,6 +436,7 @@ const updateItem = async () => {
                     />
                   </template>
                 </UPopover>
+                <!-- TODO: DISABLED FOR TIPTAP -->
                 <Tiptap
                     v-else-if="datapoint.inputType === 'editor'"
                     @updateContent="(i) => contentChanged(i,datapoint)"
@@ -453,7 +463,7 @@ const updateItem = async () => {
                     :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
                 >
                   <template #trailing v-if="datapoint.inputTrailing">
-                    {{ datapoint.inputTrailing }}
+                    {{datapoint.inputTrailing}}
                   </template>
                 </UInput>
                 <UToggle
@@ -527,6 +537,7 @@ const updateItem = async () => {
                     />
                   </template>
                 </UPopover>
+                <!-- TODO: Color/Required for TipTap and MaterialComposing -->
                 <Tiptap
                     v-else-if="datapoint.inputType === 'editor'"
                     @updateContent="(i) => contentChanged(i,datapoint)"
@@ -551,8 +562,35 @@ const updateItem = async () => {
                     icon="i-heroicons-x-mark"
                 />
               </InputGroup>
+              <!--        <div
+                          v-if="profileStore.ownTenant.ownFields"
+                      >
+                        <UDivider
+                            class="mt-3"
+                        >Eigene Felder</UDivider>
+
+                        <UFormGroup
+                            v-for="field in profileStore.ownTenant.ownFields.contracts"
+                            :key="field.key"
+                            :label="field.label"
+                        >
+                          <UInput
+                              v-if="field.type === 'text'"
+                              v-model="item.ownFields[field.key]"
+                          />
+                          <USelectMenu
+                              v-else-if="field.type === 'select'"
+                              :options="field.options"
+                              v-model="item.ownFields[field.key]"
+                          />
+                        </UFormGroup>
+                      </div>-->
+
             </UFormGroup>
           </div>
+
+
+
         </div>
       </div>
       <UFormGroup
@@ -578,7 +616,7 @@ const updateItem = async () => {
               :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
           >
             <template #trailing v-if="datapoint.inputTrailing">
-              <span class="text-gray-500 dark:text-gray-400 text-xs">{{ datapoint.inputTrailing }}</span>
+              <span class="text-gray-500 dark:text-gray-400 text-xs">{{datapoint.inputTrailing}}</span>
             </template>
           </UInput>
           <UToggle
@@ -652,6 +690,7 @@ const updateItem = async () => {
               />
             </template>
           </UPopover>
+          <!-- TODO: DISABLED FOR TIPTAP -->
           <Tiptap
               v-else-if="datapoint.inputType === 'editor'"
               @updateContent="(i) => contentChanged(i,datapoint)"
@@ -678,7 +717,7 @@ const updateItem = async () => {
               :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
           >
             <template #trailing v-if="datapoint.inputTrailing">
-              {{ datapoint.inputTrailing }}
+              {{datapoint.inputTrailing}}
             </template>
           </UInput>
           <UToggle
@@ -752,6 +791,7 @@ const updateItem = async () => {
               />
             </template>
           </UPopover>
+          <!-- TODO: Color/Required for TipTap and MaterialComposing -->
           <Tiptap
               v-else-if="datapoint.inputType === 'editor'"
               @updateContent="(i) => contentChanged(i,datapoint)"
@@ -760,8 +800,8 @@ const updateItem = async () => {
 
 
           <MaterialComposing
-              v-else-if="datapoint.inputType === 'materialComposing'"
-              :item="item"
+            v-else-if="datapoint.inputType === 'materialComposing'"
+            :item="item"
           />
           <PersonalComposing
               v-else-if="datapoint.inputType === 'personalComposing'"
@@ -776,6 +816,30 @@ const updateItem = async () => {
               icon="i-heroicons-x-mark"
           />
         </InputGroup>
+<!--        <div
+            v-if="profileStore.ownTenant.ownFields"
+        >
+          <UDivider
+              class="mt-3"
+          >Eigene Felder</UDivider>
+
+          <UFormGroup
+              v-for="field in profileStore.ownTenant.ownFields.contracts"
+              :key="field.key"
+              :label="field.label"
+          >
+            <UInput
+                v-if="field.type === 'text'"
+                v-model="item.ownFields[field.key]"
+            />
+            <USelectMenu
+                v-else-if="field.type === 'select'"
+                :options="field.options"
+                v-model="item.ownFields[field.key]"
+            />
+          </UFormGroup>
+        </div>-->
+
       </UFormGroup>
     </UForm>
   </UDashboardPanelContent>

frontend/components/EntityShowSubCreatedDocuments.vue

@@ -78,6 +78,9 @@ const templateColumns = [
   },{
     key: 'state',
     label: "Status"
+  },{
+    key: 'paid',
+    label: "Bezahlt"
   },{
     key: 'amount',
     label: "Betrag"
@@ -280,12 +283,12 @@ const selectItem = (item) => {
           {{row.state}}
         </span>
       </template>
-<!--      <template #paid-data="{row}">
+      <template #paid-data="{row}">
         <div v-if="(row.type === 'invoices' ||row.type === 'advanceInvoices') && row.state === 'Gebucht'">
           <span v-if="useSum().getIsPaid(row,createddocuments)" class="text-primary-500">Bezahlt</span>
           <span v-else class="text-rose-600">Offen</span>
         </div>
-      </template>-->
+      </template>
       <template #reference-data="{row}">
         <span v-if="row === props.item.createddocuments[selectedItem]" class="text-primary-500 font-bold">{{row.documentNumber}}</span>
         <span v-else>{{row.documentNumber}}</span>

frontend/components/MainNav.vue

@@ -1,39 +1,42 @@
 <script setup>
+
 const route = useRoute()
 const auth = useAuthStore()
-const { has } = usePermission()
 
-// Lokaler State für den Taschenrechner
-const showCalculator = ref(false)
+const {has} = usePermission()
 
 const links = computed(() => {
   return [
-    ...(auth.profile?.pinned_on_navigation || []).map(pin => {
-      if (pin.type === "external") {
-        return {
-          label: pin.label,
-          to: pin.link,
-          icon: pin.icon,
-          target: "_blank",
-          pinned: true
+      ...(auth.profile?.pinned_on_navigation || []).map(pin => {
+        if(pin.type === "external") {
+          return {
+            label: pin.label,
+            to: pin.link,
+            icon: pin.icon,
+            target: "_blank",
+            pinned: true
+          }
+        }else if(pin.type === "standardEntity") {
+          return {
+            label: pin.label,
+            to: `/standardEntity/${pin.datatype}/show/${pin.id}`,
+            icon: pin.icon,
+            pinned: true
+          }
         }
-      } else if (pin.type === "standardEntity") {
-        return {
-          label: pin.label,
-          to: `/standardEntity/${pin.datatype}/show/${pin.id}`,
-          icon: pin.icon,
-          pinned: true
-        }
-      }
-    }),
+      }),
 
+    ... false ? [{
+      label: "Support Tickets",
+      to: "/support",
+      icon: "i-heroicons-rectangle-stack",
+    }] : [],
     {
       id: 'dashboard',
       label: "Dashboard",
       to: "/",
       icon: "i-heroicons-home"
-    },
-    {
+    }, {
       id: 'historyitems',
       label: "Logbuch",
       to: "/historyitems",
@@ -45,11 +48,31 @@ const links = computed(() => {
       icon: "i-heroicons-rectangle-stack",
       defaultOpen: false,
       children: [
-        ...has("tasks") ? [{
+        ... has("tasks") ? [{
           label: "Aufgaben",
           to: "/standardEntity/tasks",
           icon: "i-heroicons-rectangle-stack"
         }] : [],
+        /*... true ? [{
+          label: "Plantafel",
+          to: "/calendar/timeline",
+          icon: "i-heroicons-calendar-days"
+        }] : [],
+        ... true ? [{
+          label: "Kalender",
+          to: "/calendar/grid",
+          icon: "i-heroicons-calendar-days"
+        }] : [],
+        ... true ? [{
+          label: "Termine",
+          to: "/standardEntity/events",
+          icon: "i-heroicons-calendar-days"
+        }] : [],*/
+        /*{
+          label: "Dateien",
+          to: "/files",
+          icon: "i-heroicons-document"
+        },*/
       ]
     },
     {
@@ -61,12 +84,12 @@ const links = computed(() => {
           label: "Dateien",
           to: "/files",
           icon: "i-heroicons-document"
-        }, {
+        },{
           label: "Anschreiben",
           to: "/createdletters",
           icon: "i-heroicons-document",
           disabled: true
-        }, {
+        },{
           label: "Boxen",
           to: "/standardEntity/documentboxes",
           icon: "i-heroicons-archive-box",
@@ -90,44 +113,62 @@ const links = computed(() => {
           to: "/email/new",
           icon: "i-heroicons-envelope",
           disabled: true
-        }
+        }/*, {
+          label: "Logbücher",
+          to: "/communication/historyItems",
+          icon: "i-heroicons-book-open"
+        }, {
+          label: "Chats",
+          to: "/chats",
+          icon: "i-heroicons-chat-bubble-left"
+        }*/
       ]
     },
-    ...(has("customers") || has("vendors") || has("contacts")) ? [{
+    ... (has("customers") || has("vendors") || has("contacts")) ? [{
       label: "Kontakte",
       defaultOpen: false,
       icon: "i-heroicons-user-group",
       children: [
-        ...has("customers") ? [{
+        ... has("customers") ? [{
           label: "Kunden",
           to: "/standardEntity/customers",
           icon: "i-heroicons-user-group"
         }] : [],
-        ...has("vendors") ? [{
+        ... has("vendors") ? [{
           label: "Lieferanten",
           to: "/standardEntity/vendors",
           icon: "i-heroicons-truck"
         }] : [],
-        ...has("contacts") ? [{
+        ... has("contacts") ? [{
           label: "Ansprechpartner",
           to: "/standardEntity/contacts",
           icon: "i-heroicons-user-group"
         }] : [],
       ]
-    }] : [],
+    },] : [],
     {
       label: "Mitarbeiter",
-      defaultOpen: false,
+      defaultOpen:false,
       icon: "i-heroicons-user-group",
       children: [
-        ...true ? [{
+        ... true ? [{
           label: "Zeiten",
           to: "/staff/time",
           icon: "i-heroicons-clock",
         }] : [],
+        /*... has("absencerequests") ? [{
+          label: "Abwesenheiten",
+          to: "/standardEntity/absencerequests",
+          icon: "i-heroicons-document-text"
+        }] : [],*/
+        /*{
+          label: "Fahrten",
+          to: "/trackingTrips",
+          icon: "i-heroicons-map"
+        },*/
       ]
     },
-    ...[{
+    ... [{
       label: "Buchhaltung",
       defaultOpen: false,
       icon: "i-heroicons-chart-bar-square",
@@ -136,23 +177,23 @@ const links = computed(() => {
           label: "Ausgangsbelege",
           to: "/createDocument",
           icon: "i-heroicons-document-text"
-        }, {
+        },{
           label: "Serienvorlagen",
           to: "/createDocument/serialInvoice",
           icon: "i-heroicons-document-text"
-        }, {
+        },{
           label: "Eingangsbelege",
           to: "/incomingInvoices",
           icon: "i-heroicons-document-text",
-        }, {
+        },{
           label: "Kostenstellen",
           to: "/standardEntity/costcentres",
           icon: "i-heroicons-document-currency-euro"
-        }, {
+        },{
           label: "Buchungskonten",
           to: "/accounts",
           icon: "i-heroicons-document-text",
-        }, {
+        },{
           label: "zusätzliche Buchungskonten",
           to: "/standardEntity/ownaccounts",
           icon: "i-heroicons-document-text"
@@ -164,39 +205,48 @@ const links = computed(() => {
         },
       ]
     }],
-    ...has("inventory") ? [{
+    ... has("inventory") ? [{
       label: "Lager",
       icon: "i-heroicons-puzzle-piece",
       defaultOpen: false,
       children: [
-        ...has("spaces") ? [{
+        /*{
+          label: "Vorgänge",
+          to: "/inventory",
+          icon: "i-heroicons-square-3-stack-3d"
+        },{
+          label: "Bestände",
+          to: "/inventory/stocks",
+          icon: "i-heroicons-square-3-stack-3d"
+        },*/
+        ... has("spaces") ? [{
           label: "Lagerplätze",
           to: "/standardEntity/spaces",
           icon: "i-heroicons-square-3-stack-3d"
         }] : [],
       ]
-    }] : [],
+    },] : [],
     {
       label: "Stammdaten",
       defaultOpen: false,
       icon: "i-heroicons-clipboard-document",
       children: [
-        ...has("products") ? [{
+        ... has("products") ? [{
           label: "Artikel",
           to: "/standardEntity/products",
           icon: "i-heroicons-puzzle-piece"
         }] : [],
-        ...has("productcategories") ? [{
+        ... has("productcategories") ? [{
           label: "Artikelkategorien",
           to: "/standardEntity/productcategories",
           icon: "i-heroicons-puzzle-piece"
         }] : [],
-        ...has("services") ? [{
+        ... has("services") ? [{
           label: "Leistungen",
           to: "/standardEntity/services",
           icon: "i-heroicons-wrench-screwdriver"
         }] : [],
-        ...has("servicecategories") ? [{
+        ... has("servicecategories") ? [{
           label: "Leistungskategorien",
           to: "/standardEntity/servicecategories",
           icon: "i-heroicons-wrench-screwdriver"
@@ -211,17 +261,17 @@ const links = computed(() => {
           to: "/standardEntity/hourrates",
           icon: "i-heroicons-user-group"
         },
-        ...has("vehicles") ? [{
+        ... has("vehicles") ? [{
           label: "Fahrzeuge",
           to: "/standardEntity/vehicles",
           icon: "i-heroicons-truck"
         }] : [],
-        ...has("inventoryitems") ? [{
+        ... has("inventoryitems") ? [{
           label: "Inventar",
           to: "/standardEntity/inventoryitems",
           icon: "i-heroicons-puzzle-piece"
         }] : [],
-        ...has("inventoryitems") ? [{
+        ... has("inventoryitems") ? [{
           label: "Inventargruppen",
           to: "/standardEntity/inventoryitemgroups",
           icon: "i-heroicons-puzzle-piece"
@@ -229,21 +279,26 @@ const links = computed(() => {
       ]
     },
 
-    ...has("projects") ? [{
+    ... has("projects") ? [{
       label: "Projekte",
       to: "/standardEntity/projects",
       icon: "i-heroicons-clipboard-document-check"
-    }] : [],
-    ...has("contracts") ? [{
+    },] : [],
+    ... has("contracts") ? [{
       label: "Verträge",
       to: "/standardEntity/contracts",
       icon: "i-heroicons-clipboard-document"
     }] : [],
-    ...has("plants") ? [{
+    ... has("plants") ? [{
       label: "Objekte",
       to: "/standardEntity/plants",
       icon: "i-heroicons-clipboard-document"
-    }] : [],
+    },] : [],
+    /*... has("checks") ? [{
+      label: "Überprüfungen",
+      to: "/standardEntity/checks",
+      icon: "i-heroicons-magnifying-glass"
+    },] : [],*/
     {
       label: "Einstellungen",
       defaultOpen: false,
@@ -253,57 +308,67 @@ const links = computed(() => {
           label: "Nummernkreise",
           to: "/settings/numberRanges",
           icon: "i-heroicons-clipboard-document-list",
-        }, {
+        },/*{
+          label: "Rollen",
+          to: "/roles",
+          icon: "i-heroicons-key"
+        },*/{
           label: "E-Mail Konten",
           to: "/settings/emailaccounts",
           icon: "i-heroicons-envelope",
-        }, {
+        },{
           label: "Bankkonten",
           to: "/settings/banking",
           icon: "i-heroicons-currency-euro",
-        }, {
+        },{
           label: "Textvorlagen",
           to: "/settings/texttemplates",
           icon: "i-heroicons-clipboard-document-list",
-        }, {
+        },/*{
+          label: "Eigene Felder",
+          to: "/settings/ownfields",
+          icon: "i-heroicons-clipboard-document-list"
+        },*/{
           label: "Firmeneinstellungen",
           to: "/settings/tenant",
           icon: "i-heroicons-building-office",
-        }, {
+        },{
           label: "Projekttypen",
           to: "/projecttypes",
           icon: "i-heroicons-clipboard-document-list",
-        }, {
+        },{
           label: "Export",
           to: "/export",
           icon: "i-heroicons-clipboard-document-list"
         }
       ]
-    },
+    }
   ]
 })
 
+// nur Items mit Children → für Accordion
 const accordionItems = computed(() =>
     links.value.filter(item => Array.isArray(item.children) && item.children.length > 0)
 )
 
+// nur Items ohne Children → als Buttons
 const buttonItems = computed(() =>
     links.value.filter(item => !item.children || item.children.length === 0)
 )
 </script>
 
 <template>
+  <!-- Standalone Buttons -->
   <div class="flex flex-col gap-1">
     <UButton
         v-for="item in buttonItems"
         :key="item.label"
-        variant="ghost"
+        :variant="item.pinned ? 'ghost' : 'ghost'"
         :color="(item.to && route.path === item.to) ? 'primary' : (item.pinned ? 'amber' : 'gray')"
         :icon="item.pinned ? 'i-heroicons-star' : item.icon"
         class="w-full"
         :to="item.to"
         :target="item.target"
-        @click="item.click ? item.click() : null"
     >
       <UIcon
           v-if="item.pinned"
@@ -313,9 +378,8 @@ const buttonItems = computed(() =>
       {{ item.label }}
     </UButton>
   </div>
-
-  <UDivider class="my-2"/>
-
+  <UDivider/>
+  <!-- Accordion für die Items mit Children -->
   <UAccordion
       :items="accordionItems"
       :multiple="false"
@@ -323,7 +387,7 @@ const buttonItems = computed(() =>
   >
     <template #default="{ item, open }">
       <UButton
-          variant="ghost"
+          :variant="'ghost'"
           :color="(item.children?.some(c => route.path.includes(c.to))) ? 'primary' : 'gray'"
           :icon="item.icon"
           class="w-full"
@@ -351,13 +415,56 @@ const buttonItems = computed(() =>
             :to="child.to"
             :target="child.target"
             :disabled="child.disabled"
-            @click="child.click ? child.click() : null"
         >
           {{ child.label }}
         </UButton>
       </div>
     </template>
   </UAccordion>
+<!--  <UAccordion
+      :items="links"
+      :multiple="false"
+  >
+    <template #default="{ item, index, open }">
+      <UButton
+          :variant="item.pinned ? 'ghost' : 'ghost'"
+          :color="(item.to && route.path === item.to) || (item.children?.some(c => route.path.includes(c.to))) ? 'primary' : (item.pinned ? 'amber' : 'gray')"
+          :icon="item.pinned ? 'i-heroicons-star' : item.icon"
+          class="w-full"
+          :to="item.to"
+          :target="item.target"
+      >
+        <UIcon
+            v-if="item.pinned"
+            :name="item.icon" class="w-5 h-5 me-2" />
+        {{ item.label }}
+
+        <template v-if="item.children" #trailing>
+          <UIcon
+              name="i-heroicons-chevron-right-20-solid"
+              class="w-5 h-5 ms-auto transform transition-transform duration-200"
+              :class="[open && 'rotate-90']"
+          />
+        </template>
+      </UButton>
+    </template>
+
+    <template #item="{ item }">
+      <div class="flex flex-col" v-if="item.children?.length > 0">
+        <UButton
+            v-for="child in item.children"
+            :key="child.label"
+            variant="ghost"
+            :color="child.to === route.path ? 'primary' : 'gray'"
+            :icon="child.icon"
+            class="ml-4"
+            :to="child.to"
+            :target="child.target"
+        >
+          {{ child.label }}
+        </UButton>
+      </div>
+    </template>
+  </UAccordion>-->
 
-  <Calculator v-if="showCalculator" v-model="showCalculator"/>
 </template>

frontend/components/PublicDynamicForm.vue

@@ -7,9 +7,6 @@ const props = defineProps({
   pin: { type: String, default: '' }
 })
 
-const runtimeConfig = useRuntimeConfig()
-
-
 const emit = defineEmits(['success'])
 const { $api } = useNuxtApp()
 const toast = useToast()
@@ -78,7 +75,7 @@ const submit = async () => {
     if (props.pin) headers['x-public-pin'] = props.pin
 
     // An den Submit-Endpunkt senden (den müssen wir im Backend noch bauen!)
-    await $fetch(`${runtimeConfig.public.apiBase}/workflows/submit/${props.token}`, {
+    await $fetch(`http://localhost:3100/workflows/submit/${props.token}`, {
       method: 'POST',
       body: payload,
       headers
@@ -135,7 +132,6 @@ const submit = async () => {
             value-attribute="id"
             placeholder="Wählen..."
             searchable
-            searchable-placeholder="Suchen..."
         />
       </UFormGroup>
 
@@ -151,8 +147,6 @@ const submit = async () => {
             option-attribute="name"
             value-attribute="id"
             placeholder="Wählen..."
-            searchable
-            searchable-placeholder="Suchen..."
         />
       </UFormGroup>
 

frontend/layouts/default.vue

@@ -1,20 +1,21 @@
 <script setup>
+
+
 import MainNav from "~/components/MainNav.vue";
 import dayjs from "dayjs";
 import GlobalMessages from "~/components/GlobalMessages.vue";
 import TenantDropdown from "~/components/TenantDropdown.vue";
 import LabelPrinterButton from "~/components/LabelPrinterButton.vue";
-import {useCalculatorStore} from '~/stores/calculator'
 
 const dataStore = useDataStore()
 const colorMode = useColorMode()
-const {isHelpSlideoverOpen} = useDashboard()
+const { isHelpSlideoverOpen } = useDashboard()
 const router = useRouter()
 const route = useRoute()
 
 const auth = useAuthStore()
 const labelPrinter = useLabelPrinterStore()
-const calculatorStore = useCalculatorStore()
+
 
 const month = dayjs().format("MM")
 
@@ -23,108 +24,91 @@ const actions = [
     id: 'new-customer',
     label: 'Kunde hinzufügen',
     icon: 'i-heroicons-user-group',
-    to: "/customers/create",
+    to: "/customers/create" ,
   },
   {
     id: 'new-vendor',
     label: 'Lieferant hinzufügen',
     icon: 'i-heroicons-truck',
-    to: "/vendors/create",
+    to: "/vendors/create" ,
   },
   {
     id: 'new-contact',
     label: 'Ansprechpartner hinzufügen',
     icon: 'i-heroicons-user-group',
-    to: "/contacts/create",
+    to: "/contacts/create" ,
   },
   {
     id: 'new-task',
     label: 'Aufgabe hinzufügen',
     icon: 'i-heroicons-rectangle-stack',
-    to: "/tasks/create",
+    to: "/tasks/create" ,
   },
   {
     id: 'new-plant',
     label: 'Objekt hinzufügen',
     icon: 'i-heroicons-clipboard-document',
-    to: "/plants/create",
+    to: "/plants/create" ,
   },
   {
     id: 'new-product',
     label: 'Artikel hinzufügen',
     icon: 'i-heroicons-puzzle-piece',
-    to: "/products/create",
+    to: "/products/create" ,
   },
   {
     id: 'new-project',
     label: 'Projekt hinzufügen',
     icon: 'i-heroicons-clipboard-document-check',
-    to: "/projects/create",
+    to: "/projects/create" ,
   }
 ]
 
-const groups = computed(() => [
-  {
-    key: 'actions',
-    commands: actions
-  }, {
-    key: "customers",
-    label: "Kunden",
-    commands: dataStore.customers.map(item => {
-      return {id: item.id, label: item.name, to: `/customers/show/${item.id}`}
-    })
-  }, {
-    key: "vendors",
-    label: "Lieferanten",
-    commands: dataStore.vendors.map(item => {
-      return {id: item.id, label: item.name, to: `/vendors/show/${item.id}`}
-    })
-  }, {
-    key: "contacts",
-    label: "Ansprechpartner",
-    commands: dataStore.contacts.map(item => {
-      return {id: item.id, label: item.fullName, to: `/contacts/show/${item.id}`}
-    })
-  }, {
-    key: "products",
-    label: "Artikel",
-    commands: dataStore.products.map(item => {
-      return {id: item.id, label: item.name, to: `/products/show/${item.id}`}
-    })
-  }, {
-    key: "tasks",
-    label: "Aufgaben",
-    commands: dataStore.tasks.map(item => {
-      return {id: item.id, label: item.name, to: `/tasks/show/${item.id}`}
-    })
-  }, {
-    key: "plants",
-    label: "Objekte",
-    commands: dataStore.plants.map(item => {
-      return {id: item.id, label: item.name, to: `/plants/show/${item.id}`}
-    })
-  }, {
-    key: "projects",
-    label: "Projekte",
-    commands: dataStore.projects.map(item => {
-      return {id: item.id, label: item.name, to: `/projects/show/${item.id}`}
-    })
-  }
-].filter(Boolean))
 
-// --- Footer Links nutzen jetzt den zentralen Calculator Store ---
-const footerLinks = computed(() => [
-  {
-    label: 'Taschenrechner',
-    icon: 'i-heroicons-calculator',
-    click: () => calculatorStore.toggle()
-  },
-  {
-    label: 'Hilfe & Info',
-    icon: 'i-heroicons-question-mark-circle',
-    click: () => isHelpSlideoverOpen.value = true
-  }
-])
+const groups = computed(() => [
+    {
+      key: 'actions',
+      commands: actions
+    },{
+      key: "customers",
+      label: "Kunden",
+      commands: dataStore.customers.map(item => { return {id: item.id, label: item.name, to: `/customers/show/${item.id}`}})
+    },{
+      key: "vendors",
+      label: "Lieferanten",
+      commands: dataStore.vendors.map(item => { return {id: item.id, label: item.name, to: `/vendors/show/${item.id}`}})
+    },{
+      key: "contacts",
+      label: "Ansprechpartner",
+      commands: dataStore.contacts.map(item => { return {id: item.id, label: item.fullName, to: `/contacts/show/${item.id}`}})
+    },{
+      key: "products",
+      label: "Artikel",
+      commands: dataStore.products.map(item => { return {id: item.id, label: item.name, to: `/products/show/${item.id}`}})
+    },{
+      key: "tasks",
+      label: "Aufgaben",
+      commands: dataStore.tasks.map(item => { return {id: item.id, label: item.name, to: `/tasks/show/${item.id}`}})
+    },{
+      key: "plants",
+      label: "Objekte",
+      commands: dataStore.plants.map(item => { return {id: item.id, label: item.name, to: `/plants/show/${item.id}`}})
+    },{
+      key: "projects",
+      label: "Projekte",
+      commands: dataStore.projects.map(item => { return {id: item.id, label: item.name, to: `/projects/show/${item.id}`}})
+    }
+    ].filter(Boolean))
+const footerLinks = [
+    /*{
+  label: 'Invite people',
+  icon: 'i-heroicons-plus',
+  to: '/settings/members'
+}, */{
+  label: 'Hilfe & Info',
+  icon: 'i-heroicons-question-mark-circle',
+  click: () => isHelpSlideoverOpen.value = true
+}]
 
 </script>
 
@@ -146,24 +130,24 @@ const footerLinks = computed(() => [
               v-else
           />
           <div class="flex justify-center mb-6">
-            <UIcon name="i-heroicons-exclamation-triangle-solid" class="w-16 h-16 text-yellow-500"/>
+            <UIcon name="i-heroicons-exclamation-triangle-solid" class="w-16 h-16 text-yellow-500" />
           </div>
 
           <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
             Wartungsarbeiten
           </h1>
           <p class="text-gray-600 dark:text-gray-300 mb-8">
-            Dieser FEDEO Mandant wird derzeit gewartet. Bitte versuche es in einigen Minuten erneut oder verwende einen
-            anderen Mandanten.
+            Dieser FEDEO Mandant wird derzeit gewartet. Bitte versuche es in einigen Minuten erneut oder verwende einen anderen Mandanten.
           </p>
           <div class="mx-auto text-left flex flex-row justify-between my-3" v-for="tenant in auth.tenants">
-            {{ tenant.name }}
+            {{tenant.name}}
             <UButton
                 :disabled="tenant.locked"
                 @click="auth.switchTenant(tenant.id)"
-            >Wählen
-            </UButton>
+            >Wählen</UButton>
           </div>
+
+
         </UCard>
       </UContainer>
     </div>
@@ -183,7 +167,7 @@ const footerLinks = computed(() => [
               v-else
           />
           <div class="flex justify-center mb-6">
-            <UIcon name="i-heroicons-exclamation-triangle-solid" class="w-16 h-16 text-yellow-500"/>
+            <UIcon name="i-heroicons-exclamation-triangle-solid" class="w-16 h-16 text-yellow-500" />
           </div>
 
           <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
@@ -192,6 +176,8 @@ const footerLinks = computed(() => [
           <p class="text-gray-600 dark:text-gray-300 mb-8">
             FEDEO wird derzeit gewartet. Bitte versuche es in einigen Minuten erneut.
           </p>
+
+
         </UCard>
       </UContainer>
     </div>
@@ -211,33 +197,32 @@ const footerLinks = computed(() => [
               v-else
           />
           <div class="flex justify-center mb-6">
-            <UIcon name="i-heroicons-credit-card" class="w-16 h-16 text-red-600"/>
+            <UIcon name="i-heroicons-credit-card" class="w-16 h-16 text-red-600" />
           </div>
 
           <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
             Kein Aktives Abonnement für diesen Mandant.
           </h1>
           <p class="text-gray-600 dark:text-gray-300 mb-8">
-            Bitte wenden Sie sich an den FEDEO Support um ein Abonnement zu erhalten oder verwenden Sie einen anderen
-            Mandanten.
+            Bitte wenden Sie sich an den FEDEO Support um ein Abonnement zu erhalten oder verwenden Sie einen anderen Mandanten.
           </p>
           <div class="mx-auto text-left flex flex-row justify-between my-3" v-for="tenant in auth.tenants">
-            {{ tenant.name }}
+            {{tenant.name}}
             <UButton
                 :disabled="tenant.locked"
                 @click="auth.switchTenant(tenant.id)"
-            >Wählen
-            </UButton>
+            >Wählen</UButton>
           </div>
+
+
         </UCard>
       </UContainer>
     </div>
-    <UDashboardLayout class="safearea" v-else>
+    <UDashboardLayout class="safearea" v-else  >
       <UDashboardPanel :width="250" :resizable="{ min: 200, max: 300 }" collapsible>
-        <UDashboardNavbar style="margin-top: env(safe-area-inset-top, 10px) !important;"
-                          :class="['!border-transparent']" :ui="{ left: 'flex-1' }">
+        <UDashboardNavbar style="margin-top: env(safe-area-inset-top, 10px) !important;" :class="['!border-transparent']" :ui="{ left: 'flex-1' }">
           <template #left>
-            <TenantDropdown class="w-full"/>
+            <TenantDropdown class="w-full" />
           </template>
         </UDashboardNavbar>
 
@@ -245,19 +230,25 @@ const footerLinks = computed(() => [
 
           <MainNav/>
 
-          <div class="flex-1"/>
+          <div class="flex-1" />
+
 
           <template #footer>
+            <div class="flex flex-col gap-3 w-full">
 
-            <div class="flex flex-col gap-3">
 
-              <UColorModeToggle class="ml-3"/>
-              <LabelPrinterButton class="w-full"/>
+              <UColorModeButton />
+              <LabelPrinterButton/>
 
-              <UDashboardSidebarLinks :links="footerLinks" class="w-full"/>
 
-              <UDivider class="sticky bottom-0 w-full"/>
-              <UserDropdown style="margin-bottom: env(safe-area-inset-bottom, 10px) !important;" class="w-full"/>
+
+              <!-- Footer Links -->
+              <UDashboardSidebarLinks :links="footerLinks" />
+
+
+
+              <UDivider class="sticky bottom-0" />
+              <UserDropdown style="margin-bottom: env(safe-area-inset-bottom, 10px) !important;"/>
             </div>
           </template>
         </UDashboardSidebar>
@@ -265,13 +256,13 @@ const footerLinks = computed(() => [
 
       <UDashboardPage>
         <UDashboardPanel grow>
-          <slot/>
+          <slot />
         </UDashboardPanel>
       </UDashboardPage>
 
-      <HelpSlideover/>
 
-      <Calculator v-if="calculatorStore.isOpen"/>
+
+      <HelpSlideover/>
 
     </UDashboardLayout>
   </div>
@@ -287,32 +278,37 @@ const footerLinks = computed(() => [
         v-if="month === '12'"
     />
     <UColorModeImage
-        light="/Logo.png"
-        dark="/Logo_Dark.png"
-        class="w-1/3 mx-auto my-10"
-        v-else
+      light="/Logo.png"
+      dark="/Logo_Dark.png"
+      class="w-1/3 mx-auto my-10"
+      v-else
     />
 
     <div v-if="!auth.activeTenant" class="w-1/2 mx-auto text-center">
-      <h3 class="text-center font-bold text-2xl mb-5">Kein Aktiver Mandant. Bitte wählen Sie ein Mandant.</h3>
-      <div class="mx-auto w-1/2 flex flex-row justify-between my-3" v-for="tenant in auth.tenants">
-        <span class="text-left">{{ tenant.name }}</span>
-        <UButton
+        <!-- Tenant Selection      -->
+        <h3 class="text-center font-bold text-2xl mb-5">Kein Aktiver Mandant. Bitte wählen Sie ein Mandant.</h3>
+        <div class="mx-auto w-1/2 flex flex-row justify-between my-3" v-for="tenant in auth.tenants">
+          <span class="text-left">{{tenant.name}}</span>
+          <UButton
             @click="auth.switchTenant(tenant.id)"
-        >Wählen
-        </UButton>
-      </div>
-      <UButton
-          variant="outline"
-          color="rose"
+          >Wählen</UButton>
+        </div>
+        <UButton
+            variant="outline"
+            color="rose"
           @click="auth.logout()"
-      >Abmelden
-      </UButton>
+        >Abmelden</UButton>
+
+
     </div>
     <div v-else>
-      <UProgress animation="carousel" class="w-3/4 mx-auto mt-10"/>
+      <UProgress animation="carousel" class="w-3/4 mx-auto mt-10" />
     </div>
 
   </div>
 
-</template>
+</template>
+
+<style scoped>
+
+</style>

frontend/pages/banking/index.vue

@@ -1,9 +1,14 @@
 <script setup>
-const {$api, $dayjs} = useNuxtApp()
+import dayjs from "dayjs";
+
+// Zugriff auf $api und Toast Notification
+const { $api } = useNuxtApp()
 const toast = useToast()
 
 defineShortcuts({
-  '/': () => document.getElementById("searchinput").focus()
+  '/': () => {
+    document.getElementById("searchinput").focus()
+  }
 })
 
 const tempStore = useTempStore()
@@ -13,280 +18,238 @@ const route = useRoute()
 const bankstatements = ref([])
 const bankaccounts = ref([])
 const filterAccount = ref([])
+
+// Status für den Lade-Button
 const isSyncing = ref(false)
-const loadingDocs = ref(true) // Startet im Ladezustand
-
-// Zeitraum-Optionen
-const periodOptions = [
-  {label: 'Aktueller Monat', key: 'current_month'},
-  {label: 'Letzter Monat', key: 'last_month'},
-  {label: 'Aktuelles Quartal', key: 'current_quarter'},
-  {label: 'Letztes Quartal', key: 'last_quarter'},
-  {label: 'Benutzerdefiniert', key: 'custom'}
-]
-
-// Initialisierungswerte
-const selectedPeriod = ref(periodOptions[0])
-const dateRange = ref({
-  start: $dayjs().startOf('month').format('YYYY-MM-DD'),
-  end: $dayjs().endOf('month').format('YYYY-MM-DD')
-})
 
 const setupPage = async () => {
-  loadingDocs.value = true
-  try {
-    const [statements, accounts] = await Promise.all([
-      useEntities("bankstatements").select("*, statementallocations(*)", "valueDate", false),
-      useEntities("bankaccounts").select()
-    ])
-
-    bankstatements.value = statements
-    bankaccounts.value = accounts
-
-    if (bankaccounts.value.length > 0 && filterAccount.value.length === 0) {
-      filterAccount.value = bankaccounts.value
-    }
-
-    // Erst nach dem Laden der Daten die Store-Werte anwenden
-    const savedBanking = tempStore.settings?.['banking'] || {}
-    if (savedBanking.periodKey) {
-      const found = periodOptions.find(p => p.key === savedBanking.periodKey)
-      if (found) selectedPeriod.value = found
-    }
-    if (savedBanking.range) {
-      dateRange.value = savedBanking.range
-    }
-  } catch (err) {
-    console.error("Setup Error:", err)
-  } finally {
-    loadingDocs.value = false
-  }
+  bankstatements.value = (await useEntities("bankstatements").select("*, statementallocations(*)", "date", false))
+  bankaccounts.value = await useEntities("bankaccounts").select()
+  if(bankaccounts.value.length > 0) filterAccount.value = bankaccounts.value
 }
 
-// Watcher für Schnellwahlen & Persistenz
-watch([selectedPeriod, dateRange], ([newPeriod, newRange], [oldPeriod, oldRange]) => {
-  const now = $dayjs()
-
-  // Nur berechnen, wenn sich die Periode geändert hat
-  if (newPeriod.key !== oldPeriod?.key) {
-    switch (newPeriod.key) {
-      case 'current_month':
-        dateRange.value = {start: now.startOf('month').format('YYYY-MM-DD'), end: now.endOf('month').format('YYYY-MM-DD')}
-        break
-      case 'last_month':
-        const lastMonth = now.subtract(1, 'month')
-        dateRange.value = {start: lastMonth.startOf('month').format('YYYY-MM-DD'), end: lastMonth.endOf('month').format('YYYY-MM-DD')}
-        break
-      case 'current_quarter':
-        dateRange.value = {start: now.startOf('quarter').format('YYYY-MM-DD'), end: now.endOf('quarter').format('YYYY-MM-DD')}
-        break
-      case 'last_quarter':
-        const lastQuarter = now.subtract(1, 'quarter')
-        dateRange.value = {start: lastQuarter.startOf('quarter').format('YYYY-MM-DD'), end: lastQuarter.endOf('quarter').format('YYYY-MM-DD')}
-        break
-    }
-  }
-  // Speichern im Store
-  tempStore.modifyBankingPeriod(selectedPeriod.value.key, dateRange.value)
-}, { deep: true })
-
+// Funktion für den Bankabruf
 const syncBankStatements = async () => {
   isSyncing.value = true
   try {
-    await $api('/api/functions/services/bankstatementsync', {method: 'POST'})
-    toast.add({title: 'Erfolg', description: 'Bankdaten synchronisiert.', color: 'green'})
+    await $api('/api/functions/services/bankstatementsync', { method: 'POST' })
+
+    toast.add({
+      title: 'Erfolg',
+      description: 'Bankdaten wurden erfolgreich synchronisiert.',
+      icon: 'i-heroicons-check-circle',
+      color: 'green'
+    })
+
+    // Wichtig: Daten neu laden, damit die neuen Buchungen direkt sichtbar sind
     await setupPage()
   } catch (error) {
-    toast.add({title: 'Fehler', description: 'Fehler beim Abruf.', color: 'red'})
+    console.error(error)
+    toast.add({
+      title: 'Fehler',
+      description: 'Beim Abrufen der Bankdaten ist ein Fehler aufgetreten.',
+      icon: 'i-heroicons-exclamation-circle',
+      color: 'red'
+    })
   } finally {
     isSyncing.value = false
   }
 }
 
 const templateColumns = [
-  {key: "account", label: "Konto"},
-  {key: "valueDate", label: "Valuta"},
-  {key: "amount", label: "Betrag"},
-  {key: "openAmount", label: "Offen"},
-  {key: "partner", label: "Name"},
-  {key: "text", label: "Beschreibung"}
+  {
+    key: "account",
+    label: "Konto"
+  },{
+    key: "valueDate",
+    label: "Valuta"
+  },
+  {
+    key: "amount",
+    label: "Betrag"
+  },
+  {
+    key: "openAmount",
+    label: "Offener Betrag"
+  },
+  {
+    key: "partner",
+    label: "Name"
+  },
+  {
+    key: "text",
+    label: "Beschreibung"
+  }
 ]
+const selectedColumns = ref(templateColumns)
+const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
 
-const searchString = ref(tempStore.searchStrings["bankstatements"] || '')
-const selectedFilters = ref(tempStore.filters?.["banking"]?.["main"] || ['Nur offene anzeigen'])
 
-const shouldShowMonthDivider = (row, index) => {
-  if (index === 0) return true;
-  const prevRow = filteredRows.value[index - 1];
-  return $dayjs(row.valueDate).format('MMMM YYYY') !== $dayjs(prevRow.valueDate).format('MMMM YYYY');
+const searchString = ref(tempStore.searchStrings["bankstatements"] ||'')
+
+const clearSearchString = () => {
+  tempStore.clearSearchString("bankstatements")
+  searchString.value = ''
 }
 
+
+const displayCurrency = (value, currency = "€") => {
+  return `${Number(value).toFixed(2).replace(".",",")} ${currency}`
+}
+
+
+
 const calculateOpenSum = (statement) => {
-  const allocated = statement.statementallocations?.reduce((acc, curr) => acc + curr.amount, 0) || 0;
-  return (statement.amount - allocated).toFixed(2);
+  let startingAmount = 0
+
+  statement.statementallocations.forEach(item => {
+    startingAmount += item.amount
+  })
+
+  return (statement.amount - startingAmount).toFixed(2)
 }
 
+const selectedFilters = ref(tempStore.filters?.["banking"]?.["main"] ? tempStore.filters["banking"]["main"] : ['Nur offene anzeigen'])
+
 const filteredRows = computed(() => {
-  if (!bankstatements.value.length) return []
+  let temp = bankstatements.value
 
-  let temp = [...bankstatements.value]
+  if(route.query.filter) {
+    console.log(route.query.filter)
+    temp = temp.filter(i => JSON.parse(route.query.filter).includes(i.id))
+  } else {
+    if(selectedFilters.value.includes("Nur offene anzeigen")){
+      temp = temp.filter(i => Number(calculateOpenSum(i)) !== 0)
+    }
 
-  // Filterung nach Datum
-  if (dateRange.value.start) {
-    temp = temp.filter(i => $dayjs(i.valueDate).isSameOrAfter($dayjs(dateRange.value.start), 'day'))
-  }
-  if (dateRange.value.end) {
-    temp = temp.filter(i => $dayjs(i.valueDate).isSameOrBefore($dayjs(dateRange.value.end), 'day'))
+    if(selectedFilters.value.includes("Nur positive anzeigen")){
+      temp = temp.filter(i => i.amount >= 0)
+    }
+
+    if(selectedFilters.value.includes("Nur negative anzeigen")){
+      temp = temp.filter(i => i.amount < 0)
+    }
   }
 
-  // Status Filter
-  if (selectedFilters.value.includes("Nur offene anzeigen")) {
-    temp = temp.filter(i => Number(calculateOpenSum(i)) !== 0)
-  }
-  if (selectedFilters.value.includes("Nur positive anzeigen")) {
-    temp = temp.filter(i => i.amount >= 0)
-  }
-  if (selectedFilters.value.includes("Nur negative anzeigen")) {
-    temp = temp.filter(i => i.amount < 0)
-  }
-
-  // Konto Filter & Suche
-  let results = temp.filter(i => filterAccount.value.find(x => x.id === i.account))
-
-  if (searchString.value) {
-    results = useSearch(searchString.value, results)
-  }
-
-  return results.sort((a, b) => $dayjs(b.valueDate).unix() - $dayjs(a.valueDate).unix())
+  return useSearch(searchString.value, temp.filter(i => filterAccount.value.find(x => x.id === i.account)))
 })
 
-const displayCurrency = (value) => `${Number(value).toFixed(2).replace(".", ",")} €`
-
-onMounted(() => {
-  setupPage()
-})
+setupPage()
 </script>
 
 <template>
   <UDashboardNavbar title="Bankbuchungen" :badge="filteredRows.length">
     <template #right>
+
       <UButton
           label="Bankabruf"
           icon="i-heroicons-arrow-path"
+          color="primary"
+          variant="solid"
           :loading="isSyncing"
           @click="syncBankStatements"
           class="mr-2"
       />
+
       <UInput
           id="searchinput"
+          name="searchinput"
           v-model="searchString"
-          icon="i-heroicons-magnifying-glass"
+          icon="i-heroicons-funnel"
+          autocomplete="off"
           placeholder="Suche..."
+          class="hidden lg:block"
+          @keydown.esc="$event.target.blur()"
           @change="tempStore.modifySearchString('bankstatements',searchString)"
+      >
+        <template #trailing>
+          <UKbd value="/" />
+        </template>
+      </UInput>
+      <UButton
+          icon="i-heroicons-x-mark"
+          variant="outline"
+          color="rose"
+          @click="clearSearchString()"
+          v-if="searchString.length > 0"
       />
     </template>
   </UDashboardNavbar>
-
   <UDashboardToolbar>
     <template #left>
-      <div class="flex items-center gap-3">
-        <USelectMenu
-            :options="bankaccounts"
-            v-model="filterAccount"
-            option-attribute="iban"
-            multiple
-            by="id"
-            placeholder="Konten"
-            class="w-48"
-        />
-        <UDivider orientation="vertical" class="h-6"/>
-        <div class="flex items-center gap-2">
-          <USelectMenu
-              v-model="selectedPeriod"
-              :options="periodOptions"
-              class="w-44"
-              icon="i-heroicons-calendar-days"
-          />
-          <div v-if="selectedPeriod.key === 'custom'" class="flex items-center gap-1">
-            <UInput type="date" v-model="dateRange.start" size="xs" class="w-32"/>
-            <UInput type="date" v-model="dateRange.end" size="xs" class="w-32"/>
-          </div>
-          <div v-else class="text-xs text-gray-400 hidden sm:block italic">
-            {{ $dayjs(dateRange.start).format('DD.MM.') }} - {{ $dayjs(dateRange.end).format('DD.MM.YYYY') }}
-          </div>
-        </div>
-      </div>
+      <USelectMenu
+          :options="bankaccounts"
+          v-model="filterAccount"
+          option-attribute="iban"
+          multiple
+          by="id"
+          :ui-menu="{ width: 'min-w-max' }"
+      >
+        <template #label>
+          Konto
+        </template>
+      </USelectMenu>
     </template>
-
     <template #right>
       <USelectMenu
-          icon="i-heroicons-adjustments-horizontal"
+          icon="i-heroicons-adjustments-horizontal-solid"
           multiple
           v-model="selectedFilters"
           :options="['Nur offene anzeigen','Nur positive anzeigen','Nur negative anzeigen']"
+          :color="selectedFilters.length > 0 ? 'primary' : 'white'"
+          :ui-menu="{ width: 'min-w-max' }"
           @change="tempStore.modifyFilter('banking','main',selectedFilters)"
-      />
+      >
+        <template #label>
+          Filter
+        </template>
+      </USelectMenu>
     </template>
   </UDashboardToolbar>
+  <UTable
+      :rows="filteredRows"
+      :columns="columns"
+      class="w-full"
+      :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
+      @select="(i) => router.push(`/banking/statements/edit/${i.id}`)"
+      :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Buchungen anzuzeigen' }"
+  >
 
-  <div class="overflow-y-auto relative" style="height: calc(100vh - 200px)">
-    <div v-if="loadingDocs" class="p-20 flex flex-col items-center justify-center">
-      <UProgress animation="carousel" class="w-1/3 mb-4" />
-      <span class="text-sm text-gray-500 italic">Bankbuchungen werden geladen...</span>
-    </div>
-
-    <table v-else class="w-full text-left border-collapse">
-      <thead class="sticky top-0 bg-white dark:bg-gray-900 z-10 shadow-sm">
-      <tr class="text-xs font-semibold text-gray-500 uppercase">
-        <th v-for="col in templateColumns" :key="col.key" class="p-4 border-b dark:border-gray-800">
-          {{ col.label }}
-        </th>
-      </tr>
-      </thead>
-      <tbody>
-      <template v-for="(row, index) in filteredRows" :key="row.id">
-        <tr v-if="shouldShowMonthDivider(row, index)">
-          <td colspan="6" class="bg-gray-50 dark:bg-gray-800/50 p-2 pl-4 text-sm font-bold text-primary-600 border-y dark:border-gray-800">
-            <div class="flex items-center gap-2">
-              <UIcon name="i-heroicons-calendar" class="w-4 h-4"/>
-              {{ $dayjs(row.valueDate).format('MMMM YYYY') }}
-            </div>
-          </td>
-        </tr>
-        <tr
-            class="hover:bg-gray-50 dark:hover:bg-gray-800/30 cursor-pointer border-b dark:border-gray-800 text-sm group"
-            @click="router.push(`/banking/statements/edit/${row.id}`)"
-        >
-          <td class="p-4 text-[10px] text-gray-400 font-mono truncate max-w-[150px]">
-            {{ row.account ? bankaccounts.find(i => i.id === row.account)?.iban : "" }}
-          </td>
-          <td class="p-4 whitespace-nowrap">{{ $dayjs(row.valueDate).format("DD.MM.YY") }}</td>
-          <td class="p-4 font-semibold">
-              <span :class="row.amount >= 0 ? 'text-green-600 dark:text-green-400' : 'text-rose-600 dark:text-rose-400'">
-                {{ displayCurrency(row.amount) }}
-              </span>
-          </td>
-          <td class="p-4 text-gray-400 italic text-xs">
-            {{ Number(calculateOpenSum(row)) !== 0 ? displayCurrency(calculateOpenSum(row)) : '-' }}
-          </td>
-          <td class="p-4 truncate max-w-[180px] font-medium">
-            {{ row.amount < 0 ? row.credName : row.debName }}
-          </td>
-          <td class="p-4 text-gray-500 truncate max-w-[350px] text-xs">
-            {{ row.text }}
-          </td>
-        </tr>
-      </template>
-      <tr v-if="filteredRows.length === 0">
-        <td colspan="6" class="p-32 text-center text-gray-400">
-          <div class="flex flex-col items-center">
-            <UIcon name="i-heroicons-magnifying-glass-circle" class="w-12 h-12 mb-3 opacity-20"/>
-            <p class="font-medium">Keine Buchungen gefunden</p>
-          </div>
-        </td>
-      </tr>
-      </tbody>
-    </table>
-  </div>
+    <template #account-data="{row}">
+      {{row.account ? bankaccounts.find(i => i.id === row.account).iban : ""}}
+    </template>
+    <template #valueDate-data="{row}">
+      {{dayjs(row.valueDate).format("DD.MM.YY")}}
+    </template>
+    <template #amount-data="{row}">
+      <span
+          v-if="row.amount >= 0"
+          class="text-primary-500"
+      >{{String(row.amount.toFixed(2)).replace(".",",")}} €</span>
+      <span
+          v-else-if="row.amount < 0"
+          class="text-rose-500"
+      >{{String(row.amount.toFixed(2)).replace(".",",")}} €</span>
+    </template>
+    <template #openAmount-data="{row}">
+      {{displayCurrency(calculateOpenSum(row))}}
+    </template>
+    <template #partner-data="{row}">
+      <span
+          v-if="row.amount < 0"
+      >
+          {{row.credName}}
+      </span>
+      <span
+          v-else-if="row.amount > 0"
+      >
+        {{row.debName}}
+      </span>
+    </template>
+  </UTable>
   <PageLeaveGuard :when="isSyncing"/>
-</template>
+</template>
+
+<style scoped>
+
+</style>

frontend/pages/createDocument/edit/[[id]].vue

@@ -1387,7 +1387,7 @@ const saveDocument = async (state, resetup = false) => {
     endText: itemInfo.value.endText,
     rows: itemInfo.value.rows,
     contactPerson: itemInfo.value.contactPerson,
-    createddocument: itemInfo.value.createddocument,
+    linkedDocument: itemInfo.value.linkedDocument,
     agriculture: itemInfo.value.agriculture,
     letterhead: itemInfo.value.letterhead,
     usedAdvanceInvoices: itemInfo.value.usedAdvanceInvoices,

frontend/pages/createDocument/index.vue

@@ -8,6 +8,7 @@
           class="hidden lg:block"
           icon="i-heroicons-funnel"
           placeholder="Suche..."
+          @change="tempStore.modifySearchString('createddocuments',searchString)"
           @keydown.esc="$event.target.blur()"
       >
         <template #trailing>
@@ -29,7 +30,22 @@
     </template>
   </UDashboardNavbar>
   <UDashboardToolbar>
+
+
     <template #right>
+<!--      <USelectMenu
+          v-model="selectedColumns"
+          :options="templateColumns"
+          by="key"
+          class="hidden lg:block"
+          icon="i-heroicons-adjustments-horizontal-solid"
+          multiple
+          @change="tempStore.modifyColumns('createddocuments',selectedColumns)"
+      >
+        <template #label>
+          Spalten
+        </template>
+      </USelectMenu>-->
       <USelectMenu
           v-if="selectableFilters.length > 0"
           v-model="selectedFilters"
@@ -141,31 +157,6 @@
 
 <script setup>
 import dayjs from "dayjs";
-import { ref, computed, watch } from 'vue';
-
-const dataStore = useDataStore()
-const tempStore = useTempStore()
-const router = useRouter()
-
-const type = "createddocuments"
-const dataType = dataStore.dataTypes[type]
-
-const items = ref([])
-const selectedItem = ref(0)
-const activeTabIndex = ref(0)
-
-// Debounce-Logik für die Suche
-const searchString = ref(tempStore.searchStrings['createddocuments'] || '')
-const debouncedSearchString = ref(searchString.value)
-let debounceTimeout = null
-
-watch(searchString, (newVal) => {
-  clearTimeout(debounceTimeout)
-  debounceTimeout = setTimeout(() => {
-    debouncedSearchString.value = newVal
-    tempStore.modifySearchString('createddocuments', newVal)
-  }, 300) // 300ms warten nach dem letzten Tastendruck
-})
 
 defineShortcuts({
   '/': () => {
@@ -177,6 +168,10 @@ defineShortcuts({
   'Enter': {
     usingInput: true,
     handler: () => {
+      // Zugriff auf das aktuell sichtbare Element basierend auf Tab und Selektion
+      const currentList = getRowsForTab(selectedTypes.value[activeTabIndex.value]?.key || 'drafts')
+
+      // Fallback auf globale Liste falls nötig, aber Logik sollte auf Tab passen
       if (filteredRows.value[selectedItem.value]) {
         router.push(`/createDocument/show/${filteredRows.value[selectedItem.value].id}`)
       }
@@ -198,6 +193,17 @@ defineShortcuts({
   }
 })
 
+const dataStore = useDataStore()
+const tempStore = useTempStore()
+const router = useRouter()
+
+const type = "createddocuments"
+const dataType = dataStore.dataTypes[type]
+
+const items = ref([])
+const selectedItem = ref(0)
+const activeTabIndex = ref(0)
+
 const setupPage = async () => {
   items.value = (await useEntities("createddocuments").select("*, customer(id,name), statementallocations(id,amount),linkedDocument(*)", "documentNumber", true, true))
 }
@@ -216,9 +222,10 @@ const templateColumns = [
   {key: "dueDate", label: "Fällig"}
 ]
 
+// Eigene Spalten für Entwürfe: Referenz raus, Status rein
 const draftColumns = [
   {key: 'type', label: "Typ"},
-  {key: 'state', label: "Status"},
+  {key: 'state', label: "Status"}, // Status wieder drin
   {key: 'partner', label: "Kunde"},
   {key: "date", label: "Erstellt am"},
   {key: "amount", label: "Betrag"}
@@ -235,11 +242,31 @@ const getColumnsForTab = (tabKey) => {
 }
 
 const templateTypes = [
-  { key: "drafts", label: "Entwürfe" },
-  { key: "invoices", label: "Rechnungen" },
-  { key: "quotes", label: "Angebote" },
-  { key: "deliveryNotes", label: "Lieferscheine" },
-  { key: "confirmationOrders", label: "Auftragsbestätigungen" }
+  {
+    key: "drafts",
+    label: "Entwürfe"
+  },
+  {
+    key: "invoices",
+    label: "Rechnungen"
+  },
+  /*,{
+    key: "cancellationInvoices",
+    label: "Stornorechnungen"
+  },{
+    key: "advanceInvoices",
+    label: "Abschlagsrechnungen"
+  },*/
+  {
+    key: "quotes",
+    label: "Angebote"
+  }, {
+    key: "deliveryNotes",
+    label: "Lieferscheine"
+  }, {
+    key: "confirmationOrders",
+    label: "Auftragsbestätigungen"
+  }
 ]
 const selectedTypes = ref(tempStore.filters["createddocuments"] ? tempStore.filters["createddocuments"] : templateTypes)
 const types = computed(() => {
@@ -247,9 +274,10 @@ const types = computed(() => {
 })
 
 const selectItem = (item) => {
+  console.log(item)
   if (item.state === "Entwurf") {
     router.push(`/createDocument/edit/${item.id}`)
-  } else {
+  } else if (item.state !== "Entwurf") {
     router.push(`/createDocument/show/${item.id}`)
   }
 }
@@ -258,19 +286,24 @@ const displayCurrency = (value, currency = "€") => {
   return `${Number(value).toFixed(2).replace(".", ",")} ${currency}`
 }
 
+const searchString = ref(tempStore.searchStrings['createddocuments'] || '')
+
 const clearSearchString = () => {
   tempStore.clearSearchString('createddocuments')
   searchString.value = ''
-  debouncedSearchString.value = ''
 }
-
 const selectableFilters = ref(dataType.filters.map(i => i.name))
 const selectedFilters = ref(dataType.filters.filter(i => i.default).map(i => i.name) || [])
 
 const filteredRows = computed(() => {
   let tempItems = items.value.filter(i => types.value.find(x => {
+    // 1. Draft Tab Logic
     if (x.key === 'drafts') return i.state === 'Entwurf'
+
+    // 2. Global Draft Exclusion (drafts shouldn't be in other tabs)
     if (i.state === 'Entwurf' && x.key !== 'drafts') return false
+
+    // 3. Normal Type Logic
     if (x.key === 'invoices') return ['invoices', 'advanceInvoices', 'cancellationInvoices'].includes(i.type)
     return x.key === i.type
   }))
@@ -291,16 +324,22 @@ const filteredRows = computed(() => {
     })
   }
 
-  // Hier nutzen wir nun den debounced Wert für die lokale Suche
-  const results = useSearch(debouncedSearchString.value, tempItems.slice().reverse())
-  return results
+  tempItems = useSearch(searchString.value, tempItems)
+
+  return useSearch(searchString.value, tempItems.slice().reverse())
 })
 
 const getRowsForTab = (tabKey) => {
   return filteredRows.value.filter(row => {
-    if (tabKey === 'drafts') return row.state === 'Entwurf'
+    if (tabKey === 'drafts') {
+      return row.state === 'Entwurf'
+    }
+
     if (row.state === 'Entwurf') return false
-    if (tabKey === 'invoices') return ['invoices', 'advanceInvoices', 'cancellationInvoices'].includes(row.type)
+
+    if (tabKey === 'invoices') {
+      return ['invoices', 'advanceInvoices', 'cancellationInvoices'].includes(row.type)
+    }
     return row.type === tabKey
   })
 }
@@ -310,4 +349,7 @@ const isPaid = (item) => {
   item.statementallocations.forEach(allocation => amountPaid += allocation.amount)
   return Number(amountPaid.toFixed(2)) === useSum().getCreatedDocumentSum(item, items.value)
 }
-</script>
+</script>
+
+<style scoped>
+</style>

frontend/pages/createDocument/show/[id].vue

@@ -17,18 +17,11 @@ const dataStore = useDataStore()
 
 const itemInfo = ref({})
 const linkedDocument =ref({})
-const links = ref([])
-
 const setupPage = async () => {
   if(route.params) {
     if(route.params.id) itemInfo.value = await useEntities("createddocuments").selectSingle(route.params.id,"*,files(*),linkedDocument(*), statementallocations(bs_id)")
 
-    if(itemInfo.value.type === "invoices"){
-      const createddocuments = await useEntities("createddocuments").select()
-      console.log(createddocuments)
-      links.value = createddocuments.filter(i => i.createddocument?.id === itemInfo.value.id)
-      console.log(links.value)
-    }
+    console.log(itemInfo.value)
 
     linkedDocument.value = await useFiles().selectDocument(itemInfo.value.files[0].id)
   }
@@ -87,23 +80,17 @@ const openBankstatements = () => {
       >
         E-Mail
       </UButton>
-      <UTooltip
+      <UButton
+          @click="router.push(`/createDocument/edit/?createddocument=${itemInfo.id}&loadMode=storno`)"
+          variant="outline"
+          color="rose"
           v-if="itemInfo.type === 'invoices' || itemInfo.type === 'advanceInvoices'"
-          :text="links.find(i => i.type === 'cancellationInvoices') ? 'Bereits stoniert' : ''"
       >
-        <UButton
-            @click="router.push(`/createDocument/edit/?createddocument=${itemInfo.id}&loadMode=storno`)"
-            variant="outline"
-            color="rose"
-            :disabled="links.find(i => i.type === 'cancellationInvoices')"
-        >
-          Stornieren
-        </UButton>
-      </UTooltip>
-
+        Stornieren
+      </UButton>
       <UButton
           v-if="itemInfo.project"
-          @click="router.push(`/standardEntity/projects/show/${itemInfo.project?.id}`)"
+          @click="router.push(`/standardEntity/projects/show/${itemInfo.project}`)"
           icon="i-heroicons-link"
           variant="outline"
       >
@@ -111,36 +98,12 @@ const openBankstatements = () => {
       </UButton>
       <UButton
           v-if="itemInfo.customer"
-          @click="router.push(`/standardEntity/customers/show/${itemInfo.customer?.id}`)"
+          @click="router.push(`/standardEntity/customers/show/${itemInfo.customer}`)"
           icon="i-heroicons-link"
           variant="outline"
       >
         Kunde
       </UButton>
-      <UButton
-          v-if="itemInfo.plant"
-          @click="router.push(`/standardEntity/plants/show/${itemInfo.plant?.id}`)"
-          icon="i-heroicons-link"
-          variant="outline"
-      >
-        Objekt
-      </UButton>
-      <UButton
-          v-if="itemInfo.contract"
-          @click="router.push(`/standardEntity/contracts/show/${itemInfo.contract?.id}`)"
-          icon="i-heroicons-link"
-          variant="outline"
-      >
-        Vertrag
-      </UButton>
-      <UButton
-          v-if="itemInfo.contact"
-          @click="router.push(`/standardEntity/contacts/show/${itemInfo.contact?.id}`)"
-          icon="i-heroicons-link"
-          variant="outline"
-      >
-        Ansprechpartner
-      </UButton>
       <UButton
           v-if="itemInfo.createddocument"
           @click="router.push(`/createDocument/show/${itemInfo.createddocument}`)"

frontend/pages/files/index.vue

@@ -1,378 +1,535 @@
 <script setup>
-import { ref, computed, watch, onMounted } from 'vue';
+
+
+import {BlobReader, BlobWriter, ZipWriter} from "@zip.js/zip.js";
 import DocumentDisplayModal from "~/components/DocumentDisplayModal.vue";
 import DocumentUploadModal from "~/components/DocumentUploadModal.vue";
 import dayjs from "dayjs";
+import arraySort from "array-sort";
+
+
+
+defineShortcuts({
+  '+': () => {
+    //Hochladen
+    uploadModalOpen.value = true
+  },
+  'Enter': {
+    usingInput: true,
+    handler: () => {
+      let entry = renderedFileList.value[selectedFileIndex.value]
+
+      if(entry.type === "file") {
+        showFile(entry.id)
+      } else if(createFolderModalOpen.value === false && entry.type === "folder") {
+        changeFolder(currentFolders.value.find(i => i.id === entry.id))
+      } else if(createFolderModalOpen.value === true) {
+        createFolder()
+      }
+
+    }
+  },
+  'arrowdown': () => {
+    if(selectedFileIndex.value < renderedFileList.value.length - 1) {
+      selectedFileIndex.value += 1
+    } else {
+      selectedFileIndex.value = 0
+    }
+  },
+  'arrowup': () => {
+    if(selectedFileIndex.value === 0) {
+      selectedFileIndex.value = renderedFileList.value.length - 1
+    } else {
+      selectedFileIndex.value -= 1
+    }
+  }
+})
 
-// --- Services & Stores ---
 const dataStore = useDataStore()
 const tempStore = useTempStore()
 const router = useRouter()
 const route = useRoute()
 const modal = useModal()
-const toast = useToast()
-const { $api } = useNuxtApp()
+
+const auth = useAuthStore()
+
+const uploadModalOpen = ref(false)
+const createFolderModalOpen = ref(false)
+const uploadInProgress = ref(false)
+const fileUploadFormData = ref({
+  tags: ["Eingang"],
+  path: "",
+  tenant: auth.activeTenant,
+  folder: null
+})
+
 const files = useFiles()
 
-// --- State ---
+const displayMode = ref("list")
+const displayModes = ref([{label: 'Liste',key:'list', icon: 'i-heroicons-list-bullet'},{label: 'Kacheln',key:'rectangles', icon: 'i-heroicons-squares-2x2'}])
+
+
+
 const documents = ref([])
 const folders = ref([])
 const filetags = ref([])
+
 const currentFolder = ref(null)
-const loadingDocs = ref(true)
+
+const loadingDocs = ref(false)
+const isDragTarget = ref(false)
+
 const loaded = ref(false)
-const displayMode = ref("list")
-const displayModes = [
-  { label: 'Liste', key: 'list', icon: 'i-heroicons-list-bullet' },
-  { label: 'Kacheln', key: 'rectangles', icon: 'i-heroicons-squares-2x2' }
-]
 
-const createFolderModalOpen = ref(false)
-const createFolderData = ref({ name: '', standardFiletype: null, standardFiletypeIsOptional: true })
-const renameModalOpen = ref(false)
-const renameData = ref({ id: null, name: '', type: '' })
-
-const selectedFileIndex = ref(0)
-const draggedItem = ref(null)
-
-// --- Search & Debounce ---
-const searchString = ref(tempStore.searchStrings["files"] || '')
-const debouncedSearch = ref(searchString.value)
-let debounceTimeout = null
-
-watch(searchString, (val) => {
-  clearTimeout(debounceTimeout)
-  debounceTimeout = setTimeout(() => {
-    debouncedSearch.value = val
-    tempStore.modifySearchString('files', val)
-  }, 300)
-})
-
-// --- Data Fetching ---
 const setupPage = async () => {
-  loadingDocs.value = true
-  try {
-    const [fRes, dRes, tRes] = await Promise.all([
-      useEntities("folders").select(),
-      files.selectDocuments(),
-      useEntities("filetags").select()
-    ])
-    folders.value = fRes || []
-    documents.value = dRes || []
-    filetags.value = tRes || []
+  folders.value = await useEntities("folders").select()
+
+  documents.value = await files.selectDocuments()
+
+  filetags.value = await useEntities("filetags").select()
+
+  if(route.query) {
+    if(route.query.folder) {
+      currentFolder.value = await useEntities("folders").selectSingle(route.query.folder)
 
-    if (route.query?.folder) {
-      currentFolder.value = folders.value.find(i => i.id === route.query.folder) || null
-    } else {
-      currentFolder.value = null
     }
-  } finally {
-    loadingDocs.value = false
-    loaded.value = true
   }
-}
 
-onMounted(() => setupPage())
 
-// --- Navigation ---
-const changeFolder = async (folder) => {
-  currentFolder.value = folder
-  await router.push(folder ? `/files?folder=${folder.id}` : `/files`)
-}
-
-const navigateUp = () => {
-  if (!currentFolder.value) return
-  const parent = folders.value.find(f => f.id === currentFolder.value.parent)
-  changeFolder(parent || null)
-}
-
-// --- Drag & Drop ---
-const handleDragStart = (entry) => {
-  draggedItem.value = entry
-}
-
-const handleDrop = async (targetFolderId) => {
-  // targetFolderId kann null sein (Root)
-  if (!draggedItem.value) return
-  if (draggedItem.value.id === targetFolderId) return
-
-  loadingDocs.value = true
-  try {
-    if (draggedItem.value.type === 'file') {
-      await useEntities("files").update(draggedItem.value.id, { folder: targetFolderId })
-    } else {
-      await useEntities("folders").update(draggedItem.value.id, { parent: targetFolderId })
-    }
-    toast.add({ title: 'Erfolgreich verschoben', icon: 'i-heroicons-check-circle', color: 'green' })
-    await setupPage()
-  } catch (e) {
-    toast.add({ title: 'Fehler beim Verschieben', color: 'red' })
-  } finally {
-    draggedItem.value = null
-    loadingDocs.value = false
+  const dropZone = document.getElementById("drop_zone")
+  dropZone.ondragover = function (event) {
+    modal.open(DocumentUploadModal,{fileData: {folder: currentFolder.value.id, type: currentFolder.value.standardFiletype, typeEnabled: currentFolder.value.standardFiletypeIsOptional}, onUploadFinished: () => {
+      setupPage()
+      }})
+    event.preventDefault()
   }
-}
 
-// --- Breadcrumbs ---
+  dropZone.ondragleave = function (event) {
+    isDragTarget.value = false
+  }
+
+  dropZone.ondrop = async function (event) {
+    event.preventDefault()
+
+  }
+
+
+  loadingDocs.value = false
+  loaded.value = true
+
+}
+setupPage()
+const currentFolders = computed(() => {
+  if(folders.value.length > 0) {
+
+    let tempFolders = folders.value.filter(i => currentFolder.value ? i.parent === currentFolder.value.id : !i.parent)
+
+    return tempFolders
+  } else return []
+
+})
+
 const breadcrumbLinks = computed(() => {
-  const links = [{ label: "Home", icon: "i-heroicons-home", click: () => changeFolder(null) }]
-  if (currentFolder.value) {
-    const path = []
-    let curr = currentFolder.value
-    while (curr) {
-      const folderObj = curr
-      path.unshift({
-        label: folderObj.name,
-        icon: "i-heroicons-folder",
-        click: () => changeFolder(folderObj)
-      })
-      curr = folders.value.find(f => f.id === curr.parent)
+
+  if(currentFolder.value) {
+    let parents = []
+
+    const addParent = (parent) => {
+      parents.push(parent)
+      if(parent.parent) {
+        addParent(folders.value.find(i => i.id === parent.parent))
+      }
     }
-    return [...links, ...path]
+
+    if(currentFolder.value.parent) {
+      addParent(folders.value.find(i => i.id === currentFolder.value.parent))
+    }
+
+    return [{
+      label: "Home",
+      click: () => {
+        changeFolder(null)
+      },
+      icon: "i-heroicons-folder"
+    },
+    ...parents.map(i => {
+      return {
+        label: folders.value.find(x => x.id === i.id).name,
+        click: () => {
+          changeFolder(i)
+        },
+        icon: "i-heroicons-folder"
+      }
+    }).reverse(),
+    {
+      label: currentFolder.value.name,
+      click: () => {
+        changeFolder(currentFolder.value)
+      },
+      icon: "i-heroicons-folder"
+    }]
+
+  } else {
+    return [{
+      label: "Home",
+      click: () => {
+        changeFolder(null)
+      },
+      icon: "i-heroicons-folder"
+    }]
   }
-  return links
 })
 
-// --- Data Mapping ---
-const renderedFileList = computed(() => {
-  // 1. Aktuelle Ordner filtern
-  const folderList = folders.value
-      .filter(i => currentFolder.value ? i.parent === currentFolder.value.id : !i.parent)
-      .map(i => ({ ...i, label: i.name, type: "folder" }))
-      .sort((a, b) => a.label.localeCompare(b.label))
+const filteredDocuments = computed(() => {
 
-  // 2. Aktuelle Dateien filtern
-  const fileList = documents.value
-      .filter(i => currentFolder.value ? i.folder === currentFolder.value.id : !i.folder)
-      .map(i => ({ ...i, label: i.path.split("/").pop(), type: "file" }))
-      .sort((a, b) => a.label.localeCompare(b.label))
+  return documents.value.filter(i => currentFolder.value ? i.folder === currentFolder.value.id : !i.folder)
 
-  let combined = [...folderList, ...fileList]
-  if (debouncedSearch.value) {
-    combined = useSearch(debouncedSearch.value, combined)
-  }
-
-  // 3. "Nach oben" (..) einfügen, wenn wir nicht im Root sind und nicht suchen
-  if (currentFolder.value && !debouncedSearch.value) {
-    combined.unshift({
-      id: 'go-up',
-      label: '..',
-      type: 'up',
-      parentId: currentFolder.value.parent || null
-    })
-  }
-
-  return combined
 })
 
-// --- Actions ---
-const createFolder = async () => {
-  await useEntities("folders").create({
-    parent: currentFolder.value?.id,
-    name: createFolderData.value.name
-  })
-  createFolderModalOpen.value = false
-  createFolderData.value = { name: '' }
+const changeFolder = async (newFolder) => {
+  loadingDocs.value = true
+  currentFolder.value = newFolder
+
+  if(newFolder) {
+    fileUploadFormData.value.folder = newFolder.id
+    await router.push(`/files?folder=${newFolder.id}`)
+  } else {
+    fileUploadFormData.value.folder = null
+    await router.push(`/files`)
+  }
+
   setupPage()
 }
 
-const openRenameModal = (entry) => {
-  renameData.value = { id: entry.id, name: entry.label, type: entry.type }
-  renameModalOpen.value = true
+const createFolderData = ref({})
+const createFolder = async () => {
+  const res = await useEntities("folders").create({
+    parent: currentFolder.value ? currentFolder.value.id : undefined,
+    name: createFolderData.value.name,
+  })
+
+  createFolderModalOpen.value = false
+
+  setupPage()
+
 }
 
-const updateName = async () => {
-  if (!renameData.value.name) return
-  loadingDocs.value = true
-  try {
-    if (renameData.value.type === 'folder') {
-      await useEntities("folders").update(renameData.value.id, { name: renameData.value.name })
-    } else {
-      const file = documents.value.find(d => d.id === renameData.value.id)
-      const pathParts = file.path.split('/')
-      pathParts[pathParts.length - 1] = renameData.value.name
-      await useEntities("files").update(renameData.value.id, { path: pathParts.join('/') })
-    }
-    toast.add({ title: 'Umbenannt', color: 'green' })
-    setupPage()
-  } finally {
-    renameModalOpen.value = false
-    loadingDocs.value = false
-  }
+const downloadSelected = async () => {
+
+  let files = []
+
+  files = filteredDocuments.value.filter(i => selectedFiles.value[i.id] === true).map(i => i.path)
+
+
+  await useFiles().downloadFile(undefined,Object.keys(selectedFiles.value))
+
 }
 
+const searchString = ref(tempStore.searchStrings["files"] ||'')
+const renderedFileList = computed(() => {
+    let files = filteredDocuments.value.map(i => {
+      return {
+        label: i.path.split("/")[i.path.split("/").length -1],
+        id: i.id,
+        type: "file"
+      }
+    })
+
+    arraySort(files, (a,b) => {
+      let aVal = a.path ? a.path.split("/")[a.path.split("/").length -1] : null
+      let bVal = b.path ? b.path.split("/")[b.path.split("/").length -1] : null
+
+      if(aVal && bVal) {
+        return aVal.localeCompare(bVal)
+      } else if(!aVal && bVal) {
+        return 1
+      } else {
+        return -1
+      }
+    }, {reverse: true})
+
+    if(searchString.value.length > 0) {
+      files = useSearch(searchString.value, files)
+    }
+
+
+    let folders = currentFolders.value.map(i => {
+      return {
+        label: i.name,
+        id: i.id,
+        type: "folder"
+      }
+    })
+
+    arraySort(folders, "label")
+
+    /*folders.sort(function(a, b) {
+
+      // Compare the 2 dates
+      if (a.name < b.name) return -1;
+      if (a.name > b.name) return 1;
+      return 0;
+    });*/
+    return [...folders,...files]
+
+})
+const selectedFileIndex = ref(0)
+
 const showFile = (fileId) => {
-  modal.open(DocumentDisplayModal, {
+  modal.open(DocumentDisplayModal,{
     documentData: documents.value.find(i => i.id === fileId),
-    onUpdatedNeeded: () => setupPage()
+    onUpdatedNeeded: setupPage()
   })
 }
+const selectedFiles = ref({});
 
-defineShortcuts({
-  '/': () => document.getElementById("searchinput")?.focus(),
-  'Enter': {
-    usingInput: true,
-    handler: () => {
-      const entry = renderedFileList.value[selectedFileIndex.value]
-      if (!entry) return
-      if (entry.type === "file") showFile(entry.id)
-      else if (entry.type === "folder") changeFolder(entry)
-      else if (entry.type === "up") navigateUp()
-    }
-  },
-  'arrowdown': () => { if (selectedFileIndex.value < renderedFileList.value.length - 1) selectedFileIndex.value++ },
-  'arrowup': () => { if (selectedFileIndex.value > 0) selectedFileIndex.value-- }
-})
+const selectAll = () => {
+  if(Object.keys(selectedFiles.value).find(i => selectedFiles.value[i] === true)) {
+    selectedFiles.value = {}
+  } else {
+    selectedFiles.value = Object.fromEntries(filteredDocuments.value.map(i => i.id).map(k => [k,true]))
 
-const isSyncing = ref(false)
-
-const syncdokubox = async () => {
-  isSyncing.value = true
-  try {
-    await $api('/api/functions/services/syncdokubox', { method: 'POST' })
-
-    toast.add({
-      title: 'Erfolg',
-      description: 'Dokubox wurde synchronisiert.',
-      icon: 'i-heroicons-check-circle',
-      color: 'green'
-    })
-
-    // Liste neu laden
-    await setupPage()
-  } catch (error) {
-    console.error(error)
-    toast.add({
-      title: 'Fehler',
-      description: 'Beim Synchronisieren der Dokubox ist ein Fehler aufgetreten.',
-      icon: 'i-heroicons-exclamation-circle',
-      color: 'red'
-    })
-  } finally {
-    isSyncing.value = false
   }
 }
 
+const clearSearchString = () => {
+  tempStore.clearSearchString("files")
+  searchString.value = ''
+}
+
+
+
 </script>
 
 <template>
-  <UDashboardNavbar title="Dateien">
+
+  <UDashboardNavbar
+      title="Dateien"
+  >
     <template #right>
+      <UInput
+          id="searchinput"
+          v-model="searchString"
+          icon="i-heroicons-funnel"
+          autocomplete="off"
+          placeholder="Suche..."
+          class="hidden lg:block"
+          @keydown.esc="$event.target.blur()"
+          @change="tempStore.modifySearchString('files',searchString)"
+      >
+        <template #trailing>
+          <UKbd value="/" />
+        </template>
+      </UInput>
       <UButton
-          label="Dokubox Sync"
-          icon="i-heroicons-sparkles"
-          color="primary"
-          variant="solid"
-          :loading="isSyncing"
-          @click="syncdokubox"
-          class="mr-2"
+          icon="i-heroicons-x-mark"
+          variant="outline"
+          color="rose"
+          @click="clearSearchString()"
+          v-if="searchString.length > 0"
       />
-      <UInput id="searchinput" v-model="searchString" icon="i-heroicons-magnifying-glass" placeholder="Suche..." class="w-64" />
     </template>
   </UDashboardNavbar>
-
-  <UDashboardToolbar class="sticky top-0 z-30 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800">
+  <UDashboardToolbar>
     <template #left>
-      <UBreadcrumb :links="breadcrumbLinks" />
+      <UBreadcrumb
+          :links="breadcrumbLinks"
+      />
     </template>
     <template #right>
-      <USelectMenu v-model="displayMode" :options="displayModes" value-attribute="key" class="w-32" :ui-menu="{ zIndex: 'z-50' }">
+      <USelectMenu
+        :options="displayModes"
+        value-attribute="key"
+        option-attribute="label"
+        v-model="displayMode"
+        :ui-menu="{ width: 'min-w-max'}"
+      >
         <template #label>
-          <UIcon :name="displayModes.find(i => i.key === displayMode).icon" class="w-4 h-4" />
-          <span>{{ displayModes.find(i => i.key === displayMode).label }}</span>
+          <UIcon class="w-5 h-5" :name="displayModes.find(i => i.key === displayMode).icon"/>
         </template>
       </USelectMenu>
-      <UButtonGroup size="sm">
-        <UButton icon="i-heroicons-document-plus" color="primary" @click="modal.open(DocumentUploadModal, { fileData: { folder: currentFolder?.id }, onUploadFinished: setupPage })">Datei</UButton>
-        <UButton icon="i-heroicons-folder-plus" color="white" @click="createFolderModalOpen = true">Ordner</UButton>
-      </UButtonGroup>
+
+
+      <UButton
+          :disabled="!currentFolder"
+          @click="modal.open(DocumentUploadModal,{fileData: {folder: currentFolder.id, type: currentFolder.standardFiletype, typeEnabled: currentFolder.standardFiletypeIsOptional}, onUploadFinished: () => {setupPage()}})"
+      >+ Datei</UButton>
+      <UButton
+          @click="createFolderModalOpen = true"
+          variant="outline"
+      >+ Ordner</UButton>
+      <UButton
+          @click="downloadSelected"
+          icon="i-heroicons-cloud-arrow-down"
+          variant="outline"
+          v-if="Object.keys(selectedFiles).find(i => selectedFiles[i] === true)"
+      >Herunterladen</UButton>
+      <UModal v-model="createFolderModalOpen">
+        <UCard :ui="{ body: { base: 'space-y-4' } }">
+          <template #header>
+          <div class="flex items-center justify-between">
+            <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
+              Ordner Erstellen
+            </h3>
+            <UButton color="gray" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="createFolderModalOpen = false" />
+          </div>
+        </template>
+
+        <UFormGroup label="Name des Ordners" required>
+          <UInput
+              v-model="createFolderData.name"
+              placeholder="z.B. Rechnungen 2024"
+              autofocus
+          />
+        </UFormGroup>
+
+        <UFormGroup
+            label="Standard Dateityp"
+        >
+          <USelectMenu
+              v-model="createFolderData.standardFiletype"
+              :options="filetags"
+              option-attribute="name"
+              value-attribute="id"
+              searchable
+              searchable-placeholder="Typ suchen..."
+              placeholder="Kein Standard-Typ"
+              clear-search-on-close
+          >
+            <template #label>
+              <span v-if="createFolderData.standardFiletype">
+                {{ filetags.find(t => t.id === createFolderData.standardFiletype)?.name }}
+              </span>
+              <span v-else class="text-gray-400">Kein Typ ausgewählt</span>
+            </template>
+          </USelectMenu>
+        </UFormGroup>
+
+          <div v-if="createFolderData.standardFiletype">
+            <UCheckbox
+                v-model="createFolderData.standardFiletypeIsOptional"
+                name="isOptional"
+                label="Dateityp ist optional"
+                help="Wenn deaktiviert, MUSS der Nutzer beim Upload diesen Typ verwenden."
+            />
+          </div>
+
+          <template #footer>
+            <div class="flex justify-end gap-2">
+              <UButton color="gray" variant="ghost" @click="createFolderModalOpen = false">
+                Abbrechen
+              </UButton>
+              <UButton @click="createFolder" :disabled="!createFolderData.name">
+                Erstellen
+              </UButton>
+            </div>
+          </template>
+        </UCard>
+      </UModal>
+
     </template>
   </UDashboardToolbar>
-
-  <UDashboardPanelContent class="p-0 overflow-y-auto">
-    <div v-if="!loaded" class="p-10 flex justify-center"><UProgress animation="carousel" class="w-1/2" /></div>
-
-    <div v-else>
-      <div v-if="displayMode === 'list'">
-        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-800">
-          <thead class="bg-gray-50 dark:bg-gray-800 sticky top-0 z-20">
-          <tr>
-            <th class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold sm:pl-6">Name</th>
-            <th class="px-3 py-3.5 text-left text-sm font-semibold">Erstellt</th>
-            <th class="relative py-3.5 pl-3 pr-4 sm:pr-6"></th>
-          </tr>
-          </thead>
-          <tbody class="divide-y divide-gray-200 dark:divide-gray-800 bg-white dark:bg-gray-900">
-          <tr
-              v-for="(entry, index) in renderedFileList" :key="entry.id"
-              :draggable="entry.type !== 'up'"
-              @dragstart="handleDragStart(entry)"
-              @dragover.prevent
-              @drop="entry.type === 'folder' ? handleDrop(entry.id) : (entry.type === 'up' ? handleDrop(entry.parentId) : null)"
-              class="hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer transition-colors"
-              :class="{'bg-primary-50 dark:bg-primary-900/10': index === selectedFileIndex}"
-              @click="entry.type === 'folder' ? changeFolder(entry) : (entry.type === 'up' ? navigateUp() : showFile(entry.id))"
-          >
-            <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">
-              <div class="flex items-center font-medium">
-                <UIcon
-                    :name="entry.type === 'up' ? 'i-heroicons-arrow-uturn-left' : (entry.type === 'folder' ? 'i-heroicons-folder-solid' : 'i-heroicons-document-text')"
-                    class="h-5 w-5 mr-3"
-                    :class="entry.type === 'up' ? 'text-orange-500' : (entry.type === 'folder' ? 'text-primary-500' : 'text-gray-400')"
+  <div id="drop_zone" class="h-full scrollList" >
+    <div v-if="loaded">
+      <UDashboardPanelContent>
+        <div v-if="displayMode === 'list'">
+          <table class="w-full">
+            <thead>
+            <tr>
+              <td>
+                <UCheckbox
+                    v-if="renderedFileList.find(i => i.type === 'file')"
+                    @change="selectAll"
                 />
-                {{ entry.label }}
-              </div>
-            </td>
-            <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
-              {{ entry.type !== 'up' ? dayjs(entry.createdAt).format("DD.MM.YY") : '-' }}
-            </td>
-            <td class="px-3 text-right" @click.stop>
-              <UDropdown v-if="entry.type !== 'up'" :items="[[{ label: 'Umbenennen', icon: 'i-heroicons-pencil-square', click: () => openRenameModal(entry) }]]">
-                <UButton color="gray" variant="ghost" icon="i-heroicons-ellipsis-horizontal" />
-              </UDropdown>
-            </td>
-          </tr>
-          </tbody>
-        </table>
-      </div>
+              </td>
+              <td class="font-bold">Name</td>
+              <td class="font-bold">Erstellt am</td>
+            </tr>
+            </thead>
+            <tr v-for="(entry,index) in renderedFileList">
+              <td>
+                <UCheckbox
+                    v-if="entry.type === 'file'"
+                    v-model="selectedFiles[entry.id]"
+                />
+              </td>
+              <td>
+                <UIcon class="mr-1" :name="entry.type === 'folder' ? 'i-heroicons-folder' : 'i-heroicons-document'"/>
+                <a
+                    style="cursor: pointer"
+                    :class="[...index === selectedFileIndex ? ['text-primary', 'text-xl'] : ['dark:text-white','text-black','text-xl']]"
+                    @click="entry.type === 'folder' ? changeFolder(currentFolders.find(i => i.id === entry.id)) : showFile(entry.id)"
+                >{{entry.label}}</a>
 
-      <div v-else class="p-6 grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-4">
-        <div
-            v-for="entry in renderedFileList" :key="entry.id"
-            :draggable="entry.type !== 'up'"
-            @dragstart="handleDragStart(entry)"
-            @dragover.prevent
-            @drop="entry.type === 'folder' ? handleDrop(entry.id) : (entry.type === 'up' ? handleDrop(entry.parentId) : null)"
-            class="group relative bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4 flex flex-col items-center hover:border-primary-500 transition-all cursor-pointer"
-            @click="entry.type === 'folder' ? changeFolder(entry) : (entry.type === 'up' ? navigateUp() : showFile(entry.id))"
-        >
-          <UDropdown v-if="entry.type !== 'up'" :items="[[{ label: 'Umbenennen', icon: 'i-heroicons-pencil-square', click: () => openRenameModal(entry) }]]" class="absolute top-1 right-1 opacity-0 group-hover:opacity-100" @click.stop>
-            <UButton color="gray" variant="ghost" icon="i-heroicons-ellipsis-vertical" size="xs" />
-          </UDropdown>
-          <UIcon
-              :name="entry.type === 'up' ? 'i-heroicons-arrow-uturn-left' : (entry.type === 'folder' ? 'i-heroicons-folder-solid' : 'i-heroicons-document-text')"
-              class="w-12 h-12 mb-2"
-              :class="entry.type === 'up' ? 'text-orange-500' : (entry.type === 'folder' ? 'text-primary-500' : 'text-gray-400')"
-          />
-          <span class="text-xs font-medium text-center truncate w-full">{{ entry.label }}</span>
+              </td>
+              <td>
+                <span v-if="entry.type === 'file'" class="text-xl">{{dayjs(documents.find(i => i.id === entry.id).createdAt).format("DD.MM.YY HH:mm")}}</span>
+                <span v-if="entry.type === 'folder'" class="text-xl">{{dayjs(currentFolders.find(i => i.id === entry.id).createdAt).format("DD.MM.YY HH:mm")}}</span>
+              </td>
+            </tr>
+          </table>
         </div>
-      </div>
+        <div v-else-if="displayMode === 'rectangles'">
+          <div class="flex flex-row w-full flex-wrap" v-if="currentFolders.length > 0">
+            <a
+                class="w-1/6 folderIcon flex flex-col p-5 m-2"
+                v-for="folder in currentFolders"
+                @click="changeFolder(folder)"
+            >
+
+              <UIcon
+                  name="i-heroicons-folder"
+                  class="w-20 h-20"
+              />
+              <span class="text-center truncate">{{folder.name}}</span>
+            </a>
+          </div>
+
+          <UDivider class="my-5" v-if="currentFolder">{{currentFolder.name}}</UDivider>
+          <UDivider class="my-5" v-else>Ablage</UDivider>
+
+          <div v-if="!loadingDocs">
+            <DocumentList
+                v-if="filteredDocuments.length > 0"
+                :documents="filteredDocuments"
+                @selectDocument="(info) => console.log(info)"
+            />
+            <UAlert
+                v-else
+                class="mt-5 w-1/2 mx-auto"
+                icon="i-heroicons-light-bulb"
+                title="Keine Dokumente vorhanden"
+                color="primary"
+                variant="outline"
+            />
+          </div>
+          <UProgress
+              animation="carousel"
+              v-else
+              class="w-2/3 my-5 mx-auto"
+          />
+        </div>
+      </UDashboardPanelContent>
     </div>
-  </UDashboardPanelContent>
+    <UProgress animation="carousel" v-else class="w-5/6 mx-auto mt-5"/>
 
-  <UModal v-model="createFolderModalOpen">
-    <UCard>
-      <template #header><h3 class="font-bold">Ordner erstellen</h3></template>
-      <UFormGroup label="Name" required><UInput v-model="createFolderData.name" autofocus @keyup.enter="createFolder" /></UFormGroup>
-      <template #footer><div class="flex justify-end gap-2"><UButton color="gray" @click="createFolderModalOpen = false">Abbrechen</UButton><UButton color="primary" @click="createFolder">Erstellen</UButton></div></template>
-    </UCard>
-  </UModal>
+  </div>
+</template>
 
-  <UModal v-model="renameModalOpen">
-    <UCard>
-      <template #header><h3 class="font-bold">Umbenennen</h3></template>
-      <UFormGroup label="Neuer Name"><UInput v-model="renameData.name" autofocus @keyup.enter="updateName" /></UFormGroup>
-      <template #footer><div class="flex justify-end gap-2"><UButton color="gray" @click="renameModalOpen = false">Abbrechen</UButton><UButton color="primary" @click="updateName">Speichern</UButton></div></template>
-    </UCard>
-  </UModal>
-</template>
+<style scoped>
+.folderIcon {
+  border: 1px solid lightgrey;
+  border-radius: 10px;
+  color: dimgrey;
+}
+
+.folderIcon:hover {
+  border: 1px solid #69c350;
+  color: #69c350;
+}
+
+tr:nth-child(odd) {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+</style>

frontend/pages/incomingInvoices/[mode]/[id].vue

@@ -147,12 +147,7 @@ const updateIncomingInvoice = async (setBooked = false) => {
   } else {
     item.state = "Entwurf"
   }
-  if(setBooked) {
-    const data = await useEntities('incominginvoices').update(itemInfo.value.id,item,false)
-  } else {
-    const data = await useEntities('incominginvoices').update(itemInfo.value.id,item,true)
-  }
-
+  const data = await useEntities('incominginvoices').update(itemInfo.value.id,item,true)
 }
 
 const findIncomingInvoiceErrors = computed(() => {

frontend/pages/index.vue

@@ -56,7 +56,7 @@
       >
         <display-open-tasks/>
       </UDashboardCard>
-<!--      <UDashboardCard
+      <UDashboardCard
         title="Label Test"
       >
         <UButton
@@ -70,7 +70,7 @@
         >
           Label Drucken
         </UButton>
-      </UDashboardCard>-->
+      </UDashboardCard>
     </UPageGrid>
   </UDashboardPanelContent>
 </template>

frontend/plugins/dayjs.ts

@@ -3,16 +3,10 @@ import duration from 'dayjs/plugin/duration'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import localizedFormat from 'dayjs/plugin/localizedFormat'
 import 'dayjs/locale/de'
-import quarterOfYear from 'dayjs/plugin/quarterOfYear'
-import isSameOrAfter from "dayjs/plugin/isSameOrAfter"
-import isSameOrBefore from "dayjs/plugin/isSameOrBefore"
 
 dayjs.extend(duration)
 dayjs.extend(relativeTime)
 dayjs.extend(localizedFormat)
-dayjs.extend(quarterOfYear)
-dayjs.extend(isSameOrAfter)
-dayjs.extend(isSameOrBefore)
 dayjs.locale('de')
 
 export default defineNuxtPlugin(() => {

frontend/stores/calculator.ts

@@ -1,40 +0,0 @@
-import { defineStore } from 'pinia'
-
-export const useCalculatorStore = defineStore('calculator', () => {
-    const tempStore = useTempStore()
-
-    // Initialisierung aus dem TempStore
-    const isOpen = ref(false)
-    const display = computed({
-        get: () => tempStore.settings?.calculator?.display || '0',
-        set: (val) => tempStore.modifySettings('calculator', { ...tempStore.settings.calculator, display: val })
-    })
-
-    const memory = computed({
-        get: () => tempStore.settings?.calculator?.memory || 0,
-        set: (val) => tempStore.modifySettings('calculator', { ...tempStore.settings.calculator, memory: val })
-    })
-
-    const history = computed({
-        get: () => tempStore.filters?.calculator?.history || [],
-        set: (val) => tempStore.modifyFilter('calculator', 'history', val)
-    })
-
-    function toggle() {
-        isOpen.value = !isOpen.value
-    }
-
-    function addHistory(expression: string, result: string) {
-        const newHistory = [{ expression, result }, ...history.value].slice(0, 10)
-        history.value = newHistory
-    }
-
-    return {
-        isOpen,
-        display,
-        memory,
-        history,
-        toggle,
-        addHistory
-    }
-})

frontend/stores/data.js

@@ -230,7 +230,19 @@ export const useDataStore = defineStore('data', () => {
                     label: "Anrede",
                     inputType: "text",
                     inputChangeFunction: function (row) {
-                        row.name = `${row.salutation ? (row.salutation + " ") : ""}${row.title ? (row.title + " ") : ""}${row.firstname ? (row.firstname + " ") : ""}${row.lastname}`;
+                        row.name = ""
+                        if(row.salutation) {
+                            row.name += `${row.salutation}`
+                        }
+                        if(row.title) {
+                            row.name += ` ${row.title}`
+                        }
+                        if(row.firstname) {
+                            row.name += ` ${row.firstname}`
+                        }
+                        if(row.lastname) {
+                            row.name += ` ${row.lastname}`
+                        }
                     },
                     disabledFunction: function (item) {
                         return item.isCompany
@@ -246,7 +258,19 @@ export const useDataStore = defineStore('data', () => {
                     label: "Titel",
                     inputType: "text",
                     inputChangeFunction: function (row) {
-                        row.name = `${row.salutation ? (row.salutation + " ") : ""}${row.title ? (row.title + " ") : ""}${row.firstname ? (row.firstname + " ") : ""}${row.lastname}`;
+                        row.name = ""
+                        if(row.salutation) {
+                            row.name += `${row.salutation}`
+                        }
+                        if(row.title) {
+                            row.name += ` ${row.title}`
+                        }
+                        if(row.firstname) {
+                            row.name += ` ${row.firstname}`
+                        }
+                        if(row.lastname) {
+                            row.name += ` ${row.lastname}`
+                        }
                     },
                     disabledFunction: function (item) {
                         return item.isCompany
@@ -261,7 +285,19 @@ export const useDataStore = defineStore('data', () => {
                     title: true,
                     inputType: "text",
                     inputChangeFunction: function (row) {
-                        row.name = `${row.salutation ? (row.salutation + " ") : ""}${row.title ? (row.title + " ") : ""}${row.firstname ? (row.firstname + " ") : ""}${row.lastname}`;
+                        row.name = ""
+                        if(row.salutation) {
+                            row.name += `${row.salutation}`
+                        }
+                        if(row.title) {
+                            row.name += ` ${row.title}`
+                        }
+                        if(row.firstname) {
+                            row.name += ` ${row.firstname}`
+                        }
+                        if(row.lastname) {
+                            row.name += ` ${row.lastname}`
+                        }
                     },
                     disabledFunction: function (item) {
                         return item.isCompany
@@ -276,7 +312,19 @@ export const useDataStore = defineStore('data', () => {
                     title: true,
                     inputType: "text",
                     inputChangeFunction: function (row) {
-                        row.name = `${row.salutation ? (row.salutation + " ") : ""}${row.title ? (row.title + " ") : ""}${row.firstname ? (row.firstname + " ") : ""}${row.lastname}`;
+                        row.name = ""
+                        if(row.salutation) {
+                            row.name += `${row.salutation}`
+                        }
+                        if(row.title) {
+                            row.name += ` ${row.title}`
+                        }
+                        if(row.firstname) {
+                            row.name += ` ${row.firstname}`
+                        }
+                        if(row.lastname) {
+                            row.name += ` ${row.lastname}`
+                        }
                     },
                     disabledFunction: function (item) {
                         return item.isCompany

frontend/stores/temp.js

@@ -1,7 +1,8 @@
-import { defineStore } from 'pinia'
+import {defineStore} from 'pinia'
 
 // @ts-ignore
 export const useTempStore = defineStore('temp', () => {
+
     const auth = useAuthStore()
 
     const searchStrings = ref({})
@@ -19,21 +20,21 @@ export const useTempStore = defineStore('temp', () => {
             filters: filters.value
         }
 
-        await useNuxtApp().$api(`/api/profiles/${auth.profile.id}`, {
+        await useNuxtApp().$api(`/api/profiles/${auth.profile.id}`,{
             method: 'PUT',
-            body: { temp_config: config }
+            body: {temp_config: config}
         })
     }
 
-    function setStoredTempConfig(config) {
-        searchStrings.value = config.searchStrings || {}
-        columns.value = config.columns || {}
-        pages.value = config.pages || {}
-        settings.value = config.settings || {}
+    function setStoredTempConfig (config) {
+        searchStrings.value = config.searchStrings
+        columns.value = config.columns
+        pages.value = config.pages
+        settings.value = config.settings
         filters.value = config.filters || {}
     }
 
-    function modifySearchString(type, input) {
+    function modifySearchString(type,input) {
         searchStrings.value[type] = input
         storeTempConfig()
     }
@@ -43,36 +44,28 @@ export const useTempStore = defineStore('temp', () => {
         storeTempConfig()
     }
 
-    function modifyFilter(domain, type, input) {
-        if (!filters.value[domain]) filters.value[domain] = {}
+    function modifyFilter(domain,type,input) {
+        if(!filters.value[domain]) filters.value[domain] = {}
+
         filters.value[domain][type] = input
         storeTempConfig()
     }
 
-    function modifyColumns(type, input) {
+    function modifyColumns(type,input) {
         columns.value[type] = input
         storeTempConfig()
     }
 
-    function modifyPages(type, input) {
+    function modifyPages(type,input) {
         pages.value[type] = input
         storeTempConfig()
     }
 
-    function modifySettings(type, input) {
+    function modifySettings(type,input) {
         settings.value[type] = input
         storeTempConfig()
     }
 
-    // Spezifisch für das Banking-Datum
-    function modifyBankingPeriod(periodKey, range) {
-        if (!settings.value['banking']) settings.value['banking'] = {}
-
-        settings.value['banking'].periodKey = periodKey
-        settings.value['banking'].range = range
-
-        storeTempConfig()
-    }
 
     return {
         setStoredTempConfig,
@@ -86,7 +79,8 @@ export const useTempStore = defineStore('temp', () => {
         modifyPages,
         pages,
         modifySettings,
-        modifyBankingPeriod, // Neue Funktion exportiert
         settings
     }
+
+
 })