Local Lossless Icon and more

- add Cider-profile boilerplate
- add local lossless icon
-add hover for PPE and lossless

Co-authored-by: Core <coredev-uk@users.noreply.github.com>
This commit is contained in:
yazninja 2022-07-11 22:33:23 +08:00
parent f940bcf1e0
commit b8db2bc681
5 changed files with 106 additions and 559 deletions

View file

@ -1322,6 +1322,7 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
height: 15px; height: 15px;
width: 15px; width: 15px;
margin-bottom: 15px; margin-bottom: 15px;
z-index: 1;
} }
} }
// Add Music Video Icons to Songs that are Music Videos // Add Music Video Icons to Songs that are Music Videos

View file

@ -45,7 +45,12 @@
</div> </div>
<div class="chrome-icon-container"> <div class="chrome-icon-container">
<div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div> <div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
<div class="audio-type ppe-icon" v-if="cfg.audio.maikiwiAudio.ciderPPE === true"></div> <div class="audio-type lossless-icon" v-if="mk.nowPlayingItem?.localFilesMetadata?.lossless === true"
:title="mk.nowPlayingItem?.localFilesMetadata?.bitDepth +'bit / '+ mk.nowPlayingItem?.localFilesMetadata?.sampleRate + 'khz ' + mk.nowPlayingItem.localFilesMetadata.container" v-b-tooltip.hover
></div>
<div class="audio-type ppe-icon" v-if="mk.nowPlayingItem?.localFilesMetadata?.lossless === false && cfg.audio.maikiwiAudio.ciderPPE === true"
:title="$root.getLz('settings.option.audio.enableAdvancedFunctionality.ciderPPE')" v-b-tooltip.hover
></div>
</div> </div>
</div> </div>
<template v-if="mk.nowPlayingItem['attributes']['playParams']"> <template v-if="mk.nowPlayingItem['attributes']['playParams']">

View file

@ -121,7 +121,12 @@
<div class="playback-info"> <div class="playback-info">
<div class="chrome-icon-container"> <div class="chrome-icon-container">
<div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div> <div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
<div class="audio-type ppe-icon" v-if="cfg.audio.maikiwiAudio.ciderPPE === true"></div> <div class="audio-type lossless-icon" v-if="mk.nowPlayingItem?.localFilesMetadata?.lossless === true"
:title="mk.nowPlayingItem?.localFilesMetadata?.bitDepth +'bit / '+ mk.nowPlayingItem?.localFilesMetadata?.sampleRate + 'khz ' + mk.nowPlayingItem.localFilesMetadata.container" v-b-tooltip.hover
></div>
<div class="audio-type ppe-icon" v-if="mk.nowPlayingItem?.localFilesMetadata?.lossless === false && cfg.audio.maikiwiAudio.ciderPPE === true"
:title="$root.getLz('settings.option.audio.enableAdvancedFunctionality.ciderPPE')" v-b-tooltip.hover
></div>
</div> </div>
<div class="info-rect"> <div class="info-rect">
<div class="song-name" <div class="song-name"

View file

@ -0,0 +1,93 @@
<script type="text/x-template" id="cider-recordlabel">
<div class="content-inner profile-page">
<div class="artist-header" :style="getArtistPalette(data)">
<div class="row">
<div class="col-sm" style="width: auto;">
<div class="artist-image">
<mediaitem-artwork
shadow="large"
:url="data.attributes.artwork ? data.attributes.artwork.url : ''"
size="220" type="artists"></mediaitem-artwork>
</div>
</div>
<div class="col flex-center"
>
<h1>{{ data.attributes.name }}</h1> -
</div>
</div>
</div>
<div class="artist-body">
<template v-if="data.views && data.views['latest-releases']">
<div class="row">
<div class="col">
<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>
</div>
</div>
<mediaitem-square :item="item" v-for="item in data.views['latest-releases'].data">
</mediaitem-square>
</template>
<template v-if="data.views && data.views['top-releases']">
<div class="row">
<div class="col">
<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>
</div>
</div>
<mediaitem-square :item="item" v-for="item in data.views['top-releases'].data">
</mediaitem-square>
</template>
<template v-if="data.relationships && data.relationships.playlists && data.relationships.playlists.data.length > 0">
<div class="row">
<div class="col">
<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>
</div>
</div>
<mediaitem-square :item="item" v-for="item in data.relationships.playlists.data.limit(5)">
</mediaitem-square>
</template>
</div>
</div>
</script>
<script>
Vue.component('cider-recordlabel', {
template: "#cider-recordlabel",
props: ['data'],
data: function () {
return {
topSongsExpanded: false,
app: this.$root
}
},
methods: {
getArtistPalette(artist) {
if (artist?.attributes?.artwork != null) {
return {
"background": "#" + artist["attributes"]["artwork"]["bgColor"],
"color": "#" + artist["attributes"]["artwork"]["textColor1"],
}
} else {
return {
"background": "#000000",
"color": "#ffffff",
}
}
},
getTopResult() {
if (this.search.results["meta"]) {
return this.search.results[this.search.results.meta.results.order[0]]["data"][0]
} else {
return false;
}
}
}
})
</script>

