Implement password changing

Author: MaddyGuthridge

src/routes/admin/ChangePassword.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+  import api from "$endpoints";
+
+  export let username: string;
+  let originalPassword = "";
+  let newPassword = "";
+  let repeatNewPassword = "";
+
+  async function submitChangePassword() {
+    await api().admin.auth.change(username, originalPassword, newPassword);
+    originalPassword = "";
+    newPassword = "";
+    repeatNewPassword = "";
+  }
+</script>
+
+<div>
+  <h2>Change authentication</h2>
+  <form on:submit={submitChangePassword}>
+    <p>
+      Username
+      <br />
+      <input placeholder="Your account username" bind:value={username} />
+    </p>
+    <p>
+      Original password
+      <br />
+      <input
+        type="password"
+        placeholder="Your original password"
+        bind:value={originalPassword}
+      />
+    </p>
+    <p>
+      New password
+      <br />
+      <input
+        type="password"
+        placeholder="A unique and secure password"
+        bind:value={newPassword}
+      />
+    </p>
+    <p>
+      Repeat new password
+      <br />
+      <input
+        type="password"
+        placeholder="Your new password again"
+        bind:value={repeatNewPassword}
+      />
+    </p>
+    {#if newPassword != repeatNewPassword}
+      <p>New passwords much match</p>
+    {/if}
+    <p>
+      <input
+        type="submit"
+        value="Change password"
+        disabled={newPassword != repeatNewPassword}
+      />
+    </p>
+  </form>
+</div>