aboutsummaryrefslogtreecommitdiffstats
path: root/app/src/routes/+page.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'app/src/routes/+page.svelte')
-rw-r--r--app/src/routes/+page.svelte94
1 files changed, 0 insertions, 94 deletions
diff --git a/app/src/routes/+page.svelte b/app/src/routes/+page.svelte
deleted file mode 100644
index 693a430..0000000
--- a/app/src/routes/+page.svelte
+++ /dev/null
@@ -1,94 +0,0 @@
-<script lang="ts">
- import Button from "$lib/ui/button.svelte";
- import {
- clear_auth_session,
- init_auth_session,
- do_import,
- } from "./methods.remote";
- import type { PageProps } from "./$types";
- import type { ImportForm } from "$lib/shared";
-
- let { data }: PageProps = $props();
- let navigating = $state(false);
- let form = $state<ImportForm>({
- budgetId: "",
- mappings: [],
- dryRun: true,
- });
-
- async function run(e: SubmitEvent) {
- e.preventDefault();
- if (!form.mappings.length) {
- return;
- }
- await do_import(form);
- }
-
- async function authorize() {
- navigating = true;
- location.href = await init_auth_session();
- }
-
- async function logout() {
- navigating = true;
- await clear_auth_session();
- location.reload();
- }
-
- function onMappingChanged(sb1Id: string, actualId: string) {
- let mappings = form.mappings;
- if (mappings.find((c) => c.sb1Id === sb1Id))
- mappings = mappings.filter((c) => c.sb1Id !== sb1Id);
- mappings.push({ sb1Id, actualId });
- form.mappings = mappings;
- }
-</script>
-
-<main>
- {#if data.sb1.accounts?.length}
- <form onsubmit={run}>
- <h3>Importer</h3>
- <fieldset>
- <h4>Kontoer</h4>
- {#each data.sb1.accounts as account}
- {@const actualId = `mapping-${account.key}-actual`}
- <div>
- <code>{account.name}</code>
- <span>&#8594;</span>
- <label for={actualId}>Actual</label>
- <select
- name={actualId}
- id={actualId}
- onchange={(e) =>
- onMappingChanged(
- account.key,
- e.currentTarget.value,
- )}
- >
- <option value="-" selected>-</option>
- {#each data.actual.accounts as actual}
- <option value={actual.id}>
- {actual.name}
- </option>
- {/each}
- </select>
- </div>
- {/each}
- <h4>Ellers</h4>
- <input
- type="checkbox"
- id="dry"
- bind:checked={form.dryRun}
- /><label for="dry">Tørrkjøring</label><br /><br />
- <input type="submit" />
- </fieldset>
- </form>
- <h3>Annet</h3>
- <Button onclick={logout} loading={navigating}>Logg ut</Button>
- <div></div>
- {:else}
- <Button onclick={authorize} loading={navigating}
- >Autentisér hos Sparebanken 1</Button
- >
- {/if}
-</main>