Add:Nav button in side drawer and item more menu to go to web client #1079

2025-06-20 20:05:44 +02:00 · 2024-03-22 17:54:56 -05:00 · 2024-03-22 17:54:56 -05:00 · 3c6d4b5f19
commit 3c6d4b5f19
parent f04eebe0d8
24 changed files with 69 additions and 7 deletions
--- a/components/app/SideDrawer.vue
+++ b/components/app/SideDrawer.vue
@ -79,7 +79,10 @@ export default {
      return this.$store.state.serverSettings || {}
    },
    username() {
-      return this.user ? this.user.username : ''
+      return this.user?.username || ''
+    },
+    userIsAdminOrUp() {
+      return this.$store.getters['user/getIsAdminOrUp']
    },
    navItems() {
      var items = [
@ -132,6 +135,13 @@ export default {
      })

      if (this.serverConnectionConfig) {
+        if (this.userIsAdminOrUp) {
+          items.push({
+            icon: 'language',
+            text: this.$strings.ButtonGoToWebClient,
+            action: 'openWebClient'
+          })
+        }
        items.push({
          icon: 'login',
          text: this.$strings.ButtonSwitchServerUser,
@ -151,6 +161,10 @@ export default {
      if (action === 'logout') {
        await this.logout()
        this.$router.push('/connect')
+      } else if (action === 'openWebClient') {
+        this.show = false
+        let path = `/library/${this.$store.state.libraries.currentLibraryId}`
+        await this.$store.dispatch('user/openWebClient', path)
      }
    },
    clickBackground() {
--- a/components/modals/ItemMoreMenuModal.vue
+++ b/components/modals/ItemMoreMenuModal.vue
@ -135,6 +135,14 @@ export default {
        }
      }

+      if (this.isConnectedToServer && this.userIsAdminOrUp) {
+        items.push({
+          text: this.$strings.ButtonGoToWebClient,
+          value: 'openWebClient',
+          icon: 'language'
+        })
+      }
+
      if (!this.episode) {
        items.push({
          text: this.$strings.LabelMoreInfo,
@ -285,6 +293,8 @@ export default {
        this.clickRSSFeed()
      } else if (action === 'sendEbook') {
        this.showSendEbookDevicesModal = true
+      } else if (action === 'openWebClient') {
+        this.$store.dispatch('user/openWebClient', `/item/${this.serverLibraryItemId}`)
      }
    },
    async toggleFinished() {
--- a/store/user.js
+++ b/store/user.js
@ -1,3 +1,5 @@
+import { Browser } from '@capacitor/browser'
+
 export const state = () => ({
  user: null,
  serverConnectionConfig: null,
@ -115,6 +117,21 @@ export const actions = {
      commit('setSettings', userSettings)
      this.$eventBus.$emit('user-settings', state.settings)
    }
+  },
+  async openWebClient({ getters }, path = null) {
+    const serverAddress = getters.getServerAddress
+    if (!serverAddress) {
+      console.error('openWebClient: No server address')
+      return
+    }
+    try {
+      let url = serverAddress.replace(/\/$/, '') // Remove trailing slash
+      if (path?.startsWith('/')) url += path
+
+      await Browser.open({ url })
+    } catch (error) {
+      console.error('Error opening browser', error)
+    }
  }
 }

--- a/strings/cs.json
+++ b/strings/cs.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Smazat místní položku",
  "ButtonDisableAutoTimer": "Zakázat automatický časovač",
  "ButtonDisconnect": "Odpojit",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Historie",
  "ButtonHome": "Domů",
  "ButtonIssues": "Problémy",
--- a/strings/da.json
+++ b/strings/da.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Hjem",
  "ButtonIssues": "Problemer",
@ -291,4 +292,4 @@
  "ToastPodcastCreateSuccess": "Podcast oprettet med succes",
  "ToastRSSFeedCloseFailed": "Mislykkedes lukning af RSS-feed",
  "ToastRSSFeedCloseSuccess": "RSS-feed lukket"
-}
+}
--- a/strings/de.json
+++ b/strings/de.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Lösche lokales Element",
  "ButtonDisableAutoTimer": "Deaktiviere automatischen Timer",
  "ButtonDisconnect": "Trennen",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Historie",
  "ButtonHome": "Startseite",
  "ButtonIssues": "Probleme",
@ -291,4 +292,4 @@
  "ToastPodcastCreateSuccess": "Podcast erstellt",
  "ToastRSSFeedCloseFailed": "RSS-Feed konnte nicht geschlossen werden",
  "ToastRSSFeedCloseSuccess": "RSS-Feed geschlossen"
-}
+}
--- a/strings/en-us.json
+++ b/strings/en-us.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Home",
  "ButtonIssues": "Issues",
@ -291,4 +292,4 @@
  "ToastPodcastCreateSuccess": "Podcast created successfully",
  "ToastRSSFeedCloseFailed": "Failed to close RSS feed",
  "ToastRSSFeedCloseSuccess": "RSS feed closed"
-}
+}
--- a/strings/es.json
+++ b/strings/es.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Inicio",
  "ButtonIssues": "Problemas",
--- a/strings/fr.json
+++ b/strings/fr.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Accueil",
  "ButtonIssues": "Parutions",
--- a/strings/gu.json
+++ b/strings/gu.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "ઘર",
  "ButtonIssues": "સમસ્યાઓ",
--- a/strings/hi.json
+++ b/strings/hi.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "घर",
  "ButtonIssues": "समस्याएं",
--- a/strings/hr.json
+++ b/strings/hr.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Početna stranica",
  "ButtonIssues": "Problemi",
--- a/strings/hu.json
+++ b/strings/hu.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Helyi elem törlése",
  "ButtonDisableAutoTimer": "Automatikus időzítő letiltása",
  "ButtonDisconnect": "Kapcsolat bontása",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Előzmények",
  "ButtonHome": "Kezdőlap",
  "ButtonIssues": "Problémák",
--- a/strings/it.json
+++ b/strings/it.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Elimina oggetto locale",
  "ButtonDisableAutoTimer": "Disattiva Auto Timer",
  "ButtonDisconnect": "Disconnetti",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Cronologia",
  "ButtonHome": "Home",
  "ButtonIssues": "Errori",
--- a/strings/lt.json
+++ b/strings/lt.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Pradžia",
  "ButtonIssues": "Problemos",
--- a/strings/nl.json
+++ b/strings/nl.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Home",
  "ButtonIssues": "Issues",
--- a/strings/no.json
+++ b/strings/no.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Hjem",
  "ButtonIssues": "Problemer",
--- a/strings/pl.json
+++ b/strings/pl.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Usuń lokalny element",
  "ButtonDisableAutoTimer": "Wyłącz automatyczny wyłącznik",
  "ButtonDisconnect": "Rozłącz",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Historia",
  "ButtonHome": "Strona główna",
  "ButtonIssues": "Błędy",
--- a/strings/pt-br.json
+++ b/strings/pt-br.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Apagar item local",
  "ButtonDisableAutoTimer": "Desativar Timer Automático",
  "ButtonDisconnect": "Desconectar",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Histórico",
  "ButtonHome": "Principal",
  "ButtonIssues": "Problemas",
@ -291,4 +292,4 @@
  "ToastPodcastCreateSuccess": "Podcast criado",
  "ToastRSSFeedCloseFailed": "Falha ao fechar feed RSS",
  "ToastRSSFeedCloseSuccess": "Feed RSS fechado"
-}
+}
--- a/strings/ru.json
+++ b/strings/ru.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Удалить локальный элемент",
  "ButtonDisableAutoTimer": "Отключить автоматический таймер",
  "ButtonDisconnect": "Отключиться",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "История",
  "ButtonHome": "Домой",
  "ButtonIssues": "Проблемы",
