innohub/tatort
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

f092_ViewAuth-von-User-vereinfachen #37

Merged
jared merged 12 commits from f092_ViewAuth-von-User-vereinfachen into development 2025-10-30 13:04:09 +01:00
Conversation 0 Commits 12 Files Changed 14 +57 -79
2 changed files with 57 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 69422d1f92 - Show all commits

8
src/routes/anmeldung/+page.server.ts
View File

@@ -8,12 +8,10 @@ export const actions = {
logout: (event) => logoutUser(event), logout: (event) => logoutUser(event),
getVorgangByToken: async ({ request, cookies }) => { getVorgangByToken: async ({ request, cookies }) => {
const data = await request.formData(); const data = await request.formData();
const vorgangToken = data.get('vorgang-token'); const vorgangToken = data.get('vorgang-token') as string;
const vorgangPIN = data.get('vorgang-pin'); const vorgangPIN = data.get('vorgang-pin') as string;
if (!vorgangToken || !vorgangPIN) return; const COOKIE_NAME = `token-${vorgangToken}`;
const COOKIE_NAME = `token-${vorgangToken}`
cookies.set(COOKIE_NAME, vorgangPIN, { cookies.set(COOKIE_NAME, vorgangPIN, {
path: '/', path: '/',
httpOnly: true, httpOnly: true,

42
src/routes/anmeldung/+page.svelte
View File

@@ -1,17 +1,9 @@
<script lang="ts"> <script lang="ts">
import BaseInputField from '$lib/components/BaseInputField.svelte'; import BaseInputField from '$lib/components/BaseInputField.svelte';
import Button from '$lib/components/Button.svelte'; import Button from '$lib/components/Button.svelte';
import Modal from '$lib/components/Modal/Modal.svelte';
import ModalContent from '$lib/components/Modal/ModalContent.svelte';
import ModalFooter from '$lib/components/Modal/ModalFooter.svelte';
import ModalTitle from '$lib/components/Modal/ModalTitle.svelte';
import ArrowRight from '$lib/icons/Arrow-right.svelte'; import ArrowRight from '$lib/icons/Arrow-right.svelte';
import Login from '$lib/icons/Login.svelte';
export let form; export let form;
export let open = false;
import { page } from '$app/state'; import { page } from '$app/state';
import { ROUTE_NAMES } from '../index.js'; import { ROUTE_NAMES } from '../index.js';
const vorgangToken = page.url.searchParams.get('vorgang'); const vorgangToken = page.url.searchParams.get('vorgang');
@@ -28,14 +20,9 @@
<div class="w-full max-w-sm mx-auto"> <div class="w-full max-w-sm mx-auto">
<div class="relative mt-5 bg-gray-50 rounded-xl shadow-xl p-3 pt-1"> <div class="relative mt-5 bg-gray-50 rounded-xl shadow-xl p-3 pt-1">
<div class="mt-10"> <div class="mt-10">
<form action="{ROUTE_NAMES.ANMELDUNG_GET_VORGANG_BY_TOKEN}" method="POST"> {#if vorgangToken}
<BaseInputField <form action={ROUTE_NAMES.ANMELDUNG_GET_VORGANG_BY_TOKEN} method="POST">
id="vorgang-token" <input type="hidden" name="vorgang-token" value={vorgangToken} />
name="vorgang-token"
label="Vorgangskennung"
type="text"
value={vorgangToken}
/>
<div class="mt-5"> <div class="mt-5">
<BaseInputField <BaseInputField
id="vorgang-pin" id="vorgang-pin"
@@ -50,19 +37,10 @@
<Button type="submit"><ArrowRight /></Button> <Button type="submit"><ArrowRight /></Button>
</div> </div>
</form> </form>
</div> {:else}
</div> <form action={ROUTE_NAMES.ANMELDUNG_LOGIN} method="POST">
<div class="flex justify-end mt-10 px-3">
<Button on:click={() => (open = true)}><Login /></Button>
</div>
</div>
</div>
<Modal {open}>
<ModalTitle>Anmelden</ModalTitle>
<ModalContent class="flex justify-center">
<form action="{ROUTE_NAMES.ANMELDUNG_LOGIN}" method="POST">
<div> <div>
<label for="user" class="text-sm font-medium leading-6 text-gray-900">Kennung</label> <label for="user" class="text-sm font-medium leading-6 text-gray-900">Name</label>
<div class="mt-2"> <div class="mt-2">
<input <input
id="user" id="user"
@@ -95,6 +73,8 @@
<Button type="submit" class="mt-5">Anmelden</Button> <Button type="submit" class="mt-5">Anmelden</Button>
</div> </div>
</form> </form>
</ModalContent> {/if}
<ModalFooter><Button on:click={() => (open = false)}>Ok</Button></ModalFooter> </div>
</Modal> </div>
</div>
</div>