v2.1.0, refactor w/ crimson

1 files changed, 56 insertions, 0 deletions

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>