tcsenpai/swingmusic
1
0
Fork 0
mirror of https://github.com/tcsenpai/swingmusic.git synced 2025-07-28 13:41:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

[client] update modal to take props

Browse Source
This commit is contained in:
geoffrey45 2022-03-27 18:16:49 +03:00
parent e8994ce9ae
commit 9ada6c9058
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/modal.vue
View File

@ -6,6 +6,7 @@
<div class="cancel image" @click="modal.hideModal"></div>
<NewPlaylist
v-if="modal.component == modal.options.newPlaylist"
:track="modal.props.track"
@hideModal="hideModal"
@title="title"
/>
@ -38,7 +39,7 @@ function hideModal() {
<style lang="scss">
.new-playlist-modal {
position: fixed;
z-index: 2000;
z-index: 20;
height: 100vh;
width: 100vw;
display: grid;

8
src/stores/modal.ts
View File

@ -1,5 +1,5 @@
import { defineStore } from "pinia";
import { Track } from "../interfaces";
enum ModalOptions {
newPlaylist = "newPlaylist",
editPlaylist = "editPlaylist",
@ -10,6 +10,7 @@ export default defineStore("newModal", {
title: "",
options: ModalOptions,
component: "",
props: {},
visible: false,
}),
actions: {
@ -17,6 +18,11 @@ export default defineStore("newModal", {
this.component = modalOption;
this.visible = true;
},
showNewPlaylistModal(track: Track) {
this.component = ModalOptions.newPlaylist;
this.props.track = track;
this.visible = true;
},
hideModal() {
this.visible = false;
},