blob: aff19a574b597644bb31946ba79a4f415f20b74d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
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>
|
