From ad96321c24c478084a7d583f27eb004cb95d2d5b Mon Sep 17 00:00:00 2001
From: chme <christian.meffert@googlemail.com>
Date: Sun, 9 Jan 2022 18:29:24 +0100
Subject: [PATCH] [web-src] Add option to only update a single library source

---
 web-src/src/App.vue                          | 17 +++-
 web-src/src/components/ModalDialogUpdate.vue | 95 ++++++++++++++++++++
 web-src/src/components/NavbarTop.vue         | 50 +++--------
 web-src/src/pages/PageAbout.vue              | 44 ++-------
 web-src/src/pages/PagePodcasts.vue           | 18 ++++
 web-src/src/store/index.js                   | 14 ++-
 web-src/src/store/mutation_types.js          |  3 +
 web-src/src/webapi/index.js                  | 16 +++-
 8 files changed, 175 insertions(+), 82 deletions(-)
 create mode 100644 web-src/src/components/ModalDialogUpdate.vue

diff --git a/web-src/src/App.vue b/web-src/src/App.vue
index a4f4b668..d98c4ec9 100644
--- a/web-src/src/App.vue
+++ b/web-src/src/App.vue
@@ -7,6 +7,9 @@
       <router-view v-show="true" />
     </transition>
     <modal-dialog-remote-pairing :show="pairing_active" @close="pairing_active = false" />
+    <modal-dialog-update
+        :show="show_update_dialog"
+        @close="show_update_dialog = false" />
     <notifications v-show="!show_burger_menu" />
     <navbar-bottom />
     <div class="fd-overlay-fullscreen" v-show="show_burger_menu || show_player_menu"
@@ -19,6 +22,7 @@ import NavbarTop from '@/components/NavbarTop'
 import NavbarBottom from '@/components/NavbarBottom'
 import Notifications from '@/components/Notifications'
 import ModalDialogRemotePairing from '@/components/ModalDialogRemotePairing'
+import ModalDialogUpdate from '@/components/ModalDialogUpdate'
 import webapi from '@/webapi'
 import * as types from '@/store/mutation_types'
 import ReconnectingWebSocket from 'reconnectingwebsocket'
