MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2024-12-26 23:25: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">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<span
:id="'index_' + item.index"
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
v-text="item.index"
/>
@ -40,16 +40,16 @@
<teleport to="#app">
<modal-dialog-album
:item="selected_item"
:show="show_details_modal"
:media_kind="media_kind"
:show="show_details_modal"
@close="show_details_modal = false"
@remove-podcast="open_remove_podcast_dialog()"
@play-count-changed="play_count_changed()"
@close="show_details_modal = false"
/>
<modal-dialog
:delete_action="$t('page.podcast.remove')"
:show="show_remove_podcast_modal"
:title="$t('page.podcast.remove-podcast')"
:delete_action="$t('page.podcast.remove')"
@close="show_remove_podcast_modal = false"
@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 class="media-content is-clipped">
<span
:id="'index_' + item.index"
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
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 class="media-content is-clipped">
<span
:id="'index_' + item.index"
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
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 class="media-content is-clipped">
<span
:id="'index_' + item.index"
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
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">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<span
:id="'index_' + item.index"
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
v-text="item.index"
/>

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

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

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

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

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

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

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

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

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

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