From a746273f733a54073c19af86de45a14fddc36573 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Mon, 15 Jul 2024 22:34:32 +0200
Subject: [PATCH] [Media UI] Added media view to URL fragment.

---
 .../webapp/src/components/panels/Media/Index.vue | 16 ++++++++++++----
 .../webapp/src/components/panels/Media/Nav.vue   | 12 +++++++++++-
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Index.vue b/platypush/backend/http/webapp/src/components/panels/Media/Index.vue
index 3f6c2bcd22..2da54f7cb3 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Index.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Index.vue
@@ -19,7 +19,7 @@
             <Nav :selected-view="selectedView"
                  :torrent-plugin="torrentPlugin"
                  :download-icon-class="downloadIconClass"
-                 @input="onNavInput"
+                 @input="setView"
                  @toggle="forceShowNav = !forceShowNav"
             />
           </div>
@@ -544,13 +544,20 @@ export default {
       }, {})
     },
 
-    onNavInput(event) {
-      this.selectedView = event
-      if (event === 'search') {
+    setView(title) {
+      this.selectedView = title
+      if (title === 'search') {
         this.selectedResult = null
       }
     },
 
+    updateView() {
+      const args = this.getUrlArgs()
+      if (args.view) {
+        this.selectedView = args.view
+      }
+    },
+
     onDownloadStarted(event) {
       this.downloads[event.path] = event
       this.notify({
@@ -679,6 +686,7 @@ export default {
       this.sources.jellyfin = true
 
     await this.refreshDownloads()
+    this.updateView()
   },
 
   destroy() {
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue b/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue
index 3ea2833066..b00e629b7e 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue
@@ -5,14 +5,17 @@
     </button>
 
     <li v-for="(view, name) in displayedViews" :key="name" :title="view.displayName"
-        :class="{selected: name === selectedView, ...customClasses[name]}" @click="$emit('input', name)">
+        :class="{selected: name === selectedView, ...customClasses[name]}" @click="input(name)">
       <i :class="view.iconClass" />
     </li>
   </nav>
 </template>
 
 <script>
+import Utils from '@/Utils';
+
 export default {
+  mixins: [Utils],
   emits: ['input', 'toggle'],
   props: {
     selectedView: {
@@ -78,6 +81,13 @@ export default {
       }
     },
   },
+
+  methods: {
+    input(view) {
+      this.$emit('input', view)
+      this.setUrlArgs({view: view})
+    },
+  },
 }
 </script>