(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[15],{"01e7":function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ClickPlayPlaylists")},i=[],l=a("2b0e"),n={created(){l["a"].component("ClickPlayPlaylists",a("7bfe").default)}},r=n,o=a("2877"),c=Object(o["a"])(r,s,i,!1,null,null,null);e["default"]=c.exports},"0656":function(t,e,a){"use strict";a("7f0d")},"30c1":function(t,e,a){},"30ee":function(t,e,a){"use strict";a("51a9")},"33cc":function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("CompetitorV1Playlists")},i=[],l=a("2b0e"),n={created(){l["a"].component("CompetitorV1Playlists",a("7bfe").default)}},r=n,o=a("2877"),c=Object(o["a"])(r,s,i,!1,null,null,null);e["default"]=c.exports},"366a":function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("q-page",{staticClass:"bravo-playlists"},[a("div",{staticClass:"bravo-second-bg"},[a("div",{staticClass:"container"},[a("div",{staticClass:"row items-center"},[a("div",{staticClass:"col bravo-playlists-title text-weight-thin"},[t._v(t._s(t.$t("nav.playlists")))]),a("div",{staticClass:"col-auto"},[a("div",{staticClass:"bravo-playlists-new"},[a("q-btn",{attrs:{label:"New Playlist",color:"white","text-color":"white",icon:"mdi-plus",outline:"","no-caps":"",unelevated:""}},[a("q-menu",{ref:"newPlaylistDialog",attrs:{dark:!1,anchor:"top left","no-refocus":""}},[a("playlist-create",{on:{created:t.createCallback}})],1)],1)],1)])])])]),a("q-page",{staticClass:"bravo-playlists-contain"},[a("div",{staticClass:"container"},[a("div",{staticClass:"bravo-playlists-content"},[t.playlists.length<1?a("div",{staticClass:"bravo-playlists-empty animated fadeIn"},[t._v(t._s(t.$t("messages.playlistNotYet")))]):a("div",{staticClass:"row"},[a("div",{staticClass:"col-auto"},[a("q-card",{staticStyle:{"min-width":"400px",overflow:"hidden"},attrs:{square:"",flat:""}},[a("q-list",{attrs:{separator:""}},t._l(t.playlists,(function(e){return a("q-item",{key:"playlist-"+e.id,attrs:{clickable:"",active:e.id===t.currentPlaylist.id,"active-class":"bg-grey-14 text-white"},on:{click:function(a){return t.loadPlaylist(e)}}},[a("q-item-section",{attrs:{side:""}},[a("q-icon",{attrs:{name:"mdi-chevron-right",size:"xs"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.name))])],1),a("q-item-section",{attrs:{side:""}},[a("q-item-label",{attrs:{caption:""}},[t._v(t._s(e.tracks.length)+" "+t._s(t.$t("playlist.songs")))])],1)],1)})),1)],1)],1),a("div",{staticClass:"col"},[t.currentPlaylist&&t.currentPlaylist.id?a("q-card",{attrs:{flat:"",square:""}},[a("q-card-section",{attrs:{horizontal:""}},[a("q-card-section",{staticClass:"col"},[t.playlistRenameMode?a("q-input",{staticStyle:{"max-width":"350px"},attrs:{outlined:"",dense:"",color:"grey-14",autofocus:""},on:{keyup:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.playlistRenameSave.apply(null,arguments)},function(e){if(!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"]))return null;t.playlistRenameMode=!1}]},scopedSlots:t._u([{key:"append",fn:function(){return[a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-check",color:"grey-14"},on:{click:t.playlistRenameSave}}),a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-close",color:"negative"},on:{click:t.playlistRenameClose}})]},proxy:!0}],null,!1,558003602),model:{value:t.playlistRenameText,callback:function(e){t.playlistRenameText=e},expression:"playlistRenameText"}}):a("div",{staticClass:"text-h6"},[t._v(t._s(t.currentPlaylist.name))])],1),a("q-card-section",{staticClass:"col-auto text-right"},[a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",icon:"mdi-play",label:t.$t("playlist.play"),color:"grey-8","text-color":"white","no-caps":"",disabled:!t.currentHasTracks}}),a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",icon:"mdi-shuffle",label:t.$t("playlist.shuffle"),color:"grey-8","text-color":"white","no-caps":"",disabled:!t.currentHasTracks}}),a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.rename"),icon:"mdi-pencil","text-color":"grey-3","no-caps":"",outline:""},on:{click:t.playlistRename}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",icon:"mdi-trash-can-outline","text-color":"grey-3","no-caps":"",outline:""},on:{click:function(e){t.confirmDeleteDialogShown=!0}}})],1)],1),t.currentHasTracks?a("q-list",{attrs:{separator:""}},t._l(t.currentPlaylist.tracks,(function(e,s){return a("q-item",{key:"mediaitem-"+e.id+"-"+s},[a("q-item-section",{attrs:{avatar:"",side:""}},[t.active.id===e.id?a("div",{staticClass:"q-px-xs"},[a("q-spinner-audio",{staticClass:"q-mx-xs",attrs:{color:"white"}})],1):a("q-btn",{attrs:{icon:t.active.id===e.id?"mdi-play":"mdi-chevron-right",padding:"xs xs",flat:"","text-color":"grey-3"},on:{click:function(a){return t.play(e)}}})],1),a("q-item-section",{attrs:{side:""}},[a("q-avatar",{attrs:{rounded:""}},[a("q-img",{attrs:{src:t.getThumbnail(e.thumbnail)}})],1)],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.title))])],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.albumTitle))]),a("q-item-label",{attrs:{caption:""}},[t._v(t._s(e.artist))])],1),a("q-item-section",{attrs:{side:""}},[a("q-item-label",{attrs:{caption:""}},[a("strong",[t._v(t._s(t.songDuration(e.duration)))])])],1),a("q-item-section",{attrs:{side:""}},[a("q-btn",{attrs:{icon:"mdi-dots-horizontal",flat:"","text-color":"grey-3"}},[a("q-menu",{attrs:{anchor:"top right",self:"top left"}},[a("q-list",[a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playSong")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play-box"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playNext")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.addToQueue")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.removeFromPlaylist(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-remove"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.removeFromPlaylist")))])],1)],1)],1)],1)],1)],1)],1)})),1):a("q-card-section",[a("div",{staticClass:"text-body2"},[a("em",[t._v(t._s(t.$t("playlist.emptyPlaylist")))])])])],1):t._e()],1)]),a("q-dialog",{attrs:{persistent:""},model:{value:t.confirmDeleteDialogShown,callback:function(e){t.confirmDeleteDialogShown=e},expression:"confirmDeleteDialogShown"}},[a("q-card",{staticStyle:{"min-width":"450px"}},[a("q-card-section",{staticClass:"flex items-center"},[a("q-icon",{attrs:{name:"mdi-alert",size:"sm",left:""}}),a("div",{staticClass:"text-h6"},[t._v(t._s(t.$t("playlist.confirm")))])],1),a("q-card-section",[a("div",{staticClass:"text-body2"},[t._v(t._s(t.$t("playlist.confirmDeleteMess")))]),a("div",{staticClass:"text-caption text-grey-5 q-mt-sm"},[t._v(t._s(t.$t("playlist.confirmDeleteMessSub")))])]),a("q-card-actions",{staticClass:"bg-grey-9",attrs:{align:"right"}},[a("q-btn",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{padding:"xs md",outline:"",label:"$t(`playlist.cancel`)",color:"grey-4","no-caps":""}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.confirm"),color:"negative","no-caps":"",loading:t.confirmDeleteLoading},on:{click:t.deletePlaylist}})],1)],1)],1)],1)])])],1)},i=[],l=a("7ffd"),n=a("1315"),r=a("2769"),o=a.n(r),c=a("c707"),d=a.n(c),m=a("1d32"),p=a.n(m),u=a("4106"),y=a.n(u),v=a("9b02"),h=a.n(v),f=a("5212"),g=a.n(f),b=a("5184"),q=a("82ca"),P=a("0907"),k=a("a8ec");let x,_,C,$=t=>t;var w={name:"Playlists",meta:{title:"Playlists"},components:{MediaList:P["a"],PlaylistCreate:k["a"]},data(){return{currentPlaylistId:"",newPlaylistName:"",confirmDeleteDialogShown:!1,confirmDeleteLoading:!1,playlistRenameMode:!1,playlistRenameText:""}},computed:{playlists:Object(l["e"])("media/playlists"),active:Object(l["c"])("media/active"),mediaTypes:Object(l["c"])("mediaTypes/types"),currentMediaType(){return h()(this.mediaTypes,"music",{})},sortedPlaylists(){return d()(this.playlists,["name","createdAt"])},currentPlaylist(){return o()(this.playlists,["id",this.currentPlaylistId])||{}},currentHasTracks(){return this.currentPlaylist&&this.currentPlaylist.tracks&&this.currentPlaylist.tracks.length>0}},methods:{loadPlaylist(t){this.currentPlaylistId=t.id},async deletePlaylist(){this.confirmDeleteLoading=!0;const t=await this.$apollo.mutate({mutation:Object(b["a"])(x||(x=$`
          mutation (
            $id: UUID!
          ) {
            content {
              deletePlaylist(
                id: $id
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId}});h()(t,"data.content.deletePlaylist.responseResult.succeeded",!1)?(this.playlists=p()(this.playlists,["id",this.currentPlaylistId]),this.currentPlaylistId="",this.confirmDeleteDialogShown=!1):this.$q.notify({type:"negative",message:h()(t,"data.content.deletePlaylist.responseResult.message","An unexpected error occured while deleting the playlist.")}),this.confirmDeleteLoading=!1},createCallback(){this.$refs.newPlaylistDialog.hide()},songDuration(t){const e=n["Duration"].fromObject({seconds:t}).shiftTo("minutes","seconds").toObject();return`${Math.floor(e.minutes)}:${y()(e.seconds,2,"0")}`},play(t){},async removeFromPlaylist(t){this.currentPlaylist.tracks=p()(this.currentPlaylist.tracks,["id",t.id]);const e=await this.$apollo.mutate({mutation:Object(b["a"])(_||(_=$`
          mutation (
            $id: UUID!
            $trackId: Int!
          ) {
            content {
              removeFromPlaylist(
                id: $id
                trackId: $trackId
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,trackId:g()(t.id)}});h()(e,"data.content.removeFromPlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(e,"data.content.removeFromPlaylist.responseResult.message","An unexpected error occured while removing the song from the playlist.")})},playlistRename(){this.playlistRenameText=this.currentPlaylist.name,this.playlistRenameMode=!0},playlistRenameClose(){this.playlistRenameMode=!1},async playlistRenameSave(){this.playlistRenameMode=!1,this.currentPlaylist.name=this.playlistRenameText;const t=await this.$apollo.mutate({mutation:Object(b["a"])(C||(C=$`
          mutation (
            $id: UUID!
            $name: String!
          ) {
            content {
              renamePlaylist(
                id: $id
                name: $name
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,name:this.playlistRenameText}});h()(t,"data.content.renamePlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(t,"data.content.renamePlaylist.responseResult.message","An unexpected error occured while renaming the playlist.")})},getThumbnail:q["c"]}},R=w,T=(a("de7a"),a("2877")),D=a("9989"),I=a("9c40"),S=a("4e73"),Q=a("f09f"),O=a("1c1c"),M=a("66e5"),j=a("4074"),N=a("0016"),L=a("0170"),A=a("a370"),E=a("27f9"),F=a("4515"),U=a("cb32"),z=a("068f"),H=a("24e8"),B=a("4b7e"),V=a("7f67"),Y=a("eebe"),J=a.n(Y),G=Object(T["a"])(R,s,i,!1,null,null,null);e["default"]=G.exports;J()(G,"components",{QPage:D["a"],QBtn:I["a"],QMenu:S["a"],QCard:Q["a"],QList:O["a"],QItem:M["a"],QItemSection:j["a"],QIcon:N["a"],QItemLabel:L["a"],QCardSection:A["a"],QInput:E["a"],QSpinnerAudio:F["a"],QAvatar:U["a"],QImg:z["a"],QDialog:H["a"],QCardActions:B["a"]}),J()(G,"directives",{ClosePopup:V["a"]})},"4e29":function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("CompetitorV2Playlists")},i=[],l=a("2b0e"),n={created(){l["a"].component("CompetitorV2Playlists",a("7bfe").default)}},r=n,o=a("2877"),c=Object(o["a"])(r,s,i,!1,null,null,null);e["default"]=c.exports},"51a9":function(t,e,a){},"7bfe":function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("q-page",{staticClass:"playlists-container"},[t.isLoading?[a("q-linear-progress",{attrs:{query:"",color:"blue",size:"xs"}})]:[a("div",{staticClass:"row items-center"},[a("div",{staticClass:"col"},[a("div",{staticClass:"playlists-title text-weight-thin"},[t._v(t._s(t.$t("nav.playlists")))])]),a("div",{staticClass:"col-auto"},[a("div",{staticClass:"playlists-new"},[a("q-btn",{attrs:{label:"New Playlist",push:"",color:"blue-7","text-color":"white",icon:"mdi-plus","no-caps":""}},[a("q-menu",{ref:"newPlaylistDialog",attrs:{dark:!1,anchor:"top left","no-refocus":""}},[a("playlist-create",{on:{created:t.createCallback}})],1)],1)],1)])]),t.playlists.length<1?a("div",{staticClass:"playlists-empty animated fadeIn"},[t._v(t._s(t.$t("messages.playlistNotYet")))]):a("div",{staticClass:"row playlists-content q-col-gutter-lg"},[a("div",{staticClass:"col-auto"},[a("q-card",{staticStyle:{"background-color":"rgba(0,0,0,.5)","min-width":"400px",overflow:"hidden"}},[a("q-list",{attrs:{separator:""}},t._l(t.playlists,(function(e){return a("q-item",{key:"playlist-"+e.id,attrs:{clickable:"",active:e.id===t.currentPlaylist.id,"active-class":"bg-blue-7 text-white"},on:{click:function(a){return t.loadPlaylist(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-music",size:"xs",color:e.id===t.currentPlaylist.id?"white":"blue"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.name))])],1),a("q-item-section",{attrs:{side:""}},[a("q-item-label",{attrs:{caption:""}},[t._v(t._s(e.tracks.length)+" "+t._s(t.$t("playlist.songs")))])],1)],1)})),1)],1)],1),a("div",{staticClass:"col"},[t.currentPlaylist&&t.currentPlaylist.id?a("q-card",{staticStyle:{"background-color":"rgba(0,0,0,.75)"}},[a("q-card-section",{attrs:{horizontal:""}},[a("q-card-section",{staticClass:"col"},[t.playlistRenameMode?a("q-input",{staticStyle:{"max-width":"350px"},attrs:{outlined:"",dense:"",color:"indigo-4",autofocus:""},on:{keyup:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.playlistRenameSave.apply(null,arguments)},function(e){if(!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"]))return null;t.playlistRenameMode=!1}]},scopedSlots:t._u([{key:"append",fn:function(){return[a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-check",color:"indigo-4"},on:{click:t.playlistRenameSave}}),a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-close",color:"negative"},on:{click:t.playlistRenameClose}})]},proxy:!0}],null,!1,1361766024),model:{value:t.playlistRenameText,callback:function(e){t.playlistRenameText=e},expression:"playlistRenameText"}}):a("div",{staticClass:"text-h6"},[t._v(t._s(t.currentPlaylist.name))])],1),a("q-card-section",{staticClass:"col-auto text-right"},[a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",icon:"mdi-play",label:t.$t("playlist.play"),color:"indigo-4","text-color":"white","no-caps":"",disabled:!t.currentHasTracks}}),a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",icon:"mdi-shuffle",label:t.$t("playlist.shuffle"),color:"indigo-4","text-color":"white","no-caps":"",disabled:!t.currentHasTracks}}),a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.rename"),color:"grey-10",icon:"mdi-pencil","text-color":"white","no-caps":""},on:{click:t.playlistRename}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",icon:"mdi-trash-can-outline",color:"grey-10","text-color":"white","no-caps":""},on:{click:function(e){t.confirmDeleteDialogShown=!0}}})],1)],1),t.currentHasTracks?a("q-list",{attrs:{separator:""}},t._l(t.currentPlaylist.tracks,(function(e,s){return a("q-item",{key:"mediaitem-"+e.id+"-"+s},[a("q-item-section",{attrs:{avatar:"",side:""}},[t.active.id===e.id?a("div",{staticClass:"q-px-xs"},[a("q-spinner-audio",{staticClass:"q-mx-xs",attrs:{color:"white"}})],1):a("q-btn",{attrs:{icon:t.active.id===e.id?"mdi-play":"mdi-music-note",padding:"xs xs",flat:"","text-color":t.active.id===e.id?"white":t.currentMediaType.color},on:{click:function(a){return t.play(e)}}})],1),a("q-item-section",{attrs:{side:""}},[a("q-avatar",{attrs:{rounded:""}},[a("q-img",{attrs:{src:t.getThumbnail(e.thumbnail)}})],1)],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.title))])],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.albumTitle))]),a("q-item-label",{attrs:{caption:""}},[t._v(t._s(e.artist))])],1),a("q-item-section",{attrs:{side:""}},[a("q-item-label",{attrs:{caption:""}},[a("strong",[t._v(t._s(t.songDuration(e.duration)))])])],1),a("q-item-section",{attrs:{side:""}},[a("q-btn",{attrs:{icon:"mdi-dots-horizontal",flat:"","text-color":t.currentMediaType.color}},[a("q-menu",{attrs:{anchor:"top right",self:"top left"}},[a("q-list",[a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playSong")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play-box"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playNext")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.addToQueue")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.removeFromPlaylist(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-remove"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.removeFromPlaylist")))])],1)],1)],1)],1)],1)],1)],1)})),1):a("q-card-section",[a("div",{staticClass:"text-body2"},[a("em",[t._v(t._s(t.$t("playlist.emptyPlaylist")))])])])],1):t._e()],1)]),a("q-dialog",{attrs:{persistent:""},model:{value:t.confirmDeleteDialogShown,callback:function(e){t.confirmDeleteDialogShown=e},expression:"confirmDeleteDialogShown"}},[a("q-card",{staticStyle:{"min-width":"450px"}},[a("q-card-section",{staticClass:"flex items-center"},[a("q-icon",{attrs:{name:"mdi-alert",size:"sm",left:""}}),a("div",{staticClass:"text-h6"},[t._v(t._s(t.$t("playlist.confirm")))])],1),a("q-card-section",[a("div",{staticClass:"text-body2"},[t._v(t._s(t.$t("playlist.confirmDeleteMess")))]),a("div",{staticClass:"text-caption text-grey-5 q-mt-sm"},[t._v(t._s(t.$t("playlist.confirmDeleteMessSub")))])]),a("q-card-actions",{staticClass:"bg-grey-9",attrs:{align:"right"}},[a("q-btn",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{padding:"xs md",outline:"",label:t.$t("playlist.cancel"),color:"grey-4","no-caps":""}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.confirm"),color:"negative","no-caps":"",loading:t.confirmDeleteLoading},on:{click:t.deletePlaylist}})],1)],1)],1)]],2)},i=[],l=a("7ffd"),n=a("1315"),r=a("2769"),o=a.n(r),c=a("c707"),d=a.n(c),m=a("1d32"),p=a.n(m),u=a("4106"),y=a.n(u),v=a("9b02"),h=a.n(v),f=a("5212"),g=a.n(f),b=a("5184"),q=a("82ca"),P=a("cb2f"),k=a("795e");let x,_,C,$=t=>t;var w={name:"Playlists",meta:{title:"Playlists"},components:{MediaList:P["a"],PlaylistCreate:k["a"]},data(){return{isLoading:!0,currentPlaylistId:"",newPlaylistName:"",confirmDeleteDialogShown:!1,confirmDeleteLoading:!1,playlistRenameMode:!1,playlistRenameText:""}},computed:{playlists:Object(l["e"])("media/playlists"),active:Object(l["c"])("media/active"),mediaTypes:Object(l["c"])("mediaTypes/types"),currentMediaType(){return h()(this.mediaTypes,"music",{})},sortedPlaylists(){return d()(this.playlists,["name","createdAt"])},currentPlaylist(){return o()(this.playlists,["id",this.currentPlaylistId])||{}},currentHasTracks(){return this.currentPlaylist&&this.currentPlaylist.tracks&&this.currentPlaylist.tracks.length>0}},mounted(){this.$store.dispatch("media/loadPlaylists").then((()=>{this.isLoading=!1}))},methods:{loadPlaylist(t){this.currentPlaylistId=t.id},async deletePlaylist(){this.confirmDeleteLoading=!0;const t=await this.$apollo.mutate({mutation:Object(b["a"])(x||(x=$`
          mutation (
            $id: UUID!
          ) {
            content {
              deletePlaylist(
                id: $id
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId}});h()(t,"data.content.deletePlaylist.responseResult.succeeded",!1)?(this.playlists=p()(this.playlists,["id",this.currentPlaylistId]),this.currentPlaylistId="",this.confirmDeleteDialogShown=!1):this.$q.notify({type:"negative",message:h()(t,"data.content.deletePlaylist.responseResult.message","An unexpected error occured while deleting the playlist.")}),this.confirmDeleteLoading=!1},createCallback(){this.$refs.newPlaylistDialog.hide()},songDuration(t){const e=n["Duration"].fromObject({seconds:t}).shiftTo("minutes","seconds").toObject();return`${Math.floor(e.minutes)}:${y()(e.seconds,2,"0")}`},play(t){},async removeFromPlaylist(t){this.currentPlaylist.tracks=p()(this.currentPlaylist.tracks,["id",t.id]);const e=await this.$apollo.mutate({mutation:Object(b["a"])(_||(_=$`
          mutation (
            $id: UUID!
            $trackId: Int!
          ) {
            content {
              removeFromPlaylist(
                id: $id
                trackId: $trackId
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,trackId:g()(t.id)}});h()(e,"data.content.removeFromPlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(e,"data.content.removeFromPlaylist.responseResult.message","An unexpected error occured while removing the song from the playlist.")})},playlistRename(){this.playlistRenameText=this.currentPlaylist.name,this.playlistRenameMode=!0},playlistRenameClose(){this.playlistRenameMode=!1},async playlistRenameSave(){this.playlistRenameMode=!1,this.currentPlaylist.name=this.playlistRenameText;const t=await this.$apollo.mutate({mutation:Object(b["a"])(C||(C=$`
          mutation (
            $id: UUID!
            $name: String!
          ) {
            content {
              renamePlaylist(
                id: $id
                name: $name
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,name:this.playlistRenameText}});h()(t,"data.content.renamePlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(t,"data.content.renamePlaylist.responseResult.message","An unexpected error occured while renaming the playlist.")})},getThumbnail:q["c"]}},R=w,T=(a("0656"),a("2877")),D=a("9989"),I=a("6b1d"),S=a("9c40"),Q=a("4e73"),O=a("f09f"),M=a("1c1c"),j=a("66e5"),N=a("4074"),L=a("0016"),A=a("0170"),E=a("a370"),F=a("27f9"),U=a("4515"),z=a("cb32"),H=a("068f"),B=a("24e8"),V=a("4b7e"),Y=a("7f67"),J=a("eebe"),G=a.n(J),K=Object(T["a"])(R,s,i,!1,null,null,null);e["default"]=K.exports;G()(K,"components",{QPage:D["a"],QLinearProgress:I["a"],QBtn:S["a"],QMenu:Q["a"],QCard:O["a"],QList:M["a"],QItem:j["a"],QItemSection:N["a"],QIcon:L["a"],QItemLabel:A["a"],QCardSection:E["a"],QInput:F["a"],QSpinnerAudio:U["a"],QAvatar:z["a"],QImg:H["a"],QDialog:B["a"],QCardActions:V["a"]}),G()(K,"directives",{ClosePopup:Y["a"]})},"7f0d":function(t,e,a){},bcbb:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("PlaylistsPage")},i=[],l=a("2b0e"),n=a("7ffd"),r={computed:{currentLayout:Object(n["c"])("site/currentLayout")},created(){l["a"].component("PlaylistsPage",a("f6f7")(`./${this.currentLayout}/pages/Playlists.vue`).default)}},o=r,c=a("2877"),d=Object(c["a"])(o,s,i,!1,null,null,null);e["default"]=d.exports},d1be:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("q-page",{staticClass:"playlists-container"},[t.isLoading?[a("q-linear-progress",{attrs:{query:"",color:"blue",size:"xs"}})]:[a("div",{staticClass:"row items-center"},[a("div",{staticClass:"col"},[a("div",{staticClass:"playlists-new"},[a("q-btn",{staticClass:"btn-add",attrs:{label:"Create New Playlist",push:"",icon:"mdi-plus","no-caps":"",flat:""}},[a("q-menu",{ref:"newPlaylistDialog",attrs:{dark:!1,anchor:"top left","no-refocus":""}},[a("playlist-create",{on:{created:t.createCallback}})],1)],1)],1)])]),t.playlists.length<1?a("div",{staticClass:"playlists-empty animated fadeIn"},[t._v(t._s(t.$t("messages.playlistNotYet")))]):a("div",{staticClass:"row playlists-content q-col-gutter-lg"},[a("div",{staticClass:"col"},[a("q-list",{attrs:{separator:""}},t._l(t.playlists,(function(e){return a("q-expansion-item",{key:"playlist-"+e.id,attrs:{"expand-icon-class":"hidden"},on:{show:function(a){return t.loadPlaylist(e)}},scopedSlots:t._u([{key:"header",fn:function(){return[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{staticStyle:{color:"#7986CB"},attrs:{name:"mdi-music-note"}})],1),a("q-item-section",[t.playlistRenameMode?a("q-input",{staticStyle:{"max-width":"350px"},attrs:{outlined:"",dense:"",color:"indigo-4",autofocus:""},on:{keyup:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.playlistRenameSave.apply(null,arguments)},function(e){if(!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"]))return null;t.playlistRenameMode=!1}]},scopedSlots:t._u([{key:"append",fn:function(){return[a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-check",color:"indigo-4"},on:{click:t.playlistRenameSave}}),a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-close",color:"negative"},on:{click:t.playlistRenameClose}})]},proxy:!0}],null,!0),model:{value:t.playlistRenameText,callback:function(e){t.playlistRenameText=e},expression:"playlistRenameText"}}):a("q-item-label",{staticClass:"title-list"},[t._v(t._s(e.name))])],1),a("q-space"),t.playlistRenameMode?t._e():a("q-item-section",{attrs:{side:""}},[a("q-item-label",{staticStyle:{color:"#7986CB"},attrs:{caption:""}},[t._v("("+t._s(e.tracks.length)+" "+t._s(t.$t("playlist.songs"))+")")])],1),a("q-item-section",{attrs:{side:""}},[a("q-btn",{attrs:{flat:""},on:{click:function(a){return t.playlistRename(e)}}},[a("q-icon",{attrs:{name:"mdi-border-color",size:"14px"}}),a("q-item-label",[t._v(" Edit")])],1)],1),a("q-item-section",{attrs:{side:""}},[a("q-btn",{attrs:{flat:""},on:{click:function(e){t.confirmDeleteDialogShown=!0}}},[a("q-icon",{attrs:{name:"mdi-trash-can-outline",size:"14px"}}),a("q-item-label",[t._v(" Remove")])],1)],1)]},proxy:!0}],null,!0)},[t.currentPlaylist&&t.currentPlaylist.id?a("div",{staticClass:"row",staticStyle:{"background-color":"rgba(255,255,255,.9)"}},[a("div",{staticClass:"col"},[t.currentHasTracks?a("q-list",{attrs:{separator:""}},t._l(t.currentPlaylist.tracks,(function(e,s){return a("q-item",{key:"mediaitem-"+e.id+"-"+s,staticStyle:{color:"#000","border-bottom":"1px solid #eee"}},[a("q-item-section",{attrs:{avatar:"",side:""}},[t.active.id===e.id?a("div",{staticClass:"q-px-xs"},[a("q-spinner-audio",{staticClass:"q-mx-xs",attrs:{color:"#7986CB"}})],1):a("q-btn",{attrs:{icon:t.active.id===e.id?"mdi-play":"mdi-music-note",padding:"xs xs",flat:"","text-color":t.active.id===e.id?"#7986CB":t.currentMediaType.color},on:{click:function(a){return t.play(e)}}})],1),a("q-item-section",{attrs:{side:""}},[a("q-avatar",{attrs:{rounded:""}},[a("q-img",{attrs:{src:t.getThumbnail(e.thumbnail)}})],1)],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.title))]),"Unknown"!==e.artist?a("q-item-label",{staticStyle:{color:"#aaa"},attrs:{caption:""}},[t._v(t._s(e.artist))]):a("q-item-label",{staticStyle:{color:"#aaa"},attrs:{caption:""}},[t._v(t._s(e.albumTitle))])],1),a("q-item-section",{attrs:{side:""}},[a("q-item-label",{staticStyle:{color:"#aaa"},attrs:{caption:""}},[a("strong",[t._v(t._s(t.songDuration(e.duration)))])])],1),a("q-item-section",{attrs:{side:""}},[a("q-btn",{attrs:{icon:"mdi-dots-horizontal",flat:"","text-color":t.currentMediaType.color}},[a("q-menu",{attrs:{anchor:"top right",self:"top left"}},[a("q-list",[a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playSong")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play-box"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playNext")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.addToQueue")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.removeFromPlaylist(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-remove"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.removeFromPlaylist")))])],1)],1)],1)],1)],1)],1)],1)})),1):a("q-card-section",[a("div",{staticClass:"text-body2"},[a("em",[t._v(t._s(t.$t("playlist.emptyPlaylist")))])])])],1)]):t._e()])})),1)],1)]),a("q-dialog",{attrs:{persistent:""},model:{value:t.confirmDeleteDialogShown,callback:function(e){t.confirmDeleteDialogShown=e},expression:"confirmDeleteDialogShown"}},[a("q-card",{staticStyle:{"max-width":"95%"}},[a("q-card-section",{staticClass:"flex items-center"},[a("q-icon",{attrs:{name:"mdi-alert",size:"sm",left:""}}),a("div",{staticClass:"text-h6"},[t._v(t._s(t.$t("playlist.confirm")))])],1),a("q-card-section",[a("div",{staticClass:"text-body2"},[t._v(t._s(t.$t("playlist.confirmDeleteMess")))]),a("div",{staticClass:"text-caption text-grey-5 q-mt-sm"},[t._v(t._s(t.$t("playlist.confirmDeleteMessSub")))])]),a("q-card-actions",{staticClass:"bg-grey-9",attrs:{align:"right"}},[a("q-btn",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{padding:"xs md",outline:"",label:t.$t("playlist.cancel"),color:"grey-4","no-caps":""}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.confirm"),color:"negative","no-caps":"",loading:t.confirmDeleteLoading},on:{click:t.deletePlaylist}})],1)],1)],1)]],2)},i=[],l=a("7ffd"),n=a("1315"),r=a("2769"),o=a.n(r),c=a("c707"),d=a.n(c),m=a("1d32"),p=a.n(m),u=a("4106"),y=a.n(u),v=a("9b02"),h=a.n(v),f=a("2ef0"),g=a.n(f),b=a("5212"),q=a.n(b),P=a("5184"),k=a("82ca"),x=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("q-list",{attrs:{separator:""}},t._l(t.value,(function(e,s){return a("q-item",{key:"mediaitem-"+e.id,attrs:{clickable:""},on:{click:function(a){return t.goToMedia(e,t.mode)}}},[a("q-item-section",{attrs:{avatar:"",side:""}},[a("q-icon",{attrs:{name:t.getMediaIcon(e.mediaType?e.mediaType:e.type),size:"xs",color:t.getMediaColor(e.mediaType?e.mediaType:e.type)}})],1),a("q-item-section",{attrs:{side:""}},[a("q-avatar",{attrs:{rounded:""}},[a("q-img",{attrs:{src:t.getThumbnail(e.thumbnail)}})],1)],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.title))])],1),"collection"===t.mode||"history"===t.mode?a("q-btn",{attrs:{side:"",flat:"",outline:"",color:"grey",icon:"mdi-close",clickable:""},on:{click:function(a){return t.removeItem(e,t.mode)}}}):t._e()],1)})),1)},_=[],C=a("8f14"),$=a.n(C),w=a("d3bd"),R=a.n(w),T={props:{value:{type:Array,default:()=>[]},mode:{type:String,default:"collection"}},computed:{active:Object(l["c"])("media/active"),mediaTypes:Object(l["c"])("mediaTypes/types")},methods:{async removeItem(t,e){t&&"collection"===e&&(t.mediaType=t.mediaType?t.mediaType:t.type,await this.$store.dispatch("media/removeFromCollection",{id:t.id,type:t.type})),t&&"history"===e&&(t.mediaType=t.mediaType?t.mediaType:t.type,await this.$store.dispatch("media/removeFromHistory",{id:t.id,type:t.type}))},songDuration(t){const e=n["Duration"].fromObject({seconds:t}).shiftTo("minutes","seconds").toObject();return`${Math.floor(e.minutes)}:${y()(e.seconds,2,"0")}`},movieDuration(t){return $()(60*t*1e3,{units:["h","m"],round:!0})},audiobookDuration(t){return $()(1e3*t,{units:["h","m"],round:!0})},getMediaColor(t){return h()(this.mediaTypes,`${t}.color`,"grey")},getMediaIcon(t){return h()(this.mediaTypes,`${t}.icon`,"mdi-cancel")},goToMedia(t,e){t.mediaType=t.mediaType?t.mediaType:t.type,this.$router.push(`/browse/${t.mediaType}/id/${t.id}/${R()(t.title)}`)},getThumbnail:k["c"]}},D=T,I=a("2877"),S=a("1c1c"),Q=a("66e5"),O=a("4074"),M=a("0016"),j=a("cb32"),N=a("068f"),L=a("0170"),A=a("9c40"),E=a("eebe"),F=a.n(E),U=Object(I["a"])(D,x,_,!1,null,null,null),z=U.exports;F()(U,"components",{QList:S["a"],QItem:Q["a"],QItemSection:O["a"],QIcon:M["a"],QAvatar:j["a"],QImg:N["a"],QItemLabel:L["a"],QBtn:A["a"]});var H=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("q-form",{attrs:{"no-error-focus":""},on:{submit:t.createPlaylist}},[a("div",{staticClass:"q-pa-md",staticStyle:{"min-width":"450px"}},[a("q-input",{attrs:{dark:!1,outlined:"",dense:"",label:t.$t("playlist.playlistName"),clearable:"","no-error-icon":"",rules:[function(t){return t.length>2||"Name must be at least 3 characters"}],"hide-bottom-space":"",maxlength:"240",autocomplete:"nein",autofocus:""},model:{value:t.newPlaylistName,callback:function(e){t.newPlaylistName=e},expression:"newPlaylistName"}})],1),a("q-separator",{attrs:{dark:!1}}),a("div",{staticClass:"bg-grey-2 q-pa-sm text-right"},[a("q-btn",{directives:[{name:"close-popup",rawName:"v-close-popup"}],staticClass:"q-mr-sm",attrs:{padding:"xs md",outline:"",label:t.$t("playlist.cancel"),color:"grey-7","no-caps":""},on:{click:function(e){return t.sendEvent("prompt_cancel")}}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.create"),color:"blue-7","no-caps":"",type:"submit",loading:t.loading},on:{click:function(e){return t.sendEvent("prompt_create")}}})],1)],1)},B=[],V=(a("ddb0"),a("ec26"));let Y,J=t=>t;var G={data(){return{newPlaylistName:"",loading:!1}},computed:{id:Object(l["c"])("media/currentId"),mediaType:Object(l["c"])("media/currentMediaType"),mediaTypes:Object(l["c"])("mediaTypes/types"),currentMediaType(){return h()(this.mediaTypes,this.mediaType,{})},playlists:Object(l["e"])("media/playlists")},methods:{async createPlaylist(){this.loading=!0,this.sendEvent("prompt_create_playlist_attempt");const t=await this.$apollo.mutate({mutation:Object(P["a"])(Y||(Y=J`
          mutation (
            $name: String!
          ) {
            content {
              createPlaylist(
                name: $name
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
                id
              }
            }
          }
        `)),variables:{name:this.newPlaylistName}});h()(t,"data.content.createPlaylist.responseResult.succeeded",!1)?(this.playlists=[...this.playlists,{id:h()(t,"data.content.createPlaylist.id",Object(V["a"])()),name:this.newPlaylistName,tracks:[],createdAt:n["DateTime"].utc().toISO(),updatedAt:n["DateTime"].utc().toISO()}],this.$emit("created"),this.$nextTick((()=>{this.newPlaylistName=""})),this.sendEvent("prompt_create_playlist_success")):(this.$q.notify({type:"negative",message:h()(t,"data.content.createPlaylist.responseResult.message","An unexpected error occured while creating the playlist.")}),this.sendEvent("prompt_create_playlist_failed")),this.loading=!1},sendEvent(t,e){this.$store.dispatch("tracking/sendConsumptionEvent",{type:this.currentMediaType.id+"_consumption",[this.currentMediaType.id+"Id"]:this.id,action:t||"unknown",value:e||"unknown"})}}},K=G,W=a("0378"),X=a("27f9"),Z=a("eb85"),tt=a("7f67"),et=Object(I["a"])(K,H,B,!1,null,null,null),at=et.exports;F()(et,"components",{QForm:W["a"],QInput:X["a"],QSeparator:Z["a"],QBtn:A["a"]}),F()(et,"directives",{ClosePopup:tt["a"]});let st,it,lt,nt=t=>t;var rt={name:"Playlists",meta:{title:"Playlists"},components:{MediaList:z,PlaylistCreate:at},data(){return{isLoading:!0,currentPlaylistId:"",newPlaylistName:"",confirmDeleteDialogShown:!1,confirmDeleteLoading:!1,playlistRenameMode:!1,playlistRenameText:""}},computed:{info:Object(l["c"])("media/current"),playlists:Object(l["e"])("media/playlists"),active:Object(l["c"])("media/active"),mediaTypes:Object(l["c"])("mediaTypes/types"),currentMediaType(){return h()(this.mediaTypes,"music",{})},sortedPlaylists(){return d()(this.playlists,["name","createdAt"])},currentPlaylist(){return o()(this.playlists,["id",this.currentPlaylistId])||{}},currentHasTracks(){return this.currentPlaylist&&this.currentPlaylist.tracks&&this.currentPlaylist.tracks.length>0}},mounted(){this.$store.dispatch("media/loadPlaylists").then((()=>{this.isLoading=!1}))},methods:{loadPlaylist(t){this.currentPlaylistId=this.currentPlaylistId===t.id?"":t.id},async deletePlaylist(){this.confirmDeleteLoading=!0;const t=await this.$apollo.mutate({mutation:Object(P["a"])(st||(st=nt`
          mutation (
            $id: UUID!
          ) {
            content {
              deletePlaylist(
                id: $id
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId}});h()(t,"data.content.deletePlaylist.responseResult.succeeded",!1)?(this.playlists=p()(this.playlists,["id",this.currentPlaylistId]),this.currentPlaylistId="",this.confirmDeleteDialogShown=!1):this.$q.notify({type:"negative",message:h()(t,"data.content.deletePlaylist.responseResult.message","An unexpected error occured while deleting the playlist.")}),this.confirmDeleteLoading=!1},createCallback(){this.$refs.newPlaylistDialog.hide()},songDuration(t){const e=n["Duration"].fromObject({seconds:t}).shiftTo("minutes","seconds").toObject();return`${Math.floor(e.minutes)}:${y()(e.seconds,2,"0")}`},play(t){const e=t?g()(this.info.tracks,(e=>e.id!==t.id)):this.info.tracks;t&&e.unshift(t),this.$store.set("media/queue",e.map((t=>({...t,mediaType:"music",musicId:this.info.id,musicTitle:this.info.title,thumbnail:this.info.thumbnail})))),this.$store.commit("media/play")},async removeFromPlaylist(t){this.currentPlaylist.tracks=p()(this.currentPlaylist.tracks,["id",t.id]);const e=await this.$apollo.mutate({mutation:Object(P["a"])(it||(it=nt`
          mutation (
            $id: UUID!
            $trackId: Int!
          ) {
            content {
              removeFromPlaylist(
                id: $id
                trackId: $trackId
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,trackId:q()(t.id)}});h()(e,"data.content.removeFromPlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(e,"data.content.removeFromPlaylist.responseResult.message","An unexpected error occured while removing the song from the playlist.")})},playlistRename(t){this.playlistRenameText=t.name,this.playlistRenameMode=!0},playlistRenameClose(){this.playlistRenameMode=!1},async playlistRenameSave(){this.playlistRenameMode=!1,this.currentPlaylist.name=this.playlistRenameText;const t=await this.$apollo.mutate({mutation:Object(P["a"])(lt||(lt=nt`
          mutation (
            $id: UUID!
            $name: String!
          ) {
            content {
              renamePlaylist(
                id: $id
                name: $name
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,name:this.playlistRenameText}});h()(t,"data.content.renamePlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(t,"data.content.renamePlaylist.responseResult.message","An unexpected error occured while renaming the playlist.")})},getThumbnail:k["c"]}},ot=rt,ct=(a("f002"),a("9989")),dt=a("6b1d"),mt=a("4e73"),pt=a("3b73"),ut=a("2c91"),yt=a("4515"),vt=a("a370"),ht=a("24e8"),ft=a("f09f"),gt=a("4b7e"),bt=a("8572"),qt=Object(I["a"])(ot,s,i,!1,null,null,null);e["default"]=qt.exports;F()(qt,"components",{QPage:ct["a"],QLinearProgress:dt["a"],QBtn:A["a"],QMenu:mt["a"],QList:S["a"],QExpansionItem:pt["a"],QItemSection:O["a"],QIcon:M["a"],QItemLabel:L["a"],QInput:X["a"],QSpace:ut["a"],QItem:Q["a"],QSpinnerAudio:yt["a"],QAvatar:j["a"],QImg:N["a"],QCardSection:vt["a"],QDialog:ht["a"],QCard:ft["a"],QCardActions:gt["a"],QField:bt["a"]}),F()(qt,"directives",{ClosePopup:tt["a"]})},dd90:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("q-page",{staticClass:"alfa-playlists container"},[a("div",{staticClass:"row items-center"},[a("div",{staticClass:"col"},[a("div",{staticClass:"alfa-playlists-title text-weight-thin"},[t._v(t._s(t.$t("nav.playlists")))])]),a("div",{staticClass:"col-auto"},[a("div",{staticClass:"alfa-playlists-new"},[a("q-btn",{attrs:{label:"New Playlist",color:"blue-grey-15","text-color":"white",icon:"mdi-plus","no-caps":"",unelevated:""}},[a("q-menu",{ref:"newPlaylistDialog",attrs:{dark:!1,anchor:"top left","no-refocus":""}},[a("playlist-create",{on:{created:t.createCallback}})],1)],1)],1)])]),t.playlists.length<1?a("div",{staticClass:"alfa-playlists-empty animated fadeIn"},[t._v(t._s(t.$t("messages.playlistNotYet")))]):a("div",{staticClass:"row playlists-content q-col-gutter-lg"},[a("div",{staticClass:"col-auto"},[a("q-card",{staticStyle:{"min-width":"400px",overflow:"hidden"},attrs:{square:"",flat:""}},[a("q-list",{attrs:{separator:""}},t._l(t.playlists,(function(e){return a("q-item",{key:"playlist-"+e.id,attrs:{clickable:"",active:e.id===t.currentPlaylist.id,"active-class":"bg-blue-grey-2 text-black"},on:{click:function(a){return t.loadPlaylist(e)}}},[a("q-item-section",{attrs:{side:""}},[a("q-icon",{attrs:{name:"mdi-chevron-right",size:"xs"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.name))])],1),a("q-item-section",{attrs:{side:""}},[a("q-item-label",{attrs:{caption:""}},[t._v(t._s(e.tracks.length)+" "+t._s(t.$t("playlist.songs")))])],1)],1)})),1)],1)],1),a("div",{staticClass:"col"},[t.currentPlaylist&&t.currentPlaylist.id?a("q-card",{attrs:{flat:"",square:""}},[a("q-card-section",{attrs:{horizontal:""}},[a("q-card-section",{staticClass:"col"},[t.playlistRenameMode?a("q-input",{staticStyle:{"max-width":"350px"},attrs:{outlined:"",dense:"",color:"blue-grey-15",autofocus:""},on:{keyup:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.playlistRenameSave.apply(null,arguments)},function(e){if(!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"]))return null;t.playlistRenameMode=!1}]},scopedSlots:t._u([{key:"append",fn:function(){return[a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-check",color:"blue-grey-15"},on:{click:t.playlistRenameSave}}),a("q-btn",{attrs:{dense:"",flat:"",icon:"mdi-close",color:"negative"},on:{click:t.playlistRenameClose}})]},proxy:!0}],null,!1,2065336992),model:{value:t.playlistRenameText,callback:function(e){t.playlistRenameText=e},expression:"playlistRenameText"}}):a("div",{staticClass:"text-h6"},[t._v(t._s(t.currentPlaylist.name))])],1),a("q-card-section",{staticClass:"col-auto text-right"},[a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",icon:"mdi-play",label:t.$t("playlist.play"),color:"blue-grey-15","text-color":"white","no-caps":"",disabled:!t.currentHasTracks}}),a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",icon:"mdi-shuffle",label:t.$t("playlist.shuffle"),color:"blue-grey-15","text-color":"white","no-caps":"",disabled:!t.currentHasTracks}}),a("q-btn",{staticClass:"q-mr-sm",attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.rename"),icon:"mdi-pencil","text-color":"black","no-caps":"",outline:""},on:{click:t.playlistRename}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",icon:"mdi-trash-can-outline","text-color":"black","no-caps":"",outline:""},on:{click:function(e){t.confirmDeleteDialogShown=!0}}})],1)],1),t.currentHasTracks?a("q-list",{attrs:{separator:""}},t._l(t.currentPlaylist.tracks,(function(e,s){return a("q-item",{key:"mediaitem-"+e.id+"-"+s},[a("q-item-section",{attrs:{avatar:"",side:""}},[t.active.id===e.id?a("div",{staticClass:"q-px-xs"},[a("q-spinner-audio",{staticClass:"q-mx-xs",attrs:{color:"white"}})],1):a("q-btn",{attrs:{icon:t.active.id===e.id?"mdi-play":"mdi-chevron-right",padding:"xs xs",flat:"","text-color":"black"},on:{click:function(a){return t.play(e)}}})],1),a("q-item-section",{attrs:{side:""}},[a("q-avatar",{attrs:{rounded:""}},[a("q-img",{attrs:{src:t.getThumbnail(e.thumbnail)}})],1)],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.title))])],1),a("q-item-section",[a("q-item-label",[t._v(t._s(e.albumTitle))]),a("q-item-label",{attrs:{caption:""}},[t._v(t._s(e.artist))])],1),a("q-item-section",{attrs:{side:""}},[a("q-item-label",{attrs:{caption:""}},[a("strong",[t._v(t._s(t.songDuration(e.duration)))])])],1),a("q-item-section",{attrs:{side:""}},[a("q-btn",{attrs:{icon:"mdi-dots-horizontal",flat:"","text-color":"black"}},[a("q-menu",{attrs:{anchor:"top right",self:"top left"}},[a("q-list",[a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playSong")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-play-box"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.playNext")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.play(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-play"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.addToQueue")))])],1)],1),a("q-item",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{clickable:""},on:{click:function(a){return t.removeFromPlaylist(e)}}},[a("q-item-section",{attrs:{avatar:""}},[a("q-icon",{attrs:{name:"mdi-playlist-remove"}})],1),a("q-item-section",[a("q-item-label",[t._v(t._s(t.$t("playlist.removeFromPlaylist")))])],1)],1)],1)],1)],1)],1)],1)})),1):a("q-card-section",[a("div",{staticClass:"text-body2"},[a("em",[t._v(t._s(t.$t("playlist.emptyPlaylist")))])])])],1):t._e()],1)]),a("q-dialog",{attrs:{persistent:""},model:{value:t.confirmDeleteDialogShown,callback:function(e){t.confirmDeleteDialogShown=e},expression:"confirmDeleteDialogShown"}},[a("q-card",{staticStyle:{"min-width":"450px"}},[a("q-card-section",{staticClass:"flex items-center"},[a("q-icon",{attrs:{name:"mdi-alert",size:"sm",left:""}}),a("div",{staticClass:"text-h6"},[t._v(t._s(t.$t("playlist.confirm")))])],1),a("q-card-section",[a("div",{staticClass:"text-body2"},[t._v(t._s(t.$t("playlist.confirmDeleteMess")))]),a("div",{staticClass:"text-caption text-grey-5 q-mt-sm"},[t._v(t._s(t.$t("playlist.confirmDeleteMessSub")))])]),a("q-card-actions",{staticClass:"bg-grey-9",attrs:{align:"right"}},[a("q-btn",{directives:[{name:"close-popup",rawName:"v-close-popup"}],attrs:{padding:"xs md",outline:"",label:"$t(`playlist.cancel`)",color:"grey-4","no-caps":""}}),a("q-btn",{attrs:{padding:"xs md",unelevated:"",label:t.$t("playlist.confirm"),color:"negative","no-caps":"",loading:t.confirmDeleteLoading},on:{click:t.deletePlaylist}})],1)],1)],1)],1)},i=[],l=a("7ffd"),n=a("1315"),r=a("2769"),o=a.n(r),c=a("c707"),d=a.n(c),m=a("1d32"),p=a.n(m),u=a("4106"),y=a.n(u),v=a("9b02"),h=a.n(v),f=a("5212"),g=a.n(f),b=a("5184"),q=a("82ca"),P=a("209c"),k=a("5fc8");let x,_,C,$=t=>t;var w={name:"Playlists",meta:{title:"Playlists"},components:{MediaList:P["a"],PlaylistCreate:k["a"]},data(){return{currentPlaylistId:"",newPlaylistName:"",confirmDeleteDialogShown:!1,confirmDeleteLoading:!1,playlistRenameMode:!1,playlistRenameText:""}},computed:{playlists:Object(l["e"])("media/playlists"),active:Object(l["c"])("media/active"),mediaTypes:Object(l["c"])("mediaTypes/types"),currentMediaType(){return h()(this.mediaTypes,"music",{})},sortedPlaylists(){return d()(this.playlists,["name","createdAt"])},currentPlaylist(){return o()(this.playlists,["id",this.currentPlaylistId])||{}},currentHasTracks(){return this.currentPlaylist&&this.currentPlaylist.tracks&&this.currentPlaylist.tracks.length>0}},methods:{loadPlaylist(t){this.currentPlaylistId=t.id},async deletePlaylist(){this.confirmDeleteLoading=!0;const t=await this.$apollo.mutate({mutation:Object(b["a"])(x||(x=$`
          mutation (
            $id: UUID!
          ) {
            content {
              deletePlaylist(
                id: $id
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId}});h()(t,"data.content.deletePlaylist.responseResult.succeeded",!1)?(this.playlists=p()(this.playlists,["id",this.currentPlaylistId]),this.currentPlaylistId="",this.confirmDeleteDialogShown=!1):this.$q.notify({type:"negative",message:h()(t,"data.content.deletePlaylist.responseResult.message","An unexpected error occured while deleting the playlist.")}),this.confirmDeleteLoading=!1},createCallback(){this.$refs.newPlaylistDialog.hide()},songDuration(t){const e=n["Duration"].fromObject({seconds:t}).shiftTo("minutes","seconds").toObject();return`${Math.floor(e.minutes)}:${y()(e.seconds,2,"0")}`},play(t){},async removeFromPlaylist(t){this.currentPlaylist.tracks=p()(this.currentPlaylist.tracks,["id",t.id]);const e=await this.$apollo.mutate({mutation:Object(b["a"])(_||(_=$`
          mutation (
            $id: UUID!
            $trackId: Int!
          ) {
            content {
              removeFromPlaylist(
                id: $id
                trackId: $trackId
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,trackId:g()(t.id)}});h()(e,"data.content.removeFromPlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(e,"data.content.removeFromPlaylist.responseResult.message","An unexpected error occured while removing the song from the playlist.")})},playlistRename(){this.playlistRenameText=this.currentPlaylist.name,this.playlistRenameMode=!0},playlistRenameClose(){this.playlistRenameMode=!1},async playlistRenameSave(){this.playlistRenameMode=!1,this.currentPlaylist.name=this.playlistRenameText;const t=await this.$apollo.mutate({mutation:Object(b["a"])(C||(C=$`
          mutation (
            $id: UUID!
            $name: String!
          ) {
            content {
              renamePlaylist(
                id: $id
                name: $name
              ) {
                responseResult {
                  succeeded
                  errorCode
                  slug
                  message
                }
              }
            }
          }
        `)),variables:{id:this.currentPlaylistId,name:this.playlistRenameText}});h()(t,"data.content.renamePlaylist.responseResult.succeeded",!1)||this.$q.notify({type:"negative",message:h()(t,"data.content.renamePlaylist.responseResult.message","An unexpected error occured while renaming the playlist.")})},getThumbnail:q["c"]}},R=w,T=(a("30ee"),a("2877")),D=a("9989"),I=a("9c40"),S=a("4e73"),Q=a("f09f"),O=a("1c1c"),M=a("66e5"),j=a("4074"),N=a("0016"),L=a("0170"),A=a("a370"),E=a("27f9"),F=a("4515"),U=a("cb32"),z=a("068f"),H=a("24e8"),B=a("4b7e"),V=a("7f67"),Y=a("eebe"),J=a.n(Y),G=Object(T["a"])(R,s,i,!1,null,null,null);e["default"]=G.exports;J()(G,"components",{QPage:D["a"],QBtn:I["a"],QMenu:S["a"],QCard:Q["a"],QList:O["a"],QItem:M["a"],QItemSection:j["a"],QIcon:N["a"],QItemLabel:L["a"],QCardSection:A["a"],QInput:E["a"],QSpinnerAudio:F["a"],QAvatar:U["a"],QImg:z["a"],QDialog:H["a"],QCardActions:B["a"]}),J()(G,"directives",{ClosePopup:V["a"]})},de7a:function(t,e,a){"use strict";a("30c1")},efaf:function(t,e,a){},f002:function(t,e,a){"use strict";a("efaf")},f6f7:function(t,e,a){var s={"./alfa/pages/Playlists.vue":"dd90","./bravo/pages/Playlists.vue":"366a","./clickcoins/pages/Playlists.vue":"d1be","./clickplay/pages/Playlists.vue":"01e7","./competitor_v1/pages/Playlists.vue":"33cc","./competitor_v2/pages/Playlists.vue":"4e29","./default/pages/Playlists.vue":"7bfe"};function i(t){var e=l(t);return a(e)}function l(t){if(!a.o(s,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return s[t]}i.keys=function(){return Object.keys(s)},i.resolve=l,t.exports=i,i.id="f6f7"}}]);