From d37eef8b88970b5d1b1fd7e5937a725b9900f732 Mon Sep 17 00:00:00 2001
From: ChrisDill <chris.rj.dill@gmail.com>
Date: Thu, 10 Sep 2020 15:05:12 +0100
Subject: [PATCH] Started work on the admin/login system. - Added description
to template.html. - Testing on:submit using a js callback. - Added title to
admin page.
---
src/routes/admin/index.svelte | 4 ++++
src/routes/admin/login.svelte | 21 +++++++++++++++++----
src/template.html | 1 +
3 files changed, 22 insertions(+), 4 deletions(-)
diff --git a/src/routes/admin/index.svelte b/src/routes/admin/index.svelte
index 9140e25..6785855 100644
--- a/src/routes/admin/index.svelte
+++ b/src/routes/admin/index.svelte
@@ -2,6 +2,10 @@
import Banner from '../../components/banner.svelte'
</script>
+<svelte:head>
+ <title>Quartznet - Admin</title>
+</svelte:head>
+
<Banner title="Admin"/>
<main class="container">
diff --git a/src/routes/admin/login.svelte b/src/routes/admin/login.svelte
index 8ce69f0..d06f29b 100755
--- a/src/routes/admin/login.svelte
+++ b/src/routes/admin/login.svelte
@@ -1,25 +1,38 @@
<script>
import Banner from '../../components/banner.svelte'
+
+ let username = "";
+ let password = "";
+
+ const submitHandler = () => {
+ alert("TODO: implement login backend");
+ }
</script>
+<svelte:head>
+ <title>Quartznet - Login</title>
+</svelte:head>
+
<Banner title="Login"/>
<main class="container">
- <form class="form-signin" action="login.php" method="post">
+ <form on:submit|preventDefault={submitHandler} class="form-signin" method="post">
<div class="form-label-group">
<label for="username">Username</label>
- <input type="text" id="username" class="form-control" name="username" placeholder="Username" required>
+ <input type="text" id="username" class="form-control" bind:value={username}
+ name="username" placeholder="Username" required>
</div>
<div class="form-label-group">
<label for="inputPassword">Password</label>
- <input type="password" id="password" class="form-control" name="password" placeholder="Password" required>
+ <input type="password" id="password" class="form-control" bind:value={password}
+ name="password" placeholder="Password" required>
</div>
<div class="custom-control custom-checkbox mb-3">
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1">Remember password</label>
</div>
- <button class="btn btn-lg btn-primary btn-block text-uppercase" type="submit">Sign in</button>
+ <button class="btn btn-primary" type="submit">Sign in</button>
</form>
</main>
\ No newline at end of file
diff --git a/src/template.html b/src/template.html
index 706d09d..9cc9cb9 100644
--- a/src/template.html
+++ b/src/template.html
@@ -4,6 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="theme-color" content="#333333">
+ <meta name="description" content="Quartznet is a small team developing games, tools and more!">
%sapper.base%