From 1d24622c990eaf4b7bcd265e45a72e8c2f33e9c7 Mon Sep 17 00:00:00 2001
From: chme <christian.meffert@googlemail.com>
Date: Sun, 12 Apr 2020 09:37:32 +0200
Subject: [PATCH] [web-src] "add podcast" dialog updates

---
 web-src/src/components/ModalDialogAddRss.vue | 14 ++++++++------
 web-src/src/pages/PagePodcasts.vue           | 11 +++++++----
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/web-src/src/components/ModalDialogAddRss.vue b/web-src/src/components/ModalDialogAddRss.vue
index 22d5eaab..bb8f66ca 100644
--- a/web-src/src/components/ModalDialogAddRss.vue
+++ b/web-src/src/components/ModalDialogAddRss.vue
@@ -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
diff --git a/web-src/src/pages/PagePodcasts.vue b/web-src/src/pages/PagePodcasts.vue
index d0c166e8..3d9f5109 100644
--- a/web-src/src/pages/PagePodcasts.vue
+++ b/web-src/src/pages/PagePodcasts.vue
@@ -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
     },