MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-11-23 11:07:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Rename component ListIndexButtons for more coherence

Browse Source
This commit is contained in:
Alain Nussbaumer
2025-04-01 11:16:34 +02:00
parent 2e4e741e9a
commit 82933f0afb
15 changed files with 289 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web-src/src/components/IndexButtonList.vue → web-src/src/components/ListIndexButtons.vue
View File

@@ -4,7 +4,7 @@
<router-link
v-for="index in indices"
:key="index"
class="button px-2 is-small is-square"
class="button is-small p-2 is-index"
:to="{ hash: `#index_${index}`, query: $route.query }"
>
{{ index }}
@@ -15,13 +15,13 @@
<script>
export default {
name: 'IndexButtonList',
name: 'ListIndexButtons',
props: { indices: { required: true, type: Array } }
}
</script>
<style scoped>
.is-square {
.is-index {
height: 1.75rem;
min-width: 1.75rem;
}

6
web-src/src/pages/PageAlbums.vue
View File

@@ -2,7 +2,7 @@
<tabs-music />
<content-with-heading>
<template #options>
<index-button-list :indices="albums.indices" />
<list-index-buttons :indices="albums.indices" />
<list-options>
<template #filter>
<control-switch v-model="uiStore.hideSingles">
@@ -48,8 +48,8 @@ import ControlDropdown from '@/components/ControlDropdown.vue'
import ControlSwitch from '@/components/ControlSwitch.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListAlbums from '@/components/ListAlbums.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import ListOptions from '@/components/ListOptions.vue'
import TabsMusic from '@/components/TabsMusic.vue'
import { useServicesStore } from '@/stores/services'
@@ -72,7 +72,7 @@ export default {
ControlDropdown,
ControlSwitch,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListAlbums,
ListOptions,
TabsMusic

6
web-src/src/pages/PageArtistTracks.vue
View File

@@ -1,7 +1,7 @@
<template>
<content-with-heading>
<template #options>
<index-button-list :indices="tracks.indices" />
<list-index-buttons :indices="tracks.indices" />
<list-options>
<template #filter>
<control-switch
@@ -53,7 +53,7 @@ import ControlDropdown from '@/components/ControlDropdown.vue'
import ControlSwitch from '@/components/ControlSwitch.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import ListOptions from '@/components/ListOptions.vue'
import ListTracks from '@/components/ListTracks.vue'
import ModalDialogArtist from '@/components/ModalDialogArtist.vue'
@@ -82,7 +82,7 @@ export default {
ControlDropdown,
ControlSwitch,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListOptions,
ListTracks,
ModalDialogArtist

6
web-src/src/pages/PageArtists.vue
View File

@@ -2,7 +2,7 @@
<tabs-music />
<content-with-heading>
<template #options>
<index-button-list :indices="artists.indices" />
<list-index-buttons :indices="artists.indices" />
<list-options>
<template #filter>
<control-switch v-model="uiStore.hideSingles">
@@ -48,8 +48,8 @@ import ControlDropdown from '@/components/ControlDropdown.vue'
import ControlSwitch from '@/components/ControlSwitch.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListArtists from '@/components/ListArtists.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import ListOptions from '@/components/ListOptions.vue'
import TabsMusic from '@/components/TabsMusic.vue'
import { useServicesStore } from '@/stores/services'
@@ -72,7 +72,7 @@ export default {
ControlDropdown,
ControlSwitch,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListArtists,
ListOptions,
TabsMusic

6
web-src/src/pages/PageAudiobooksAlbums.vue
View File

@@ -2,7 +2,7 @@
<tabs-audiobooks />
<content-with-heading>
<template #options>
<index-button-list :indices="albums.indices" />
<list-index-buttons :indices="albums.indices" />
</template>
<template #heading>
<heading-title :content="heading" />
@@ -17,8 +17,8 @@
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListAlbums from '@/components/ListAlbums.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import TabsAudiobooks from '@/components/TabsAudiobooks.vue'
import webapi from '@/webapi'
@@ -38,7 +38,7 @@ export default {
components: {
ContentWithHeading,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListAlbums,
TabsAudiobooks
},

6
web-src/src/pages/PageAudiobooksArtists.vue
View File

@@ -2,7 +2,7 @@
<tabs-audiobooks />
<content-with-heading>
<template #options>
<index-button-list :indices="artists.indices" />
<list-index-buttons :indices="artists.indices" />
</template>
<template #heading>
<heading-title :content="heading" />
@@ -17,8 +17,8 @@
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListArtists from '@/components/ListArtists.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import TabsAudiobooks from '@/components/TabsAudiobooks.vue'
import webapi from '@/webapi'
@@ -38,7 +38,7 @@ export default {
components: {
ContentWithHeading,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListArtists,
TabsAudiobooks
},

6
web-src/src/pages/PageAudiobooksGenres.vue
View File

@@ -2,7 +2,7 @@
<tabs-audiobooks />
<content-with-heading>
<template #options>
<index-button-list :indices="genres.indices" />
<list-index-buttons :indices="genres.indices" />
</template>
<template #heading>
<heading-title :content="heading" />
@@ -17,8 +17,8 @@
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListGenres from '@/components/ListGenres.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import TabsAudiobooks from '@/components/TabsAudiobooks.vue'
import webapi from '@/webapi'
@@ -38,7 +38,7 @@ export default {
components: {
ContentWithHeading,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListGenres,
TabsAudiobooks
},

6
web-src/src/pages/PageComposerTracks.vue
View File

@@ -1,7 +1,7 @@
<template>
<content-with-heading>
<template #options>
<index-button-list :indices="tracks.indices" />
<list-index-buttons :indices="tracks.indices" />
<list-options>
<template #sort>
<control-dropdown
@@ -39,7 +39,7 @@ import ControlButton from '@/components/ControlButton.vue'
import ControlDropdown from '@/components/ControlDropdown.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import ListOptions from '@/components/ListOptions.vue'
import ListTracks from '@/components/ListTracks.vue'
import ModalDialogComposer from '@/components/ModalDialogComposer.vue'
@@ -66,7 +66,7 @@ export default {
ControlButton,
ControlDropdown,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListOptions,
ListTracks,
ModalDialogComposer

6
web-src/src/pages/PageComposers.vue
View File

@@ -2,7 +2,7 @@
<tabs-music />
<content-with-heading>
<template #options>
<index-button-list :indices="composers.indices" />
<list-index-buttons :indices="composers.indices" />
</template>
<template #heading>
<heading-title :content="heading" />
@@ -17,8 +17,8 @@
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListComposers from '@/components/ListComposers.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import TabsMusic from '@/components/TabsMusic.vue'
import webapi from '@/webapi'
@@ -38,7 +38,7 @@ export default {
components: {
ContentWithHeading,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListComposers,
TabsMusic
},

6
web-src/src/pages/PageGenreAlbums.vue
View File

@@ -1,7 +1,7 @@
<template>
<content-with-heading>
<template #options>
<index-button-list :indices="albums.indices" />
<list-index-buttons :indices="albums.indices" />
</template>
<template #heading>
<heading-title :content="heading" />
@@ -31,8 +31,8 @@ import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import ControlButton from '@/components/ControlButton.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListAlbums from '@/components/ListAlbums.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import ModalDialogGenre from '@/components/ModalDialogGenre.vue'
import webapi from '@/webapi'
@@ -57,7 +57,7 @@ export default {
ContentWithHeading,
ControlButton,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListAlbums,
ModalDialogGenre
},

6
web-src/src/pages/PageGenreTracks.vue
View File

@@ -1,7 +1,7 @@
<template>
<content-with-heading>
<template #options>
<index-button-list :indices="tracks.indices" />
<list-index-buttons :indices="tracks.indices" />
<list-options>
<template #sort>
<control-dropdown
@@ -40,7 +40,7 @@ import ControlButton from '@/components/ControlButton.vue'
import ControlDropdown from '@/components/ControlDropdown.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import ListOptions from '@/components/ListOptions.vue'
import ListTracks from '@/components/ListTracks.vue'
import ModalDialogGenre from '@/components/ModalDialogGenre.vue'
@@ -67,7 +67,7 @@ export default {
ControlButton,
ControlDropdown,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListOptions,
ListTracks,
ModalDialogGenre

6
web-src/src/pages/PageGenres.vue
View File

@@ -2,7 +2,7 @@
<tabs-music />
<content-with-heading>
<template #options>
<index-button-list :indices="genres.indices" />
<list-index-buttons :indices="genres.indices" />
</template>
<template #heading>
<heading-title :content="heading" />
@@ -17,8 +17,8 @@
import ContentWithHeading from '@/templates/ContentWithHeading.vue'
import { GroupedList } from '@/lib/GroupedList'
import HeadingTitle from '@/components/HeadingTitle.vue'
import IndexButtonList from '@/components/IndexButtonList.vue'
import ListGenres from '@/components/ListGenres.vue'
import ListIndexButtons from '@/components/ListIndexButtons.vue'
import TabsMusic from '@/components/TabsMusic.vue'
import webapi from '@/webapi'
@@ -38,7 +38,7 @@ export default {
components: {
ContentWithHeading,
HeadingTitle,
IndexButtonList,
ListIndexButtons,
ListGenres,
TabsMusic
},