MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2024-12-28 08:05:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Use template strings

Browse Source
This commit is contained in:
Alain Nussbaumer 2024-03-26 03:34:50 +01:00
parent 6a0081cf71
commit 2b54de424b
12 changed files with 15 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@
<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="mt-6 mb-5 py-2">
<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"
v-text="item.index" v-text="item.index"
/> />
@ -40,16 +40,16 @@
<teleport to="#app"> <teleport to="#app">
<modal-dialog-album <modal-dialog-album
:item="selected_item" :item="selected_item"
:show="show_details_modal"
:media_kind="media_kind" :media_kind="media_kind"
:show="show_details_modal"
@close="show_details_modal = false"
@remove-podcast="open_remove_podcast_dialog()" @remove-podcast="open_remove_podcast_dialog()"
@play-count-changed="play_count_changed()" @play-count-changed="play_count_changed()"
@close="show_details_modal = false"
/> />
<modal-dialog <modal-dialog
:delete_action="$t('page.podcast.remove')"
:show="show_remove_podcast_modal" :show="show_remove_podcast_modal"
:title="$t('page.podcast.remove-podcast')" :title="$t('page.podcast.remove-podcast')"
:delete_action="$t('page.podcast.remove')"
@close="show_remove_podcast_modal = false" @close="show_remove_podcast_modal = false"
@delete="remove_podcast" @delete="remove_podcast"
> >

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

@ -3,7 +3,7 @@
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped"> <div class="media-content is-clipped">
<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"
v-text="item.index" v-text="item.index"
/> />

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

@ -3,7 +3,7 @@
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped"> <div class="media-content is-clipped">
<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"
v-text="item.index" v-text="item.index"
/> />

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

@ -3,7 +3,7 @@
<div v-if="!item.isItem" class="mt-6 mb-5 py-2"> <div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped"> <div class="media-content is-clipped">
<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"
v-text="item.index" v-text="item.index"
/> />

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

@ -2,7 +2,7 @@
<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="mt-6 mb-5 py-2">
<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"
v-text="item.index" v-text="item.index"
/> />

5
web-src/src/components/ModalDialogAlbum.vue
View File

@ -66,10 +66,7 @@
<span <span
class="title is-6" class="title is-6"
v-text=" v-text="
[ `${$t(`media.kind.${item.media_kind}`)} - ${$t(`data.kind.${item.data_kind}`)}`
$t('media.kind.' + item.media_kind),
$t('data.kind.' + item.data_kind)
].join(' - ')
" "
/> />
</p> </p>

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

@ -17,7 +17,7 @@
<span class="heading" v-text="$t('dialog.playlist.type')" /> <span class="heading" v-text="$t('dialog.playlist.type')" />
<span <span
class="title is-6" class="title is-6"
v-text="$t('playlist.type.' + item.type)" v-text="$t(`playlist.type.${item.type}`)"
/> />
</p> </p>
<p v-if="!item.folder"> <p v-if="!item.folder">

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

@ -75,10 +75,7 @@
<span class="title is-6"> <span class="title is-6">
<span <span
v-text=" v-text="
[ `${$t(`media.kind.${item.media_kind}`)} - ${$t(`data.kind.${item.data_kind}`)}`
$t('media.kind.' + item.media_kind),
$t('data.kind.' + item.data_kind)
].join(' - ')
" "
/> />
</span> </span>
@ -192,7 +189,6 @@ export default {
}) })
} }
}, },
open_album_artist() { open_album_artist() {
if (this.item.data_kind === 'spotify') { if (this.item.data_kind === 'spotify') {
this.$router.push({ this.$router.push({
@ -214,7 +210,6 @@ export default {
}) })
} }
}, },
open_genre() { open_genre() {
this.$router.push({ this.$router.push({
name: 'genre-albums', name: 'genre-albums',
@ -222,12 +217,10 @@ export default {
query: { media_kind: this.item.media_kind } query: { media_kind: this.item.media_kind }
}) })
}, },
play() { play() {
this.$emit('close') this.$emit('close')
webapi.player_play({ item_id: this.item.id }) webapi.player_play({ item_id: this.item.id })
}, },
remove() { remove() {
this.$emit('close') this.$emit('close')
webapi.queue_remove(this.item.id) webapi.queue_remove(this.item.id)

5
web-src/src/components/ModalDialogTrack.vue
View File

@ -90,10 +90,7 @@
<span class="title is-6"> <span class="title is-6">
<span <span
v-text=" v-text="
[ `${$t(`media.kind.${item.media_kind}`)} - ${$t(`data.kind.${item.data_kind}`)}`
$t('media.kind.' + item.media_kind),
$t('data.kind.' + item.data_kind)
].join(' - ')
" "
/> />
</span> </span>

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

@ -3,7 +3,7 @@
<mdicon <mdicon
:name="icon_name" :name="icon_name"
:size="icon_size" :size="icon_size"
:title="$t('player.button.' + icon_name)" :title="$t(`player.button.${icon_name}`)"
/> />
</a> </a>
</template> </template>

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

@ -4,7 +4,7 @@
class="icon" class="icon"
:name="icon_name" :name="icon_name"
:size="icon_size" :size="icon_size"
:title="$t('player.button.' + icon_name)" :title="$t(`player.button.${icon_name}`)"
/> />
</a> </a>
</template> </template>

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

@ -4,7 +4,7 @@
class="icon" class="icon"
:name="icon_name" :name="icon_name"
:size="icon_size" :size="icon_size"
:title="$t('player.button.' + icon_name)" :title="$t(`player.button.${icon_name}`)"
/> />
</a> </a>
</template> </template>