.gitea/ISSUE_TEMPLATE/feature_request.md aktualisiert

Reviewed-on: #62

.gitea/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,19 @@
+---
+name: 🐛 Bug Report
+about: Erstelle einen Bericht, um uns zu helfen, das Projekt zu verbessern.
+title: '[BUG] '
+labels: Problem
+assignees: ''
+
+---
+
+**Beschreibung**
+
+
+**Reproduktion**
+
+
+**Screenshots**
+
+
+**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.**

.gitea/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,17 @@
+---
+name: ✨ Feature Request
+about: Schlage eine Idee für dieses Projekt vor.
+title: '[FEATURE] '
+labels: Funktionswunsch
+assignees: ''
+
+---
+
+**Ist dein Feature-Wunsch mit einem Problem verbunden?**
+
+
+**Lösungsvorschlag**
+
+
+**Alternativen**
+

backend/db/schema/projects.ts

@@ -71,7 +71,7 @@ export const projects = pgTable("projects", {
     updatedAt: timestamp("updated_at", { withTimezone: true }),
     updatedBy: uuid("updated_by").references(() => authUsers.id),
 
-    active_phase: text("active_phase"),
+    active_phase: text("active_phase").default("Erstkontakt"),
 })
 
 export type Project = typeof projects.$inferSelect

backend/src/routes/resources/main.ts

