v2.1.0, refactor w/ crimson

1 files changed, 178 insertions, 0 deletions

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>