https://funday.asia/assets/LiveView-BNMNLXTr.js

1import{d as Se,a as ot,o as n,m as w,E as it,w as p,b as a,N as ne,n as t,g as ze,k as He,D as at,l as ue,W as $e,S as ye,c as u,e as d,s as nt,F as ee,q as te,y as lt,t as m,az as rt,f as W,z as T,ac as ct,_ as dt,x as ae,$ as ut,aF as Ne,M as he,A as k,h as B,B as R,ax as mt,aw as pt,ay as Re}from"./main-BYsbA9M7.js";/* empty css             *//* empty css                   *//* empty css                  */import{i as vt,d as ft,u as _t,a as gt,_ as yt,b as ht,c as Tt,e as kt}from"./liveStreamEvent-BjNLd9DR.js";import{_ as bt}from"./ClassCompulsoryTag-BbgK1a8h.js";import{P as Mt}from"./PageHeading-tJL66szP.js";/* empty css                  *//* empty css                 *//* empty css                     *//* empty css                  *//* empty css                       *//* empty css               *//* empty css                  */import"./el-tooltip-l0sNRNKZ.js";import{_ as St}from"./BaseButton-6Mfn9Q3T.js";import{c as Te}from"./classLevelMap-C4WdOTMI.js";import{C as Be}from"./ClassroomEnum-Bur71sGI.js";import{d as v}from"./token-C_baQIRm.js";import{n as ke,e as be,a as Me,S as Ae}from"./swiper-vue-TaVMw2qN.js";import{M as Lt}from"./mousewheel-BuE8M_Q0.js";import{u as Ct}from"./useDebounce-DHAiL6AP.js";import{u as wt}from"./useWindowSize-BGO99uui.js";import{u as Dt}from"./useLiveStream-BB10mLU9.js";import{u as Yt}from"./useCourseFilter-CjIXIjvO.js";/* empty css                     */import"./InputRadio-DL5mDrk6.js";/* empty css                   */import"./FdIcon.vue_vue_type_script_setup_true_lang-CITvpzrw.js";import"./useScrollHidden-CNc8p5cr.js";import"./func-xrEcedwP.js";function Vt(_){let{swiper:e,extendParams:A,emit:z,once:S}=_;A({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function I(){if(e.params.cssMode)return;const b=e.getTranslate();e.setTranslate(b),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function P(){if(e.params.cssMode)return;const{touchEventsData:b,touches:$}=e;b.velocities.length===0&&b.velocities.push({position:$[e.isHorizontal()?"startX":"startY"],time:b.touchStartTime}),b.velocities.push({position:$[e.isHorizontal()?"currentX":"currentY"],time:ke()})}function H(b){let{currentPos:$}=b;if(e.params.cssMode)return;const{params:r,wrapperEl:q,rtlTranslate:J,snapGrid:L,touchEventsData:C}=e,le=ke()-C.touchStartTime;if($<-e.minTranslate()){e.slideTo(e.activeIndex);return}if($>-e.maxTranslate()){e.slides.length<L.length?e.slideTo(L.length-1):e.slideTo(e.slides.length-1);return}if(r.freeMode.momentum){if(C.velocities.length>1){const g=C.velocities.pop(),M=C.velocities.pop(),X=g.position-M.position,K=g.time-M.time;e.velocity=X/K,e.velocity/=2,Math.abs(e.velocity)<r.freeMode.minimumVelocity&&(e.velocity=0),(K>150||ke()-g.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=r.freeMode.momentumVelocityRatio,C.velocities.length=0;let D=1e3*r.freeMode.momentumRatio;const Q=e.velocity*D;let l=e.translate+Q;J&&(l=-l);let U=!1,N;const V=Math.abs(e.velocity)*20*r.freeMode.momentumBounceRatio;let f;if(l<e.maxTranslate())r.freeMode.momentumBounce?(l+e.maxTranslate()<-V&&(l=e.maxTranslate()-V),N=e.maxTranslate(),U=!0,C.allowMomentumBounce=!0):l=e.maxTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(l>e.minTranslate())r.freeMode.momentumBounce?(l-e.minTranslate()>V&&(l=e.minTranslate()+V),N=e.minTranslate(),U=!0,C.allowMomentumBounce=!0):l=e.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let g;for(let M=0;M<L.length;M+=1)if(L[M]>-l){g=M;break}Math.abs(L[g]-l)<Math.abs(L[g-1]-l)||e.swipeDirection==="next"?l=L[g]:l=L[g-1],l=-l}if(f&&S("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(J?D=Math.abs((-l-e.translate)/e.velocity):D=Math.abs((l-e.translate)/e.velocity),r.freeMode.sticky){const g=Math.abs((J?-l:l)-e.translate),M=e.slidesSizesGrid[e.activeIndex];g<M?D=r.speed:g<2*M?D=r.speed*1.5:D=r.speed*2.5}}else if(r.freeMode.sticky){e.slideToClosest();return}r.freeMode.momentumBounce&&U?(e.updateProgress(N),e.setTransition(D),e.setTranslate(l),e.transitionStart(!0,e.swipeDirection),e.animating=!0,be(q,()=>{!e||e.destroyed||!C.allowMomentumBounce||(z("momentumBounce"),e.setTransition(r.speed),setTimeout(()=>{e.setTranslate(N),be(q,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(z("_freeModeNoMomentumRelease"),e.updateProgress(l),e.setTransition(D),e.setTranslate(l),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,be(q,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(l),e.updateActiveIndex(),e.updateSlidesClasses()}else if(r.freeMode.sticky){e.slideToClosest();return}else r.freeMode&&z("_freeModeNoMomentumRelease");(!r.freeMode.momentum||le>=r.longSwipesMs)&&(z("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:I,onTouchMove:P,onTouchEnd:H}})}const xt="/assets/background-DuTVee2_.jpg",Et={class:"intro"},It=["innerHTML"],Pt=["innerHTML"],$t=Se({__name:"index",props:{modelValue:{type:Boolean,required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(_){const e=ot(_,"modelValue"),A={title:"LIVE STREAMING",description1:"歡迎來到FUNDAY直播室！在這裡，你可以與我們的直播主盡情互動！有別於視訊課程，<span>FUNDAY直播室讓老師/直播主們自由發揮、用英文分享生活、拉近與觀眾的距離</span>",description2:"<ul><li>你可以自由在任何時間加入或退出任何一個進行中的直播間，但不能一次加入多於一個</li><li>你可以在直播間聊天室裡盡情留言，與其他觀眾或直播主互動</li><li>你可以在在直播時舉手、開口表達你的想法</li></ul>"};return(z,S)=>{const I=it;return n(),w(I,{modelValue:e.value,"onUpdate:modelValue":S[0]||(S[0]=P=>e.value=P),class:"help-dialog",fullscreen:""},{default:p(()=>[a("div",{class:"intro-container",style:ne({backgroundImage:"url(".concat(t(xt),")")})},[a("div",Et,[S[1]||(S[1]=a("div",{class:"intro-title"},"LIVE STREAMING",-1)),a("div",{class:"intro-description",innerHTML:A.description1},null,8,It),a("div",{class:"intro-description",innerHTML:A.description2},null,8,Pt)])],4)]),_:1},8,["modelValue"])}}}),Nt=ze($t,[["__scopeId","data-v-db857752"]]),Rt={class:"page-main"},Bt={key:0,class:"button-wrapper"},At={class:"help-icon"},zt={key:0,class:"filters"},Ht={class:"filter"},Ut={class:"filter-select__level-tags"},Ot={class:"filter-select__level-tag"},Ft={class:"filter-actions"},jt={class:"pageContainer"},Gt={key:0,class:"last-live-stream-section"},qt={class:"item"},Jt={class:"info"},Qt={class:"datetime"},Wt={class:"title"},Xt={class:"actions"},Kt={key:1,class:"ongoing-list"},Zt=["src"],es={key:0,class:"pending-text"},ts={class:"info"},ss={class:"right-meta"},os={class:"name"},is={class:"title"},as={class:"title"},ns={class:"count"},ls={class:"items"},rs=["onClick"],cs={class:"photo-wrapper"},ds=["src"],us={key:0,class:"pending-text"},ms={class:"info"},ps={class:"name"},vs={class:"title"},fs={class:"title"},_s={class:"count"},gs={key:2,class:"empty-ongoing-list"},ys={key:3,class:"schedule-list"},hs={class:"photo-wrapper"},Ts=["src"],ks={key:1,class:"countdown"},bs=["onClick"],Ms={class:"info"},Ss={class:"name"},Ls={class:"title"},Cs={class:"title"},ws={class:"datetime"},Ds={class:"photo-wrapper"},Ys=["src"],Vs={class:"info"},xs={class:"right-meta"},Es={class:"name"},Is={class:"title"},Ps={class:"title"},$s={class:"datetime"},Ns=["onClick"],Rs={key:4,class:"empty-schedule-list"},Bs=Se({__name:"Live",props:{categories:{},topics:{},speakerList:{},memberSettings:{},channelDictionary:{}},setup(_){var Ee,Ie,Pe;v.extend(vt),v.extend(ft);const{debounce:e}

1=Ct(),A={modules:[Lt,Vt],slidesPerView:"auto",freeMode:!0,mousewheel:{forceToAxis:!0}},z=new Date,S=He(),{now:I}=_t(),{width:P}=wt(),H=gt(),{lastEvent:b}=at(H),{checkPermissionBeforeJoinRoom:$,joinRoom:r}=Dt(),{courseMenus:q,getCourseFeatureMenu:J}=Yt(),L=(Ie=(Ee=_.memberSettings)==null?void 0:Ee.liveStreamPermission)==null?void 0:Ie.status,C={SpeakerId:void 0,Category:void 0,Levels:[],StartTime:v().format("YYYY-MM-DD"),EndTime:v().add(1,"month").format("YYYY-MM-DD")},se=_.categories.map(({id:i,chLabel:o})=>({label:o,value:i})),le=(Pe=_.speakerList)==null?void 0:Pe.map(({speakerId:i,speakerName:o})=>({label:o,value:i})),D=Object.values(Te).map(i=>({label:i==null?void 0:i.name,value:i==null?void 0:i.id})),Q=k(!1),l=k(),U=k(0),N=k(!1),V=k(!1),f=k({...C}),g=k({list:[],pagination:{page:0,size:0,total:0}}),M=k({list:[],pagination:{page:0,size:0,total:0}}),X=k({list:[],pagination:{page:0,size:0,total:0}}),K=k();function Ue(){Q.value=!0}function Oe(){f.value={...C}}function Fe(i){l.value=M.value.list.find(o=>o.id===i),V.value=!0}function re(i){var x;const o=i.speakerPhoto?"https://www.fun-day.com.tw/tutor/livePhotos/".concat(i.speakerPhoto,"?v=").concat(z.getTime()):"/images/default/defaultAvatar.jpg",c=_.categories.find(O=>O.id===i.categoryId),h=_.topics.find(O=>O.id===i.topicId),Z=v.unix(i.startTime),Y=v.unix(I.value);return{id:i.id,speakerName:i.speakerName,photo:o,category:c?"".concat(c==null?void 0:c.chLabel," (").concat(c==null?void 0:c.enLabel,")"):"",topic:h?"".concat(h==null?void 0:h.chLabel," (").concat(h==null?void 0:h.enLabel,")"):i.topic,count:((x=_.channelDictionary)==null?void 0:x[i.id])||0,startTime:Z.format("YYYY-MM-DD HH:mm"),isExpired:Y.isAfter(Z),attachment:i.attachment,classLevel:i.classLevel,isPending:i.isPending,isCompulsory:i.isCompulsory}}async function je(){var i;K.value=(i=await B.liveStream.getMyLastStream())!=null?i:void 0}async function me(i=1){M.value=await B.liveStream.getStreams({type:"appointment",startTime:v().subtract(1,"hour").unix(),speakerId:[S.userData.memberId],page:i})}async function Ge(i){switch(i){case 999:return _.categories.filter(o=>o.id!==999).map(o=>o.id);case 888:return await J(4,{isAll:!1}),q.filter(o=>o.id&&_.categories.some(c=>c.id!==999&&c.id===o.id)).map(o=>o.id);default:return[i]}}function Le({page:i,size:o,total:c}){return o>0&&i*o<c}let Ce=!0;async function pe(i=1){const{SpeakerId:o,Category:c,StartTime:h,EndTime:Z,Levels:Y}=f.value,x={type:"appointment",speakerId:o?[o]:void 0,level:Y!=null&&Y.length?Y:void 0,startTime:v(h,"YYYY-MM-DD").isToday()?v().subtract(1,"hour").unix():v(h,"YYYY-MM-DD").unix(),endTime:v(Z,"YYYY-MM-DD").endOf("day").unix(),page:i};c&&(x.categoryId=await Ge(c)),Ce&&(delete x.startTime,delete x.endTime,Ce=!1);const{list:O,pagination:_e}=await B.liveStream.getStreams(x),de=g.value.list;g.value={list:i===1?O:[...de,...O],pagination:_e}}async function we(i=1){const{list:o,pagination:c}=await B.liveStream.getStreams({page:i}),h=X.value.list;X.value={list:i===1?o:[...h,...o],pagination:c}}const De=e(async()=>{const{pagination:i}=g.value;Le(i)&&pe(i.page+1)},300);async function qe(){const{pagination:i}=X.value;Le(i)&&we(i.page+1)}function Je(i){if(P.value<=1280){if(oe.value[i].isPending)return;$(oe.value[i].id)}else U.value=i}const Ye=e(()=>{U.value=0,we(),setTimeout(()=>pe(),200),setTimeout(()=>me(),400),setTimeout(()=>je(),600)},300),ve=R(()=>P.value<=414?"vertical":"horizontal"),oe=R(()=>X.value.list.map(re)),y=R(()=>oe.value[U.value]),ie=R(()=>K.value?re(K.value):void 0),fe=R(()=>M.value.list.map(i=>{const o=v.unix(i.startTime),c=v.unix(I.value);return{...re(i),isStartable:!i.isTutorClass&&c.isAfter(o.subtract(15,"minutes")),isCancelable:!i.isTutorClass,countdown:v.duration(o.diff(c)).format("mm:ss")}})),Ve=R(()=>g.value.list.filter(i=>i.speakerId!==S.userData.memberId).map(i=>re(i))),j=R(()=>i=>Te[Number(i)]),ce=R(()=>i=>i!==null&&i>=0),Qe=R(()=>f.value.Levels.map(i=>{var o;return(o=Te[i])==null?void 0:o.name}).join(", "));ue(()=>{H.subscribe(),Ye()}),$e(()=>{H.unsubscribe()}),ue(()=>{localStorage.getItem("hasVisitedLivePage")||(Q.value=!0,localStorage.setItem("hasVisitedLivePage","true"))});function xe(){ve.value!=="horizontal"&&window.innerHeight+window.scrollY>=document.body.offsetHeight&&De()}ue(()=>{window.addEventListener("scroll",xe)}),$e(()=>{window.removeEventListener("scroll",xe)}

1),ye(N,async i=>{i||await me()}),ye(V,async i=>{i||(await me(),V.value=!1,l.value=void 0)}),ye(b,()=>{Ye()});function We(i){window.open(i,"_blank")}async function Xe(i){await B.liveStream.closeStream(i)}return(i,o)=>{const c=St,h=dt,Z=ct,Y=lt,x=nt,O=rt,_e=Mt,de=bt,Ke=yt,Ze=ht,et=Tt,tt=kt,st=Nt;return n(),u("div",Rt,[d(_e,{headingTitle:"Live Streaming"},{icon:p(()=>[t(L)?(n(),u("div",Bt,[d(c,{styles:"outline",variant:"secondary",onClick:o[0]||(o[0]=s=>N.value=!0)},{default:p(()=>[...o[14]||(o[14]=[W("發起直播",-1)])]),_:1})])):(n(),w(Z,{key:1,content:"課程總覽",placement:"bottom"},{default:p(()=>[a("div",At,[d(h,{class:"md",name:"help-circle",onClick:Ue})])]),_:1}))]),default:p(()=>[t(L)?T("",!0):(n(),u("div",zt,[a("div",Ht,[d(x,{modelValue:t(f).SpeakerId,"onUpdate:modelValue":o[1]||(o[1]=s=>t(f).SpeakerId=s),placeholder:"選擇老師",class:"filter-select",filterable:""},{default:p(()=>[(n(!0),u(ee,null,te(t(le),s=>(n(),w(Y,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),d(x,{modelValue:t(f).Category,"onUpdate:modelValue":o[2]||(o[2]=s=>t(f).Category=s),placeholder:"選擇目標",class:"filter-select","popper-class":"filter-select__category-popper"},{header:p(()=>[d(Y,{label:"全部",value:999}),d(Y,{label:"依學習目標",value:888})]),default:p(()=>[(n(!0),u(ee,null,te(t(se),s=>(n(),w(Y,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),d(x,{modelValue:t(f).Levels,"onUpdate:modelValue":o[3]||(o[3]=s=>t(f).Levels=s),placeholder:"選擇等級",multiple:"",class:"filter-select is-level"},{tag:p(()=>[a("div",Ut,[a("div",Ot,m(t(Qe)),1)])]),default:p(()=>[(n(!0),u(ee,null,te(t(D),s=>(n(),w(Y,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),d(O,{modelValue:t(f).StartTime,"onUpdate:modelValue":o[4]||(o[4]=s=>t(f).StartTime=s),type:"date",placeholder:"開始日期",format:"YYYY-MM-DD","value-format":"YYYY-MM-DD",class:"filter-date",clearable:!1,"disabled-date":s=>t(v)(s).isAfter(t(v)(t(f).EndTime,"YYYY-MM-DD"))||t(v)(s).isBefore(t(v)().startOf("day"))},null,8,["modelValue","disabled-date"]),d(O,{modelValue:t(f).EndTime,"onUpdate:modelValue":o[5]||(o[5]=s=>t(f).EndTime=s),type:"date",placeholder:"結束日期",format:"YYYY-MM-DD","value-format":"YYYY-MM-DD",class:"filter-date",clearable:!1,"disabled-date":s=>t(v)(s).isBefore(t(v)(t(f).StartTime,"YYYY-MM-DD"))},null,8,["modelValue","disabled-date"])]),a("div",Ft,[d(c,{variant:"tertiary",onClick:Oe},{default:p(()=>[...o[15]||(o[15]=[W("全部清除",-1)])]),_:1}),d(c,{variant:"secondary",onClick:o[6]||(o[6]=s=>pe())},{default:p(()=>[...o[16]||(o[16]=[W("搜尋",-1)])]),_:1})])]))]),_:1}),a("div",jt,[t(ie)?(n(),u("div",Gt,[o[19]||(o[19]=a("div",{class:"header"},"Recents",-1)),a("div",qt,[a("div",Jt,[a("div",Qt,m(t(ie).startTime),1),a("div",Wt,m(t(ie).topic),1),a("div",Xt,[d(c,{styles:"outline","label-size":"sm",onClick:o[7]||(o[7]=s=>Xe(t(ie).id))},{default:p(()=>[...o[17]||(o[17]=[W("End Stream",-1)])]),_:1}),d(c,{"label-size":"sm",onClick:o[8]||(o[8]=s=>t(r)(t(ie).id))},{default:p(()=>[...o[18]||(o[18]=[W("Resume",-1)])]),_:1})])])])])):T("",!0),t(oe).length>0?(n(),u("div",Kt,[d(ut,null,{default:p(()=>{var s,E;return[(n(),u("div",{class:"main-item",key:t(U)},[a("img",{class:ae(["photo",{pending:t(y).isPending}]),src:t(y).photo},null,10,Zt),t(y).isPending?(n(),u("div",es,"暫時無法進入")):T("",!0),a("div",ts,[a("div",ss,[t(y).isCompulsory>0?(n(),w(de,{key:0,text:t(Be)[t(y).isCompulsory],type:t(y).isCompulsory,rounded:""},null,8,["text","type"])):T("",!0),t(ce)(t(y).classLevel)?(n(),u("div",{key:1,class:"level",style:ne({color:(s=t(j)(t(y).classLevel))==null?void 0:s.color})},m((E=t(j)(t(y).classLevel))==null?void 0:E.name),5)):T("",!0)]),a("div",os,m(t(y).speakerName),1),a("div",is,m(t(y).topic),1),a("div",as,m(t(y).category),1),a("div",ns,m(t(y).count)+" 人正在觀看",1),d(c,{onClick:o[9]||(o[9]=F=>t(y).isPending?null:t($)(t(y).id,t(y).topic)),disabled:t(y).isPending},{default:p(()=>[...o[20]||(o[20]=[W("JOIN",-1)])]),_:1},8,["disabled"])])]))]}),_:1}),a("div",ls,[d(t(Ae),Ne(A,{"space-between":16,onReachEnd:qe}),{default:p(()=>[(n(!0),u(ee,null,te(t(oe),(s,E)=>(n(),w(t(Me),{key:E},{default:p(()=>{var F,G;return[a("div",{class:ae(["item",{selected:E===t(U),pending:s.isPending}]),onClick:ge=>Je(E)},[a("div",cs,[a("img",{class:ae(["photo",{pending:s.isPending}]),src:s.photo},null,10,ds),s.isPending?(n(),u("div",us,"暫時無法進入")):T("",!0)]),a("div",ms,[t(ce)(s.classLevel)?(n(),u("div",{key:0,class:"level",style:ne({color:(F=t(j)(s.classLevel))==null?void 0:F.color})},m((G=t(j)(s.classLevel))==null?void 0:G.name),5)):T("",!0),a("div",ps,m(s.speakerName),1),a("div",vs,m(s.topic),1),a("div",fs,m(s.category),1),a("div",_s,m(s.count)+" 人正在觀看",1)])],10,rs)]}),_:2},1024))),128))]),_:1},16)])])):(n(),u("div",gs,"目前沒有正在進行的直播，敬請期待即將開播的課程！")),t(fe).length+t(Ve).length>0?(n(),u("div",ys,[d(t(Ae),Ne(A,{"space-between":32,onReachEnd:o[10]||(o[10]=s=>t(ve)==="horizontal"?t(De)():void 0),direction:t(ve)}),{default:p(()=>[(n(!0),u(ee,null,te(t(fe),(s,E)=>(n(),w(t(Me),{key:E},{default:p(()=>{var F,G;return[a("div",{class:ae(["item",{hasRightBorder:E===t(fe).length-1}])},[a("div",hs,[a("img",{class:"photo",src:s.photo},null,8,Ts),s.isStartable?(n(),w(c,{key:0,class:"start-button",onClick:ge=>t(r)(s.id)},{default:p(()=>[...o[21]||(o[21]=[W("開始直播",-1)])]),_:1},8,["onClick"])):T("",!0),s.isStartable&&!s.isExpired?(n(),u("div",ks,[d(h,{name:"time"}),a("div",null,m(s.countdown),1)])):T("",!0),s.isCancelable?(n(),u("div",{key:2,class:"cancel-button",onClick:ge=>Fe(s.id)},[d(h,{name:"trash"})],8,bs)):T("",!0)]),a("div",Ms,[t(ce)(s.classLevel)?(n(),u("div",{key:0,class:"level",style:ne({color:(F=t(j)(s.classLevel))==null?void 0:F.color})},m((G=t(j)(s.classLevel))==null?void 0:G.name),5)):T("",!0),a("div",Ss,m(s.speakerName),1),a("div",Ls,m(s.topic),1),a("div",Cs,m(s.category),1),a("div",ws," 預計 "+m(s.startTime)+" 開始直播 ",1)])],2)]}),_:2},1024))),128)),(n(!0),u(ee,null,te(t(Ve),(s,E)=>(n(),w(t(Me),{key:E},{default:p(()=>{var F,G;

1return[a("div",{class:ae(["item",{pending:s.isExpired}])},[a("div",Ds,[a("img",{class:"photo",src:s.photo},null,8,Ys)]),a("div",Vs,[a("div",xs,[s.isCompulsory>0?(n(),w(de,{key:0,text:t(Be)[s.isCompulsory],type:s.isCompulsory,rounded:""},null,8,["text","type"])):T("",!0),t(ce)(s.classLevel)?(n(),u("div",{key:1,class:"level",style:ne({color:(F=t(j)(s.classLevel))==null?void 0:F.color})},m((G=t(j)(s.classLevel))==null?void 0:G.name),5)):T("",!0)]),a("div",Es,m(s.speakerName),1),a("div",Is,m(s.topic),1),a("div",Ps,m(s.category),1),a("div",$s," 預計 "+m(s.startTime)+" 開始直播 ",1),s.attachment?(n(),u("button",{key:0,class:"textbook",onClick:ge=>We(s.attachment)},[d(h,{class:"icon",name:"download"}),o[22]||(o[22]=a("span",null,"Textbook",-1))],8,Ns)):T("",!0)])],2)]}),_:2},1024))),128))]),_:1},16,["direction"])])):(n(),u("div",Rs,"暫時沒有新的直播，敬請期待更新！"))]),d(Ke,{categories:_.categories,topics:_.topics,modelValue:t(N),"onUpdate:modelValue":o[11]||(o[11]=s=>he(N)?N.value=s:null),path:"/live"},null,8,["categories","topics","modelValue"]),t(l)?(n(),w(Ze,{key:0,categories:_.categories,topics:_.topics,"selected-channel":t(l),modelValue:t(V),"onUpdate:modelValue":o[12]||(o[12]=s=>he(V)?V.value=s:null)},null,8,["categories","topics","selected-channel","modelValue"])):T("",!0),d(et,{path:"/live"}),d(tt),d(st,{modelValue:t(Q),"onUpdate:modelValue":o[13]||(o[13]=s=>he(Q)?Q.value=s:null)},null,8,["modelValue"])])}}}),As=ze(Bs,[["__scopeId","data-v-1ff3d504"]]),yo=Se({__name:"LiveView",setup(_){const e=He(),{createActivityLogsEvt:A}=mt(),{t:z}=pt(),S=k([]),I=k([]),P=k(),H=k(),b=k();async function $(){S.value=await B.liveStream.getCategories()}async function r(){I.value=await B.liveStream.getTopics()}async function q(){P.value=await B.liveStream.getLiveCounts()}async function J(){H.value=await B.liveStream.getSpeakers()}async function L(){const se=await B.member.settings();b.value=se.data.content}const C=R(()=>S.value.length>0&&I.value.length>0&&P.value&&H.value&&b.value);return ue(()=>{$(),r(),q(),J(),L(),A({eventTypeId:Re.ViewLiveRoom.eventTypeId,details:z(Re.ViewLiveRoom.description,{nickname:e.userNickName})})}),(se,le)=>{const D=As;return t(C)?(n(),w(D,{key:0,categories:t(S),topics:t(I),"channel-dictionary":t(P),"speaker-list":t(H),"member-settings":t(b)},null,8,["categories","topics","channel-dictionary","speaker-list","member-settings"])):T("",!0)}}});export{yo as default};
2//# sourceMappingURL=LiveView-BNMNLXTr.js.map