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

[web] Remove useless style elements

Browse Source
This commit is contained in:
Alain Nussbaumer 2024-09-08 22:01:04 +02:00
parent 2bf0505cca
commit e12ab3dd08
66 changed files with 126 additions and 255 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/App.vue
View File

@ -360,5 +360,3 @@ export default {
template: '<App/>' template: '<App/>'
} }
</script> </script>
<style></style>

2
web-src/src/components/ControlDropdown.vue
View File

@ -64,5 +64,3 @@ export default {
} }
} }
</script> </script>
<style></style>

13
web-src/src/components/IndexButtonList.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<section> <section>
<nav class="buttons is-centered mb-4 fd-is-square"> <nav class="buttons is-centered mb-4">
<router-link <router-link
v-for="index in indices" v-for="index in indices"
:key="index" :key="index"
class="button is-small" class="button is-small is-square"
:to="{ hash: `#index_${index}`, query: $route.query }" :to="{ hash: `#index_${index}`, query: $route.query }"
> >
{{ index }} {{ index }}
@ -20,4 +20,11 @@ export default {
} }
</script> </script>
<style></style> <style scoped>
.is-square {
height: 1.75rem;
min-width: 1.75rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
</style>

43
web-src/src/components/ListAlbums.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<template v-for="item in items" :key="item.itemId"> <template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="py-5">
<span <span
:id="`index_${item.index}`" :id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold" class="tag is-info is-light is-small has-text-weight-bold"
@ -8,30 +8,25 @@
/> />
</div> </div>
<div v-else class="media is-align-items-center" @click="open(item.item)"> <div v-else class="media is-align-items-center" @click="open(item.item)">
<div <cover-artwork
v-if="settingsStore.show_cover_artwork_in_album_lists" v-if="settingsStore.show_cover_artwork_in_album_lists"
class="media-left" :url="item.item.artwork_url"
> :artist="item.item.artist"
<cover-artwork :album="item.item.name"
:url="item.item.artwork_url" class="media-left is-clickable fd-has-shadow fd-cover fd-cover-small-image"
:artist="item.item.artist" />
:album="item.item.name"
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image" <div class="media-content is-clickable">
<p class="title is-6" v-text="item.item.name" />
<p
class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.item.artist"
/>
<p
v-if="item.item.date_released && item.item.media_kind === 'music'"
class="subtitle is-7 has-text-grey"
v-text="$filters.date(item.item.date_released)"
/> />
</div>
<div class="media-content is-clickable is-clipped">
<div>
<h1 class="title is-6" v-text="item.item.name" />
<h2
class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.item.artist"
/>
<h2
v-if="item.item.date_released && item.item.media_kind === 'music'"
class="subtitle is-7 has-text-grey"
v-text="$filters.date(item.item.date_released)"
/>
</div>
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)"> <a @click.prevent.stop="open_dialog(item.item)">
@ -148,5 +143,3 @@ export default {
} }
} }
</script> </script>
<style></style>

16
web-src/src/components/ListAlbumsSpotify.vue
View File

@ -1,24 +1,24 @@
<template> <template>
<template v-for="item in items" :key="item.id"> <template v-for="item in items" :key="item.id">
<div class="media is-align-items-center" @click="open(item)"> <div class="media is-align-items-center is-clickable" @click="open(item)">
<div <div
v-if="settingsStore.show_cover_artwork_in_album_lists" v-if="settingsStore.show_cover_artwork_in_album_lists"
class="media-left is-clickable" class="media-left"
> >
<cover-artwork <cover-artwork
:url="artwork_url(item)" :url="artwork_url(item)"
:artist="item.artist" :artist="item.artist"
:album="item.name" :album="item.name"
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image" class="fd-has-shadow fd-cover fd-cover-small-image"
/> />
</div> </div>
<div class="media-content is-clickable is-clipped"> <div class="media-content is-clipped">
<h1 class="title is-6" v-text="item.name" /> <p class="title is-6" v-text="item.name" />
<h2 <p
class="subtitle is-7 has-text-grey has-text-weight-bold" class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.artists[0]?.name" v-text="item.artists[0]?.name"
/> />
<h2 <p
class="subtitle is-7 has-text-grey" class="subtitle is-7 has-text-grey"
v-text=" v-text="
[item.album_type, $filters.date(item.release_date)].join(', ') [item.album_type, $filters.date(item.release_date)].join(', ')
@ -76,5 +76,3 @@ export default {
} }
} }
</script> </script>
<style></style>

