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

wip: Add ban and kick to context menu #69

Draft
sauceyred wants to merge 14 commits from context-menu-ban-kick into main
pull from: context-menu-ban-kick
merge into: gorb:main
Conversation 1 Commits 14 Files changed 9 +3 -7
3 changed files with 3 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit f1eda2da75 - Show all commits

2
components/Guild/MemberEntry.vue
View file

@ -15,7 +15,7 @@ import type { ContextMenuInterface, GuildMemberResponse } from '~/types/interfac
const { getDisplayName } = useProfile()
const contextMenu = useState<ContextMenuInterface>("contextMenu", () => ({ show: false, pointerX: 0, pointerY: 0, items: [] }));
const contextMenu = useState<ContextMenuInterface>("contextMenu");
const props = defineProps<{
member: GuildMemberResponse

2
components/Message.vue
View file

@ -76,7 +76,7 @@ const route = useRoute();
const props = defineProps<MessageProps>();
const contextMenu = useState<ContextMenuInterface>("contextMenu", () => ({ show: false, pointerX: 0, pointerY: 0, items: [] }));
const contextMenu = useState<ContextMenuInterface>("contextMenu");
const messageElement = ref<HTMLDivElement>();

6
components/UserInterface/ResizableSidebar.vue
View file

@ -1,5 +1,5 @@
<template>
<div ref="resizableSidebar" class="resizable-sidebar"
<div ref="resizableSidebar" class="resizable-sidebar" @contextmenu="showContextMenu($event, contextMenu, menuItems)"
:style="{
'width': storedWidth ? storedWidth : props.width,
'min-width': props.minWidth,
@ -49,10 +49,6 @@ onMounted(() => {
if (resizableSidebar.value && widthResizer.value) {
widthResizer.value.addEventListener("pointerdown", (e) => {
e.preventDefault();
if (e.button == 2) {
showContextMenu(e, contextMenu.value, menuItems);
return
};
document.body.style.cursor = "ew-resize";
function handleMove(pointer: PointerEvent) {
if (resizableSidebar.value) {