tim/autonomous.contact
1
0
Fork 0
forked from andyburke/autonomous.contact
Code Pull requests Activity

feature: essays

Browse source 
fix: multiple rendering of things when sending
This commit is contained in:
Andy Burke 2025-09-24 13:21:39 -07:00
parent 376b7fdc24
commit b6f661c6ec
10 changed files with 537 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

118
public/tabs/essays/new_essay.html Normal file
View file

@ -0,0 +1,118 @@
<style>
.new-essay-container input[type="file"] {
display: none;
visibility: hidden;
opacity: 0;
}
.new-essay-container .essay-title-limit-counter,
.new-essay-container .essay-limit-counter {
font-size: smaller;
margin-left: 0.5rem;
}
.new-essay-container .file-attach-label {
display: block;
text-align: right;
margin-top: -2.5rem;
padding: 0.5rem;
}
.new-essay-container .file-attach-label .icon {
display: inline-block;
}
</style>
<div class="new-essay-container" data-requires-permission="topics.essays.create">
<label>
<input type="checkbox" collapse-toggle />
<i class="icon plus" style="display: inline-block; margin-right: 0.5rem"></i>
<span>New Essay</span>
</label>
<form
data-smart="true"
method="POST"
class="essay-creation-form collapsible"
style="
margin-top: 1rem
width: 100%;
transition: all 0.5s;
"
on_reply="async (essay) => { await render_essay(essay, 'afterbegin'); document.getElementById(essay.id)?.classList.remove('sending'); }"
on_parsed="async (essay) => { await render_essay(essay, 'afterbegin'); document.getElementById(essay.id)?.classList.add('sending'); }"
>
<input type="hidden" name="type" value="essay" />
<input
type="hidden"
name="id"
generator="(_input, form) => 'TEMP-' + form.__submitted_at.toISOString()"
reset-on-submit
/>
<input
type="hidden"
name="meta.temp_id"
generator="(_input, form) => 'TEMP-' + form.__submitted_at.toISOString()"
reset-on-submit
/>
<input
type="hidden"
name="creator_id"
generator="() => { return JSON.parse( document.body.dataset.user ?? '{}' ).id; }"
/>
<input
type="hidden"
name="timestamps.created"
generator="(_input, form) => form.__submitted_at.toISOString()"
reset-on-submit
/>
<input
type="hidden"
name="timestamps.updated"
generator="(_input, form) => form.__submitted_at.toISOString()"
reset-on-submit
/>
<input
type="hidden"
name="parent_id"
generator="(_input, form) => { const parent_essay = form.closest( '.essay-container' ); return parent_essay?.dataset?.essay_id; }"
/>
<textarea
type="text"
name="data.title"
value=""
maxlength="128"
rows="2"
placeholder="Essay title..."
reset-on-submit
></textarea>
<div class="essay-title-limit-counter" data-limit-counter-for="data.title">0 / 128</div>
<textarea
type="text"
name="data.essay"
value=""
maxlength="65536"
rows="16"
placeholder=" Compose your thoughts here."
reset-on-submit
></textarea>
<div class="essay-limit-counter" data-limit-counter-for="data.essay">0 / 65536</div>
<label class="file-attach-label">
<input
aria-label="Upload and share file"
type="file"
multiple
data-smartforms-save-to-home="true"
name="data.media"
reset-on-submit
/>
<div class="icon attachment"></div>
</label>
<input type="submit" value="Publish It!" />
</form>
</div>