andyburke/autonomous.contact
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature: sidebar hiding on mobile

Browse source 
feature: message actions button (nothing works yet, tho)
This commit is contained in:
Andy Burke 2025-08-19 16:58:35 -07:00
parent 01768da647
commit 2224e1abe0
5 changed files with 328 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
public/tabs/talk/talk.js
View file

@ -235,7 +235,21 @@ function render_text_event(room_chat_content, event, creator, existing_element)
last_creator_id = creator.id;
}
const html_content = `<div id="chat-${event.id}" class="message-container ${user_tick_tock_class} ${time_tick_tock_class}" data-creator_id="${creator.id}">
const message_id = event.id.substring(0, 49);
const html_content = `<div id="chat-${message_id}" class="message-container ${user_tick_tock_class} ${time_tick_tock_class}" data-creator_id="${creator.id}">
<div class="message-actions-container">
<input
type="checkbox"
id="show_message_actions-${message_id}"
class="message-actions-display-toggle"
/>
<label for="show_message_actions-${message_id}" class="message-actions-display-toggle-label"
><div class="icon more"></div>
</label>
<div class="message-action" data-action="reply"><i class="icon reply"></i><span class="action-name">Reply</span></div>
<div class="message-action" data-action="forward_copy"><i class="icon forward-copy"></i><span class="action-name">Forward (Copy Link)</span></div>
<div class="message-action" data-action="delete"><i class="icon trash"></i><span class="action-name">Delete</span></div>
</div>
<div class="info-container">
<div class="avatar-container">
<img src="${creator.meta?.avatar ?? "/images/default_avatar.gif"}" alt="user avatar" />
@ -299,7 +313,7 @@ async function append_room_events(events) {
(await (await api.fetch(`/api/users/${event.creator_id}`)).json());
const existing_element =
document.getElementById(`chat-${event.id}`) ??
document.getElementById(`chat-${event.id.substring(0, 49)}`) ??
(event.meta?.temp_id
? document.getElementById(`chat-${event.meta.temp_id}`)
: undefined);