https://www.arabella-bayern.de/wp-content/themes/cmms-theme-arabella/assets/dist/1.143/ChannelPlaylist.js

1import{_ as b,C as B,f as R,H as x,y as E,e as M}from"./app.js";import"./swiper.js";const L={name:"ChannelPlaylistItemTools"},T=window.Vue.createElementVNode,N=window.Vue.openBlock,P=window.Vue.createElementBlock,F={class:"channel-playlist__item__tools"};function O(s,e,i,_,I,l){return N(),P("div",F,[...e[0]||(e[0]=[T("div",{class:"icon icon-herz-outline"},null,-1),T("div",{class:"icon icon-herz"},null,-1)])])}const j=b(L,[["render",O]]),z={name:"ChannelPlaylistItem",components:{ChannelPlaylistItemTools:j,CmmsResponsiveImage:B},props:{teaser:{type:Boolean,default:!1},displayTime:{type:Boolean,default:!0},time:{type:Number,default:null},artist:{type:String,default:"Artist"},title:{type:String,default:"Title"},imageSrc:{type:String,default:null}}},y=window.Vue.openBlock,p=window.Vue.createElementBlock,v=window.Vue.createCommentVNode,o=window.Vue.createElementVNode,g=window.Vue.toDisplayString,H=window.Vue.normalizeClass,$={class:"channel-playlist__item__cover"},U=["src","alt"],A={class:"channel-playlist__item__entry"},G={key:0,class:"channel-playlist__item__time"},J={key:0,class:"channel-playlist__item__time__label"},Z={class:"channel-playlist__item__artist"},q={class:"channel-playlist__item__title"};function K(s,e,i,_,I,l){return y(),p("div",{class:H(["channel-playlist__item",i.teaser?"--large":""])},[o("picture",$,[i.imageSrc?(y(),p("img",{key:0,width:"282",height:"282",src:i.imageSrc,alt:"Cover "+i.title},null,8,U)):v("",!0)]),o("div",A,[i.displayTime?(y(),p("div",G,[e[0]||(e[0]=o("div",{class:"icon icon-play"},null,-1)),i.time?(y(),p("div",J,g(s.$filters.hourMinute(i.time*1e3)),1)):v("",!0)])):v("",!0),o("div",Z,g(i.artist),1),o("div",q,g(i.title),1)])],2)}const Q=b(z,[["render",K]]),W={name:"ChannelPlaylist",data:function(){return{channelId:null,searchLoading:!1,searchMode:!1,searchPlaylistData:[],playlistSearch:{day:"",hour:"",minute:""},showFullSearchResult:!1}},components:{ChannelPlaylistItem:Q,Headline:x,Cta:R,CmmsResponsiveImage:B},props:{element:{type:Object}},computed:{...M("player",["channelData","defaultChannelId"]),activeChannelId(){return this.channelId!==null?this.channelId:this.defaultChannelId},buttonLabel(){return this.element&&this.element.data.button_label?this.element.data.button_label:"Mehr"},amountOfResults(){return this.showFullSearchResult?this.searchResults.length:10},paginatedResults:function(){return this.searchResults.slice(0,this.amountOfResults)},showMoreButton:function(){return!this.showFullSearchResult&&this.searchResults.length>5},ctaElement(){return{data:{link:this.url,text:this.buttonLabel}}},headlineObject(){return{data:{text:this.element.data.headline_text?this.element.data.headline_text:"Jetzt anhören",headline_icon:this.element.data.headline_icon?this.element.data.headline_icon:"musik"}}},searchDisabledClass(){return this.searchFormValid&&!this.searchLoading?"":"--disabled"},searchFormValid(){return!(this.playlistSearch.day===""||this.playlistSearch.hour===""||this.playlistSearch.minute==="")},songs(){return this.activeChannelId&&this.channelData(this.activeChannelId)?this.channelData(this.activeChannelId).playlist:[]},searchResults(){return!this.searchLoading&&this.searchPlaylistData?this.searchPlaylistData:[]},mainTrack(){return this.songs.length>0?this.songs[0]:null},mainTrackCover(){return!this.mainTrack||!this.mainTrack.cover||typeof this.mainTrack.cover>"u"?null:this.mainTrack.cover},trackListItems(){return this.songs.length>0?this.songs.slice(1,4):[]},url(){return this.element&&this.element.data.url?this.element.data.url:null}},methods:{getCover:function(s,e,i=!1){if(typeof s>"u"||s===null)if(this.element.data.default_cover_id>0)s=this.element.data.default_cover_id+".jpg";else return null;e=parseInt(e,10),e<=0&&(e=282),e*=2;const _=i?"100x100ceb_10x2/":"".concat(e,"x").concat(e,"/");return window.cmms_thumbs_base+_+s},executeSearch:function(){if(this.searchFormValid&&this.searchLoading===!1){this.searchLoading=!0,this.searchMode=!0,this.showFullSearchResult=!1;const s=this.playlistSearch.day+this.playlistSearch.hour*3600+this.playlistSearch.minute*60;E.post("/cmms-api-v2/soylent/playlist/",{channel_id:this.activeChannelId,timestamp:s,amount:20}).then(e=>{this.searchPlaylistData=e.data.playlist}).catch(e=>{this.searchMode=!1}).finally(()=>{this.searchLoading=!1})}}

1,resetSearch:function(){this.searchMode=!1,this.showFullSearchResult=!1,this.searchPlaylistData=[],this.playlistSearch={day:"",hour:"",minute:""}},showMore(){this.showFullSearchResult=!0}},mounted(){window.isDynamicRenderer||this.element&&this.element.data.channel_id&&(this.channelId=this.element.data.channel_id)}},X=window.Vue.normalizeStyle,a=window.Vue.createElementVNode,n=window.Vue.openBlock,r=window.Vue.createElementBlock,c=window.Vue.createCommentVNode,k=window.Vue.resolveComponent,h=window.Vue.createVNode,u=window.Vue.renderList,d=window.Vue.Fragment,w=window.Vue.createBlock,Y=window.Vue.Transition,ee=window.Vue.withCtx,C=window.Vue.toDisplayString,S=window.Vue.vModelSelect,V=window.Vue.withDirectives,te=window.Vue.normalizeClass,le={class:"element arabella channel-playlist"},ae={class:"element-backdrop"},ne={key:0,class:"responsive-image -fill --visible _align-img-center-center"},se={class:"channel-playlist__content"},ie={key:0,class:"channel-playlist__content__box"},re={key:0,class:"channel-playlist__content__box"},ce={class:"channel-playlist__search"},oe={class:"channel-playlist__search__form"},he={class:"channel-playlist__search__select-wrapper"},ue=["value"],de={class:"channel-playlist__search__select-wrapper"},_e=["value"],me={class:"channel-playlist__search__select-wrapper"},ye=["value"],pe={class:"channel-playlist__search__button-container"},we={key:0,class:"channel-playlist__search__results"};function fe(s,e,i,_,I,l){const D=k("Headline"),f=k("ChannelPlaylistItem"),m=k("Cta");return n(),r("div",le,[a("div",ae,[l.mainTrackCover?(n(),r("span",ne,[a("span",{style:X("background-image: url('".concat(l.getCover(l.mainTrackCover,282,!0),"');"))},null,4)])):c("",!0)]),h(D,{element:l.headlineObject},null,8,["element"]),a("div",se,[l.mainTrack?(n(),r("div",ie,[h(f,{"display-time":!1,teaser:!0,artist:l.mainTrack.interpret,title:l.mainTrack.title,time:parseInt(l.mainTrack.time,10),"image-src":l.getCover(l.mainTrackCover,240)},null,8,["artist","title","time","image-src"])])):c("",!0),h(Y,{name:"fade"},{default:ee(()=>[l.trackListItems.length>0?(n(),r("div",re,[(n(!0),r(d,null,u(l.trackListItems,t=>(n(),w(f,{key:"song_".concat(t.entry_id),artist:t.interpret,title:t.title,time:parseInt(t.time,10),"image-src":l.getCover(t.cover,240)},null,8,["artist","title","time","image-src"]))),128))])):c("",!0)]),_:1})]),a("div",ce,[a("div",oe,[a("div",he,[V(a("select",{class:"channel-playlist__search__select","onUpdate:modelValue":e[0]||(e[0]=t=>s.playlistSearch.day=t)},[e[3]||(e[3]=a("option",{value:""},"Tag",-1)),(n(!0),r(d,null,u(i.element.data.playlist_search.days,t=>(n(),r("option",{value:t.timestamp},C(t.label),9,ue))),256))],512),[[S,s.playlistSearch.day]]),e[4]||(e[4]=a("span",{class:"channel-playlist__search__expand-icon"},null,-1))]),a("div",de,[V(a("select",{class:"channel-playlist__search__select",title:"Stunde","onUpdate:modelValue":e[1]||(e[1]=t=>s.playlistSearch.hour=t)},[e[5]||(e[5]=a("option",{value:""},"Stunde",-1)),(n(!0),r(d,null,u(i.element.data.playlist_search.hours,t=>(n(),r("option",{value:t},C(t.toString().padStart(2,"0")),9,_e))),256))],512),[[S,s.playlistSearch.hour]]),e[6]||(e[6]=a("span",{class:"channel-playlist__search__expand-icon"},null,-1))]),a("div",me,[V(a("select",{class:"channel-playlist__search__select",title:"Minute","onUpdate:modelValue":e[2]||(e[2]=t=>s.playlistSearch.minute=t)},[e[7]||(e[7]=a("option",{value:""},"Minute",-1)),(n(!0),r(d,null,u(i.element.data.playlist_search.minutes,t=>(n(),r("option",{value:t},C(t.toString().padStart(2,"0")),9,ye))),256))],512),[[S,s.playlistSearch.minute]]),e[8]||(e[8]=a("span",{class:"channel-playlist__search__expand-icon"},null,-1))]),a("div",pe,[h(m,{"button-label":"Suche",class:te(l.searchDisabledClass),callback:l.executeSearch},null,8,["class","callback"]),h(m,{"button-label":"Zurücksetzen",callback:l.resetSearch},null,8,["callback"])])]),l.searchResults.length>0?(n(),r("div",we,[(n(!0),r(d,null,u(l.paginatedResults,t=>(n(),w(f,{key:"search_result_".concat(t.entry_id),artist:t.interpret,title:t.title,time:parseInt(t.time,10),"image-src":l.getCover(t.cover,240)},null,8,["artist","title","time","image-src"]))),128)),l.showMoreButton?(n(),w(m,{key:0,onClick:l.showMore,label:"mehr",class:"--contrast"},null,8,["onClick"])):c("",!0)])):c("",!0)]),l.url?(n(),w(m,{key:0,element:l.ctaElement,class:"--contrast"},null,8,["element"])):c("",!0)])}const ke=b(W,[["render",fe]]);export{ke as default};