almost committed garbage again

This commit is contained in:
Maikiwi 2022-01-24 20:24:21 -08:00
parent 9c0dca8001
commit 9cb5dacea5
18 changed files with 87 additions and 87 deletions

View file

@ -5,7 +5,7 @@
<div class="col">
<div class="row nopadding">
<div class="col nopadding">
<h3>{{app.getLz('home.followedArtists')}}</h3>
<h3>{{$root.getLz('home.followedArtists')}}</h3>
</div>
</div>
<div class="well">
@ -15,7 +15,7 @@
<button @click="unfollow(artist.id)" class="md-btn md-btn-glyph" style="display:flex;">
<div class="sidebar-icon">
<div class="svg-icon" :style="{'--url': 'url(./assets/feather/x-circle.svg)'}"></div>
</div> {{app.getLz('action.unfollow')}}
</div> {{$root.getLz('action.unfollow')}}
</button>
</div>
</mediaitem-scroller-horizontal>
@ -30,7 +30,7 @@
<div class="col">
<div class="row nopadding">
<div class="col nopadding">
<h3>{{app.getLz('home.artistsFeed')}}</h3>
<h3>{{$root.getLz('home.artistsFeed')}}</h3>
</div>
</div>
<div class="well" style="margin-top:0;">

View file

@ -60,7 +60,7 @@
<div class="col">
<div class="row">
<div class="col-auto" v-if="data.views['latest-release'].data.length != 0">
<h3>{{app.getLz('term.latestReleases')}}</h3>
<h3>{{$root.getLz('term.latestReleases')}}</h3>
<div style="width: auto;margin: 0 auto;">
<mediaitem-square kind="card" v-for="song in data.views['latest-release'].data"
:item="song">
@ -70,10 +70,10 @@
<div class="col" v-if="data.views['top-songs']">
<div class="row">
<div class="col" style="padding:0;">
<h3>{{app.getLz('term.topSongs')}}</h3>
<h3>{{$root.getLz('term.topSongs')}}</h3>
</div>
<div class="col-auto flex-center" v-if="data.views['top-songs'].data.length >= 10" style="padding:0;">
<button class="cd-btn-seeall" @click="app.showArtistView(data.id, data.attributes.name + ' - Top Songs', 'top-songs')">{{app.getLz('term.seeAll')}}</button>
<button class="cd-btn-seeall" @click="app.showArtistView(data.id, data.attributes.name + ' - Top Songs', 'top-songs')">{{$root.getLz('term.seeAll')}}</button>
</div>
</div>
<mediaitem-list-item
@ -83,10 +83,10 @@
<button class="showmoreless"
@click="topSongsExpanded = !topSongsExpanded">
<template v-if="!topSongsExpanded">
{{app.getLz('term.showMore')}}
{{$root.getLz('term.showMore')}}
</template>
<template v-else>
{{app.getLz('term.showLess')}}
{{$root.getLz('term.showLess')}}
</template>
</button>
</div>
@ -120,7 +120,7 @@
</template>
<div class="row">
<div class="col" v-if="data.attributes.artistBio">
<h3>{{ app.getLz('term.about') }} {{ data.attributes.name }}</h3>
<h3>{{ $root.getLz('term.about') }} {{ data.attributes.name }}</h3>
<p v-html="data.attributes.artistBio"></p>
</div>
<div class="col">
@ -164,14 +164,14 @@
let followActions = {
follow: {
icon: "./assets/feather/plus-circle.svg",
name: app.getLz('action.follow'),
name: $root.getLz('action.follow'),
action: ()=>{
self.app.cfg.home.followedArtists.push(self.data.id)
}
},
unfollow: {
icon: "./assets/feather/x-circle.svg",
name: app.getLz('action.unfollow'),
name: $root.getLz('action.unfollow'),
action: ()=>{
let index = self.app.cfg.home.followedArtists.indexOf(self.data.id)
if (index > -1) {
@ -187,7 +187,7 @@
items: [
{
icon: "./assets/feather/play.svg",
name: app.getLz('action.startRadio'),
name: $root.getLz('action.startRadio'),
action: ()=>{
app.mk.setStationQueue({artist:self.data.id}).then(()=>{
app.mk.play()
@ -197,7 +197,7 @@
followActions[followAction],
{
icon: "./assets/feather/share.svg",
name: app.getLz('action.share'),
name: $root.getLz('action.share'),
action: ()=>{
self.app.copyToClipboard(self.data.attributes.url)
}

View file

@ -48,7 +48,7 @@
<div v-else-if="data.attributes.description.standard" class="content" v-html="data.attributes.description.standard"></div>
<button v-if="data.attributes.description.short" class="more-btn"
@click="editorialNotesExpanded = !editorialNotesExpanded">
{{app.getLz('term.showMore')}}
{{$root.getLz('term.showMore')}}
</button>
</div>
</div>
@ -57,26 +57,26 @@
<div class="playlist-desc-expanded">
<div class="content"
v-html="((data.attributes.editorialNotes) ? (data.attributes.editorialNotes.standard ?? (data.attributes.editorialNotes.short ?? '') ) : (data.attributes.description ? (data.attributes.description.standard ?? (data.attributes.description.short ?? '')) : ''))"></div>
<button class="more-btn" @click="editorialNotesExpanded = !editorialNotesExpanded">{{app.getLz('term.showLess')}}
<button class="more-btn" @click="editorialNotesExpanded = !editorialNotesExpanded">{{$root.getLz('term.showLess')}}
</button>
</div>
</template>
<div class="playlist-controls" v-observe-visibility="{callback: isHeaderVisible}">
<button class="md-btn" style="min-width: 100px;"
@click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
{{app.getLz('term.play')}}
{{$root.getLz('term.play')}}
</button>
<button class="md-btn" style="min-width: 100px;"
@click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
{{app.getLz('term.shuffle')}}
{{$root.getLz('term.shuffle')}}
</button>
<button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
@click="confirmButton()"> <img :class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
{{ (!inLibrary) ? app.getLz('action.addToLibrary') : app.getLz("action.removeFromLibrary") }}
{{ (!inLibrary) ? $root.getLz('action.addToLibrary') : $root.getLz("action.removeFromLibrary") }}
</button>
<button class="md-btn" style="min-width: 180px;" v-if="confirm==true"
@click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) "> <img :class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
{{app.getLz('term.confirm')}}
{{$root.getLz('term.confirm')}}
</button>
<button class="more-btn-round" style="float:right;" @click="menu">
<div class="svg-icon"></div>
@ -100,19 +100,19 @@
<div>
<button class="md-btn" style="min-width: 100px;"
@click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
{{app.getLz('term.play')}}
{{$root.getLz('term.play')}}
</button>
<button class="md-btn" style="min-width: 100px;"
@click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
{{app.getLz('term.shuffle')}}
{{$root.getLz('term.shuffle')}}
</button>
<button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
@click="confirmButton()"> <img :class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
{{ (!inLibrary) ? app.getLz('action.addToLibrary') : app.getLz("action.removeFromLibrary") }}
{{ (!inLibrary) ? $root.getLz('action.addToLibrary') : $root.getLz("action.removeFromLibrary") }}
</button>
<button class="md-btn" style="min-width: 180px;" v-if="confirm==true"
@click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) "> <img :class="(!inLibrary) ? 'md-ico-add' : 'md-ico-remove'">
{{app.getLz('term.confirm')}}
{{$root.getLz('term.confirm')}}
</button>
</div>
</div>
@ -318,7 +318,7 @@
return {
normal: [
{
name: app.getLz('action.removeFromPlaylist'),
name: $root.getLz('action.removeFromPlaylist'),
action: () => {
self.remove()
}
@ -326,7 +326,7 @@
],
multiple: [
{
name: app.getLz('action.removeFromPlaylist'),
name: $root.getLz('action.removeFromPlaylist'),
action: () => {
self.remove()
}
@ -429,13 +429,13 @@
if (date == null || date === "") return "";
switch (date) {
case this.data.attributes.releaseDate:
prefix = this.app.getLz('term.time.released')+ ' '
prefix = this.$root.getLz('term.time.released')+ ' '
break;
case this.data.attributes.lastModifiedDate:
prefix = this.app.getLz('term.time.updated')+ ' '
prefix = this.$root.getLz('term.time.updated')+ ' '
break;
case this.data.attributes.dateAdded:
prefix = this.app.getLz('term.time.added')+ ' '
prefix = this.$root.getLz('term.time.added')+ ' '
break;
}
let month, year;

View file

@ -15,7 +15,7 @@
</template>
</template>
<button v-if="triggerEnabled" style="opacity:0;height: 32px;"
v-observe-visibility="{callback: visibilityChanged}">{{app.getLz('term.showMore')}}
v-observe-visibility="{callback: visibilityChanged}">{{$root.getLz('term.showMore')}}
</button>
</div>
<transition name="fabfade">

View file

@ -18,7 +18,7 @@
<h3>{{$root.getLz('home.artistsFeed')}}</h3>
</div>
<div class="col-auto nopadding flex-center">
<button class="cd-btn-seeall" @click="app.appRoute('artist-feed')">{{app.getLz('term.seeAll')}}</button>
<button class="cd-btn-seeall" @click="app.appRoute('artist-feed')">{{$root.getLz('term.seeAll')}}</button>
</div>
</div>
<div class="well artistfeed-well" style="margin-top:0;">
@ -60,7 +60,7 @@
<h3>{{$root.getLz('home.friendsListeningTo')}}</h3>
</div>
<div class="col-auto nopadding flex-center">
<button class="cd-btn-seeall" @click="app.showSocialListeningTo()">{{app.getLz('term.seeAll')}}</button>
<button class="cd-btn-seeall" @click="app.showSocialListeningTo()">{{$root.getLz('term.seeAll')}}</button>
</div>
</div>
<div class="well">

View file

@ -10,7 +10,7 @@
<input type="search"
style="width:100%;"
spellcheck="false"
:placeholder="app.getLz('term.search') + '...'"
:placeholder="$root.getLz('term.search') + '...'"
@input="$root.searchLibrarySongs"
v-model="library.songs.search" class="search-input">
</div>
@ -19,24 +19,24 @@
<div class="row">
<div class="col">
<select class="md-select" v-model="prefs.sort" @change="$root.searchLibrarySongs()">
<optgroup :label="app.getLz('term.sortBy')">
<optgroup :label="$root.getLz('term.sortBy')">
<option v-for="(sort, index) in library.songs.sortingOptions" :value="index">{{ sort }}</option>
</optgroup>
</select>
</div>
<div class="col">
<select class="md-select" v-model="prefs.sortOrder" @change="$root.searchLibrarySongs()">
<optgroup :label="app.getLz('term.sortOrder')">
<option value="asc">{{app.getLz('term.sortOrder.ascending')}}</option>
<option value="desc">{{app.getLz('term.sortOrder.descending')}}</option>
<optgroup :label="$root.getLz('term.sortOrder')">
<option value="asc">{{$root.getLz('term.sortOrder.ascending')}}</option>
<option value="desc">{{$root.getLz('term.sortOrder.descending')}}</option>
</optgroup>
</select>
</div>
<div class="col">
<select class="md-select" v-model="prefs.size" @change="$root.searchLibrarySongs()">
<optgroup :label="app.getLz('term.size')">
<option value="normal">{{app.getLz('term.size.normal')}}</option>
<option value="compact">{{app.getLz('term.size.compact')}}</option>
<optgroup :label="$root.getLz('term.size')">
<option value="normal">{{$root.getLz('term.size.normal')}}</option>
<option value="compact">{{$root.getLz('term.size.compact')}}</option>
</optgroup>
</select>
</div>

View file

@ -1,6 +1,6 @@
<script type="text/x-template" id="cider-listen-now">
<div class="content-inner">
<h1 class="header-text">{{app.getLz('term.listenNow')}}</h1>
<h1 class="header-text">{{$root.getLz('term.listenNow')}}</h1>
<template v-for="recom in data.data">
<listennow-child :recom="recom"></listennow-child>
</template>

View file

@ -7,7 +7,7 @@
<input type="search"
style="width:100%;"
spellcheck="false"
:placeholder="app.getLz('term.search') + '...'"
:placeholder="$root.getLz('term.search') + '...'"
@change="searchPodcasts();librarySearch()"
v-model="search.term" class="search-input">
</div>

View file

@ -33,7 +33,7 @@
<h3>{{ data.views["latest-releases"].attributes.title ?? ""}}</h3>
</div>
<div class="col-auto flex-center" v-if="data.views['latest-releases'].data.length >= 10">
<button class="cd-btn-seeall" @click="app.showRecordLabelView(data.id, data.attributes.name + ' - Latest Releases', 'latest-releases')">{{app.getLz('term.seeAll')}}</button>
<button class="cd-btn-seeall" @click="app.showRecordLabelView(data.id, data.attributes.name + ' - Latest Releases', 'latest-releases')">{{$root.getLz('term.seeAll')}}</button>
</div>
</div>
<mediaitem-square :item="item" v-for="item in data.views['latest-releases'].data">
@ -45,7 +45,7 @@
<h3>{{ data.views["top-releases"].attributes.title ?? ""}}</h3>
</div>
<div class="col-auto flex-center" v-if="data.views['top-releases'].data.length >= 10">
<button class="cd-btn-seeall" @click="app.showRecordLabelView(data.id, data.attributes.name + ' - Top Releases', 'top-releases')">{{app.getLz('term.seeAll')}}</button>
<button class="cd-btn-seeall" @click="app.showRecordLabelView(data.id, data.attributes.name + ' - Top Releases', 'top-releases')">{{$root.getLz('term.seeAll')}}</button>
</div>
</div>
<mediaitem-square :item="item" v-for="item in data.views['top-releases'].data">
@ -57,7 +57,7 @@
<h3>Playlists</h3>
</div>
<div class="col-auto flex-center" v-if="data.relationships.playlists.data.length >= 5">
<button class="cd-btn-seeall" @click="app.showCollection(data.relationships.playlists, data.attributes.name + ' - Playlists', 'curator')">{{app.getLz('term.seeAll')}}</button>
<button class="cd-btn-seeall" @click="app.showCollection(data.relationships.playlists, data.attributes.name + ' - Playlists', 'curator')">{{$root.getLz('term.seeAll')}}</button>
</div>
</div>
<mediaitem-square :item="item" v-for="item in data.relationships.playlists.data.limit(5)">

View file

@ -20,7 +20,7 @@
<div class="col-auto flex-center"
@click="app.showSearchView(app.search.term, 'song', app.friendlyTypes('song'))"
v-if="search.results.song.data.length >= 6">
<button class="cd-btn-seeall">{{app.getLz('term.seeAll')}}</button>
<button class="cd-btn-seeall">{{$root.getLz('term.seeAll')}}</button>
</div>
</div>
<div>
@ -61,7 +61,7 @@
</div>
<div class="col-auto flex-center" v-if="search.resultsSocial.playlist.data.length >= 10">
<button class="cd-btn-seeall"
@click="app.showCollection(search.resultsSocial.playlist, 'Shared Playlists', 'default')">{{app.getLz('term.seeAll')}}
@click="app.showCollection(search.resultsSocial.playlist, 'Shared Playlists', 'default')">{{$root.getLz('term.seeAll')}}
</button>
</div>
</div>
@ -75,7 +75,7 @@
</div>
<div class="col-auto flex-center" v-if="search.resultsSocial.profile.data.length >= 10">
<button class="cd-btn-seeall"
@click="app.showCollection(search.resultsSocial.profile, 'People', 'default')">{{app.getLz('term.seeAll')}}
@click="app.showCollection(search.resultsSocial.profile, 'People', 'default')">{{$root.getLz('term.seeAll')}}
</button>
</div>
</div>