8
web-src/src/components/ListArtists.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<template v-for="item in items" :key="item.itemId"> <template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="py-5">
<div class="media-content is-clipped"> <div class="media-content">
<span <span
:id="`index_${item.index}`" :id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold" class="tag is-info is-light is-small has-text-weight-bold"
@ -11,7 +11,7 @@
</div> </div>
<div v-else class="media is-align-items-center" @click="open(item.item)"> <div v-else class="media is-align-items-center" @click="open(item.item)">
<div class="media-content is-clickable is-clipped"> <div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" /> <p class="title is-6" v-text="item.item.name" />
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)"> <a @click.prevent.stop="open_dialog(item.item)">
@ -60,5 +60,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -2,7 +2,7 @@
<template v-for="item in items" :key="item.id"> <template v-for="item in items" :key="item.id">
<div class="media is-align-items-center"> <div class="media is-align-items-center">
<div class="media-content is-clickable is-clipped" @click="open(item)"> <div class="media-content is-clickable is-clipped" @click="open(item)">
<h1 class="title is-6" v-text="item.name" /> <p class="title is-6" v-text="item.name" />
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item)"> <a @click.prevent.stop="open_dialog(item)">
@ -45,5 +45,3 @@ export default {
} }
} }
</script> </script>
<style></style>

8
web-src/src/components/ListComposers.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<template v-for="item in items" :key="item.itemId"> <template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="py-5">
<div class="media-content is-clipped"> <div class="media-content">
<span <span
:id="`index_${item.index}`" :id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold" class="tag is-info is-light is-small has-text-weight-bold"
@ -11,7 +11,7 @@
</div> </div>
<div v-else class="media is-align-items-center" @click="open(item.item)"> <div v-else class="media is-align-items-center" @click="open(item.item)">
<div class="media-content is-clickable is-clipped"> <div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" /> <p class="title is-6" v-text="item.item.name" />
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)"> <a @click.prevent.stop="open_dialog(item.item)">
@ -62,5 +62,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,9 +1,11 @@
<template> <template>
<div v-if="$route.query.directory" class="media is-align-items-center"> <div v-if="$route.query.directory" class="media is-align-items-center">
<figure class="media-left is-clickable" @click="open_parent"> <mdicon
<mdicon class="icon" name="chevron-left" size="16" /> class="icon media-left is-clickable"
</figure> name="chevron-left"
<div class="media-content is-clipped"> @click="open_parent"
/>
<div class="media-content">
<nav class="breadcrumb"> <nav class="breadcrumb">
<ul> <ul>
<li v-for="directory in directories" :key="directory.index"> <li v-for="directory in directories" :key="directory.index">
@ -20,11 +22,9 @@
</div> </div>
<template v-for="item in items" :key="item.path"> <template v-for="item in items" :key="item.path">
<div class="media is-align-items-center" @click="open(item)"> <div class="media is-align-items-center" @click="open(item)">
<figure class="media-left is-clickable"> <mdicon class="media-left is-clickable icon" name="folder" />
<mdicon class="icon" name="folder" size="16" />
</figure>
<div class="media-content is-clickable is-clipped"> <div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.name" /> <p class="title is-6" v-text="item.name" />
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item)"> <a @click.prevent.stop="open_dialog(item)">
@ -90,5 +90,3 @@ export default {
} }
} }
</script> </script>
<style></style>

8
web-src/src/components/ListGenres.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<template v-for="item in items" :key="item.itemId"> <template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="py-5">
<div class="media-content is-clipped"> <div class="media-content">
<span <span
:id="`index_${item.index}`" :id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold" class="tag is-info is-light is-small has-text-weight-bold"
@ -11,7 +11,7 @@
</div> </div>
<div v-else class="media is-align-items-center" @click="open(item.item)"> <div v-else class="media is-align-items-center" @click="open(item.item)">
<div class="media-content is-clickable is-clipped"> <div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" /> <p class="title is-6" v-text="item.item.name" />
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)"> <a @click.prevent.stop="open_dialog(item.item)">
@ -63,5 +63,3 @@ export default {
} }
} }
</script> </script>
<style></style>

