From 740df2706934231a91c5e2d5061198ea962c357c Mon Sep 17 00:00:00 2001
From: Freya Murphy <freya@freyacat.org>
Date: Wed, 3 Apr 2024 11:25:57 -0400
Subject: profile page

---
 src/web/_views/apps/auth/login.php   |  8 ++++----
 src/web/_views/apps/people/main.php  | 20 +++++++++----------
 src/web/_views/apps/profile/main.php | 37 ++++++++++++++++++++++++++++++++++++
 src/web/_views/header.php            |  2 +-
 src/web/_views/modal/new_post.php    | 12 ++++++------
 src/web/_views/modal/register.php    | 31 +++++++++++++++++-------------
 src/web/_views/template/posts.php    |  4 +++-
 7 files changed, 79 insertions(+), 35 deletions(-)
 create mode 100644 src/web/_views/apps/profile/main.php

(limited to 'src/web/_views')

diff --git a/src/web/_views/apps/auth/login.php b/src/web/_views/apps/auth/login.php
index d7f326b..231e12e 100644
--- a/src/web/_views/apps/auth/login.php
+++ b/src/web/_views/apps/auth/login.php
@@ -49,7 +49,7 @@
 	<script>
 
 		var onLogin = function(data) {
-			let jwt = data.token;
+			var jwt = data.token;
 
 			$.ajax({
 				url: '/auth/update',
@@ -66,13 +66,13 @@
 
 		$('#action-login').on('submit', function(e) {
 			e.preventDefault();
-			let username = $('#login-username').val();
-			let password = $('#login-password').val();
+			var username = $('#login-username').val();
+			var password = $('#login-password').val();
 
 			$.ajax({
 				url: '/api/rpc/login',
 				method: 'POST',
-				data: JSON.stringify({ username, password }),
+				data: JSON.stringify({ username: username, password: password }),
 				success: onLogin
 			});
 		});
diff --git a/src/web/_views/apps/people/main.php b/src/web/_views/apps/people/main.php
index 3b45333..66e6fb0 100644
--- a/src/web/_views/apps/people/main.php
+++ b/src/web/_views/apps/people/main.php
@@ -18,7 +18,7 @@
 	<?php if ($loaded >= $page_size && $page_size < $total): ?>
 		<?=ilang('action_load_users',
 				id: 'action-load-users',
-				class: 'btn btn-line btn-wide mt mb',
+				class: 'btn btn-line btn-wide mb',
 				attrs: array(
 					'loaded' => $loaded,
 					'pageSize' => $page_size,
@@ -31,27 +31,27 @@
 			var urlParams = new URLSearchParams(window.location.search).toString();
 
 			$('#action-load-users').on('click', function() {
-				let me = $(this);
-				let page = me.attr('page');
+				var me = $(this);
+				var page = me.attr('page');
 				if (!page) {
 					page = '1';
 				}
-				let newPage = Number(page) + 1;
+				var newPage = Number(page) + 1;
 				me.attr('page', newPage + '');
 
-				let loaded = Number(me.attr('loaded'));
-				let pageSize = Number(me.attr('pageSize'));
-				let userCount = Number(me.attr('userCount'));
-				let userMax = Number(me.attr('userMax'));
+				var loaded = Number(me.attr('loaded'));
+				var pageSize = Number(me.attr('pageSize'));
+				var userCount = Number(me.attr('userCount'));
+				var userMax = Number(me.attr('userMax'));
 
-				let url = '/people/people?page=' + page + '&max=' + userMax + '&' + urlParams;
+				var url = '/people/people?page=' + page + '&max=' + userMax + '&' + urlParams;
 				$.get(url, function (data) {
 					if (data === '') {
 						me.remove();
 						return;
 					}
 
-					let container = $('#people-container');
+					var container = $('#people-container');
 					container.append(data);
 
 					loaded += pageSize;
diff --git a/src/web/_views/apps/profile/main.php b/src/web/_views/apps/profile/main.php
new file mode 100644
index 0000000..afa45bc
--- /dev/null
+++ b/src/web/_views/apps/profile/main.php
@@ -0,0 +1,37 @@
+<div id="main-content">
+	<div id="profile-header" class="col">
+		<div class="banner image-loading">
+			<img src="/api/rpc/profile_banner?user_id=<?=$user['id']?>">
+		</div>
+		<div class="info row">
+			<div class="pfp-wrapper">
+				<?php $this->view('template/pfp', array('user' => $user)); ?>
+			</div>
+			<div class="col content">
+				<strong class="name"><?=$this->format_model->name($user)?></strong>
+				<span class="dim"><?=lang('joined') . $this->format_model->date($user['created'])?></span>
+			</div>
+		</div>
+		<hr>
+		<div class="row options">
+			<?=ilang('action_posts',
+				sub: [$user['first_name']],
+				class: 'btn'
+			)?>
+			<?=ilang('action_about',
+				sub: [$user['first_name']],
+				class: 'btn'
+			)?>
+			<?=ilang('action_friends',
+				sub: [$user['first_name']],
+				class: 'btn'
+			)?>
+		</div>
+	</div>
+	<div id="#tab-posts">
+		<?php
+			$_GET['user_id'] = $user['id'];
+			$this->post_controller->index();
+		?>
+	</div>
+</div>
diff --git a/src/web/_views/header.php b/src/web/_views/header.php
index 7c60197..6d9570e 100644
--- a/src/web/_views/header.php
+++ b/src/web/_views/header.php
@@ -55,7 +55,7 @@
 			</div>
 			<script>
 				$('#action-hamburger').on('click', function() {
-					let menu = $('.nav-center');
+					var menu = $('.nav-center');
 					menu.toggleClass('visible');
 				});
 			</script>
diff --git a/src/web/_views/modal/new_post.php b/src/web/_views/modal/new_post.php
index 50b9b84..66cb8c8 100644
--- a/src/web/_views/modal/new_post.php
+++ b/src/web/_views/modal/new_post.php
@@ -31,18 +31,18 @@
 <script>
 	$('#new-post-form').submit(function(e) {
 		e.preventDefault();
-		let content = $('#new-post-content').val();
-		let me = $(this);
+		var content = $('#new-post-content').val();
+		var me = $(this);
 
-		const getPost = function(data) {
+		var getPost = function(data) {
 			if (data) {
 				$('#post-container').prepend(data);
 			}
 			me.closest('.modal-container').remove();
 		}
 
-		const onPost = function(data) {
-			let id = data[0].id;
+		var onPost = function(data) {
+			var id = data[0].id;
 			$.get({
 				url: '/_util/post/post?id=' + id,
 				success: getPost
@@ -52,7 +52,7 @@
 		$.ajax({
 			url: '/api/post',
 			method: 'POST',
-			data: JSON.stringify({ content }),
+			data: JSON.stringify({ content: content }),
 			success: onPost
 		});
 	});
diff --git a/src/web/_views/modal/register.php b/src/web/_views/modal/register.php
index f4d364a..81cae9e 100644
--- a/src/web/_views/modal/register.php
+++ b/src/web/_views/modal/register.php
@@ -133,28 +133,28 @@
 	$('#register-form').submit(function(e) {
 		e.preventDefault();
 
-		const form = event.target;
-		const formFields = form.elements;
+		var form = event.target;
+		var 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();
+		var first_name = formFields.first_name.value.trim();
+		var last_name = formFields.last_name.value.trim();
+		var username = formFields.username.value.trim();
+		var password = formFields.password.value.trim();
+		var email = formFields.email.value.trim();
+		var birth_date = formFields.birth_date.value.trim();
+		var gender = formFields.gender.value.trim();
 
 		if(birth_date === '') {
 			errorToast('toast_date_empty');
 			return;
 		}
 
-		const onSuccess = () => {
+		var onSuccess = function() {
 			$.ajax({
 				url: '/api/rpc/login',
 				method: 'POST',
 				data: JSON.stringify({
-					username, password
+					username: username, password: password
 				}),
 				success: onLogin
 			});
@@ -164,8 +164,13 @@
 			url: '/api/user',
 			method: 'POST',
 			data: JSON.stringify({
-				first_name, last_name, username, password,
-				email, birth_date, gender
+				first_name: first_name,
+				last_name: last_name,
+				username: username,
+				password: password,
+				email: email,
+				birth_date: birth_date,
+				gender: gender
 			}),
 			success: onSuccess
 		});
diff --git a/src/web/_views/template/posts.php b/src/web/_views/template/posts.php
index 5e9156c..5fec698 100644
--- a/src/web/_views/template/posts.php
+++ b/src/web/_views/template/posts.php
@@ -6,16 +6,18 @@
 	$page_size = $pdata['page_size'];
 	$total = $pdata['total'];
 	$max = $pdata['max'];
+	$filterUid = $pdata['filter_uid'];
 
 	if ($loaded >= $page_size && $page_size < $total) {
 		ilang('action_load_posts',
 			id: 'action-load-posts',
-			class: 'btn btn-line btn-wide mb',
+			class: 'btn btn-line btn-wide mb mt',
 			attrs: array(
 				'loaded' => $loaded,
 				'pageSize' => $page_size,
 				'postCount' => $total,
 				'postMax' => $max,
+				'userId' => $filterUid
 			)
 		);
 	}
-- 
cgit v1.2.3-freya