Revert "full i18n for web remote and existing strings modification"

This reverts commit 6d0b926b1e.
This commit is contained in:
Maikiwi 2022-01-25 23:48:38 -08:00
parent 1fe6afefc3
commit c7eab5063c
11 changed files with 55 additions and 75 deletions

View file

@ -100,8 +100,6 @@
"term.contributors": "Contributors", "term.contributors": "Contributors",
"term.equalizer": "Equalizer", "term.equalizer": "Equalizer",
"term.reset": "Reset", "term.reset": "Reset",
"term.tracks": "tracks", // Assume x amount of tracks. e.g. 50 tracks
// Home // Home
"home.title": "Home", "home.title": "Home",
@ -162,9 +160,6 @@
"action.dislike": "Dislike", "action.dislike": "Dislike",
"action.undoDislike": "Undo dislike", "action.undoDislike": "Undo dislike",
"action.showWebRemoteQR": "Show Web Remote QR", "action.showWebRemoteQR": "Show Web Remote QR",
"action.playTracksNext": "Play ${app.selectedMediaItems.length} tracks next",
"action.playTracksLater": "Play ${app.selectedMediaItems.length} tracks later",
"action.removeTracks": "Remove ${self.selectedItems.length} tracks from queue",
// Settings - Audio // Settings - Audio
"settings.header.audio": "Audio", "settings.header.audio": "Audio",

View file

@ -84,7 +84,7 @@
"term.fullscreenView": "全画面表示", "term.fullscreenView": "全画面表示",
"term.defaultView": "ウィンドウ表示", "term.defaultView": "ウィンドウ表示",
"term.spacializedAudioSetting": "オーディオ空間化設定", "term.spacializedAudioSetting": "オーディオ空間化設定",
"term.clearAll": "消去", "term.clearAll": "クリア",
"term.recentStations": "最近の再生", "term.recentStations": "最近の再生",
"term.language": "言語", "term.language": "言語",
"term.noLyrics": "ローディング。。 / 歌詞が見つからない / 器楽曲.", "term.noLyrics": "ローディング。。 / 歌詞が見つからない / 器楽曲.",
@ -97,7 +97,6 @@
"term.contributors": "貢献者", "term.contributors": "貢献者",
"term.equalizer": "イコライザー", "term.equalizer": "イコライザー",
"term.reset": "リセット", "term.reset": "リセット",
"term.tracks": "曲", // Assume x amount of tracks. e.g. 50 tracks
// Home // Home
"home.title": "ホーム", "home.title": "ホーム",
@ -130,14 +129,14 @@
"action.addToLibrary.error": "ライブラリへの追加に失敗しました", "action.addToLibrary.error": "ライブラリへの追加に失敗しました",
"action.removeFromLibrary": "ライブラリから削除", "action.removeFromLibrary": "ライブラリから削除",
"action.removeFromLibrary.success": "ライブラリから削除されました", "action.removeFromLibrary.success": "ライブラリから削除されました",
"action.addToQueue": "「次はこちら」に項目を追加", "action.addToQueue": "キューに追加",
"action.addToQueue.success": "「次はこちら」に項目を追加されました", "action.addToQueue.success": "キューに追加されました",
"action.addToQueue.error": "操作を完了できませんでした", "action.addToQueue.error": "操作を完了できませんでした",
"action.addToPlaylist": "プレイリストに追加", "action.addToPlaylist": "プレイリストに追加",
"action.removeFromPlaylist": "プレイリストから削除", "action.removeFromPlaylist": "プレイリストから削除",
"action.addToFavorites": "ラブに追加", "action.addToFavorites": " ",
"action.removeFromQueue": "「次はこちら」から項目を削除", "action.removeFromQueue": "キューから削除",
"action.removeFromQueue.success": "「次はこちら」から項目を削除されました", "action.removeFromQueue.success": "キューから削除されました",
"action.removeFromQueue.error": "操作を完了できませんでした", "action.removeFromQueue.error": "操作を完了できませんでした",
"action.follow": "フォロー", "action.follow": "フォロー",
"action.follow.success": "フォロー中", "action.follow.success": "フォロー中",
@ -158,10 +157,6 @@
"action.dislike": "これに似たものをすすめない", "action.dislike": "これに似たものをすすめない",
"action.undoDislike": "「これと似た曲のおすすめを減らす」を取り消す", "action.undoDislike": "「これと似た曲のおすすめを減らす」を取り消す",
"action.showWebRemoteQR": "WEBリモコンQRコードを表示", "action.showWebRemoteQR": "WEBリモコンQRコードを表示",
"action.playTracksNext": "${app.selectedMediaItems.length}曲が次に再生",
"action.playTracksLater": "${app.selectedMediaItems.length}曲が最後に再生",
"action.removeTracks": "${self.selectedItems.length}曲が「次はこちら」から削除",
// Settings - Audio // Settings - Audio
"settings.header.audio": "オーディオ", "settings.header.audio": "オーディオ",
"settings.header.audio.description": "Ciderのオーディオ設定", "settings.header.audio.description": "Ciderのオーディオ設定",

