gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

Make context menu look nicer and handle rendering using v-if #58

Merged
sauceyred merged 12 commits from improved-context-menu into main 2025-08-04 01:55:47 +00:00
Conversation 2 Commits 12 Files changed 12 +9 -3
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 2ede820a03 - Show all commits

12
components/Message.vue
View file

@ -148,13 +148,19 @@ console.log("media links:", mediaLinks);
// showHover.value = !showHover.value;
//}
const menuItems = [
{ name: "Reply", callback: () => { if (messageElement.value) replyToMessage(messageElement.value, props) } }
const menuItems: ContextMenuItem[] = [
{ name: "Reply", icon: "lucide:reply", callback: () => { if (messageElement.value) replyToMessage(messageElement.value, props) } }
]
console.log("me:", props.me);
if (props.author?.uuid == props.me.uuid) {
menuItems.push({ name: "Edit", callback: () => { if (messageElement.value) editMessage(messageElement.value, props) } });
// Inserts "edit" option at index 1 (below the "reply" option)
menuItems.splice(1, 0, { name: "Edit", icon: "lucide:square-pen", callback: () => { if (messageElement.value) editMessage(messageElement.value, props) } });
}
if (props.author?.uuid == props.me.uuid /* || check message delete permission*/) {
// Inserts "edit" option at index 2 (below the "edit" option)
menuItems.splice(2, 0, { name: "Delete", icon: "lucide:trash", callback: () => {} });
}
function getDayDifference(date1: Date, date2: Date) {