formatted
This commit is contained in:
parent
ad570e969b
commit
df16909e1f
1 changed files with 570 additions and 549 deletions
|
@ -39,12 +39,20 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-rect" :class="{'info-rect-card': kind == 'card'}" :style="{'--bgartwork': getArtworkUrl(size, true)}">
|
<div class="info-rect" :class="{'info-rect-card': kind == 'card'}"
|
||||||
<div class="title" :title="item.attributes?.name ?? (item.relationships?.contents?.data[0]?.attributes?.name ?? (item.attributes?.editorialNotes?.name ?? ''))" v-if="item.attributes.artistNames == null || kind != 'card'" @click='app.routeView(item)'>
|
:style="{'--bgartwork': getArtworkUrl(size, true)}">
|
||||||
<div class="item-navigate text-overflow-elipsis">{{ item.attributes?.name ?? (item.relationships?.contents?.data[0]?.attributes?.name ?? (item.attributes?.editorialNotes?.name ?? '')) }}</div>
|
<div class="title"
|
||||||
<div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'" style= "background-image: url(./assets/explicit.svg);height: 12px;width: 12px;filter: contrast(0);background-repeat: no-repeat;margin-top: 2.63px;margin-left: 4px;"></div>
|
:title="item.attributes?.name ?? (item.relationships?.contents?.data[0]?.attributes?.name ?? (item.attributes?.editorialNotes?.name ?? ''))"
|
||||||
|
v-if="item.attributes.artistNames == null || kind != 'card'" @click='app.routeView(item)'>
|
||||||
|
<div class="item-navigate text-overflow-elipsis">{{ item.attributes?.name ??
|
||||||
|
(item.relationships?.contents?.data[0]?.attributes?.name ??
|
||||||
|
(item.attributes?.editorialNotes?.name ?? '')) }}
|
||||||
</div>
|
</div>
|
||||||
<div :title="getSubtitle()" class="subtitle item-navigate text-overflow-elipsis" @click="getSubtitleNavigation()"
|
<div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'"
|
||||||
|
style="background-image: url(./assets/explicit.svg);height: 12px;width: 12px;filter: contrast(0);background-repeat: no-repeat;margin-top: 2.63px;margin-left: 4px;"></div>
|
||||||
|
</div>
|
||||||
|
<div :title="getSubtitle()" class="subtitle item-navigate text-overflow-elipsis"
|
||||||
|
@click="getSubtitleNavigation()"
|
||||||
v-if="getSubtitle() != ''">
|
v-if="getSubtitle() != ''">
|
||||||
{{ getSubtitle() }}
|
{{ getSubtitle() }}
|
||||||
</div>
|
</div>
|
||||||
|
@ -188,7 +196,9 @@
|
||||||
}
|
}
|
||||||
let kind = this.item.type ?? this.item.attributes.playParams.kind
|
let kind = this.item.type ?? this.item.attributes.playParams.kind
|
||||||
let truekind = (!kind.endsWith("s")) ? (kind + "s") : kind;
|
let truekind = (!kind.endsWith("s")) ? (kind + "s") : kind;
|
||||||
if (truekind == "musicVideos") {truekind = "music-videos"}
|
if (truekind === "musicVideos") {
|
||||||
|
truekind = "music-videos"
|
||||||
|
}
|
||||||
let res = await app.mk.api.v3.music(`/v1/catalog/${app.mk.storefrontId}/?ids[${truekind}]=${this.item.attributes.playParams.id ?? this.item.id}`, params);
|
let res = await app.mk.api.v3.music(`/v1/catalog/${app.mk.storefrontId}/?ids[${truekind}]=${this.item.attributes.playParams.id ?? this.item.id}`, params);
|
||||||
res = res.data.data[0]
|
res = res.data.data[0]
|
||||||
this.addedToLibrary = (res && res.attributes && res.attributes.inLibrary) ? res.attributes.inLibrary : false
|
this.addedToLibrary = (res && res.attributes && res.attributes.inLibrary) ? res.attributes.inLibrary : false
|
||||||
|
@ -204,7 +214,9 @@
|
||||||
}
|
}
|
||||||
let kind = this.item.type ?? this.item.attributes.playParams.kind
|
let kind = this.item.type ?? this.item.attributes.playParams.kind
|
||||||
let truekind = (!kind.endsWith("s")) ? (kind + "s") : kind;
|
let truekind = (!kind.endsWith("s")) ? (kind + "s") : kind;
|
||||||
if (truekind == "musicVideos") {truekind = "music-videos"}
|
if (truekind == "musicVideos") {
|
||||||
|
truekind = "music-videos"
|
||||||
|
}
|
||||||
let res = await app.mk.api.v3.music(`/v1/catalog/${app.mk.storefrontId}/?ids[${truekind}]=${this.item.attributes.playParams.id ?? this.item.id}`, params);
|
let res = await app.mk.api.v3.music(`/v1/catalog/${app.mk.storefrontId}/?ids[${truekind}]=${this.item.attributes.playParams.id ?? this.item.id}`, params);
|
||||||
res = res.data.data[0]
|
res = res.data.data[0]
|
||||||
if (res && res.relationships && res.relationships.library && res.relationships.library.data && res.relationships.library.data.length > 0) {
|
if (res && res.relationships && res.relationships.library && res.relationships.library.data && res.relationships.library.data.length > 0) {
|
||||||
|
@ -215,7 +227,8 @@
|
||||||
{
|
{
|
||||||
fetchOptions: {
|
fetchOptions: {
|
||||||
method: "DELETE"
|
method: "DELETE"
|
||||||
}})
|
}
|
||||||
|
})
|
||||||
this.addedToLibrary = true
|
this.addedToLibrary = true
|
||||||
},
|
},
|
||||||
uuidv4() {
|
uuidv4() {
|
||||||
|
@ -244,9 +257,11 @@
|
||||||
try {
|
try {
|
||||||
type = this.item.type
|
type = this.item.type
|
||||||
|
|
||||||
}catch(e) {console.log('sd',this.item)}
|
} catch (e) {
|
||||||
|
console.log('sd', this.item)
|
||||||
|
}
|
||||||
|
|
||||||
if (this.kind != "") {
|
if (this.kind !== "") {
|
||||||
type = this.kind
|
type = this.kind
|
||||||
}
|
}
|
||||||
switch (type) {
|
switch (type) {
|
||||||
|
@ -441,10 +456,13 @@
|
||||||
"action": function () {
|
"action": function () {
|
||||||
if (!self.item.attributes.url && self.item.relationships) {
|
if (!self.item.attributes.url && self.item.relationships) {
|
||||||
if (self.item.relationships.catalog) {
|
if (self.item.relationships.catalog) {
|
||||||
app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {self.app.copyToClipboard((u.data.data.length && u.data.data.length > 0)? u.data.data[0].attributes.url : u.data.data.attributes.url)})
|
app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {
|
||||||
|
self.app.copyToClipboard((u.data.data.length && u.data.data.length > 0) ? u.data.data[0].attributes.url : u.data.data.attributes.url)
|
||||||
|
})
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
self.app.copyToClipboard(self.item.attributes.url)}
|
self.app.copyToClipboard(self.item.attributes.url)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -453,10 +471,13 @@
|
||||||
"action": function () {
|
"action": function () {
|
||||||
if (!self.item.attributes.url && self.item.relationships) {
|
if (!self.item.attributes.url && self.item.relationships) {
|
||||||
if (self.item.relationships.catalog) {
|
if (self.item.relationships.catalog) {
|
||||||
app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {self.app.songLinkShare((u.data.data.length && u.data.data.length > 0)? u.data.data[0].attributes.url : u.data.data.attributes.url)})
|
app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {
|
||||||
|
self.app.songLinkShare((u.data.data.length && u.data.data.length > 0) ? u.data.data[0].attributes.url : u.data.data.attributes.url)
|
||||||
|
})
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
self.app.songLinkShare(self.item.attributes.url)}
|
self.app.songLinkShare(self.item.attributes.url)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue