diff --git a/web/index.html b/web/index.html
index 5840499..dc18652 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,40 +1,17 @@
-
-
-
-
-
-
-
-
-
- Anwesenheit
-
-
-
-
-
-
- Anwesenheit
-
-
- Download CSV
-
-
-
-
ID mapping
-
-
-
- | ID |
- Nachname |
- Vorname |
-
-
-
-
+
Anwesenheit
+
+
+
+ Download CSV
+
+
+
+
+
+
diff --git a/web/src/style.css b/web/src/app.css
similarity index 58%
rename from web/src/style.css
rename to web/src/app.css
index 443d9b9..3d552a6 100644
--- a/web/src/style.css
+++ b/web/src/app.css
@@ -1,4 +1,2 @@
@import "tailwindcss";
-#mappingTable{
-}
diff --git a/web/src/idMapping.ts b/web/src/lib/IDMapping.ts
similarity index 64%
rename from web/src/idMapping.ts
rename to web/src/lib/IDMapping.ts
index 6af56a5..cbbcdd7 100644
--- a/web/src/idMapping.ts
+++ b/web/src/lib/IDMapping.ts
@@ -1,4 +1,4 @@
-export interface IdMapping {
+export interface IDMapping {
id_map: IDMap
}
@@ -11,19 +11,6 @@ export interface Name {
last: string,
}
-export async function requestMappings(): Promise {
- let req = await fetch("/api/mapping");
-
- if (req.status != 200) {
- console.error(await req.text());
- return { id_map: {} };
- }
-
- let mappings: IdMapping = await req.json();
-
- return mappings;
-}
-
export async function addMapping(id: string, firstName: string, lastName: string) {
let req = await fetch("/api/mapping", {
method: "POST",
@@ -39,7 +26,7 @@ export async function addMapping(id: string, firstName: string, lastName: string
})
});
- if (req.status != 200){
+ if (req.status != 200) {
console.error(await req.text())
}
}
diff --git a/web/src/lib/IDTable.svelte b/web/src/lib/IDTable.svelte
new file mode 100644
index 0000000..192eef1
--- /dev/null
+++ b/web/src/lib/IDTable.svelte
@@ -0,0 +1,45 @@
+
+
+{#if data == null}
+ Loading
+{:else}
+
+
+
+
+ | ID |
+ Nachname |
+ Vorname |
+
+
+
+ {#each rows as row}
+
+ | {row.id} |
+ {row.last} |
+ {row.first} |
+
+ {/each}
+
+
+