Now Playing
-
+
@@ -16,8 +22,34 @@ import SongCard from "./SongCard.vue";
import HotKeys from "./NP/HotKeys.vue";
import Progress from "./NP/Progress.vue";
import useQStore from "../../stores/queue";
+import MenuSvg from "../../assets/icons/more.svg";
+import trackContext from "@/contexts/track_context";
+import useContextStore from "@/stores/context";
+import useModalStore from "@/stores/modal";
+import useQueueStore from "@/stores/queue";
+import { ContextSrc } from "@/composables/enums";
+
+import { ref } from "vue";
const queue = useQStore();
+const contextStore = useContextStore();
+const context_on = ref(false);
+
+const showContextMenu = (e: Event) => {
+ e.preventDefault();
+ e.stopPropagation();
+
+ const menus = trackContext(queue.current, useModalStore, useQueueStore);
+
+ contextStore.showContextMenu(e, menus, ContextSrc.Track);
+ context_on.value = true;
+
+ contextStore.$subscribe((mutation, state) => {
+ if (!state.visible) {
+ context_on.value = false;
+ }
+ });
+};