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/_modal/about.php    |   9 ++
 src/web/_views/_modal/new_post.php |  56 ++++++++++++
 src/web/_views/_modal/register.php | 178 +++++++++++++++++++++++++++++++++++++
 3 files changed, 243 insertions(+)
 create mode 100644 src/web/_views/_modal/about.php
 create mode 100644 src/web/_views/_modal/new_post.php
 create mode 100644 src/web/_views/_modal/register.php

(limited to 'src/web/_views/_modal')

diff --git a/src/web/_views/_modal/about.php b/src/web/_views/_modal/about.php
new file mode 100644
index 0000000..4bc7a4f
--- /dev/null
+++ b/src/web/_views/_modal/about.php
@@ -0,0 +1,9 @@
+<?php /* Copyright (c) 2024 Freya Murphy */ ?>
+<?php /* vi: syntax=php */ ?>
+<div id="about-menu" class="modal-content">
+	<div><span class="logo">xssbook</span></div>
+	<div><span class="mb"><?=ucfirst(lang('version'))?></span></div>
+	<div><span><?=ucfirst(lang('copyright'))?></span></div>
+	<div><a class="btn btn-primary mt" href="https://g.freya.cat/freya/xssbook2">Source Code</a></div>
+	<div><p>For reports of abuse, please email <a class="btn-primary" href="mailto:contact@freyacat.org">contact@freyacat.org</a></p></div>
+</div>
diff --git a/src/web/_views/_modal/new_post.php b/src/web/_views/_modal/new_post.php
new file mode 100644
index 0000000..aff19a5
--- /dev/null
+++ b/src/web/_views/_modal/new_post.php
@@ -0,0 +1,56 @@
+<?php /* Copyright (c) 2024 Freya Murphy */ ?>
+<?php /* vi: syntax=php */ ?>
+<form id="new-post-form">
+<div class="modal-content new-post-modal">
+	<div class="row">
+		<?=pfp($session)?>
+		<div class="col ml">
+			<strong><?=$session['first_name'] . ' ' . $session['last_name']?></strong>
+			<span class="subtext"><?=ucfirst(lang('now'))?></span>
+		</div>
+	</div>
+	<textarea
+		type="text"
+		name="content"
+		id="new-post-content"
+		placeholder="<?=ucfirst(lang('action_new_post_text', sub: [$session['first_name']]))?>"
+	></textarea>
+</div>
+<div class="modal-footer">
+	<?=ilang('action_submit',
+		id: 'new-post-submit',
+		class: 'btn btn-submit btn-alt grow',
+		attrs: array('type' => 'submit'),
+		type: 'button',
+	)?>
+</div>
+</form>
+<script>
+	$('#new-post-form').submit(function(e) {
+		e.preventDefault();
+		let content = $('#new-post-content').val();
+		let me = $(this);
+
+		const getPost = function(data) {
+			if (data) {
+				$('#post-container').prepend(data);
+			}
+			me.closest('.modal-container').remove();
+		}
+
+		const onPost = function(data) {
+			let id = data[0].id;
+			$.get({
+				url: '/_post/post?id=' + id,
+				success: getPost
+			});
+		}
+
+		$.ajax({
+			url: '/api/post',
+			method: 'POST',
+			data: JSON.stringify({ content }),
+			success: onPost
+		});
+	});
+</script>
diff --git a/src/web/_views/_modal/register.php b/src/web/_views/_modal/register.php
new file mode 100644
index 0000000..2126d0d
--- /dev/null
+++ b/src/web/_views/_modal/register.php
@@ -0,0 +1,178 @@
+
+<?php /* Copyright (c) 2024 Freya Murphy */ ?>
+<?php /* vi: syntax=php */ ?>
+<form id="register-form">
+<div class="modal-content register-modal col">
+	<label>
+		<?=ucwords(lang('ph_basic_info'))?>
+	</label>
+	<div class="row mt">
+		<div class="form-input grow">
+			<input
+				type="text"
+				name="first_name"
+				id="register-first-name"
+				placeholder=" "
+			>
+			<label for="first_name">
+				<?=ucwords(lang('ph_first_name'))?>
+			</label>
+		</div>
+		<div class="form-input ml grow">
+			<input
+				type="text"
+				name="last_name"
+				id="register-last-name"
+				placeholder=" "
+			>
+			<label for="last_name">
+				<?=ucwords(lang('ph_last_name'))?>
+			</label>
+		</div>
+	</div>
+	<div class="form-input mt">
+		<input
+			type="text"
+			name="username"
+			id="register-username"
+			placeholder=" "
+		>
+		<label for="username">
+			<?=ucwords(lang('ph_username'))?>
+		</label>
+	</div>
+	<div class="form-input mt">
+		<input
+			type="password"
+			name="password"
+			id="register-password"
+			placeholder=" "
+		>
+		<label for="password">
+			<?=ucwords(lang('ph_password'))?>
+		</label>
+	</div>
+	<div class="form-input mt">
+		<input
+			type="text"
+			name="email"
+			id="register-email"
+			placeholder=" "
+		>
+		<label for="email">
+			<?=ucwords(lang('ph_email'))?>
+		</label>
+	</div>
+	<label for="birth_date" class="mt">
+		<?=ucwords(lang('ph_birth_date'))?>
+	</label>
+	<input
+		class="mt"
+		type="date"
+		name="birth_date"
+		id="register-birth-date"
+	>
+	<label for="gender" class="mt">
+		<?=ucwords(lang('ph_gender'))?>
+	</label>
+	<div class="row mt" data-type="radio" data-name="gender-wrapper">
+		<div class="form-radio mr">
+			<input
+				type="radio"
+				id="register-gender-male"
+				name="gender"
+				value="Male"
+			>
+			<label
+				for="register-gender-male"
+				class="static"
+			>
+				<?=ucwords(lang('ph_gender_male'))?>
+			</label>
+		</div>
+		<div class="form-radio mr">
+			<input
+				type="radio"
+				id="register-gender-female"
+				name="gender"
+				value="Female"
+			>
+			<label
+				for="register-gender-female"
+				class="static"
+			>
+				<?=ucwords(lang('ph_gender_female'))?>
+			</label>
+		</div>
+		<div class="form-radio">
+			<input
+				type="radio"
+				id="register-gender-lettuce"
+				name="gender"
+				value="Lettuce"
+			>
+			<label
+				for="register-gender-lettuce"
+				class="static"
+			>
+				<?=ucwords(lang('ph_gender_lettuce'))?>
+			</label>
+		</div>
+	</div>
+</div>
+<div class="modal-footer">
+		<?=ilang('action_register',
+			id: 'register-submit',
+			class: 'btn btn-submit btn-alt grow',
+			attrs: array('type' => 'submit'),
+			type: 'button',
+		)?>
+</div>
+</form>
+<script>
+	$('#register-form').submit(function(e) {
+		e.preventDefault();
+
+		let form = event.target;
+		let formFields = form.elements;
+
+		let first_name = formFields.first_name.value.trim();
+		let last_name = formFields.last_name.value.trim();
+		let username = formFields.username.value.trim();
+		let password = formFields.password.value.trim();
+		let email = formFields.email.value.trim();
+		let birth_date = formFields.birth_date.value.trim();
+		let gender = formFields.gender.value.trim();
+
+		if(birth_date === '') {
+			errorToast('toast_date_empty');
+			return;
+		}
+
+		const onSuccess = function() {
+			$.ajax({
+				url: '/api/rpc/login',
+				method: 'POST',
+				data: JSON.stringify({
+					username, password
+				}),
+				success: onLogin
+			});
+		};
+
+		$.ajax({
+			url: '/api/user',
+			method: 'POST',
+			data: JSON.stringify({
+				first_name,
+				last_name,
+				username,
+				password,
+				email,
+				birth_date,
+				gender,
+			}),
+			success: onSuccess
+		});
+	});
+</script>
-- 
cgit v1.2.3-freya