12
web-src/src/components/ListItemQueueItem.vue
View File

@ -5,13 +5,13 @@
> >
<div v-if="edit_mode" class="media-left"> <div v-if="edit_mode" class="media-left">
<mdicon <mdicon
class="icon has-text-grey fd-is-movable handle" class="icon has-text-grey fd-is-movable"
name="drag-horizontal" name="drag-horizontal"
size="16" size="18"
/> />
</div> </div>
<div class="media-content is-clickable is-clipped" @click="play"> <div class="media-content is-clickable is-clipped" @click="play">
<h1 <p
class="title is-6" class="title is-6"
:class="{ :class="{
'has-text-primary': item.id === player.item_id, 'has-text-primary': item.id === player.item_id,
@ -19,7 +19,7 @@
}" }"
v-text="item.title" v-text="item.title"
/> />
<h2 <p
class="subtitle is-7 has-text-weight-bold" class="subtitle is-7 has-text-weight-bold"
:class="{ :class="{
'has-text-primary': item.id === player.item_id, 'has-text-primary': item.id === player.item_id,
@ -28,7 +28,7 @@
}" }"
v-text="item.artist" v-text="item.artist"
/> />
<h2 <p
class="subtitle is-7" class="subtitle is-7"
:class="{ :class="{
'has-text-primary': item.id === player.item_id, 'has-text-primary': item.id === player.item_id,
@ -80,5 +80,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,11 +1,9 @@
<template> <template>
<template v-for="item in items" :key="item.itemId"> <template v-for="item in items" :key="item.itemId">
<div class="media is-align-items-center" @click="open(item.item)"> <div class="media is-align-items-center" @click="open(item.item)">
<figure class="media-left is-clickable"> <mdicon class="media-left is-clickable icon" :name="icon(item.item)" />
<mdicon class="icon" :name="icon_name(item.item)" size="16" />
</figure>
<div class="media-content is-clickable is-clipped"> <div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" /> <p class="title is-6" v-text="item.item.name" />
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)"> <a @click.prevent.stop="open_dialog(item.item)">
@ -39,7 +37,7 @@ export default {
}, },
methods: { methods: {
icon_name(item) { icon(item) {
if (item.type === 'folder') { if (item.type === 'folder') {
return 'folder' return 'folder'
} else if (item.type === 'rss') { } else if (item.type === 'rss') {
@ -61,5 +59,3 @@ export default {
} }
} }
</script> </script>
<style></style>

6
web-src/src/components/ListPlaylistsSpotify.vue
View File

@ -2,8 +2,8 @@
<template v-for="item in items" :key="item.id"> <template v-for="item in items" :key="item.id">
<div class="media is-align-items-center"> <div class="media is-align-items-center">
<div class="media-content is-clickable is-clipped" @click="open(item)"> <div class="media-content is-clickable is-clipped" @click="open(item)">
<h1 class="title is-6" v-text="item.name" /> <p class="title is-6" v-text="item.name" />
<h2 class="subtitle is-7" v-text="item.owner.display_name" /> <p class="subtitle is-7" v-text="item.owner.display_name" />
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item)"> <a @click.prevent.stop="open_dialog(item)">
@ -46,5 +46,3 @@ export default {
} }
} }
</script> </script>
<style></style>

