MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-11-07 04:42:58 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web-src] Refactor "remove podcast" handling

Browse Source
This commit is contained in:
chme
2020-04-12 09:16:48 +02:00
parent 77b4ea657a
commit af2c79a2f4
4 changed files with 104 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web-src/src/components/ModalDialog.vue
View File

@@ -4,7 +4,25 @@
<div class="modal is-active" v-if="show">
<div class="modal-background" @click="$emit('close')"></div>
<div class="modal-content fd-modal-card">
<slot name="modal-content"></slot>
<div class="card">
<div class="card-content">
<p class="title is-4" v-if="title">
{{ title }}
</p>
<slot name="modal-content"></slot>
</div>
<footer class="card-footer">
<a class="card-footer-item has-text-dark" @click="$emit('close')">
<span class="icon"><i class="mdi mdi-cancel"></i></span> <span class="is-size-7">Cancel</span>
</a>
<a v-if="delete_action" class="card-footer-item has-background-danger has-text-white has-text-weight-bold" @click="$emit('delete')">
<span class="icon"><i class="mdi mdi-delete"></i></span> <span class="is-size-7">{{ delete_action }}</span>
</a>
<a v-if="ok_action" class="card-footer-item has-background-info has-text-white has-text-weight-bold" @click="$emit('ok')">
<span class="icon"><i class="mdi mdi-check"></i></span> <span class="is-size-7">{{ ok_action }}</span>
</a>
</footer>
</div>
</div>
<button class="modal-close is-large" aria-label="close" @click="$emit('close')"></button>
</div>
@@ -15,7 +33,7 @@
<script>
export default {
name: 'ModalDialog',
props: ['show']
props: ['show', 'title', 'ok_action', 'delete_action']
}
</script>

5
web-src/src/components/ModalDialogAlbum.vue
View File

@@ -12,8 +12,9 @@
<p class="title is-4">
<a class="has-text-link" @click="open_album">{{ album.name }}</a>
</p>
<div class="buttons" v-if="media_kind === 'podcast' && new_tracks > 0">
<a class="button is-small" @click="mark_played">Mark as played</a>
<div class="buttons" v-if="media_kind === 'podcast'">
<a class="button is-small" v-if="new_tracks > 0" @click="mark_played">Mark as played</a>
<a class="button is-small" @click="$emit('remove_podcast')">Remove podcast</a>
</div>
<div class="content is-small">
<p v-if="album.artist && media_kind !== 'audiobook'">