View file

@ -97,7 +97,6 @@
"term.contributors": "贡献者", "term.contributors": "贡献者",
"term.equalizer": "均衡器", "term.equalizer": "均衡器",
"term.reset": "重置", "term.reset": "重置",
"term.tracks": "首歌曲", // Assume x amount of tracks. e.g. 50 tracks
// Home // Home
"home.title": "主页", "home.title": "主页",
@ -160,10 +159,6 @@
"action.dislike": "减少此类建议", "action.dislike": "减少此类建议",
"action.undoDislike": "增加此类建议", "action.undoDislike": "增加此类建议",
"action.showWebRemoteQR": "显示远程控制的二维码", "action.showWebRemoteQR": "显示远程控制的二维码",
"action.playTracksNext": "插播 ${app.selectedMediaItems.length} 首歌曲",
"action.playTracksLater": "最后播放 ${app.selectedMediaItems.length} 首歌曲",
"action.removeTracks": "从队列中移除 ${self.selectedItems.length} 首歌曲",
// Settings - Audio // Settings - Audio
"settings.header.audio": "音频", "settings.header.audio": "音频",
"settings.header.audio.description": "调整 Cider 的音频设置", "settings.header.audio.description": "调整 Cider 的音频设置",

View file

@ -96,8 +96,6 @@
"term.contributors": "貢獻者", "term.contributors": "貢獻者",
"term.equalizer": "等化器", "term.equalizer": "等化器",
"term.reset": "重置", "term.reset": "重置",
"term.tracks": "首歌曲", // Assume x amount of tracks. e.g. 50 tracks
// Home // Home
"home.title": "主頁", "home.title": "主頁",
@ -158,9 +156,6 @@
"action.dislike": "減少此類建議", "action.dislike": "減少此類建議",
"action.undoDislike": "還原減小此類建議", "action.undoDislike": "還原減小此類建議",
"action.showWebRemoteQR": "顯示遠程遙控行動條碼", "action.showWebRemoteQR": "顯示遠程遙控行動條碼",
"action.playTracksNext": "插播 ${app.selectedMediaItems.length} 首歌曲",
"action.playTracksLater": "最後播放 ${app.selectedMediaItems.length} 首歌曲",
"action.removeTracks": "從待播清單刪除 ${self.selectedItems.length} 首歌曲",
// Settings - Audio // Settings - Audio
"settings.header.audio": "音訊", "settings.header.audio": "音訊",

View file