22
web-src/src/components/ListTracks.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<template v-for="item in items" :key="item.itemId"> <template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="py-5">
<span <span
:id="`index_${item.index}`" :id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold" class="tag is-info is-light is-small has-text-weight-bold"
@ -13,11 +13,13 @@
:class="{ 'with-progress': show_progress }" :class="{ 'with-progress': show_progress }"
@click="play(item.item)" @click="play(item.item)"
> >
<figure v-if="show_icon" class="media-left is-clickable"> <mdicon
<mdicon class="icon" name="file-outline" size="16" /> v-if="show_icon"
</figure> class="media-left icon is-clickable"
<div class="media-content is-clickable is-clipped"> name="file-outline"
<h1 />
<div class="media-content is-clipped">
<p
class="title is-6" class="title is-6"
:class="{ :class="{
'has-text-grey': 'has-text-grey':
@ -25,11 +27,11 @@
}" }"
v-text="item.item.title" v-text="item.item.title"
/> />
<h2 <p
class="subtitle is-7 has-text-grey has-text-weight-bold" class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.item.artist" v-text="item.item.artist"
/> />
<h2 class="subtitle is-7 has-text-grey" v-text="item.item.album" /> <p class="subtitle is-7 has-text-grey" v-text="item.item.album" />
<progress <progress
v-if="show_progress && item.item.seek_ms > 0" v-if="show_progress && item.item.seek_ms > 0"
class="progress is-info" class="progress is-info"
@ -103,4 +105,8 @@ export default {
.progress { .progress {
height: 0.25rem; height: 0.25rem;
} }
.media.with-progress {
margin-top: 0.375rem;
}
</style> </style>

14
web-src/src/components/ListTracksSpotify.vue
View File

@ -2,19 +2,19 @@
<template v-for="item in items" :key="item.id"> <template v-for="item in items" :key="item.id">
<div class="media is-align-items-center"> <div class="media is-align-items-center">
<div <div
class="media-content is-clipped" class="media-content"
:class="{ :class="{
'is-clickable': item.is_playable, 'is-clickable': item.is_playable,
'fd-is-not-allowed': !item.is_playable 'fd-is-not-allowed': !item.is_playable
}" }"
@click="play(item)" @click="play(item)"
> >
<h1 <p
class="title is-6" class="title is-6"
:class="{ 'has-text-grey-light': !item.is_playable }" :class="{ 'has-text-grey-light': !item.is_playable }"
v-text="item.name" v-text="item.name"
/> />
<h2 <p
class="subtitle is-7 has-text-weight-bold" class="subtitle is-7 has-text-weight-bold"
:class="{ :class="{
'has-text-grey': item.is_playable, 'has-text-grey': item.is_playable,
@ -22,8 +22,8 @@
}" }"
v-text="item.artists[0].name" v-text="item.artists[0].name"
/> />
<h2 class="subtitle is-7 has-text-grey" v-text="item.album.name" /> <p class="subtitle is-7 has-text-grey" v-text="item.album.name" />
<h2 v-if="!item.is_playable" class="subtitle is-7"> <p v-if="!item.is_playable" class="subtitle is-7">
(<span v-text="$t('list.spotify.not-playable-track')" /> (<span v-text="$t('list.spotify.not-playable-track')" />
<span <span
v-if="item.restrictions?.reason" v-if="item.restrictions?.reason"
@ -33,7 +33,7 @@
}) })
" "
/>) />)
</h2> </p>
</div> </div>
<div class="media-right"> <div class="media-right">
<a @click.prevent.stop="open_dialog(item)"> <a @click.prevent.stop="open_dialog(item)">
@ -82,5 +82,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogAddRss.vue
View File

@ -107,5 +107,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogAddUrlStream.vue
View File

@ -125,5 +125,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -9,7 +9,7 @@
:url="artwork_url(item)" :url="artwork_url(item)"
:artist="item.artist" :artist="item.artist"
:album="item.name" :album="item.name"
class="fd-has-shadow fd-cover fd-cover-normal-image mb-5" class="fd-has-shadow fd-cover fd-cover-normal-image"
@load="artwork_loaded" @load="artwork_loaded"
@error="artwork_error" @error="artwork_error"
/> />
@ -133,5 +133,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogArtist.vue
View File

@ -89,5 +89,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogArtistSpotify.vue
View File

@ -93,5 +93,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogComposer.vue
View File

@ -105,5 +105,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogDirectory.vue
View File

@ -66,5 +66,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogGenre.vue
View File

@ -92,5 +92,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogPlaylistSave.vue
View File

@ -111,5 +111,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogPlaylistSpotify.vue
View File

@ -97,5 +97,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogQueueItem.vue
View File

@ -233,5 +233,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogRemotePairing.vue
View File

@ -98,5 +98,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/ModalDialogTrackSpotify.vue
View File

@ -138,5 +138,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/SettingsIntfield.vue
View File

@ -116,5 +116,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/SettingsTextfield.vue
View File

@ -117,5 +117,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/TabsAudiobooks.vue
View File