--- a/strings/sv.json
+++ b/strings/sv.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Delete local item",
  "ButtonDisableAutoTimer": "Disable Auto Timer",
  "ButtonDisconnect": "Disconnect",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "History",
  "ButtonHome": "Hem",
  "ButtonIssues": "Problem",
--- a/strings/uk.json
+++ b/strings/uk.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Видалити локальний елемент",
  "ButtonDisableAutoTimer": "Вимкнути автотаймер",
  "ButtonDisconnect": "Відключитися",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Історія",
  "ButtonHome": "Головна",
  "ButtonIssues": "Проблеми",
@ -291,4 +292,4 @@
  "ToastPodcastCreateSuccess": "Подкаст успішно створено",
  "ToastRSSFeedCloseFailed": "Не вдалося закрити RSS-канал",
  "ToastRSSFeedCloseSuccess": "RSS-канал закрито"
-}
+}
--- a/strings/vi-vn.json
+++ b/strings/vi-vn.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "Xóa mục địa phương",
  "ButtonDisableAutoTimer": "Tắt Bộ Đếm Tự Động",
  "ButtonDisconnect": "Ngắt Kết Nối",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "Lịch Sử",
  "ButtonHome": "Trang Chủ",
  "ButtonIssues": "Vấn Đề",
@ -291,4 +292,4 @@
  "ToastPodcastCreateSuccess": "Tạo podcast thành công",
  "ToastRSSFeedCloseFailed": "Không thể đóng RSS feed",
  "ToastRSSFeedCloseSuccess": "Đóng RSS feed thành công"
-}
+}
--- a/strings/zh-cn.json
+++ b/strings/zh-cn.json
@ -19,6 +19,7 @@
  "ButtonDeleteLocalItem": "删除本地项目",
  "ButtonDisableAutoTimer": "禁用自动定时器",
  "ButtonDisconnect": "断开连接",
+  "ButtonGoToWebClient": "Go to Web Client",
  "ButtonHistory": "历史",
  "ButtonHome": "首页",
  "ButtonIssues": "问题",