owntone-server/htdocs/assets/ModalDialogPlaylistSpotify.js

import{_ as u,e as c,r as _,o as p,c as r,d as o,w as y,a as t,t as e,k as m,T as C}from"./index.js";const h={name:"ModalDialogPlaylistSpotify",props:["show","playlist"],emits:["close"],methods:{play(){this.$emit("close"),c.player_play_uri(this.playlist.uri,!1)},queue_add(){this.$emit("close"),c.queue_add(this.playlist.uri)},queue_add_next(){this.$emit("close"),c.queue_add_next(this.playlist.uri)},open_playlist(){this.$emit("close"),this.$router.push({name:"playlist-spotify",params:{id:this.playlist.id}})}}},x={key:0,class:"modal is-active"},f={class:"modal-content fd-modal-card"},k={class:"card"},g={class:"card-content"},v={class:"title is-4"},q=["textContent"],w={class:"content is-small"},z=["textContent"],$=["textContent"],b=["textContent"],B=["textContent"],D=["textContent"],M=["textContent"],N={class:"card-footer"},S=["textContent"],V=["textContent"],P=["textContent"];function T(a,s,i,E,j,n){const d=_("mdicon");return p(),r("div",null,[o(C,{name:"fade"},{default:y(()=>[i.show?(p(),r("div",x,[t("div",{class:"modal-background",onClick:s[0]||(s[0]=l=>a.$emit("close"))}),t("div",f,[t("div",k,[t("div",g,[t("p",v,[t("a",{class:"has-text-link",onClick:s[1]||(s[1]=(...l)=>n.open_playlist&&n.open_playlist(...l)),textContent:e(i.playlist.name)},null,8,q)]),t("div",w,[t("p",null,[t("span",{class:"heading",textContent:e(a.$t("dialog.spotify.playlist.owner"))},null,8,z),t("span",{class:"title is-6",textContent:e(i.playlist.owner.display_name)},null,8,$)]),t("p",null,[t("span",{class:"heading",textContent:e(a.$t("dialog.spotify.playlist.tracks"))},null,8,b),t("span",{class:"title is-6",textContent:e(i.playlist.tracks.total)},null,8,B)]),t("p",null,[t("span",{class:"heading",textContent:e(a.$t("dialog.spotify.playlist.path"))},null,8,D),t("span",{class:"title is-6",textContent:e(i.playlist.uri)},null,8,M)])])]),t("footer",N,[t("a",{class:"card-footer-item has-text-dark",onClick:s[2]||(s[2]=(...l)=>n.queue_add&&n.queue_add(...l))},[o(d,{class:"icon",name:"playlist-plus",size:"16"}),t("span",{class:"is-size-7",textContent:e(a.$t("dialog.spotify.playlist.add"))},null,8,S)]),t("a",{class:"card-footer-item has-text-dark",onClick:s[3]||(s[3]=(...l)=>n.queue_add_next&&n.queue_add_next(...l))},[o(d,{class:"icon",name:"playlist-play",size:"16"}),t("span",{class:"is-size-7",textContent:e(a.$t("dialog.spotify.playlist.add-next"))},null,8,V)]),t("a",{class:"card-footer-item has-text-dark",onClick:s[4]||(s[4]=(...l)=>n.play&&n.play(...l))},[o(d,{class:"icon",name:"play",size:"16"}),t("span",{class:"is-size-7",textContent:e(a.$t("dialog.spotify.playlist.play"))},null,8,P)])])])]),t("button",{class:"modal-close is-large","aria-label":"close",onClick:s[5]||(s[5]=l=>a.$emit("close"))})])):m("",!0)]),_:1})])}const F=u(h,[["render",T]]);export{F as M};