@ -238,7 +238,7 @@
} }
}, },
{ {
name: app.getLz('action.playTracksNext'), name: `Play ${app.selectedMediaItems.length} tracks next`,
"icon": "./assets/arrow-bend-up.svg", "icon": "./assets/arrow-bend-up.svg",
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
@ -260,7 +260,7 @@
} }
}, },
{ {
name: app.getLz('action.playTracksLater'), name: `Play ${app.selectedMediaItems.length} tracks later`,
"icon": "./assets/arrow-bend-down.svg", "icon": "./assets/arrow-bend-down.svg",
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}

View file

@ -144,7 +144,7 @@
multiple: { multiple: {
items: [ items: [
{ {
name: this.$root.getLz('action.playTracksNext'), name: `Play ${app.selectedMediaItems.length} tracks next`,
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
app.selectedMediaItems.forEach(item => { app.selectedMediaItems.forEach(item => {
@ -165,7 +165,7 @@
} }
}, },
{ {
name: app.getLz('action.playTracksLater'), name: `Play ${app.selectedMediaItems.length} tracks later`,
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
app.selectedMediaItems.forEach(item => { app.selectedMediaItems.forEach(item => {

View file

@ -158,7 +158,7 @@
multiple: { multiple: {
items: [ items: [
{ {
name: app.getLz('action.playTracksNext'), name: `Play ${app.selectedMediaItems.length} tracks next`,
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
app.selectedMediaItems.forEach(item => { app.selectedMediaItems.forEach(item => {
@ -179,7 +179,7 @@
} }
}, },
{ {
name: app.getLz('action.playTracksLater'), name: `Play ${app.selectedMediaItems.length} tracks later`,
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
app.selectedMediaItems.forEach(item => { app.selectedMediaItems.forEach(item => {

View file

@ -250,7 +250,7 @@
multiple: { multiple: {
items: [ items: [
{ {
name: app.getLz('action.playTracksNext'), name: `Play ${app.selectedMediaItems.length} tracks next`,
"icon": "./assets/arrow-bend-up.svg", "icon": "./assets/arrow-bend-up.svg",
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
@ -272,7 +272,7 @@
} }
}, },
{ {
name: app.getLz('action.playTracksLater'), name: `Play ${app.selectedMediaItems.length} tracks later`,
"icon": "./assets/arrow-bend-down.svg", "icon": "./assets/arrow-bend-down.svg",
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}

View file

@ -97,7 +97,7 @@
}, },
multiple: { multiple: {
items: [{ items: [{
"name": app.getLz('action.removeTracks'), "name": `Remove ${self.selectedItems.length} tracks from queue`,
"action": function () { "action": function () {
// add property to items to be removed // add property to items to be removed
self.selectedItems.forEach(function (item) { self.selectedItems.forEach(function (item) {

View file

@ -263,7 +263,7 @@
multiple: { multiple: {
items: [ items: [
{ {
name: app.getLz('action.playTracksNext'), name: `Play ${app.selectedMediaItems.length} tracks next`,
"icon": "./assets/arrow-bend-up.svg", "icon": "./assets/arrow-bend-up.svg",
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
@ -285,7 +285,7 @@
} }
}, },
{ {
name: app.getLz('action.playTracksLater'), name: `Play ${app.selectedMediaItems.length} tracks later`,
"icon": "./assets/arrow-bend-down.svg", "icon": "./assets/arrow-bend-down.svg",
action: () => { action: () => {
let itemsToPlay = {} let itemsToPlay = {}
@ -312,7 +312,7 @@
{ {
"icon": "./assets/feather/heart.svg", "icon": "./assets/feather/heart.svg",
"id": "love", "id": "love",
"name": app.getLz('action.love'), "name": "Love",
"hidden": false, "hidden": false,
"disabled": true, "disabled": true,
"action": function () { "action": function () {
@ -323,7 +323,7 @@
"icon": "./assets/feather/heart.svg", "icon": "./assets/feather/heart.svg",
"id": "unlove", "id": "unlove",
"active": true, "active": true,
"name": app.getLz('action.unlove'), "name": "Unlove",
"hidden": true, "hidden": true,
"action": function () { "action": function () {
app.unlove(self.item) app.unlove(self.item)
@ -332,7 +332,7 @@
{ {
"icon": "./assets/feather/thumbs-down.svg", "icon": "./assets/feather/thumbs-down.svg",
"id": "dislike", "id": "dislike",
"name": app.getLz('action.dislike'), "name": "Dislike",
"hidden": false, "hidden": false,
"disabled": true, "disabled": true,
"action": function () { "action": function () {
@ -342,7 +342,7 @@
{ {
"icon": "./assets/feather/thumbs-down.svg", "icon": "./assets/feather/thumbs-down.svg",
"id": "undo_dislike", "id": "undo_dislike",
"name": app.getLz('action.undoDislike'), "name": "Undo dislike",
"active": true, "active": true,
"hidden": true, "hidden": true,
"action": function () { "action": function () {
@ -354,7 +354,7 @@
{ {
"icon": "./assets/feather/list.svg", "icon": "./assets/feather/list.svg",
"id": "addToPlaylist", "id": "addToPlaylist",
"name": app.getLz('action.addToPlaylist'), "name": "Add to Playlist...",
"action": function () { "action": function () {
app.promptAddToPlaylist() app.promptAddToPlaylist()
} }
@ -362,7 +362,7 @@
{ {
"id": "addToLibrary", "id": "addToLibrary",
"icon": "./assets/feather/plus.svg", "icon": "./assets/feather/plus.svg",
"name": app.getLz('action.addToLibrary'), "name": "Add to library",
"hidden": false, "hidden": false,
"disabled": true, "disabled": true,
"action": function () { "action": function () {
@ -375,7 +375,7 @@
{ {
"id": "removeFromLibrary", "id": "removeFromLibrary",
"icon": "./assets/feather/x-circle.svg", "icon": "./assets/feather/x-circle.svg",
"name": app.getLz('action.removeFromLibrary'), "name": "Remove from library",
"hidden": true, "hidden": true,
"action": async function () { "action": async function () {
console.log("remove"); console.log("remove");
@ -386,7 +386,7 @@
} }
}, },
{ {
"name": app.getLz('action.playNext'), "name": "Play Next",
"icon": "./assets/arrow-bend-up.svg", "icon": "./assets/arrow-bend-up.svg",
"action": function () { "action": function () {
app.mk.playNext({[self.item.attributes.playParams.kind ?? self.item.type]: self.item.attributes.playParams.id ?? self.item.id}) app.mk.playNext({[self.item.attributes.playParams.kind ?? self.item.type]: self.item.attributes.playParams.id ?? self.item.id})
@ -395,7 +395,7 @@
} }
}, },
{ {
"name": app.getLz('action.playLater'), "name": "Play Later",
"icon": "./assets/arrow-bend-down.svg", "icon": "./assets/arrow-bend-down.svg",
"action": function () { "action": function () {
app.mk.playLater({[self.item.attributes.playParams.kind ?? self.item.type]: self.item.attributes.playParams.id ?? self.item.id}) app.mk.playLater({[self.item.attributes.playParams.kind ?? self.item.type]: self.item.attributes.playParams.id ?? self.item.id})
@ -405,7 +405,7 @@
}, },
{ {
"icon": "./assets/feather/share.svg", "icon": "./assets/feather/share.svg",
"name": app.getLz('action.share'), "name": "Share",
"action": function () { "action": function () {
self.app.copyToClipboard(self.item.attributes.url) self.app.copyToClipboard(self.item.attributes.url)
} }

View file

@ -5,7 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>{{this.$root.getLz('remote.web.title')}}</title> <title>Web Remote</title>
<link rel="stylesheet" href="style.css?v=2"> <link rel="stylesheet" href="style.css?v=2">
<script src="vue.js"></script> <script src="vue.js"></script>
<script src="sortable.min.js"></script> <script src="sortable.min.js"></script>
@ -54,8 +54,8 @@
<h3>Quit Cider</h3> <h3>Quit Cider</h3>
<p>Are you sure you want to quit Cider?</p> <p>Are you sure you want to quit Cider?</p>
<div class="button-holder two-button"> <div class="button-holder two-button">
<a href="#" @click="quit()"> {{this.$root.getLz('dialog.ok')}}</a> <a href="#" @click="quit()"> Yes</a>
<a href="#" @click="screen = 'player'">{{this.$root.getLz('dialog.cancel')}}</a> <a href="#" @click="screen = 'player'">Naah</a>
<div style="clear: both"></div> <div style="clear: both"></div>
</div> </div>
</div> </div>
@ -111,7 +111,7 @@
</template> </template>
</template> </template>
<template v-else> <template v-else>
{{this.$root.getLz('term.noLyrics')}} No Lyrics Available
</template> </template>
</div> </div>
<div class="md-footer"> <div class="md-footer">
@ -216,7 +216,7 @@
:class="searchTypeClass('applemusic')" style="width:100%;">Apple Music :class="searchTypeClass('applemusic')" style="width:100%;">Apple Music
</button> </button>
<button class="search-type-button" @click="search.searchType = 'library';searchQuery()" <button class="search-type-button" @click="search.searchType = 'library';searchQuery()"
:class="searchTypeClass('library')" style="width:100%;">{{this.$root.getLz('term.library')}} :class="searchTypeClass('library')" style="width:100%;">Library
</button> </button>
</div> </div>
<div class="md-header search-tab-container" v-if="search.state == 2"> <div class="md-header search-tab-container" v-if="search.state == 2">
@ -224,16 +224,16 @@
Results Results
</button> </button>
<button class="search-tab" @click="search.tab = 'songs'" <button class="search-tab" @click="search.tab = 'songs'"
:class="searchTabClass('songs')">{{this.$root.getLz('term.songs')}} :class="searchTabClass('songs')">Songs
</button> </button>
<button class="search-tab" @click="search.tab = 'albums'" <button class="search-tab" @click="search.tab = 'albums'"
:class="searchTabClass('albums')">{{this.$root.getLz('term.albums')}} :class="searchTabClass('albums')">Albums
</button> </button>
<button class="search-tab" @click="search.tab = 'artists'" <button class="search-tab" @click="search.tab = 'artists'"
:class="searchTabClass('artists')">{{this.$root.getLz('term.artists')}} :class="searchTabClass('artists')">Artists
</button> </button>
<button class="search-tab" @click="search.tab = 'playlists'" <button class="search-tab" @click="search.tab = 'playlists'"
:class="searchTabClass('playlists')">{{this.$root.getLz('term.playlists')}} :class="searchTabClass('playlists')">Playlists
</button> </button>
</div> </div>
</div> </div>
@ -243,7 +243,7 @@
<div <div
style="font-size: 17px;display:flex;flex-direction: column;justify-content: center;align-items: center;"> style="font-size: 17px;display:flex;flex-direction: column;justify-content: center;align-items: center;">
<img src="./assets/search.svg" style="width: 40px;margin: 32px;opacity: 0.85"> <img src="./assets/search.svg" style="width: 40px;margin: 32px;opacity: 0.85">
{{this.$root.getLz('term.search')}} Search by song, album, artist, or lyrics.
</div> </div>
</div> </div>
</transition> </transition>
@ -256,7 +256,7 @@
<div class="md-body search-body" ref="searchBody" @scroll="searchScroll" <div class="md-body search-body" ref="searchBody" @scroll="searchScroll"
style="overflow-y:auto;" v-if="search.state == 2"> style="overflow-y:auto;" v-if="search.state == 2">
<template v-if="canShowSearchTab('songs')"> <template v-if="canShowSearchTab('songs')">
<div class="list-entry-header">{{this.$root.getLz('term.songs')}}</div> <div class="list-entry-header">Songs</div>
<template v-if="search.results.songs != null"> <template v-if="search.results.songs != null">
<div class="list-entry" v-for="song in search.results.songs.data" <div class="list-entry" v-for="song in search.results.songs.data"
@click="trackSelect(song)"> @click="trackSelect(song)">
@ -389,7 +389,7 @@
</template> </template>
</template> </template>
<template v-if="canShowSearchTab('playlists')"> <template v-if="canShowSearchTab('playlists')">
<div class="list-entry-header">{{this.$root.getLz('term.playlists')}}</div> <div class="list-entry-header">Playlists</div>
<template v-if="search.results.playlists != null"> <template v-if="search.results.playlists != null">
<div class="list-entry" v-for="playlist in search.results.playlists.data" <div class="list-entry" v-for="playlist in search.results.playlists.data"
@click="showPlaylist(playlist.attributes.playParams.id)"> @click="showPlaylist(playlist.attributes.playParams.id)">
@ -473,7 +473,7 @@
@click="playMediaItemById(search.selected.attributes.playParams?.id ?? search.selected.id );clearSelectedTrack()"> @click="playMediaItemById(search.selected.attributes.playParams?.id ?? search.selected.id );clearSelectedTrack()">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{this.$root.getLz('term.play')}} Play
</div> </div>
<div class="col-auto"> <div class="col-auto">
▶️ ▶️
@ -484,7 +484,7 @@
@click="playNext('song',search.selected.attributes.playParams?.id ?? search.selected.id );clearSelectedTrack()"> @click="playNext('song',search.selected.attributes.playParams?.id ?? search.selected.id );clearSelectedTrack()">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{this.$root.getLz('action.playNext')}} Play Next
</div> </div>
<div class="col-auto"> <div class="col-auto">
⏭️ ⏭️
@ -495,7 +495,7 @@
@click="playLater('song', search.selected.attributes.playParams?.id ?? search.selected.id );clearSelectedTrack()"> @click="playLater('song', search.selected.attributes.playParams?.id ?? search.selected.id );clearSelectedTrack()">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{this.$root.getLz('action.playLater')}} Play Later
</div> </div>
<div class="col-auto"> <div class="col-auto">
@ -528,7 +528,7 @@
<button class="context-menu-item context-menu-item--left" v-if="false"> <button class="context-menu-item context-menu-item--left" v-if="false">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{this.$root.getLz('action.addToLibrary')}} Add To Library
</div> </div>
<div class="col-auto"> <div class="col-auto">
@ -538,7 +538,7 @@
<button class="context-menu-item context-menu-item--left" v-if="false"> <button class="context-menu-item context-menu-item--left" v-if="false">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{this.$root.getLz('action.love')}} Love
</div> </div>
<div class="col-auto"> <div class="col-auto">
❤️ ❤️
@ -548,7 +548,7 @@
<button class="context-menu-item context-menu-item--left"> <button class="context-menu-item context-menu-item--left">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{this.$root.getLz('action.share')}} Share
</div> </div>
<div class="col-auto"> <div class="col-auto">
🌐 🌐
@ -594,14 +594,14 @@
<h2>{{ artistPage.data.attributes["name"] }}</h2> <h2>{{ artistPage.data.attributes["name"] }}</h2>
</div> </div>
<div class="md-body artist-body"> <div class="md-body artist-body">
<h2>{{this.$root.getLz('term.songs')}}</h2> <h2>Songs</h2>
<div class="song-scroller-horizontal"> <div class="song-scroller-horizontal">
<button v-for="song in artistPage.data.relationships['songs'].data" <button v-for="song in artistPage.data.relationships['songs'].data"
class="song-placeholder" @click="trackSelect(song)"> class="song-placeholder" @click="trackSelect(song)">
{{ song.attributes.name }} {{ song.attributes.name }}
</button> </button>
</div> </div>
<h2>{{this.$root.getLz('term.albums')}}</h2> <h2>Albums</h2>
<div class="mediaitem-scroller-horizontal"> <div class="mediaitem-scroller-horizontal">
<div v-for="album in artistPage.data.relationships['albums'].data" @click="showAlbum(album.attributes.playParams.id)"> <div v-for="album in artistPage.data.relationships['albums'].data" @click="showAlbum(album.attributes.playParams.id)">
<template v-if="album.attributes.artwork"> <template v-if="album.attributes.artwork">
@ -615,7 +615,7 @@
</div> </div>
</div> </div>
</div> </div>
<h2>{{this.$root.getLz('term.playlists')}}</h2> <h2>Playlists</h2>
<div class="mediaitem-scroller-horizontal"> <div class="mediaitem-scroller-horizontal">
<div v-for="playlist in artistPage.data.relationships['playlists'].data" @click="showPlaylist(playlist.attributes.playParams.id)"> <div v-for="playlist in artistPage.data.relationships['playlists'].data" @click="showPlaylist(playlist.attributes.playParams.id)">
<template v-if="playlist.attributes.artwork"> <template v-if="playlist.attributes.artwork">
@ -743,7 +743,7 @@
</template> </template>
</template> </template>
<template v-else> <template v-else>
{{this.$root.getLz('term.noLyrics')}} No Lyrics Available
</template> </template>
</div> </div>
<div class="md-footer"> <div class="md-footer">
@ -789,12 +789,12 @@
<div class="row" style="margin-top: 20px;"> <div class="row" style="margin-top: 20px;">
<div class="col"> <div class="col">
<button class="wr-btn" @click="playCustom(albumPage.data.attributes.playParams.id, albumPage.data.attributes.playParams.kind, false)" <button class="wr-btn" @click="playCustom(albumPage.data.attributes.playParams.id, albumPage.data.attributes.playParams.kind, false)"
style="width:100%;">{{this.$root.getLz('term.play')}} style="width:100%;">Play
</button> </button>
</div> </div>
<div class="col"> <div class="col">
<button class="wr-btn" style="width:100%;" <button class="wr-btn" style="width:100%;"
@click="playCustom(albumPage.data.attributes.playParams.id, albumPage.data.attributes.playParams.kind, true)">{{this.$root.getLz('term.shuffle')}} @click="playCustom(albumPage.data.attributes.playParams.id, albumPage.data.attributes.playParams.kind, true)">Shuffle
</button> </button>
</div> </div>
</div> </div>
@ -802,11 +802,11 @@
<div class="notes-preview" <div class="notes-preview"
v-html="albumPage.data.attributes['editorialNotes']['standard']"> v-html="albumPage.data.attributes['editorialNotes']['standard']">
</div> </div>
<button @click="albumPage.editorsNotes = true" class="notes-more">{{this.$root.getLz('term.showMore')}}</button> <button @click="albumPage.editorsNotes = true" class="notes-more">More</button>
</div> </div>
</div> </div>
<div class="md-body artist-body"> <div class="md-body artist-body">
<div class="list-entry-header">{{this.$root.getLz('term.songs')}}</div> <div class="list-entry-header">Tracks</div>
<div class="list-entry" v-for="song in albumPage.data.relationships['tracks'].data" <div class="list-entry" v-for="song in albumPage.data.relationships['tracks'].data"
@click="trackSelect(song)"> @click="trackSelect(song)">
<div class="row"> <div class="row">
@ -826,7 +826,7 @@
</div> </div>
</div> </div>
<div class="md-footer"> <div class="md-footer">
<div>{{ albumPage.data.relationships['tracks'].data.length }} {{this.$root.getLz('term.tracks')}}</div> <div>{{ albumPage.data.relationships['tracks'].data.length }} Tracks</div>
<div> <div>
{{ albumPage.data.attributes['copyright'] }} {{ albumPage.data.attributes['copyright'] }}
</div> </div>
@ -866,7 +866,7 @@
Loading... Loading...
</div> </div>
<div v-else> <div v-else>
<h3 style="text-align:center;">{{this.$root.getLz('error.connectionError')}}</h3> <h3 style="text-align:center;">Connection Interrupted</h3>
<!--<button class="md-btn md-btn-primary" style="font-weight:500;width: 120px;border-radius: 50px;display:block;margin: 0 auto;" @click="connect()">Retry--> <!--<button class="md-btn md-btn-primary" style="font-weight:500;width: 120px;border-radius: 50px;display:block;margin: 0 auto;" @click="connect()">Retry-->
<button class="md-btn md-btn-primary" <button class="md-btn md-btn-primary"
style="font-weight:500;width: 120px;border-radius: 50px;display:block;margin: 0 auto;" style="font-weight:500;width: 120px;border-radius: 50px;display:block;margin: 0 auto;"