2 files changed, 29 insertions, 0 deletions
diff --git a/pages/login/page.html b/pages/login/page.html
new file mode 100644
index 0000000..5fa188e
--- /dev/null
+++ b/pages/login/page.html
@@ -0,0 +1,11 @@
+<form id="loginForm">
+    <label for="username">Username:</label>
+    <input type="text" name="username" id="username">
+    <br>
+    <label for="password">Password:</label>
+    <input type="password" name="password" id="password">
+    <br>
+    <input type="submit" value="Log in">
+    <br>
+    <span id="error" style="color: red;"></span>
+</form>
\ No newline at end of file
diff --git a/pages/login/page.js b/pages/login/page.js
new file mode 100644
index 0000000..f0c5994
--- /dev/null
+++ b/pages/login/page.js
@@ -0,0 +1,18 @@
+async function fetchJSON(url, opts) {
+    let resp = await fetch(url, opts);
+    return await resp.json()
+}
+
+export function onload() {
+    document.getElementById("loginForm").addEventListener("submit", async function (ev) {
+        ev.preventDefault();
+        const username = document.getElementById('username').value;
+        const password = document.getElementById('password').value;
+        try {
+            await stores.sdlib.login(username, password)
+        } catch (error) {
+            return document.getElementById('error').innerText = 'An error occured\n' + error
+        }
+        pages.goToPage("main")
+    })
+}
\ No newline at end of file