okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

artists can now be followed in dev, homepage will now display latest releases from followed

Browse source
This commit is contained in:
booploops 2021-12-29 00:11:12 -08:00
parent f930f0fd16
commit 1ad7012e32
4 changed files with 78 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/renderer/style.less
View file

@ -1550,18 +1550,34 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
max-width: 420px;
}
.hint-text {
font-size: 0.9rem;
color: rgb(200 200 200 / 70%);
}
.user-icon {
border-radius: 100%;
width: 128px;
height: 128px;
overflow: hidden;
box-shadow: var(--mediaItemShadow-Shadow);
margin: 16px;
}
.well.profile-well {
flex-direction: column;
justify-content: center;
align-items: center;
.name {
margin: 4px;
font-weight: 500;
}
.handle {
margin: 4px;
opacity: 0.7;
font-weight: 500;
}
}
}

26
src/renderer/views/pages/artist.ejs
View file

@ -135,6 +135,27 @@
methods: {
artistMenu (event) {
let self = this
let followAction = "follow"
let followActions = {
follow: {
name: "Follow Artist",
action: ()=>{
self.app.cfg.home.followedArtists.push(self.data.id)
}
},
unfollow: {
name: "Unfollow Artist",
action: ()=>{
let index = self.app.cfg.home.followedArtists.indexOf(self.data.id)
if (index > -1) {
self.app.cfg.home.followedArtists.splice(index, 1)
}
}
}
}
if(this.app.cfg.home.followedArtists.includes(self.data.id)) {
followAction = "unfollow"
}
CiderContextMenu.Create(event, {
items: [
{
@ -145,10 +166,7 @@
})
}
},
{
name: "Follow Artist",
action: ()=>{}
},
followActions[followAction],
{
name: "Share",
action: ()=>{}

43
src/renderer/views/pages/home.ejs
View file

@ -9,9 +9,8 @@
<div class="user-icon">
<mediaitem-artwork shadow="none" :url="profile.attributes.artwork.url" size="300"></mediaitem-artwork>
</div>
<h3>{{ profile.attributes.name }}</h3>
<h4>@{{ profile.attributes.handle }}</h4>
<button class="md-btn">Share</button>
<h3 class="name">{{ profile.attributes.name }}</h3>
<h4 class="handle">@{{ profile.attributes.handle }}</h4>
</div>
</div>
<div class="col">
@ -25,7 +24,7 @@
<div class="col">
<h3>Your Favorites</h3>
<div class="well">
<div>Items you have added to your favorites will appear here.</div>
<div class="hint-text">Items you have added to your favorites will appear here.</div>
<!-- <mediaitem-scroller-horizontal kind="small" :items="friendsListeningTo" :item="item"></mediaitem-scroller-horizontal> -->
</div>
</div>
@ -40,7 +39,12 @@
<div class="col">
<h3>Your Artist Feed</h3>
<div class="well">
<mediaitem-list-item v-for="item in recentlyPlayed.limit(6)" :item="item"></mediaitem-list-item>
<template v-if="artistFeed.length > 0">
<mediaitem-list-item v-for="item in artistFeed.limit(6)" :item="item"></mediaitem-list-item>
</template>
<template v-else>
<div class="hint-text">No new activity from followed artists</div>
</template>
</div>
</div>
</div>
@ -62,18 +66,44 @@
data: function () {
return {
app: this.$root,
followedArtists: this.$root.cfg.home.followedArtists,
madeForYou: [],
recentlyPlayed: [],
friendsListeningTo: [],
profile: {},
modify: 0
modify: 0,
artistFeed: []
}
},
async mounted() {
let self = this
this.getListenNowData()
await this.getArtistFeed()
},
methods: {
async getArtistFeed() {
let artists = this.followedArtists
let self = this
console.warn("get artist feed")
this.app.mk.api.artists(artists, {
"views": "featured-release,full-albums,appears-on-albums,featured-albums,featured-on-albums,singles,compilation-albums,live-albums,latest-release,top-music-videos,similar-artists,top-songs,playlists,more-to-hear,more-to-see",
"extend": "artistBio,bornOrFormed,editorialArtwork,editorialVideo,isGroup,origin,hero",
"extend[playlists]": "trackCount",
"include[songs]": "albums",
"fields[albums]": "artistName,artistUrl,artwork,contentRating,editorialArtwork,editorialVideo,name,playParams,releaseDate,url,trackCount",
"limit[artists:top-songs]": 20,
"art[url]": "f"
}, { includeResponseMeta: !0 }).then(artistData => {
artistData.data.forEach(item => {
if(item.views["latest-release"].data.length != 0) {
self.artistFeed.push(item.views["latest-release"].data[0])
}
})
console.warn("got artist feed")
console.log(self.artistFeed)
})
},
getRecentlyPlayed() {
},
@ -127,7 +157,6 @@
;
})[0].relationships.contents.data
}catch(err){}
});
app.mk.api.v3.music("/v1/me/social/profile/").then((response) => {