@@ -24,7 +24,7 @@
:type="item.type">
+ @click="getContextMenu"><%- include("../svg/more.svg") %>
@@ -84,7 +84,7 @@
addedToLibrary: false,
guid: this.uuidv4(),
noplay: ["apple-curators", "editorial-elements"],
- nomenu: ["artists", "stations", "apple-curators", "editorial-elements"],
+ nomenu: ["stations", "apple-curators", "editorial-elements"],
app: this.$root,
badges: this.$root.socialBadges.badgeMap,
itemBadges: [],
@@ -108,6 +108,13 @@
let color = `#${(this.item.attributes.artwork != null && this.item.attributes.artwork.bgColor != null) ? (this.item.attributes.artwork.bgColor) : ``}`
return color
},
+ getContextMenu(event) {
+ if (this.item.type == "artists") {
+ return this.artistMenu(event)
+ } else {
+ return this.contextMenu(event)
+ }
+ },
getSubtitle() {
if(this.kind == 'card') {
try {
@@ -500,6 +507,61 @@
}
}
},
+ async artistMenu (event) {
+ console.debug(this.item)
+ let self = this
+ let followAction = "follow"
+ let followActions = {
+ follow: {
+ icon: "./assets/feather/plus-circle.svg",
+ name: app.getLz('action.follow'),
+ action: ()=>{
+ self.app.cfg.home.followedArtists.push(this.item.id)
+ }
+ },
+ unfollow: {
+ icon: "./assets/feather/x-circle.svg",
+ name: app.getLz('action.unfollow'),
+ action: ()=>{
+ let index = self.app.cfg.home.followedArtists.indexOf(this.item.id)
+ if (index > -1) {
+ self.app.cfg.home.followedArtists.splice(index, 1)
+ }
+ }
+ }
+ }
+ if(self.app.cfg.home.followedArtists.includes(this.item.id)) {
+ followAction = "unfollow"
+ }
+ app.showMenuPanel({
+ items: [
+ {
+ icon: "./assets/feather/play.svg",
+ name: app.getLz('action.startRadio'),
+ action: ()=>{
+ app.mk.setStationQueue({artist:this.item.id}).then(()=>{
+ app.mk.play()
+ })
+ }
+ },
+ followActions[followAction],
+ {
+ icon: "./assets/feather/share.svg",
+ name: app.getLz('term.share'),
+ action: ()=>{
+ self.app.copyToClipboard(this.item.id.attributes.url)
+ }
+ },
+ {
+ icon: "./assets/feather/external-link.svg",
+ name: app.getLz('action.openArtworkInBrowser'),
+ action: ()=>{
+ window.open(app.getMediaItemArtwork(this.getArtworkUrl(), 1024, 1024))
+ }
+ }
+ ]
+ }, event)
+ },
},
beforeDestroy: function () {
// this.item = null;
diff --git a/src/renderer/views/components/menu-panel.ejs b/src/renderer/views/components/menu-panel.ejs
index b2f552fe..b6908ed0 100644
--- a/src/renderer/views/components/menu-panel.ejs
+++ b/src/renderer/views/components/menu-panel.ejs
@@ -1,7 +1,7 @@