From 9951179b2a9a8e7332e394af7effaa118b64311b Mon Sep 17 00:00:00 2001 From: Moritz Utcke Date: Mon, 17 Feb 2025 20:46:27 +1100 Subject: [PATCH] Bestellen auf Rechnung --- build.sh | 2 +- src/astro-typesafe-api-caller.ts | 2 +- src/components/Ausweis/Verbrauch.svelte | 6 +- src/components/AusweisPruefenBox.svelte | 30 ++++---- src/components/AusweisPruefenTooltip.svelte | 4 ++ src/layouts/UserLayout.astro | 14 +--- .../DashboardAusweisePruefenModule.svelte | 25 +++++-- src/modules/KaufabschlussModule.svelte | 11 ++- src/modules/KundendatenModule.svelte | 18 +++-- src/modules/PaymentSuccessModule.svelte | 13 ++++ src/pages/api/rechnung/index.ts | 6 +- src/pages/bilder/[uid].webp.ts | 69 ++++++++++++------- src/pages/dashboard/ausweise-pruefen.astro | 59 ++++++++++++++++ src/pages/dashboard/index.astro | 2 +- src/pages/kundendaten.astro | 2 +- src/pages/payment/success.astro | 15 ++-- 16 files changed, 198 insertions(+), 80 deletions(-) create mode 100644 src/modules/PaymentSuccessModule.svelte create mode 100644 src/pages/dashboard/ausweise-pruefen.astro diff --git a/build.sh b/build.sh index 55a6df4c..f261d1a5 100644 --- a/build.sh +++ b/build.sh @@ -39,7 +39,7 @@ bun link @ibcornelsen/database PERSISTENT_DIR="${HOME}/persistent/${APP_NAME}"; mkdir -p $PERSISTENT_DIR; -# TODO: Wir legen hier die .env Datei an, die die SSL Zertifikate enthält. +# Wir legen hier die .env Datei an, die die SSL Zertifikate enthält. rm -f ~/$APP_NAME/.env; touch ~/$APP_NAME/.env; echo "PRIVATE_KEY=$(cat /etc/letsencrypt/live/ibcornelsen.de/privkey.pem | base64 | tr -d '\n')" >> ~/$APP_NAME/.env; diff --git a/src/astro-typesafe-api-caller.ts b/src/astro-typesafe-api-caller.ts index 34400f59..1724bc14 100644 --- a/src/astro-typesafe-api-caller.ts +++ b/src/astro-typesafe-api-caller.ts @@ -5,10 +5,10 @@ export const createCaller = createCallerFactory({ "postleitzahlen": await import("../src/pages/api/postleitzahlen.ts"), "aufnahme/[uid]": await import("../src/pages/api/aufnahme/[uid].ts"), "aufnahme": await import("../src/pages/api/aufnahme/index.ts"), - "bilder/[uid]": await import("../src/pages/api/bilder/[uid].ts"), "auth/access-token": await import("../src/pages/api/auth/access-token.ts"), "auth/forgot-password": await import("../src/pages/api/auth/forgot-password.ts"), "auth/refresh-token": await import("../src/pages/api/auth/refresh-token.ts"), + "bilder/[uid]": await import("../src/pages/api/bilder/[uid].ts"), "bedarfsausweis-wohnen/[uid]": await import("../src/pages/api/bedarfsausweis-wohnen/[uid].ts"), "bedarfsausweis-wohnen": await import("../src/pages/api/bedarfsausweis-wohnen/index.ts"), "objekt": await import("../src/pages/api/objekt/index.ts"), diff --git a/src/components/Ausweis/Verbrauch.svelte b/src/components/Ausweis/Verbrauch.svelte index 3c8f7da9..3a53f0ed 100644 --- a/src/components/Ausweis/Verbrauch.svelte +++ b/src/components/Ausweis/Verbrauch.svelte @@ -11,7 +11,6 @@ ObjektClient, VerbrauchsausweisWohnenClient, } from "./types.js"; - import { addNotification } from "#components/Notifications/shared.js"; export let objekt: ObjektClient; export let aufnahme: AufnahmeClient; @@ -20,6 +19,7 @@ // Wir dürfen bis zu 4.5 Jahre alte Klimafaktoren benutzen, also nehmen wir alle Monate seitdem und generieren daraus die Auswahl. // Allerdings müssen wir auch berücksichtigen, dass wir drei folgende Jahre brauchen, also // kann der Nutzer nur 36 + 18 Monate zurückgehen. + let availableDates: { year: number; month: number; @@ -62,8 +62,8 @@ fuelMap[fuel[0]].push(fuel[1]); } - let month = ausweis.startdatum?.getMonth(); - let year = ausweis.startdatum?.getFullYear(); + let month = moment(ausweis.startdatum).month(); + let year = moment(ausweis.startdatum).year(); $: { if (typeof month === "number" && typeof year === "number") { diff --git a/src/components/AusweisPruefenBox.svelte b/src/components/AusweisPruefenBox.svelte index 5107b473..c272f04c 100644 --- a/src/components/AusweisPruefenBox.svelte +++ b/src/components/AusweisPruefenBox.svelte @@ -2,27 +2,31 @@ import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "#lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016.js"; import moment from "moment"; import { + AufnahmeClient, + getAusweisartFromUUID, + ObjektClient, + UploadedGebaeudeBild, VerbrauchsausweisWohnenClient, } from "./Ausweis/types.js"; import AusweisPruefenTooltip from "./AusweisPruefenTooltip.svelte"; import { addNotification } from "./NotificationProvider/shared.js"; import { CheckCircled, CrossCircled, Image } from "radix-svelte-icons"; import ChevronDown from "radix-svelte-icons/src/lib/icons/ChevronDown.svelte"; + import { Event } from "@ibcornelsen/database/client"; export let ausweis: VerbrauchsausweisWohnenClient; + export let aufnahme: AufnahmeClient; + export let objekt: ObjektClient; + export let bilder: UploadedGebaeudeBild[] + export let events: Event[] export let calculations: Awaited< ReturnType >; - console.log(ausweis); - - const aufnahme = ausweis.aufnahme - const ausweisArt = "VA"; // TODO: Das ist ein Platzhalter, hier muss die Ausweisart aus dem Ausweisobjekt kommen - - const images = ausweis.aufnahme.objekt.gebaeude_bilder; + const ausweisArt = getAusweisartFromUUID(ausweis.uid) // TODO: Das ist ein Platzhalter, hier muss die Ausweisart aus dem Ausweisobjekt kommen let verbrauchWWGesamt_1 = ""; let verbrauchWWGesamt_2 = ""; @@ -145,13 +149,13 @@ ) { if (aufnahme.solarsystem_warmwasser) { // Wenn Warmwasser enthalten und Anteil bekannt und Solarsystem - verbrauchWWGesamt_1 = `${calculations?.energieVerbrauchGesamt_1} kWh x ${ausweis.anteil_warmwasser_1 / 100} x 0.6`; - verbrauchWWGesamt_2 = `${calculations?.energieVerbrauchGesamt_2} kWh x ${ausweis.anteil_warmwasser_2 / 100} x 0.6`; + verbrauchWWGesamt_1 = `${calculations?.energieVerbrauchGesamt_1} kWh x ${(ausweis.anteil_warmwasser_1 || 0) / 100} x 0.6`; + verbrauchWWGesamt_2 = `${calculations?.energieVerbrauchGesamt_2} kWh x ${(ausweis.anteil_warmwasser_2 || 0) / 100} x 0.6`; solarsystemWarmwasser = "Solarsystem Warmwasser"; } else { // Wenn Warmwasser enthalten und Anteil bekannt und **kein** Solarsystem - verbrauchWWGesamt_1 = `${calculations?.energieVerbrauchGesamt_1} kWh x ${ausweis.anteil_warmwasser_1 / 100} x 0.6` - verbrauchWWGesamt_2 = `${calculations?.energieVerbrauchGesamt_2} kWh x ${ausweis.anteil_warmwasser_2 / 100} x 0.6` + verbrauchWWGesamt_1 = `${calculations?.energieVerbrauchGesamt_1} kWh x ${(ausweis.anteil_warmwasser_1 || 0) / 100} x 0.6` + verbrauchWWGesamt_2 = `${calculations?.energieVerbrauchGesamt_2} kWh x ${(ausweis.anteil_warmwasser_2 || 0) / 100} x 0.6` solarsystemWarmwasser = "kein Solarsystem Warmwasser"; } } else { @@ -674,13 +678,13 @@
- {#if images.length === 0} + {#if bilder.length === 0}

Für diesen Ausweis sind noch keine Bilder vorhanden.

{:else} - {#each images as image} + {#each bilder as image}

{image.kategorie}

@@ -837,7 +841,7 @@
- {#each ausweis.aufnahme.events as event, i} + {#each events as event, i}
  • diff --git a/src/components/AusweisPruefenTooltip.svelte b/src/components/AusweisPruefenTooltip.svelte index f7201b98..b44cbe06 100644 --- a/src/components/AusweisPruefenTooltip.svelte +++ b/src/components/AusweisPruefenTooltip.svelte @@ -1,3 +1,7 @@ + +
    diff --git a/src/layouts/UserLayout.astro b/src/layouts/UserLayout.astro index f4eb6b98..82cdc943 100644 --- a/src/layouts/UserLayout.astro +++ b/src/layouts/UserLayout.astro @@ -15,20 +15,12 @@ if (!valid) { Astro.redirect("/auth/login", 302) } - -const caller = createCaller(Astro) - -const benutzer = (await caller.user.self.GET.fetch(undefined, { - headers: { - Authorization: `Bearer ${Astro.cookies.get(API_ACCESS_TOKEN_COOKIE_NAME)?.value}` - } -})) || {} as BenutzerClient; - export interface Props { title: string; + user: BenutzerClient } -const { title } = Astro.props; +const { title, user } = Astro.props; const schema = JSON.stringify({ "@context": "http://schema.org", @@ -107,7 +99,7 @@ let lightTheme = Astro.cookies.get("theme")?.value === "light"; - +
    diff --git a/src/modules/Dashboard/DashboardAusweisePruefenModule.svelte b/src/modules/Dashboard/DashboardAusweisePruefenModule.svelte index 6bb59c7b..d3097179 100644 --- a/src/modules/Dashboard/DashboardAusweisePruefenModule.svelte +++ b/src/modules/Dashboard/DashboardAusweisePruefenModule.svelte @@ -1,18 +1,31 @@
    - {#each ausweise as ausweis} - {#await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis)} + {#each ausweise as { ausweis, objekt, aufnahme, bilder, events }} + {#await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis, aufnahme, objekt)}
    @@ -85,7 +98,7 @@
    {:then calculations} - + {/await} {/each}
    diff --git a/src/modules/KaufabschlussModule.svelte b/src/modules/KaufabschlussModule.svelte index 53d6a1b6..c8a981cf 100644 --- a/src/modules/KaufabschlussModule.svelte +++ b/src/modules/KaufabschlussModule.svelte @@ -10,6 +10,7 @@ import { BenutzerClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js"; import { PRICES } from "#lib/constants.js"; import { RechnungClient } from "#components/Ausweis/types.js"; + import { api } from "astro-typesafe-api/client"; export let user: BenutzerClient; export let ausweis: @@ -62,17 +63,21 @@ e.preventDefault(); // TODO - const response = await client.v1.rechnungen.erstellen.mutate({ + const response = await api.rechnung.PUT.fetch({ ...rechnung, ausweisart: Enums.Ausweisart.VerbrauchsausweisWohnen, - uid: ausweis.uid, + ausweis_uid: ausweis.uid, bezahlmethode: selectedPaymentType, services: services .filter((service) => service.selected) .map((service) => service.id), }); - window.location.href = response.checkout_url; + if (selectedPaymentType === Enums.Bezahlmethoden.rechnung) { + window.location.href = `/payment/success?uid=${response.uid}` + } else { + window.location.href = response.checkout_url as string; + } } const priceTotal = services.reduce((acc, service) => { diff --git a/src/modules/KundendatenModule.svelte b/src/modules/KundendatenModule.svelte index 93204e09..82dc2374 100644 --- a/src/modules/KundendatenModule.svelte +++ b/src/modules/KundendatenModule.svelte @@ -5,9 +5,6 @@ import Ansprechpartner from "#components/Ausweis/Ansprechpartner.svelte"; import Rechnungsadresse from "#components/Ausweis/Rechnungsadresse.svelte"; import Bezahlung from "#components/Ausweis/Bezahlung.svelte"; - - import Pruefung from "#components/Ausweis/Pruefung.svelte"; - import type { Bezahlmethoden } from "@ibcornelsen/database/client"; import { Enums } from "@ibcornelsen/database/client"; import { dialogs } from "svelte-dialogs"; @@ -24,8 +21,7 @@ } from "#components/Ausweis/types.js"; import { validateAccessTokenClient } from "src/client/lib/validateAccessToken.js"; import { api } from "astro-typesafe-api/client"; - import A10WaermequellenAnlagentechnikTrinkwarmwasser from "#components/Tabellen/A10WaermequellenAnlagentechnikTrinkwarmwasser.svelte"; - + export let user: BenutzerClient; export let ausweis: VerbrauchsausweisWohnenClient; export let aufnahme: AufnahmeClient; @@ -143,11 +139,13 @@ Authorization: `Bearer ${Cookies.get(API_ACCESS_TOKEN_COOKIE_NAME)}` } }) - - window.location.href = checkout_url; - } catch(e) { - console.log(e); + if (bezahlmethode === Enums.Bezahlmethoden.rechnung) { + window.location.href = `/payment/success?uid=${uid}` + } else { + window.location.href = checkout_url as string; + } + } catch(e) { } } @@ -287,7 +285,7 @@ - +
    diff --git a/src/modules/PaymentSuccessModule.svelte b/src/modules/PaymentSuccessModule.svelte new file mode 100644 index 00000000..dbfa0275 --- /dev/null +++ b/src/modules/PaymentSuccessModule.svelte @@ -0,0 +1,13 @@ + + +

    Bestellbestätigung

    + +{#if rechnung.bezahlmethode === Enums.Bezahlmethoden.rechnung} +

    Vielen Dank für Ihre Bestellung. Wir haben Ihnen soeben eine E-Mail zugeschickt. Eine Rechnung bekommen Sie nach Abschluss der Dienstleistung zugeschickt.

    +

    Sie haben Rechnungszahlung ausgewählt. Wir haben Ihnen in der E-Mail unsere Bankverbindung zur Überweisung des Betrages aufgeführt. Bitte denken Sie daran die Belegnummer wie aufgeführt anzugeben. Alle anderen Zahloptionen stehen Ihnen auch zur Verfügung.

    +{/if} \ No newline at end of file diff --git a/src/pages/api/rechnung/index.ts b/src/pages/api/rechnung/index.ts index 883b7087..32da79b1 100644 --- a/src/pages/api/rechnung/index.ts +++ b/src/pages/api/rechnung/index.ts @@ -37,7 +37,7 @@ export const PUT = defineApiRoute({ }) ), output: z.object({ - checkout_url: z.string(), + checkout_url: z.string().optional(), uid: UUidWithPrefix, }), headers: authorizationHeaders, @@ -113,6 +113,10 @@ export const PUT = defineApiRoute({ }); } + if (bezahlmethode === Enums.Bezahlmethoden.rechnung) { + return { uid: rechnung.uid } + } + // Wir erstellen eine Mollie Payment Referenz. const payment = await mollieClient.payments.create({ amount: { diff --git a/src/pages/bilder/[uid].webp.ts b/src/pages/bilder/[uid].webp.ts index dcd4dde1..a86f740d 100644 --- a/src/pages/bilder/[uid].webp.ts +++ b/src/pages/bilder/[uid].webp.ts @@ -1,31 +1,54 @@ -import { createCaller } from "#lib/caller"; -import { APIRoute } from "astro"; -import { validate } from "uuid"; -export const get: APIRoute = async ({params, cookies}) => { - const { uid } = params; +import { API_ACCESS_TOKEN_COOKIE_NAME } from "#lib/constants.js"; +import { validateAccessTokenServer } from "#server/lib/validateAccessToken.js"; +import { prisma } from "@ibcornelsen/database/server"; +import { APIError, defineApiRoute } from "astro-typesafe-api/server"; +import { fileURLToPath } from "bun"; +import * as fs from "fs"; - if (!uid) { - return new Response("No uid provided", { status: 400 }); - } +export const GET = defineApiRoute({ + async fetch(input, context, transfer) { + const { uid } = context.params + const token = context.cookies.get(API_ACCESS_TOKEN_COOKIE_NAME)?.value; - if (!validate(uid)) { - return new Response("Invalid uid", { status: 400 }); - } + if (!token) { + throw new APIError({ + code: "BAD_REQUEST", + message: "Invalid access token" + }) + } - const caller = createCaller({ cookies }) + const valid = validateAccessTokenServer(context); - const image = await caller.v1.bilder.getBase64({ uid }) + if (!valid) { + throw new APIError({ + code: "BAD_REQUEST", + message: "Invalid access token" + }) + } - if (!image) { - return new Response("No image found", { status: 404 }); - } + const image = await prisma.gebaeudeBilder.findUnique({ + where: { + uid + } + }) - const buffer = Buffer.from(image.base64, "base64"); + if (!image) { + throw new APIError({ + code: "NOT_FOUND", + message: "Image could not be found." + }) + } - return new Response(buffer, { - headers: { - "Content-Type": "image/webp" - } - }); -} \ No newline at end of file + const path = fileURLToPath(new URL(`../../../../../persistent/images/${image.uid}.webp`, import.meta.url)) + const base64 = fs.readFileSync(path, "base64") + + const buffer = Buffer.from(base64, "base64"); + + return new Response(buffer, { + headers: { + "Content-Type": "image/webp" + } + }); + }, +}) \ No newline at end of file diff --git a/src/pages/dashboard/ausweise-pruefen.astro b/src/pages/dashboard/ausweise-pruefen.astro new file mode 100644 index 00000000..7de0f5d8 --- /dev/null +++ b/src/pages/dashboard/ausweise-pruefen.astro @@ -0,0 +1,59 @@ +--- +import { AufnahmeClient, BenutzerClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types"; +import UserLayout from "#layouts/UserLayout.astro"; +import { API_ACCESS_TOKEN_COOKIE_NAME } from "#lib/constants"; +import DashboardAusweisePruefenModule from "#modules/Dashboard/DashboardAusweisePruefenModule.svelte"; +import { prisma } from "@ibcornelsen/database/server"; +import { createCaller } from "src/astro-typesafe-api-caller"; + +const caller = createCaller(Astro) + + +let user: BenutzerClient; +try { + user = (await caller.user.self.GET.fetch(undefined, { + headers: { + Authorization: `Bearer ${Astro.cookies.get(API_ACCESS_TOKEN_COOKIE_NAME)?.value}` + } +})) || {} as BenutzerClient; +} catch(e) { + return Astro.redirect("/auth/login") +} + +const ausweise = await prisma.verbrauchsausweisWohnen.findMany({ + where: { + benutzer: { + uid: user.uid + } + }, + include: { + aufnahme: { + include: { + objekt: { + include: { + gebaeude_bilder: true, + } + }, + events: true + } + } + } +}) + +function omit(key: string, obj: Record) { + const { [key]: omitted, ...rest } = obj; + return rest; +} + +const reformedAusweise = ausweise.map(ausweis => ({ + ausweis: omit("aufnahme", ausweis) as VerbrauchsausweisWohnenClient, + aufnahme: omit("objekt", omit("events", ausweis.aufnahme)) as AufnahmeClient, + objekt: omit("gebaeude_bilder", ausweis.aufnahme.objekt) as ObjektClient, + bilder: ausweis.aufnahme.objekt.gebaeude_bilder as unknown as UploadedGebaeudeBild[], + events: ausweis.aufnahme.events +})) +--- + + + + \ No newline at end of file diff --git a/src/pages/dashboard/index.astro b/src/pages/dashboard/index.astro index d5f5836c..cff83023 100644 --- a/src/pages/dashboard/index.astro +++ b/src/pages/dashboard/index.astro @@ -25,6 +25,6 @@ const gebaeudeArray = await caller.objekt.GET.fetch({ limit: 5 }, { }); --- - + \ No newline at end of file diff --git a/src/pages/kundendaten.astro b/src/pages/kundendaten.astro index 220dadae..2956c8b6 100644 --- a/src/pages/kundendaten.astro +++ b/src/pages/kundendaten.astro @@ -88,6 +88,6 @@ if (!ausweis || !user) { --- - + diff --git a/src/pages/payment/success.astro b/src/pages/payment/success.astro index 18e28bc8..402758a3 100644 --- a/src/pages/payment/success.astro +++ b/src/pages/payment/success.astro @@ -1,15 +1,16 @@ --- -import { prisma } from "@ibcornelsen/database/server"; +import { Enums, prisma } from "@ibcornelsen/database/server"; import Layout from "../../layouts/Layout.astro"; import { createCaller } from "../../astro-typesafe-api-caller.js"; import { API_ACCESS_TOKEN_COOKIE_NAME } from "#lib/constants"; +import PaymentSuccessModule from "#modules/PaymentSuccessModule.svelte"; + +const uid = Astro.url.searchParams.get("uid"); -const { uid } = Astro.params; const caller = createCaller(Astro) - const user = await caller.user.self.GET.fetch(undefined, { headers: { Authorization: `Bearer ${Astro.cookies.get(API_ACCESS_TOKEN_COOKIE_NAME)?.value}` @@ -23,7 +24,9 @@ if (!uid || !user) { const rechnung = await prisma.rechnung.findUnique({ where: { uid: uid, - benutzer_id: user.id + benutzer: { + uid: user.uid + } } }) @@ -33,7 +36,7 @@ if (!rechnung) { --- + - Supa! Hat geklappt ne! - {rechnung.uid} + \ No newline at end of file