@ -67,5 +67,3 @@ export default {
name: 'TabsAudiobooks' name: 'TabsAudiobooks'
} }
</script> </script>
<style></style>

2
web-src/src/components/TabsMusic.vue
View File

@ -129,5 +129,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/TabsSearch.vue
View File

@ -53,5 +53,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/components/TabsSettings.vue
View File

@ -64,5 +64,3 @@ export default {
name: 'TabsSettings' name: 'TabsSettings'
} }
</script> </script>
<style></style>

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

@ -2,10 +2,10 @@
<div> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <p class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6 has-text-link"> <p class="subtitle is-6 has-text-link">
<a class="has-text-link" @click="open_artist" v-text="album.artist" /> <a class="has-text-link" @click="open_artist" v-text="album.artist" />
</h2> </p>
<div class="buttons fd-is-centered-mobile mt-5"> <div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play"> <a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" /> <mdicon class="icon" name="shuffle" size="16" />
@ -104,5 +104,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -2,14 +2,14 @@
<div> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <p class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6 has-text-link"> <p class="subtitle is-6 has-text-link">
<a <a
class="has-text-link" class="has-text-link"
@click="open_artist" @click="open_artist"
v-text="album.artists[0].name" v-text="album.artists[0].name"
/> />
</h2> </p>
<div class="buttons fd-is-centered-mobile mt-5"> <div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play"> <a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" /> <mdicon class="icon" name="shuffle" size="16" />
@ -127,5 +127,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -140,5 +140,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -2,10 +2,10 @@
<div> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <p class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6 has-text-link"> <p class="subtitle is-6 has-text-link">
<a class="has-text-link" @click="open_artist" v-text="album.artist" /> <a class="has-text-link" @click="open_artist" v-text="album.artist" />
</h2> </p>
<div class="buttons fd-is-centered-mobile mt-5"> <div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play"> <a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="play" size="16" /> <mdicon class="icon" name="play" size="16" />
@ -103,5 +103,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-audiobooks /> <tabs-audiobooks />
<content-with-heading> <content-with-heading>
<template #options> <template #options>
@ -61,5 +61,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-audiobooks /> <tabs-audiobooks />
<content-with-heading> <content-with-heading>
<template #options> <template #options>
@ -12,7 +12,6 @@
v-text="$t('page.audiobooks.artists.count', { count: artists.count })" v-text="$t('page.audiobooks.artists.count', { count: artists.count })"
/> />
</template> </template>
<template #heading-right />
<template #content> <template #content>
<list-artists :items="artists" /> <list-artists :items="artists" />
</template> </template>
@ -62,5 +61,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-audiobooks /> <tabs-audiobooks />
<content-with-heading> <content-with-heading>
<template #options> <template #options>
@ -61,5 +61,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #options> <template #options>
@ -56,5 +56,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -137,5 +137,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -109,5 +109,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #options> <template #options>
@ -61,5 +61,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
@ -95,5 +95,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
@ -62,5 +62,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
@ -51,5 +51,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
@ -102,5 +102,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
@ -60,5 +60,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-music /> <tabs-music />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
@ -57,5 +57,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -196,5 +196,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -89,5 +89,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -90,5 +90,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -151,5 +151,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -2,10 +2,10 @@
<div> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <p class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6"> <p class="subtitle is-6">
<br /> <br />
</h2> </p>
<div class="buttons fd-is-centered-mobile mt-5"> <div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play"> <a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="play" size="16" /> <mdicon class="icon" name="play" size="16" />
@ -147,5 +147,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -145,5 +145,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -51,12 +51,7 @@
</div> </div>
</template> </template>
<template #content> <template #content>
<draggable <draggable v-model="queue_items" item-key="id" @end="move_item">
v-model="queue_items"
handle=".handle"
item-key="id"
@end="move_item"
>
<template #item="{ element, index }"> <template #item="{ element, index }">
<list-item-queue-item <list-item-queue-item
:item="element" :item="element"
@ -208,5 +203,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -48,5 +48,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -49,7 +49,7 @@
</section> </section>
<tabs-search @search-library="search" @search-spotify="search_spotify" /> <tabs-search @search-library="search" @search-spotify="search_spotify" />
<template v-for="[type, items] in results" :key="type"> <template v-for="[type, items] in results" :key="type">
<content-with-heading class="pt-0"> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="$t(`page.search.${type}s`)" /> <p class="title is-4" v-text="$t(`page.search.${type}s`)" />
</template> </template>
@ -226,5 +226,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -32,7 +32,7 @@
</section> </section>
<tabs-search @search-library="search_library" @search-spotify="search" /> <tabs-search @search-library="search_library" @search-spotify="search" />
<template v-for="[type, items] in results" :key="type"> <template v-for="[type, items] in results" :key="type">
<content-with-heading class="pt-0"> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="$t(`page.spotify.search.${type}s`)" /> <p class="title is-4" v-text="$t(`page.spotify.search.${type}s`)" />
</template> </template>
@ -227,5 +227,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,9 +1,9 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-settings /> <tabs-settings />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div class="title is-4" v-text="$t('page.settings.artwork.artwork')" /> <p class="title is-4" v-text="$t('page.settings.artwork.artwork')" />
</template> </template>
<template #content> <template #content>
<div <div
@ -71,5 +71,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,9 +1,9 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-settings /> <tabs-settings />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div <p
class="title is-4" class="title is-4"
v-text="$t('page.settings.services.spotify.title')" v-text="$t('page.settings.services.spotify.title')"
/> />
@ -62,7 +62,7 @@
</content-with-heading> </content-with-heading>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div <p
class="title is-4" class="title is-4"
v-text="$t('page.settings.services.lastfm.title')" v-text="$t('page.settings.services.lastfm.title')"
/> />
@ -204,5 +204,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -1,9 +1,9 @@
<template> <template>
<div class="fd-page-with-tabs"> <div>
<tabs-settings /> <tabs-settings />
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div class="title is-4" v-text="$t('page.settings.general.language')" /> <p class="title is-4" v-text="$t('page.settings.general.language')" />
</template> </template>
<template #content> <template #content>
<control-dropdown v-model:value="locale" :options="locales" /> <control-dropdown v-model:value="locale" :options="locales" />
@ -11,8 +11,8 @@
</content-with-heading> </content-with-heading>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div <p
class="title is-4" class="title is-4 is-spaced"
v-text="$t('page.settings.general.navigation-items')" v-text="$t('page.settings.general.navigation-items')"
/> />
</template> </template>
@ -73,7 +73,7 @@
</content-with-heading> </content-with-heading>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div <p
class="title is-4" class="title is-4"
v-text="$t('page.settings.general.album-lists')" v-text="$t('page.settings.general.album-lists')"
/> />
@ -91,7 +91,7 @@
</content-with-heading> </content-with-heading>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div <p
class="title is-4" class="title is-4"
v-text="$t('page.settings.general.now-playing-page')" v-text="$t('page.settings.general.now-playing-page')"
/> />
@ -144,7 +144,7 @@
</content-with-heading> </content-with-heading>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div <p
class="title is-4" class="title is-4"
v-text="$t('page.settings.general.recently-added-page')" v-text="$t('page.settings.general.recently-added-page')"
/> />
@ -218,5 +218,3 @@ export default {
} }
} }
</script> </script>
<style></style>

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

@ -3,12 +3,11 @@
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-four-fifths"> <div class="column is-four-fifths">
<section v-if="$slots.options"> <section v-if="$slots.options" ref="options">
<div ref="options" style="height: 1px" />
<slot name="options" /> <slot name="options" />
<nav class="buttons is-centered mt-4 mb-2"> <nav class="buttons is-centered">
<router-link class="button is-small is-white" :to="position"> <router-link class="button is-small is-white" :to="position">
<mdicon class="icon is-small" :name="icon_name" size="16" /> <mdicon class="icon" :name="icon" size="16" />
</router-link> </router-link>
</nav> </nav>
</section> </section>
@ -49,7 +48,7 @@ export default {
} }
}, },
computed: { computed: {
icon_name() { icon() {
return this.options_visible ? 'chevron-up' : 'chevron-down' return this.options_visible ? 'chevron-up' : 'chevron-down'
}, },
position() { position() {
@ -80,5 +79,3 @@ export default {
} }
} }
</script> </script>
<style></style>

2
web-src/src/templates/ContentWithHero.vue
View File

@ -36,5 +36,3 @@
</template> </template>
<script></script> <script></script>
<style></style>