From 31c31b0a61ab5a80219668fa1b0c30f848a3aded Mon Sep 17 00:00:00 2001
From: Chris Dill <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%