View file

@ -1,557 +0,0 @@
{
"CookieSPAEnabled": false,
"MultiVariantTestingEnabled": false,
"UseV2": true,
"MobileSDK": false,
"SkipGeolocation": false,
"ScriptType": "PRODUCTION",
"Version": "6.26.0",
"OptanonDataJSON": "50da44be-0564-43df-b139-329aedcf267b",
"GeolocationUrl": "https://geolocation.onetrust.com/cookieconsentpub/v1/geo/location",
"BulkDomainCheckUrl": "https://cookies-data.onetrust.io/bannersdk/v1/domaingroupcheck",
"RuleSet": [
{
"Id": "fb7c8fa7-d912-4e6b-a0ef-181d7466bd99",
"Name": "Standard Notice Banner",
"Countries": [
"ps",
"hk",
"pw",
"ht",
"qa",
"id",
"il",
"ae",
"in",
"ag",
"za",
"al",
"am",
"ao",
"zm",
"au",
"az",
"zw",
"ba",
"bb",
"rs",
"bd",
"ru",
"jm",
"bf",
"jo",
"rw",
"bi",
"bj",
"bn",
"sa",
"sb",
"sc",
"bs",
"bt",
"sg",
"bw",
"by",
"bz",
"sl",
"sm",
"ke",
"sn",
"kg",
"kh",
"ki",
"ca",
"sr",
"st",
"kn",
"ch",
"ci",
"sz",
"kr",
"cm",
"cn",
"kw",
"kz",
"td",
"cv",
"tg",
"cw",
"th",
"la",
"lb",
"lc",
"tl",
"to",
"tr",
"lk",
"tt",
"tv",
"dj",
"tz",
"lr",
"ls",
"dm",
"ug",
"ma",
"md",
"me",
"mg",
"mh",
"us",
"mk",
"ml",
"mn",
"eg",
"mr",
"uz",
"mu",
"mv",
"mw",
"my",
"mz",
"vc",
"na",
"ne",
"vn",
"ng",
"vu",
"np",
"nr",
"fj",
"fm",
"nz",
"ga",
"ws",
"gd",
"om",
"ge",
"gh",
"gm",
"gn",
"gq",
"gw",
"gy",
"pg",
"ph",
"pk"
],
"States": {},
"LanguageSwitcherPlaceholder": {
"hi": "hi",
"de": "de",
"es-BO": "es-BO",
"zh-Hans": "zh-Hans",
"zh-Hant": "zh-Hant",
"es-BZ": "es-BZ",
"uk": "uk",
"es-CC": "es-CC",
"id": "id",
"ur": "ur",
"af": "af",
"es-SV": "es-SV",
"ms": "ms",
"es-GT": "es-GT",
"es-CR": "es-CR",
"it": "it",
"es-CL": "es-CL",
"es": "es",
"es-CO": "es-CO",
"es-PE": "es-PE",
"ar": "ar",
"vi": "vi",
"es-PA": "es-PA",
"ne": "ne",
"ja": "ja",
"az": "az",
"zu": "zu",
"nl": "nl",
"es-HN": "es-HN",
"ru": "ru",
"es-PR": "es-PR",
"es-PY": "es-PY",
"fr": "fr",
"bn": "bn",
"es-DO": "es-DO",
"default": "en",
"es-EC": "es-EC",
"en-PH": "en-PH",
"sr": "sr",
"sw": "sw",
"ko": "ko",
"pt-BR": "pt-BR",
"es-UY": "es-UY",
"es-VE": "es-VE",
"ta": "ta",
"es-MX": "es-MX",
"th": "th",
"es-AR": "es-AR",
"he": "he",
"tr": "tr",
"es-NI": "es-NI"
},
"BannerPushesDown": false,
"Default": false,
"Global": false,
"Type": "GENERIC",
"UseGoogleVendors": false,
"VariantEnabled": false,
"TestEndTime": null,
"Variants": [],
"TemplateName": "Spotify - Standard Notice Banner",
"Conditions": [],
"GCEnable": false
},
{
"Id": "87b34903-3ed8-41e8-873f-df7208bf4ac7",
"Name": "IAB 2.0 - Germany",
"Countries": [
"de"
],
"States": {},
"LanguageSwitcherPlaceholder": {
"default": "de"
},
"BannerPushesDown": false,
"Default": false,
"Global": false,
"Type": "IAB2",
"UseGoogleVendors": false,
"VariantEnabled": false,
"TestEndTime": null,
"Variants": [],
"TemplateName": "Spotify - GDPR IAB Banner (Germany)",
"Conditions": [],
"GCEnable": false
},
{
"Id": "047479d5-e10c-4c37-bb58-b85a33337d90",
"Name": "IAB 2.0 - Reject All Button",
"Countries": [
"fr"
],
"States": {},
"LanguageSwitcherPlaceholder": {
"no": "no",
"de": "de",
"sv": "sv",
"fi": "fi",
"pt": "pt",
"bg": "bg",
"el": "el",
"lt": "lt",
"en": "en",
"lv": "lv",
"is": "is",
"hr": "hr",
"it": "it",
"hu": "hu",
"es": "es",
"et": "et",
"cs": "cs",
"default": "fr",
"sk": "sk",
"sl": "sl",
"pl": "pl",
"ro": "ro",
"da": "da",
"nl": "nl"
},
"BannerPushesDown": false,
"Default": false,
"Global": false,
"Type": "IAB2",
"UseGoogleVendors": false,
"VariantEnabled": false,
"TestEndTime": null,
"Variants": [],
"TemplateName": "Spotify - GDPR IAB Banner (Reject all button)",
"Conditions": [],
"GCEnable": false
},
{
"Id": "9ffca9ee-89d4-4e64-9807-8f72fd75528a",
"Name": "IAB 2.0",
"Countries": [
"no",
"fi",
"be",
"pt",
"bg",
"dk",
"lt",
"lu",
"lv",
"hr",
"hu",
"se",
"si",
"sk",
"gb",
"ie",
"ee",
"mt",
"is",
"it",
"gr",
"es",
"at",
"cy",
"cz",
"pl",
"li",
"ro",
"nl"
],
"States": {},
"LanguageSwitcherPlaceholder": {
"no": "no",
"de": "de",
"sv": "sv",
"fi": "fi",
"pt": "pt",
"bg": "bg",
"el": "el",
"lt": "lt",
"lv": "lv",
"is": "is",
"hr": "hr",
"it": "it",
"fr": "fr",
"hu": "hu",
"es": "es",
"et": "et",
"cs": "cs",
"default": "en",
"sk": "sk",
"sl": "sl",
"pl": "pl",
"ro": "ro",
"da": "da",
"nl": "nl"
},
"BannerPushesDown": false,
"Default": true,
"Global": false,
"Type": "IAB2",
"UseGoogleVendors": false,
"VariantEnabled": false,
"TestEndTime": null,
"Variants": [],
"TemplateName": "Spotify - GDPR IAB Banner",
"Conditions": [],
"GCEnable": false
},
{
"Id": "74eec303-d5c3-4488-a6df-cb21b90c2b8c",
"Name": "Global",
"Countries": [
"pr",
"tw",
"hm",
"hn",
"py",
"do",
"ye",
"ua",
"ly",
"dz",
"um",
"ec",
"mm",
"mo",
"mp",
"eh",
"ad",
"im",
"uy",
"af",
"ms",
"io",
"iq",
"ai",
"ir",
"va",
"mx",
"er",
"ve",
"et",
"aq",
"vg",
"ar",
"as",
"vi",
"nc",
"aw",
"nf",
"ni",
"je",
"fk",
"bh",
"jp",
"nu",
"fo",
"bl",
"bm",
"bo",
"wf",
"bq",
"br",
"sd",
"bv",
"sh",
"sj",
"so",
"gg",
"cc",
"ss",
"cd",
"km",
"gi",
"cf",
"sv",
"cg",
"gl",
"sx",
"kp",
"sy",
"ck",
"cl",
"co",
"gs",
"gt",
"gu",
"ky",
"cr",
"tc",
"pa",
"tf",
"cu",
"pe",
"cx",
"pf",
"tj",
"tk",
"tm",
"tn",
"pm",
"pn"
],
"States": {},
"LanguageSwitcherPlaceholder": {
"hi": "hi",
"de": "de",
"es-BO": "es-BO",
"zh-Hans": "zh-Hans",
"zh-Hant": "zh-Hant",
"es-BZ": "es-BZ",
"uk": "uk",
"es-CC": "es-CC",
"id": "id",
"ur": "ur",
"af": "af",
"es-SV": "es-SV",
"ms": "ms",
"es-GT": "es-GT",
"es-CR": "es-CR",
"it": "it",
"es-CL": "es-CL",
"es": "es",
"es-CO": "es-CO",
"es-PE": "es-PE",
"ar": "ar",
"vi": "vi",
"es-PA": "es-PA",
"ne": "ne",
"ja": "ja",
"az": "az",
"zu": "zu",
"nl": "nl",
"es-HN": "es-HN",
"ru": "ru",
"es-PR": "es-PR",
"es-PY": "es-PY",
"fr": "fr",
"bn": "bn",
"es-DO": "es-DO",
"default": "en",
"es-EC": "es-EC",
"en-PH": "en-PH",
"sr": "sr",
"sw": "sw",
"ko": "ko",
"pt-BR": "pt-BR",
"es-UY": "es-UY",
"es-VE": "es-VE",
"ta": "ta",
"es-MX": "es-MX",
"th": "th",
"es-AR": "es-AR",
"he": "he",
"tr": "tr",
"es-NI": "es-NI"
},
"BannerPushesDown": false,
"Default": false,
"Global": true,
"Type": "GENERIC",
"UseGoogleVendors": false,
"VariantEnabled": false,
"TestEndTime": null,
"Variants": [],
"TemplateName": "Spotify - Standard Notice Banner",
"Conditions": [],
"GCEnable": false
}
],
"IabData": {
"cookieVersion": "1",
"createdTime": "2022-05-23T15:50:11.758903",
"updatedTime": "2022-05-23T15:50:11.758919",
"cmpId": "28",
"cmpVersion": "1",
"consentScreen": "1",
"consentLanguage": null,
"vendorListVersion": 0,
"maxVendorId": 0,
"encodingType": "0",
"globalVendorListUrl": "https://cdn.cookielaw.org/vendorlist/iabData.json"
},
"IabV2Data": {
"cookieVersion": "1",
"createdTime": "2022-05-23T15:50:11.809823",
"updatedTime": "2022-05-23T15:50:11.809837",
"cmpId": "28",
"cmpVersion": "1",
"consentScreen": "1",
"consentLanguage": null,
"vendorListVersion": 144,
"maxVendorId": 0,
"encodingType": "0",
"globalVendorListUrl": "https://cdn.cookielaw.org/vendorlist/iab2Data.json"
},
"GoogleData": {
"vendorListVersion": 1,
"googleVendorListUrl": "https://cdn.cookielaw.org/vendorlist/googleData.json"
},
"ScriptDynamicLoadEnabled": false,
"TenantFeatures": {
"CookieV2BannerFocus": true,
"CookieV2TargetedTemplates": true,
"CookieV2GPC": true,
"CookieV2AssignTemplateRule": true,
"CookieV2GeolocationJsonApi": true,
"CookieV2TCF21": true,
"CookieV2RemoveSettingsIcon": true,
"CookieV2GeneralVendors": true
},
"IsSuppressBanner": false,
"IsSuppressPC": false,
"PublisherCC": "DE",
"Domain": "spotify.com",
"TenantGuid": "f1b38160-cf19-4625-89df-35263d2d97c0",
"EnvId": "app-de-prod",
"RemoteActionsEnabled": false,
"GeoRuleGroupName": "Spotify Domains",
"GATrackToggle": true,
"GATrackAssignedCategory": "AS"
}