@@ -461,10 +461,9 @@ export default async function resourceRoutes(server: FastifyInstance) {
             }
 
             Object.keys(createData).forEach((key) => {
-                if(key.toLowerCase().includes("date")) 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)

backend/src/routes/staff/time.ts

@@ -22,7 +22,7 @@ export default async function staffTimeRoutes(server: FastifyInstance) {
 
     server.post("/staff/time/event", async (req, reply) => {
         try {
-            const userId = req.user.user_id
+            const actorId = req.user.user_id;
             const tenantId = req.user.tenant_id
 
             const body = req.body as any
@@ -35,17 +35,15 @@ export default async function staffTimeRoutes(server: FastifyInstance) {
 
             const dataToInsert = {
                 tenant_id: tenantId,
-                user_id: userId,
+                user_id: body.user_id,
                 actortype: "user",
-                actoruser_id: userId,
+                actoruser_id: actorId,
                 eventtime: normalizeDate(body.eventtime),
                 eventtype: body.eventtype,
                 source: "WEB",
                 payload: body.payload // Payload (z.B. Description) mit speichern
             }
 
-            console.log(dataToInsert)
-
             const [created] = await server.db
                 .insert(stafftimeevents)
                 //@ts-ignore
@@ -390,7 +388,9 @@ export default async function staffTimeRoutes(server: FastifyInstance) {
             const evaluatedUserId = targetUserId || actingUserId;
 
             const startDate = new Date(from);
-            const endDate = new Date(to);
+            let endDateQuery = new Date(to);
+            endDateQuery.setDate(endDateQuery.getDate() + 1);
+            const endDate = endDateQuery;
 
             if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {
                 return reply.code(400).send({ error: "Ungültiges Datumsformat." });

backend/src/utils/resource.config.ts

@@ -57,6 +57,7 @@ export const resourceConfig = {
         table: contracts,
         searchColumns: ["name", "notes", "contractNumber", "paymentType", "sepaRef", "bankingName"],
         numberRangeHolder: "contractNumber",
+        mtoLoad: ["customer"],
     },
     plants: {
         table: plants,

frontend/Dockerfile

@@ -1,15 +1,31 @@
-FROM node:20-alpine
+# --- Stage 1: Build ---
+FROM node:20-alpine AS builder
 
-RUN mkdir -p /usr/src/nuxt-app
 WORKDIR /usr/src/nuxt-app
-COPY . .
 
-RUN npm i
+# Nur Files kopieren, die für die Installation nötig sind (besseres Caching)
+COPY package*.json ./
+RUN npm install
+
+# Restlichen Code kopieren und bauen
+COPY . .
 RUN npm run build
 
+# --- Stage 2: Runtime ---
+FROM node:20-alpine AS runner
+
+WORKDIR /usr/src/nuxt-app
+
+# Von der Build-Stage NUR den fertigen .output Ordner kopieren
+COPY --from=builder /usr/src/nuxt-app/.output ./.output
+
+# Optional: Falls du statische Dateien aus public brauchst, 
+# sind diese normalerweise bereits in .output/public enthalten.
+
 ENV NUXT_HOST=0.0.0.0
 ENV NUXT_PORT=3000
+ENV NODE_ENV=production
 
 EXPOSE 3000
 
-ENTRYPOINT ["node", ".output/server/index.mjs"]
+ENTRYPOINT ["node", ".output/server/index.mjs"]

frontend/components/DocumentDisplayModal.vue

@@ -55,7 +55,7 @@ const setup = async () => {
   })
 
   filetypes.value = await useEntities("filetags").select()
-  documentboxes.value = await useEntities("documentboxes").select()
+  //documentboxes.value = await useEntities("documentboxes").select()
 }
 
 setup()

frontend/components/MainNav.vue

@@ -152,7 +152,7 @@ const links = computed(() => {
       icon: "i-heroicons-user-group",
       children: [
         ... true ? [{
-          label: "Anwesenheiten",
+          label: "Zeiten",
           to: "/staff/time",
           icon: "i-heroicons-clock",
         }] : [],

frontend/components/PublicDynamicForm.vue

@@ -159,7 +159,16 @@ const submit = async () => {
               @input="e => form.startDate = new Date(e.target.value)"
           />
         </UFormGroup>
-        <UFormGroup label="Ende">
+        <UFormGroup label="Dauer (Stunden)">
+          <input
+              type="number"
+              step="0.25"
+              placeholder="z.B. 1.5"
+              class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-primary-600 sm:text-sm sm:leading-6 px-2"
+              @input="e => form.endDate = dayjs(form.startDate).add(parseFloat(e.target.value), 'hour').toDate()"
+          />
+        </UFormGroup>
+        <UFormGroup label="Ende" class="col-span-2">
           <input
               type="datetime-local"
               class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-primary-600 sm:text-sm sm:leading-6 px-2"

frontend/components/StaffTimeEntryModal.vue

@@ -103,7 +103,8 @@ async function onSubmit(event: FormSubmitEvent<any>) {
         start: startIso,   // Die eingegebene Startzeit
         end: endIso,       // Die eingegebene Endzeit (oder null)
         type: state.type,
-        description: state.description
+        description: state.description,
+        user_id: props.defaultUserId
       })
 
       toast.add({ title: 'Zeit manuell erfasst', color: 'green' })

frontend/composables/useStaffTime.ts

@@ -91,15 +91,18 @@ export const useStaffTime = () => {
     }
 
     // 🆕 NEU: Manuellen Eintrag erstellen (Vergangenheit oder Zeitraum)
-    const createEntry = async (data: { start: string, end: string | null, type: string, description: string }) => {
+    const createEntry = async (data: { start: string, end: string | null, type: string, description: string, user_id: string }) => {
         // 1. Start Event senden
         // Wir nutzen den dynamischen Typ (work_start, vacation_start etc.)
+        console.log(data)
+
         await $api('/api/staff/time/event', {
             method: 'POST',
             body: {
                 eventtype: `${data.type}_start`,
                 eventtime: data.start,
-                payload: { description: data.description }
+                payload: { description: data.description },
+                user_id: data.user_id,
             }
         })
 
@@ -109,7 +112,9 @@ export const useStaffTime = () => {
                 method: 'POST',
                 body: {
                     eventtype: `${data.type}_end`,
-                    eventtime: data.end
+                    eventtime: data.end,
+                    payload: { description: data.description },
+                    user_id: data.user_id,
                 }
             })
         }

frontend/layouts/default.vue

@@ -236,11 +236,17 @@ const footerLinks = [
           <template #footer>
             <div class="flex flex-col gap-3 w-full">
 
+
+              <UColorModeButton />
               <LabelPrinterButton/>
 
+
+
               <!-- Footer Links -->
               <UDashboardSidebarLinks :links="footerLinks" />
 
+
+
               <UDivider class="sticky bottom-0" />
               <UserDropdown style="margin-bottom: env(safe-area-inset-bottom, 10px) !important;"/>
             </div>

frontend/pages/staff/time/[id]/evaluate.vue

@@ -119,8 +119,8 @@ async function loadWorkingTimeInfo() {
 
   // Erstellt Query-Parameter für den neuen Backend-Endpunkt
   const queryParams = new URLSearchParams({
-    from: selectedStartDay.value,
+    from: $dayjs(selectedStartDay.value).format("YYYY-MM-DD"),
-    to: selectedEndDay.value,
+    to: $dayjs(selectedEndDay.value).format("YYYY-MM-DD"),
     targetUserId: evaluatedUserId.value,
   });
 

frontend/plugins/api.ts

@@ -1,31 +1,86 @@
 
 export default defineNuxtPlugin(() => {
     const config = useRuntimeConfig()
+    const toast = useToast()
 
     const api = $fetch.create({
         baseURL: config.public.apiBase,
         credentials: "include",
-        async onRequest({options}) {
-            // Token aus Cookie holen
-            let token: string | null | undefined = ""
 
-            token = useCookie("token").value
+        async onRequest({ options }) {
+            const token = useCookie("token").value
 
-
+            // Falls im Request explizit ein anderer JWT übergeben wird
-
+            if (options.context?.jwt) {
-            // Falls im Request explizit ein anderer JWT übergeben wird → diesen verwenden
+                options.headers = {
-            if (options.context && (options.context as any).jwt) {
+                    ...options.headers,
-                token = (options.context as any).jwt
+                    Authorization: `Bearer ${options.context.jwt}`,
-            }
+                }
-
+            } else if (token) {
-            if (token) {
                 options.headers = {
                     ...options.headers,
                     Authorization: `Bearer ${token}`,
                 }
             }
+        },
+
+        async onRequestError({error}) {
+            toast.add({
+                title: "Fehler",
+                description: "Eine Anfrage konnte nicht ausgeführt werden.",
+                color: 'red',
+                icon: 'i-heroicons-exclamation-triangle-20-solid',
+                timeout: 5000 // Bleibt 5 Sekunden sichtbar
+            })
+        },
+
+        async onResponseError({ response }) {
+            // Toasts nur im Client anzeigen
+            console.log(response)
+            if (!process.client) return
+
+            const status = response.status
+            let title = "Fehler"
+            let description = "Ein unerwarteter Fehler ist aufgetreten."
+
+            switch (status) {
+                case 400:
+                    title = "Anfrage fehlerhaft"
+                    description = "Die Daten konnten nicht korrekt verarbeitet werden."
+                    break
+                case 401:
+                    title = "Nicht angemeldet"
+                    description = "Deine Sitzung ist abgelaufen oder ungültig."
+                    // Optional: useCookie('token').value = null
+                    break
+                case 403:
+                    title = "Zugriff verweigert"
+                    description = "Du hast keine Berechtigung für diesen Bereich."
+                    break
+                case 404:
+                    title = "Nicht gefunden"
+                    description = "Die gesuchte Ressource wurde nicht gefunden."
+                    break
+                case 500:
+                    title = "Server-Fehler"
+                    description = "Internes Problem. Bitte versuche es später erneut."
+                    break
+            }
+
+            // Nuxt UI Toast Notification
+            toast.add({
+                title: title,
+                description: description,
+                color: 'red',
+                icon: 'i-heroicons-exclamation-triangle-20-solid',
+                timeout: 5000 // Bleibt 5 Sekunden sichtbar
+            })
         }
     })
 
-    return { provide: { api } }
+    return {
+        provide: {
+            api
+        }
+    }
 })