From 5a2ba9c2e7605bb788bc406184547d22c6436867 Mon Sep 17 00:00:00 2001
From: Freya Murphy <freya@freyacat.org>
Date: Mon, 23 Dec 2024 11:13:27 -0500
Subject: v2.1.0, refactor w/ crimson

---
 src/web/_views/auth/main.php | 87 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 src/web/_views/auth/main.php

(limited to 'src/web/_views/auth/main.php')

diff --git a/src/web/_views/auth/main.php b/src/web/_views/auth/main.php
new file mode 100644
index 0000000..9604770
--- /dev/null
+++ b/src/web/_views/auth/main.php
@@ -0,0 +1,87 @@
+<?php /* Copyright (c) 2024 Freya Murphy */ ?>
+<?php /* vi: syntax=php */ ?>
+<main id="main">
+	<div class="branding col">
+		<h1>xssbook</h1>
+		<span><?=ucfirst(lang('login_branding'))?></span>
+	</div>
+	<div class="form card col">
+		<form id="action-login" class="col" action="">
+			<div class="form-input mb">
+				<input
+					type="text"
+					name="username"
+					id="login-username"
+					placeholder=" "
+					autofocus="true"
+				>
+				<label for="username">
+					<?=ucfirst(lang('ph_username'))?>
+				</label>
+			</div>
+			<div class="form-input mb">
+				<input
+					type="password"
+					name="password"
+					id="login-password"
+					placeholder=" "
+				>
+				<label for="password">
+					<?=ucfirst(lang('ph_password'))?>
+				</label>
+			</div>
+			<?=ilang('action_login',
+				class: 'btn btn-primary btn-alt grow',
+				type: 'button',
+				attrs: array('type' => 'submit')
+			)?>
+			<?/*=ilang('action_forgot_passwd',
+				class: 'btn btn-blend btn-primary grow mt'
+			)*/?>
+		</form>
+		<hr>
+		<?=ilang('action_create_account',
+			id: 'action-register',
+			class: 'btn btn-success btn-alt grow',
+			type: 'button',
+			attrs: array('type' => 'submit')
+		)?>
+	</div>
+	<script>
+
+		const onLogin = function(data) {
+			let jwt = data.token;
+
+			$.ajax({
+				url: '/auth/update',
+				method: 'POST',
+				data: JSON.stringify({
+					key: 'jwt',
+					value: jwt
+				}),
+				success: function (_) {
+					window.location = '/home';
+				}
+			})
+		};
+
+		$('#action-login').on('submit', function(e) {
+			e.preventDefault();
+			let username = $('#login-username').val();
+			let password = $('#login-password').val();
+
+			$.ajax({
+				url: '/api/rpc/login',
+				method: 'POST',
+				data: JSON.stringify({ username, password }),
+				success: onLogin
+			});
+		});
+
+		$('#action-register').on('click', function() {
+			$.get( "/_modal/register", function (data) {
+				$(document.body).append(data);
+			});
+		})
+	</script>
+</main>
-- 
cgit v1.2.3-freya