@@ -26,7 +30,7 @@ import moment from 'moment'
 
 export default {
   name: 'App',
-  components: { NavbarTop, NavbarBottom, Notifications, ModalDialogRemotePairing },
+  components: { NavbarTop, NavbarBottom, Notifications, ModalDialogRemotePairing, ModalDialogUpdate },
   template: '<App/>',
 
   data () {
@@ -53,6 +57,14 @@ export default {
       set (value) {
         this.$store.commit(types.SHOW_PLAYER_MENU, value)
       }
+    },
+    show_update_dialog: {
+      get () {
+        return this.$store.state.show_update_dialog
+      },
+      set (value) {
+        this.$store.commit(types.SHOW_UPDATE_DIALOG, value)
+      }
     }
   },
 
@@ -181,6 +193,9 @@ export default {
       webapi.library_count('media_kind is podcast').then(({ data }) => {
         this.$store.commit(types.UPDATE_LIBRARY_PODCASTS_COUNT, data)
       })
+      webapi.library_count('scan_kind is rss').then(({ data }) => {
+        this.$store.commit(types.UPDATE_LIBRARY_RSS_COUNT, data)
+      })
     },
 
     update_outputs: function () {
diff --git a/web-src/src/components/ModalDialogUpdate.vue b/web-src/src/components/ModalDialogUpdate.vue
new file mode 100644
index 00000000..8d2d0eba
--- /dev/null
+++ b/web-src/src/components/ModalDialogUpdate.vue
@@ -0,0 +1,95 @@
+<template>
+  <modal-dialog
+      :show="show"
+      title="Update library"
+      :ok_action="library.updating ? '' : 'Rescan'"
+      close_action="Close"
+      @ok="update_library"
+      @close="close()">
+    <template slot="modal-content">
+      <div v-if="!library.updating">
+        <p class="mb-3">Scan for new, deleted and modified files</p>
+        <div class="field" v-if="spotify_enabled || rss.tracks > 0">
+          <div class="control">
+            <div class="select is-small">
+              <select v-model="update_dialog_scan_kind">
+                <option value="">Update everything</option>
+                <option value="files">Only update local library</option>
+                <option value="spotify" v-if="spotify_enabled">Only update Spotify</option>
+                <option value="rss" v-if="rss.tracks > 0">Only update RSS feeds</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="field">
+          <label class="checkbox is-size-7 is-small">
+            <input type="checkbox" v-model="rescan_metadata">
+            Rescan metadata for unmodified files
+          </label>
+        </div>
+      </div>
+      <div v-else>
+        <p class="mb-3">Library update in progress ...</p>
+      </div>
+    </template>
+  </modal-dialog>
+</template>
+
+<script>
+import ModalDialog from '@/components/ModalDialog'
+import * as types from '@/store/mutation_types'
+import webapi from '@/webapi'
+
+export default {
+  name: 'ModalDialogUpdate',
+  components: { ModalDialog },
+  props: ['show'],
+
+  data () {
+    return {
+      rescan_metadata: false
+    }
+  },
+
+  computed: {
+    library () {
+      return this.$store.state.library
+    },
+
+    rss () {
+      return this.$store.state.rss_count
+    },
+
+    spotify_enabled () {
+      return this.$store.state.spotify.webapi_token_valid
+    },
+
+    update_dialog_scan_kind: {
+      get () {
+        return this.$store.state.update_dialog_scan_kind
+      },
+      set (value) {
+        this.$store.commit(types.UPDATE_DIALOG_SCAN_KIND, value)
+      }
+    }
+  },
+
+  methods: {
+    update_library () {
+      if (this.rescan_metadata) {
+        webapi.library_rescan(this.update_dialog_scan_kind)
+      } else {
+        webapi.library_update(this.update_dialog_scan_kind)
+      }
+    },
+
+    close () {
+      this.update_dialog_scan_kind = ''
+      this.$emit('close')
+    }
+  }
+}
+</script>
+
+<style>
+</style>
diff --git a/web-src/src/components/NavbarTop.vue b/web-src/src/components/NavbarTop.vue
index 1a1c87d8..6a573386 100644
--- a/web-src/src/components/NavbarTop.vue
+++ b/web-src/src/components/NavbarTop.vue
@@ -61,7 +61,7 @@
             <hr class="fd-navbar-divider">
 
             <navbar-item-link to="/settings/webinterface">Settings</navbar-item-link>
-            <a class="navbar-item" @click.stop.prevent="show_update_library = true; show_settings_menu = false; show_burger_menu = false">
+            <a class="navbar-item" @click.stop.prevent="show_update_dialog = true; show_settings_menu = false; show_burger_menu = false">
               Update Library
             </a>
             <navbar-item-link to="/about">About</navbar-item-link>
@@ -72,29 +72,6 @@
       </div>
     </div>
 
-    <modal-dialog
-        :show="show_update_library"
-        title="Update library"
-        :ok_action="library.updating ? '' : 'Rescan'"
-        close_action="Close"
-        @ok="update_library"
-        @close="show_update_library = false">
-      <template slot="modal-content">
-        <div v-if="!library.updating">
-          <p class="mb-3">Scan for new, deleted and modified files</p>
-          <div class="field">
-            <label class="checkbox is-size-7 is-small">
-              <input type="checkbox" v-model="rescan_metadata">
-              Rescan metadata for unmodified files
-            </label>
-          </div>
-        </div>
-        <div v-else>
-          <p class="mb-3">Library update in progress ...</p>
-        </div>
-      </template>
-    </modal-dialog>
-
     <div class="is-overlay" v-show="show_settings_menu"
         style="z-index:10; width: 100vw; height:100vh;"
         @click="show_settings_menu = false"></div>
@@ -103,19 +80,15 @@
 
 <script>
 import NavbarItemLink from './NavbarItemLink'
-import ModalDialog from '@/components/ModalDialog'
 import * as types from '@/store/mutation_types'
-import webapi from '@/webapi'
 
 export default {
   name: 'NavbarTop',
-  components: { NavbarItemLink, ModalDialog },
+  components: { NavbarItemLink },
 
   data () {
     return {
-      show_settings_menu: false,
-      show_update_library: false,
-      rescan_metadata: false
+      show_settings_menu: false
     }
   },
 
@@ -179,6 +152,15 @@ export default {
       return this.$store.state.show_player_menu
     },
 
+    show_update_dialog: {
+      get () {
+        return this.$store.state.show_update_dialog
+      },
+      set (value) {
+        this.$store.commit(types.SHOW_UPDATE_DIALOG, value)
+      }
+    },
+
     zindex () {
       if (this.show_player_menu) {
         return 'z-index: 20'
@@ -190,14 +172,6 @@ export default {
   methods: {
     on_click_outside_settings () {
       this.show_settings_menu = !this.show_settings_menu
-    },
-
-    update_library () {
-      if (this.rescan_metadata) {
-        webapi.library_rescan()
-      } else {
-        webapi.library_update()
-      }
     }
   },
 
diff --git a/web-src/src/pages/PageAbout.vue b/web-src/src/pages/PageAbout.vue
index 95ea293b..d8c78365 100644
--- a/web-src/src/pages/PageAbout.vue
+++ b/web-src/src/pages/PageAbout.vue
@@ -26,33 +26,7 @@
                 <!-- Right side -->
                 <div class="level-right">
                   <div v-if="library.updating"><a class="button is-small is-loading">Update</a></div>
-                  <div v-else class="dropdown is-right" :class="{ 'is-active': show_update_dropdown }" v-click-outside="onClickOutside">
-                    <div class="dropdown-trigger">
-                      <div class="buttons has-addons">
-                        <a @click="update" class="button is-small">Update</a>
-                        <a @click="show_update_dropdown = !show_update_dropdown" class="button is-small">
-                          <span class="icon"><i class="mdi" :class="{ 'mdi-chevron-down': !show_update_dropdown, 'mdi-chevron-up': show_update_dropdown }"></i></span>
-                        </a>
-                      </div>
-                    </div>
-                    <div class="dropdown-menu" id="dropdown-menu" role="menu">
-                      <div class="dropdown-content">
-                        <div class="dropdown-item">
-                          <a @click="update" class="has-text-dark">
-                            <strong>Update</strong><br>
-                            <span class="is-size-7">Adds new, removes deleted and updates modified files.</span>
-                          </a>
-                        </div>
-                        <hr class="dropdown-divider">
-                        <div class="dropdown-item">
-                          <a @click="update_meta" class="has-text-dark">
-                            <strong>Rescan metadata</strong><br>
-                            <span class="is-size-7">Same as update, but also rescans unmodified files.</span>
-                          </a>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
+                  <div v-else><a @click="showUpdateDialog()" class="button is-small">Update</a></div>
                 </div>
               </nav>
 
@@ -105,14 +79,15 @@
 </template>
 
 <script>
-import webapi from '@/webapi'
+import * as types from '@/store/mutation_types'
 
 export default {
   name: 'PageAbout',
 
   data () {
     return {
-      show_update_dropdown: false
+      show_update_dropdown: false,
+      show_update_library: false
     }
   },
 
@@ -129,15 +104,8 @@ export default {
     onClickOutside (event) {
       this.show_update_dropdown = false
     },
-
-    update: function () {
-      this.show_update_dropdown = false
-      webapi.library_update()
-    },
-
-    update_meta: function () {
-      this.show_update_dropdown = false
-      webapi.library_rescan()
+    showUpdateDialog () {
+      this.$store.commit(types.SHOW_UPDATE_DIALOG, true)
     }
   },
 
diff --git a/web-src/src/pages/PagePodcasts.vue b/web-src/src/pages/PagePodcasts.vue
index b298d777..ea782ded 100644
--- a/web-src/src/pages/PagePodcasts.vue
+++ b/web-src/src/pages/PagePodcasts.vue
@@ -43,6 +43,12 @@
       </template>
       <template slot="heading-right">
         <div class="buttons is-centered">
+          <a v-if="rss.tracks > 0" class="button is-small" @click="update_rss">
+            <span class="icon">
+              <i class="mdi mdi-refresh"></i>
+            </span>
+            <span>Update</span>
+          </a>
           <a class="button is-small" @click="open_add_podcast_dialog">
             <span class="icon">
               <i class="mdi mdi-rss"></i>
@@ -72,6 +78,7 @@ import ListItemTrack from '@/components/ListItemTrack'
 import ListAlbums from '@/components/ListAlbums'
 import ModalDialogTrack from '@/components/ModalDialogTrack'
 import ModalDialogAddRss from '@/components/ModalDialogAddRss'
+import * as types from '@/store/mutation_types'
 import RangeSlider from 'vue-range-slider'
 import webapi from '@/webapi'
 
@@ -106,6 +113,12 @@ export default {
     }
   },
 
+  computed: {
+    rss () {
+      return this.$store.state.rss_count
+    }
+  },
+
   methods: {
     play_track: function (track) {
       webapi.player_play_uri(track.uri, false)
@@ -138,6 +151,11 @@ export default {
         this.albums = data
         this.reload_new_episodes()
       })
+    },
+
+    update_rss: function () {
+      this.$store.commit(types.UPDATE_DIALOG_SCAN_KIND, 'rss')
+      this.$store.commit(types.SHOW_UPDATE_DIALOG, true)
     }
   }
 }
diff --git a/web-src/src/store/index.js b/web-src/src/store/index.js
index e3162006..b0a0b5a1 100644
--- a/web-src/src/store/index.js
+++ b/web-src/src/store/index.js
@@ -23,6 +23,7 @@ export default new Vuex.Store({
     },
     audiobooks_count: { },
     podcasts_count: { },
+    rss_count: { },
     outputs: [],
     player: {
       state: 'stop',
@@ -59,7 +60,9 @@ export default new Vuex.Store({
     albums_sort: 'Name',
     show_only_next_items: false,
     show_burger_menu: false,
-    show_player_menu: false
+    show_player_menu: false,
+    show_update_dialog: false,
+    update_dialog_scan_kind: ''
   },
 
   getters: {
@@ -141,6 +144,9 @@ export default new Vuex.Store({
     [types.UPDATE_LIBRARY_PODCASTS_COUNT] (state, count) {
       state.podcasts_count = count
     },
+    [types.UPDATE_LIBRARY_RSS_COUNT] (state, count) {
+      state.rss_count = count
+    },
     [types.UPDATE_OUTPUTS] (state, outputs) {
       state.outputs = outputs
     },
@@ -217,6 +223,12 @@ export default new Vuex.Store({
     },
     [types.SHOW_PLAYER_MENU] (state, showPlayerMenu) {
       state.show_player_menu = showPlayerMenu
+    },
+    [types.SHOW_UPDATE_DIALOG] (state, showUpdateDialog) {
+      state.show_update_dialog = showUpdateDialog
+    },
+    [types.UPDATE_DIALOG_SCAN_KIND] (state, scanKind) {
+      state.update_dialog_scan_kind = scanKind
     }
   },
 
diff --git a/web-src/src/store/mutation_types.js b/web-src/src/store/mutation_types.js
index 3cb8e822..10b5b51a 100644
--- a/web-src/src/store/mutation_types.js
+++ b/web-src/src/store/mutation_types.js
@@ -4,6 +4,7 @@ export const UPDATE_SETTINGS_OPTION = 'UPDATE_SETTINGS_OPTION'
 export const UPDATE_LIBRARY_STATS = 'UPDATE_LIBRARY_STATS'
 export const UPDATE_LIBRARY_AUDIOBOOKS_COUNT = 'UPDATE_LIBRARY_AUDIOBOOKS_COUNT'
 export const UPDATE_LIBRARY_PODCASTS_COUNT = 'UPDATE_LIBRARY_PODCASTS_COUNT'
+export const UPDATE_LIBRARY_RSS_COUNT = 'UPDATE_LIBRARY_RSS_COUNT'
 export const UPDATE_OUTPUTS = 'UPDATE_OUTPUTS'
 export const UPDATE_PLAYER_STATUS = 'UPDATE_PLAYER_STATUS'
 export const UPDATE_QUEUE = 'UPDATE_QUEUE'
@@ -26,3 +27,5 @@ export const ALBUMS_SORT = 'ALBUMS_SORT'
 export const SHOW_ONLY_NEXT_ITEMS = 'SHOW_ONLY_NEXT_ITEMS'
 export const SHOW_BURGER_MENU = 'SHOW_BURGER_MENU'
 export const SHOW_PLAYER_MENU = 'SHOW_PLAYER_MENU'
+export const SHOW_UPDATE_DIALOG = 'SHOW_UPDATE_DIALOG'
+export const UPDATE_DIALOG_SCAN_KIND = 'UPDATE_DIALOG_SCAN_KIND'
diff --git a/web-src/src/webapi/index.js b/web-src/src/webapi/index.js
index 2951d52a..8401c30c 100644
--- a/web-src/src/webapi/index.js
+++ b/web-src/src/webapi/index.js
@@ -27,12 +27,20 @@ export default {
     return axios.get('./api/library')
   },
 
-  library_update () {
-    return axios.put('./api/update')
+  library_update (scanKind) {
+    const params = {}
+    if (scanKind) {
+      params.scan_kind = scanKind
+    }
+    return axios.put('./api/update', undefined, { params: params })
   },
 
-  library_rescan () {
-    return axios.put('./api/rescan')
+  library_rescan (scanKind) {
+    const params = {}
+    if (scanKind) {
+      params.scan_kind = scanKind
+    }
+    return axios.put('./api/rescan', undefined, { params: params })
   },
 
   library_count (expression) {