MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-12 23:42:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Rename template slots

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-03-15 15:06:45 +01:00
parent 9e2c9fddcb
commit 59b680db9b
36 changed files with 64 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web-src/src/pages/PageAbout.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="{ title: $t('page.about.library') }" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{
handler: openUpdateDialog,

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

@ -34,7 +34,7 @@
</template>
</list-options>
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

4
web-src/src/pages/PageArtist.vue
View File

@ -24,10 +24,10 @@
</template>
</list-options>
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

4
web-src/src/pages/PageArtistSpotify.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -25,10 +25,10 @@
</template>
</list-options>
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -34,7 +34,7 @@
</template>
</list-options>
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

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

@ -5,7 +5,7 @@
<template #options>
<index-button-list :indices="albums.indices" />
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

4
web-src/src/pages/PageAudiobooksArtist.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -5,7 +5,7 @@
<template #options>
<index-button-list :indices="artists.indices" />
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

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

@ -5,7 +5,7 @@
<template #options>
<index-button-list :indices="genres.indices" />
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

4
web-src/src/pages/PageComposerAlbums.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -12,10 +12,10 @@
</template>
</list-options>
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -5,7 +5,7 @@
<template #options>
<index-button-list :indices="composers.indices" />
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

4
web-src/src/pages/PageFiles.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="{ title: name }" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -4,10 +4,10 @@
<template #options>
<index-button-list :indices="albums.indices" />
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -12,10 +12,10 @@
</template>
</list-options>
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

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

@ -5,7 +5,7 @@
<template #options>
<index-button-list :indices="genres.indices" />
</template>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

4
web-src/src/pages/PageMusic.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.music.recently-added.title') }"
/>
@ -20,7 +20,7 @@
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.music.recently-played.title') }"
/>

2
web-src/src/pages/PageMusicRecentlyAdded.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.music.recently-added.title') }"
/>

2
web-src/src/pages/PageMusicRecentlyPlayed.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.music.recently-played.title') }"
/>

4
web-src/src/pages/PageMusicSpotify.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.spotify.music.new-releases') }"
/>
@ -20,7 +20,7 @@
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.spotify.music.featured-playlists') }"
/>

2
web-src/src/pages/PageMusicSpotifyFeaturedPlaylists.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

2
web-src/src/pages/PageMusicSpotifyNewReleases.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

2
web-src/src/pages/PagePlaylistFolder.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

4
web-src/src/pages/PagePlaylistTracks.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

4
web-src/src/pages/PagePlaylistTracksSpotify.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{ handler: openDetails, icon: 'dots-horizontal' }"
/>

10
web-src/src/pages/PagePodcasts.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading v-if="tracks.items.length > 0">
<template #heading-left>
<template #heading>
<heading-title :content="{ title: $t('page.podcasts.new-episodes') }" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{
handler: markAllAsPlayed,
@ -22,10 +22,10 @@
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
v-if="rss.tracks > 0"
:button="{
@ -36,7 +36,7 @@
/>
<control-button
:button="{
handler: 'openAddPodcastDialog',
handler: openAddPodcastDialog,
icon: 'rss',
key: 'actions.add'
}"

4
web-src/src/pages/PageQueue.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #heading-right>
<template #actions>
<control-button
:button="{
handler: uiStore.toggleHideReadItems,

2
web-src/src/pages/PageRadioStreams.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="heading" />
</template>
<template #content>

2
web-src/src/pages/PageSearchLibrary.vue
View File

@ -50,7 +50,7 @@
<tabs-search @search-library="search" @search-spotify="searchSpotify" />
<template v-for="[type, items] in results" :key="type">
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title :content="{ title: $t(`page.search.${type}s`) }" />
</template>
<template #content>

2
web-src/src/pages/PageSearchSpotify.vue
View File

@ -33,7 +33,7 @@
<tabs-search @search-library="searchLibrary" @search-spotify="search" />
<template v-for="[type, items] in results" :key="type">
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t(`page.spotify.search.${type}s`) }"
/>

2
web-src/src/pages/PageSettingsArtwork.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-settings />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.artwork.title') }"
/>

12
web-src/src/pages/PageSettingsOnlineServices.vue
View File

@ -2,15 +2,12 @@
<div>
<tabs-settings />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.services.spotify.title') }"
/>
</template>
<template #content>
<div v-if="!spotify.spotify_installed" class="notification help">
<p v-text="$t('page.settings.services.spotify.no-support')" />
</div>
<div v-if="spotify.spotify_installed">
<div>
<p
@ -54,18 +51,16 @@
</div>
</div>
</div>
<div v-else v-text="$t('page.settings.services.spotify.no-support')" />
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.services.lastfm.title') }"
/>
</template>
<template #content>
<div v-if="!lastfm.enabled" class="notification is-size-7">
<p v-text="$t('page.settings.services.lastfm.no-support')" />
</div>
<div v-if="lastfm.enabled">
<p
class="content"
@ -118,6 +113,7 @@
</form>
</div>
</div>
<div v-else v-text="$t('page.settings.services.lastfm.no-support')" />
</template>
</content-with-heading>
</div>

4
web-src/src/pages/PageSettingsRemotesOutputs.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-settings />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.devices.pairing') }"
/>
@ -40,7 +40,7 @@
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.devices.speaker-pairing') }"
/>

8
web-src/src/pages/PageSettingsWebinterface.vue
View File

@ -2,7 +2,7 @@
<div>
<tabs-settings />
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.general.language') }"
/>
@ -15,7 +15,7 @@
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.general.navigation-items') }"
/>
@ -88,7 +88,7 @@
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.general.now-playing-page') }"
/>
@ -136,7 +136,7 @@
</template>
</content-with-heading>
<content-with-heading>
<template #heading-left>
<template #heading>
<heading-title
:content="{ title: $t('page.settings.general.recently-added-page') }"
/>

6
web-src/src/templates/ContentWithHeading.vue
View File

@ -20,16 +20,16 @@
class="level-item is-flex-shrink-1 has-text-centered-mobile"
>
<div>
<slot name="heading-left" />
<slot name="heading" />
</div>
</div>
</div>
<div
v-if="$slots['heading-right']"
v-if="$slots.actions"
class="level-right has-text-centered-mobile"
>
<div class="buttons">
<slot name="heading-right" />
<slot name="actions" />
</div>
</div>
</nav>