MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-01-24 13:13:17 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web-src] "add podcast" dialog updates

Browse Source
This commit is contained in:
chme 2020-04-12 09:37:32 +02:00
parent af2c79a2f4
commit 1d24622c99
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web-src/src/components/ModalDialogAddRss.vue
View File

@ -6,20 +6,22 @@
<div class="modal-content fd-modal-card">
<div class="card">
<div class="card-content">
<p class="title is-4">RSS feed</p>
<form class="fd-has-margin-bottom">
<p class="title is-4">Add Podcast RSS feed URL</p>
<form @submit.prevent="add_stream">
<div class="field">
<p class="control is-expanded has-icons-left">
<input class="input is-shadowless" type="text" placeholder="http://url-to-rss" v-model="url" :disabled="loading" ref="url_field">
<span class="icon is-left">
<i class="mdi mdi-rss-box"></i>
<i class="mdi mdi-rss"></i>
</span>
</p>
<p class="help">Adding a podcast includes creating an RSS playlist, that will allow forked-daapd to manage the podcast subscription.
</p>
</div>
</form>
</div>
<footer class="card-footer" v-if="loading">
<a class="card-footer-item has-text-dark">
<a class="card-footer-item button is-loading">
<span class="icon"><i class="mdi mdi-web"></i></span> <span class="is-size-7">Processing ...</span>
</a>
</footer>
@ -27,7 +29,7 @@
<a class="card-footer-item has-text-danger" @click="$emit('close')">
<span class="icon"><i class="mdi mdi-cancel"></i></span> <span class="is-size-7">Cancel</span>
</a>
<a class="card-footer-item has-text-dark" @click="add_stream">
<a class="card-footer-item has-background-info has-text-white has-text-weight-bold" @click="add_stream">
<span class="icon"><i class="mdi mdi-playlist-plus"></i></span> <span class="is-size-7">Add</span>
</a>
</footer>
@ -58,7 +60,7 @@ export default {
this.loading = true
webapi.library_add(this.url).then(() => {
this.$emit('close')
this.$emit('rss_change')
this.$emit('podcast_added')
this.url = ''
}).catch(() => {
this.loading = false

11
web-src/src/pages/PagePodcasts.vue
View File

@ -43,11 +43,11 @@
</template>
<template slot="heading-right">
<div class="buttons is-centered">
<a class="button is-small" @click="open_add_stream_dialog">
<a class="button is-small" @click="open_add_podcast_dialog">
<span class="icon">
<i class="mdi mdi-rss"></i>
</span>
<span>RSS Subscriptions</span>
<span>Add Podcast</span>
</a>
</div>
</template>
@ -77,7 +77,10 @@
<p class="is-size-7">(This will also remove the RSS playlist <b>{{ rss_playlist_to_remove.name }}</b>.)</p>
</template>
</modal-dialog>
<modal-dialog-add-rss :show="show_url_modal" @close="show_url_modal = false" @rss_change="reload_podcasts"/>
<modal-dialog-add-rss
:show="show_url_modal"
@close="show_url_modal = false"
@podcast_added="reload_podcasts" />
</template>
</content-with-heading>
</div>
@ -158,7 +161,7 @@ export default {
this.new_episodes.items = { }
},
open_add_stream_dialog: function (item) {
open_add_podcast_dialog: function (item) {
this.show_url_modal = true
},