[web] #1493 Fix directory modal dialog not showing up

This commit is contained in:
Alain Nussbaumer 2022-06-05 20:24:52 +02:00 committed by chme
parent 911bd59116
commit c020905f2e
2 changed files with 10 additions and 7 deletions

View File

@ -6,7 +6,7 @@
<div class="modal-content fd-modal-card"> <div class="modal-content fd-modal-card">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<p class="title is-4" v-text="directory.path" /> <p class="title is-4" v-text="directory" />
</div> </div>
<footer class="card-footer"> <footer class="card-footer">
<a class="card-footer-item has-text-dark" @click="queue_add"> <a class="card-footer-item has-text-dark" @click="queue_add">

View File

@ -9,7 +9,7 @@
<div class="buttons is-centered"> <div class="buttons is-centered">
<a <a
class="button is-small is-light is-rounded" class="button is-small is-light is-rounded"
@click="open_directory_dialog({ path: current_directory })" @click="show_details_modal = true"
> >
<mdicon class="icon" name="dots-horizontal" size="16" /> <mdicon class="icon" name="dots-horizontal" size="16" />
</a> </a>
@ -28,9 +28,9 @@
:show_icon="true" :show_icon="true"
/> />
<modal-dialog-directory <modal-dialog-directory
:show="show_directory_details_modal" :show="show_details_modal"
:directory="selected_directory" :directory="current_directory"
@close="show_directory_details_modal = false" @close="show_details_modal = false"
/> />
</template> </template>
</content-with-heading> </content-with-heading>
@ -42,6 +42,7 @@ import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ListDirectories from '@/components/ListDirectories.vue' import ListDirectories from '@/components/ListDirectories.vue'
import ListPlaylists from '@/components/ListPlaylists.vue' import ListPlaylists from '@/components/ListPlaylists.vue'
import ListTracks from '@/components/ListTracks.vue' import ListTracks from '@/components/ListTracks.vue'
import ModalDialogDirectory from '@/components/ModalDialogDirectory.vue'
import webapi from '@/webapi' import webapi from '@/webapi'
const dataObject = { const dataObject = {
@ -73,7 +74,8 @@ export default {
ContentWithHeading, ContentWithHeading,
ListDirectories, ListDirectories,
ListPlaylists, ListPlaylists,
ListTracks ListTracks,
ModalDialogDirectory
}, },
beforeRouteEnter(to, from, next) { beforeRouteEnter(to, from, next) {
@ -95,7 +97,8 @@ export default {
directories: [], directories: [],
tracks: { items: [] }, tracks: { items: [] },
playlists: { items: [] } playlists: { items: [] }
} },
show_details_modal: false
} }
}, },