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

[web] Use named route for the files page

Browse Source 
Switching to named routes in order to reduce future maintenance.
This commit is contained in:
Alain Nussbaumer 2023-07-10 13:24:42 +02:00
parent 44d488467e
commit c6a57a38f9
3 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web-src/src/components/ListDirectories.vue
View File

@ -54,7 +54,7 @@ export default {
data() { data() {
return { return {
show_details_modal: false, show_details_modal: false,
selected_directory: {} selected_directory: ''
} }
}, },
@ -77,10 +77,10 @@ export default {
parent === '' || parent === '' ||
this.$store.state.config.directories.includes(this.current_directory) this.$store.state.config.directories.includes(this.current_directory)
) { ) {
this.$router.push({ path: '/files' }) this.$router.push({ name: 'files' })
} else { } else {
this.$router.push({ this.$router.push({
path: '/files', name: 'files',
query: { query: {
directory: this.current_directory.slice( directory: this.current_directory.slice(
0, 0,
@ -93,13 +93,13 @@ export default {
open_directory(directory) { open_directory(directory) {
this.$router.push({ this.$router.push({
path: '/files', name: 'files',
query: { directory: directory.path } query: { directory: directory.path }
}) })
}, },
open_dialog(directory) { open_dialog(directory) {
this.selected_directory = directory this.selected_directory = directory.path
this.show_details_modal = true this.show_details_modal = true
} }
} }

4
web-src/src/components/NavbarTop.vue
View File

@ -27,7 +27,7 @@
<navbar-item-link v-if="is_visible_radio" :to="{ path: '/radio' }"> <navbar-item-link v-if="is_visible_radio" :to="{ path: '/radio' }">
<mdicon class="icon" name="radio" size="16" /> <mdicon class="icon" name="radio" size="16" />
</navbar-item-link> </navbar-item-link>
<navbar-item-link v-if="is_visible_files" :to="{ path: '/files' }"> <navbar-item-link v-if="is_visible_files" :to="{ name: 'files' }">
<mdicon class="icon" name="folder-open" size="16" /> <mdicon class="icon" name="folder-open" size="16" />
</navbar-item-link> </navbar-item-link>
<navbar-item-link v-if="is_visible_search" :to="{ name: 'search' }"> <navbar-item-link v-if="is_visible_search" :to="{ name: 'search' }">
@ -95,7 +95,7 @@
<mdicon class="icon" name="radio" size="16" /> <mdicon class="icon" name="radio" size="16" />
<b v-text="$t('navigation.radio')" /> <b v-text="$t('navigation.radio')" />
</navbar-item-link> </navbar-item-link>
<navbar-item-link :to="{ path: '/files' }"> <navbar-item-link :to="{ name: 'files' }">
<mdicon class="icon" name="folder-open" size="16" /> <mdicon class="icon" name="folder-open" size="16" />
<b v-text="$t('navigation.files')" /> <b v-text="$t('navigation.files')" />
</navbar-item-link> </navbar-item-link>

14
web-src/src/router/index.js
View File

@ -3,6 +3,7 @@ import { createRouter, createWebHashHistory } from 'vue-router'
import PageAbout from '@/pages/PageAbout.vue' import PageAbout from '@/pages/PageAbout.vue'
import PageAudiobooksAlbum from '@/pages/PageAudiobooksAlbum.vue' import PageAudiobooksAlbum from '@/pages/PageAudiobooksAlbum.vue'
import PageAudiobooksAlbums from '@/pages/PageAudiobooksAlbums.vue' import PageAudiobooksAlbums from '@/pages/PageAudiobooksAlbums.vue'
import PageFiles from '@/pages/PageFiles.vue'
import PagePodcast from '@/pages/PagePodcast.vue' import PagePodcast from '@/pages/PagePodcast.vue'
import PagePodcasts from '@/pages/PagePodcasts.vue' import PagePodcasts from '@/pages/PagePodcasts.vue'
import PageNowPlaying from '@/pages/PageNowPlaying.vue' import PageNowPlaying from '@/pages/PageNowPlaying.vue'
@ -25,7 +26,6 @@ import PageAudiobooksArtists from '@/pages/PageAudiobooksArtists.vue'
import PageAudiobooksArtist from '@/pages/PageAudiobooksArtist.vue' import PageAudiobooksArtist from '@/pages/PageAudiobooksArtist.vue'
import PagePlaylists from '@/pages/PagePlaylists.vue' import PagePlaylists from '@/pages/PagePlaylists.vue'
import PagePlaylist from '@/pages/PagePlaylist.vue' import PagePlaylist from '@/pages/PagePlaylist.vue'
import PageFiles from '@/pages/PageFiles.vue'
import PageRadioStreams from '@/pages/PageRadioStreams.vue' import PageRadioStreams from '@/pages/PageRadioStreams.vue'
import PageSearchLibrary from '@/pages/PageSearchLibrary.vue' import PageSearchLibrary from '@/pages/PageSearchLibrary.vue'
import SpotifyPageBrowse from '@/pages/SpotifyPageBrowse.vue' import SpotifyPageBrowse from '@/pages/SpotifyPageBrowse.vue'
@ -107,6 +107,12 @@ export const router = createRouter({
component: PageAlbum, component: PageAlbum,
meta: { show_progress: true } meta: { show_progress: true }
}, },
{
component: PageFiles,
meta: { show_progress: true },
name: 'files',
path: '/files'
},
{ {
path: '/music/genres', path: '/music/genres',
name: 'Genres', name: 'Genres',
@ -188,12 +194,6 @@ export const router = createRouter({
component: PageRadioStreams, component: PageRadioStreams,
meta: { show_progress: true } meta: { show_progress: true }
}, },
{
path: '/files',
name: 'Files',
component: PageFiles,
meta: { show_progress: true }
},
{ {
path: '/playlists', path: '/playlists',
redirect: '/playlists/0' redirect: '/playlists/0'