https://student.spardhaschoolofmusic.com/js/CoursesDashboard-ca531ea6.b284dd48.js

1"use strict";(self["webpackChunkcustomer_portal"]=self["webpackChunkcustomer_portal"]||[]).push([[353],{11072:function(e,t,s){s.d(t,{A:function(){return P}});s(44114);var a=s(20641),o=s(90033),r=s(95630);const n={class:"flex items-start"},l=["src"],i={class:"flex-1 px-2 text-gray-medium min-w-0"},d={class:"xs:text-lg text-heading font-medium truncate xs:w-auto w-56"},c={class:"text-sm opacity-80"},g={class:"pt-2 text-heading"},u={class:"flex items-center gap-4 xs:gap-2 justify-start text-2xs"},h={class:"flex items-center gap-1 flex-col xs:flex-row"},y={class:"text-lg font-medium text-center px-2 py-1 bg-yellow-50"},m={class:"flex items-center gap-1 flex-col xs:flex-row"},p={class:"text-lg font-medium text-center px-2 py-1 bg-yellow-50"},v={class:"flex items-center gap-1 flex-col xs:flex-row"},b={class:"text-lg font-medium text-center px-2 py-1 bg-yellow-50"},f={class:"flex items-center gap-1 flex-col xs:flex-row"},C={class:"text-lg font-medium text-center px-2 py-1 bg-yellow-50"},x={class:"flex pt-2 gap-x-4 text-xs"},w=["onClick","disabled"],k={key:0,class:"animate-spin border-2 h-5 rounded-full spinner w-5 border-heading mr-2",style:{"border-top-color":"#eee"}},L={key:1,class:"absolute inset-0 bg-white rounded opacity-30 z-10 cursor-not-allowed"},E={class:"feedback-cont bg-white flex flex-col flex-1 min-h-0 overflow-hidden"},T={class:"p-4 sm:p-8 flex-1 min-h-0 overflow-y-auto"},G={class:"text-heading text-center mt-6 text-sm"};function I(e,t,s,I,D,A){const _=(0,a.g2)("modal");return(0,a.uX)(),(0,a.CE)(a.FK,null,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(s.masterClassEvent,s=>((0,a.uX)(),(0,a.CE)("div",{key:s.showId,class:"bg-white border border-gray-200 p-3.5 rounded-md custom-width-masterclass-card"},[(0,a.Lk)("div",n,[(0,a.Lk)("img",{src:s.imageUrl||"/img/master-class.png",class:"h-12 rounded-md"},null,8,l),(0,a.Lk)("div",i,[(0,a.Lk)("p",d,(0,o.v_)(s.title),1),(0,a.Lk)("p",c,(0,o.v_)(A.eventDateString(s)),1)])]),(0,a.Lk)("div",g,[t[6]||(t[6]=(0,a.Lk)("p",{class:"mb-1 text-sm"},"Time for event to start:",-1)),(0,a.Lk)("div",u,[(0,a.Lk)("div",h,[(0,a.Lk)("h3",y,[(0,a.Lk)("span",{class:(0,o.C4)({"animate-blink":!A.getEventCountdown(s)})},(0,o.v_)(A.getEventCountdown(s).split(",")[0]||"00"),3)]),t[2]||(t[2]=(0,a.Lk)("p",null,"DAYS",-1))]),(0,a.Lk)("div",m,[(0,a.Lk)("h3",p,[(0,a.Lk)("span",{class:(0,o.C4)({"animate-blink":!A.getEventCountdown(s)})},(0,o.v_)(A.getEventCountdown(s).split(",")[1]||"00"),3)]),t[3]||(t[3]=(0,a.Lk)("p",null,"HOURS",-1))]),(0,a.Lk)("div",v,[(0,a.Lk)("h3",b,[(0,a.Lk)("span",{class:(0,o.C4)({"animate-blink":!A.getEventCountdown(s)})},(0,o.v_)(A.getEventCountdown(s).split(",")[2]||"00"),3)]),t[4]||(t[4]=(0,a.Lk)("p",null,"MINUTES",-1))]),(0,a.Lk)("div",f,[(0,a.Lk)("h3",C,[(0,a.Lk)("span",{class:(0,o.C4)({"animate-blink":!A.getEventCountdown(s)})},(0,o.v_)(A.getEventCountdown(s).split(",")[3]||"00"),3)]),t[5]||(t[5]=(0,a.Lk)("p",null,"SECONDS",-1))])])]),(0,a.Lk)("div",x,[A.getEventCountdown(s)?((0,a.uX)(),(0,a.CE)("button",{key:0,onClick:t[0]||(t[0]=t=>e.$router.push("/masterclass")),class:"border flex-1 xs:w-40 border-orange-primary flex font-medium items-center justify-center py-2.5 btn-shadow rounded-lg text-orange-primary text-xs",id:"dashboard_masterclass_details"}," View Details ")):(0,a.Q3)("",!0),(0,a.Lk)("button",{onClick:e=>A.joinEvent(s),class:"text-blue-primary font-medium justify-center flex items-center cursor-pointer py-3 flex-1 xs:w-40 rounded-lg bg-yellow-primary relative",disabled:e.requests.keys.includes("fetchAllEvents")&&e.requests.inProgress,id:"dashboard_masterclass_join"},[D.isLoading?((0,a.uX)(),(0,a.CE)("div",k)):(0,a.Q3)("",!0),e.requests.keys.includes("fetchAllEvents")&&e.requests.inProgress?((0,a.uX)(),(0,a.CE)("label",L)):(0,a.Q3)("",!0),t[7]||(t[7]=(0,a.eW)(" Join Masterclass ",-1))],8,w)])]))),128)),(0,a.bF)(_,{"is-visible":D.showJoinAlt,onClose:t[1]||(t[1]=e=>D.showJoinAlt=!1),background:"bg-white"},{body:(0,a.k6)(()=>[(0,a.Lk)("section",E,[t[13]||(t[13]=(0,a.Lk)("div",{class:"py-4 bg-blue-primary text-white p-4 sm:px-8 flex-shrink-0"},[(0,a.Lk)("h1",{class:"text-2xl"},"This event is yet to start!")],-1)),(0,a.Lk)("div",T,[t[12]||(t[12]=(0,a.Lk)("img",{src:r,class:"block mx-auto"},null,-1)),(0,a.Lk)("p",G,[t[8]||(t[8]=(0,a.eW)(' "Join Event" gets enabled 5 minutes before scheduled time at ',-1)),(0,a.Lk)("b",null,(0,o.v_)(A.eventDateString(D.selectedEvent)),1),t[9]||(t[9]=(0,a.eW)(". ",-1)),t[10]||(t[10]=(0,a.Lk)("br",null,null,-1)),t[11]||(t[11]=(0,a.eW)(" You can join Masterclass event once it has been enabled on your dashboard. ",-1))])])])]),_:1},8,["is-visible"])],64)}s(18111),s(20116),s(7588);var D=s(74353),A=s.n(D),_=s(62462),S=s(40834),q={components:{Modal:_.A},name:"MasterClassEventCard",data(){return{startDate:"2024-10-01",endD

1ate:"2024-10-31",countdowns:{},intervals:{},showJoinAlt:!1,isLoading:!1,selectedEvent:null,classroomUrl:"https://class.spardhaschoolofmusic.com/"}},props:{masterClassEvent:{type:Array,required:!0}},computed:{...(0,S.aH)({selectedTrainee:e=>e.account.selectedTrainee,requests:e=>e.requests.requests,token:e=>e.auth.token,masterClass:e=>e.event.masterClass})},watch:{masterClassEvent:{handler(e){Object.values(this.intervals).forEach(e=>clearInterval(e)),this.intervals={},this.countdowns={},e.forEach(e=>{this.startCountdown(e)})},immediate:!0}},methods:{eventDateString(e){const t=A()(e.serverTimestamp),s=A()(e.showStartDate),a=t.isSame(s,"day");return`${a?"Today":s.format("ddd D MMM")} - ${s.format("h:mm A")}`},startCountdown(e){const t=e.showId;this.countdowns[t]="";const s=new Date(e.showStartDate).getTime();this.intervals[t]=setInterval(()=>{const e=(new Date).getTime(),a=s-e,o=Math.floor(a/864e5),r=Math.floor(a%864e5/36e5),n=Math.floor(a%36e5/6e4),l=Math.floor(a%6e4/1e3);this.countdowns[t]=o+","+r+","+n+","+l,a<0&&(clearInterval(this.intervals[t]),this.countdowns[t]="")},1e3)},getEventCountdown(e){return this.countdowns[e.showId]||""},async joinEvent(e){this.selectedEvent=e,this.startDate=A()().format("YYYY-MM-DD"),this.endDate=A()().add(30,"day").format("YYYY-MM-DD");const t={eventType:"masterclass",startDate:this.startDate,endDate:this.endDate,traineeId:this.selectedTrainee.traineeId};this.isLoading=!0,await this.$store.dispatch("event/fetchAllEvents",t),this.isLoading=!1,this.selectedEvent=this.masterClass.find(t=>t.showId===e.showId);const s=A()(this.selectedEvent.serverTimestamp),a=A()(this.selectedEvent.showStartDate),o=A()(this.selectedEvent.showEndDate),r=a.diff(s)/1e3,n=o.diff(s)/1e3;r<=300&&r>0||n>-60&&r<0?window.open(`${this.classroomUrl}?meetingType=masterclass&externalMeetingId=${this.selectedEvent.showId}&userType=student&userId=${this.selectedTrainee.traineeId}&token=${this.token}`,"_blank"):this.showJoinAlt=!0}},unmounted(){Object.values(this.intervals).forEach(e=>clearInterval(e))}},M=s(66262);const X=(0,M.A)(q,[["render",I],["__scopeId","data-v-626ca398"]]);var P=X},54252:function(e,t,s){s.d(t,{A:function(){return k}});var a=s(20641),o=s(90033);const r={class:"my-8"},n={key:0,class:"bg-white rounded-md p-12 border border-gray-200 flex justify-center"},l={key:1,class:"relative"},i={key:0,class:"absolute inset-0 z-10 flex items-center justify-center bg-white/80 backdrop-blur-sm rounded-xl",role:"status","aria-live":"polite"},d={class:"bg-white rounded-md p-4 border border-gray-200 shadow-md"},c={class:"flex border-b border-gray-200 mb-4"},g=["onClick"],u={key:0,class:"space-y-4"},h={key:1,class:"rounded-lg border border-gray-100 px-4 py-6 flex flex-col items-center text-center"};function y(e,t,s,y,m,p){const v=(0,a.g2)("loader"),b=(0,a.g2)("student-goal-expandable-row"),f=(0,a.g2)("arrow-right-icon"),C=(0,a.g2)("empty"),x=(0,a.g2)("plus-icon");return(0,a.uX)(),(0,a.CE)("div",r,[p.enrolledCoursesLoading&&!e.learningGoalsCategoryCodes.length?((0,a.uX)(),(0,a.CE)("div",n,[(0,a.bF)(v,{text:"Loading your learning goals...","class-extra":"w-8 h-8"})])):((0,a.uX)(),(0,a.CE)("div",l,[p.widgetGoalsLoading?((0,a.uX)(),(0,a.CE)("div",i,[(0,a.bF)(v,{text:"Updating goals...","class-extra":"w-8 h-8"})])):(0,a.Q3)("",!0),t[4]||(t[4]=(0,a.Lk)("div",{class:"mb-3 flex items-center gap-2"},[(0,a.Lk)("h2",{class:"text-heading font-bold text-base sm:text-lg leading-tight"}," Learning Goals "),(0,a.Lk)("p",{class:"text-xs text-gray-lighter"}," Track your progress across all courses ")],-1)),(0,a.Lk)("div",d,[(0,a.Lk)("div",c,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.learningGoalsCategoryCodes,e=>((0,a.uX)(),(0,a.CE)("button",{key:e,type:"button",class:(0,o.C4)(["px-4 sm:px-5 py-2 sm:text-sm text-xs whitespace-nowrap transition-colors border-b-[3px] shrink-0 -mb-px",m.selectedCategory===e?"border-[#FCB813] font-semibold text-heading":"border-transparent font-normal text-heading"]),onClick:t=>m.selectedCategory=e},(0,o.v_)(p.categoryLabel(e)),11,g))),128))]),p.previewActiveGoalsForTab.length?((0,a.uX)(),(0,a.CE)("div",u,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(p.previewActiveGoalsForTab,t=>((0,a.uX)(),(0,a.CE)("div",{key:t.uuid,class:"space-y-2"},[e.selectedTrainee?.traineeId?((0,a.uX)(),(0,a.Wv)(b,{key:0,variant:"link",goal:t,"trainee-id":e.selectedTrainee.traineeId,"goal-category-code":m.selectedCategory,onNavigate:e=>p.navigateToProfileGoal(m.selectedCategory,t),onOpenEdit:e=>p.navigateToProfileGoal(m.selectedCategory,t)},null,8,["goal","trainee-id","goal-category-code","onNavigate","onOpenEdit"])):(0,a.Q3)("",!0)]))),128)),(0,a.Lk)("button",{type:"button",class:"max-w-max border border-blue-primary inline-flex items-center justify-center gap-1.5 px-4 py-2 text-xs font-semibold text-blue-primary rounded-md hover:opacity-90 transition-opacity shadow-sm",onClick:t[0]||(t[0]=e=>p.navigateToProfileGoals(m.selectedCategory)),id:"learning_goals_widget_view_all"},[(0,a.bF)(f,{class:"shrink-0","aria-hidden":"true"}),t[2]||(t[2]=(0,a.eW)(" View all ",-1))])])):((0,a.uX)(),(0,a.CE)("div",h,[(0,a.bF)(C,{text:p.goalsInSelectedTab.length>0?"No active goals right now. Open your profile to review completed goals or set new ones.":"No learning goals set yet. Add them to personalize learning.",class:"py-6"},null,8,["text"]),(0,a.Lk)("button",{type:"button",class:(0,o.C4)(["inline-flex items-center justify-center gap-1 rounded-lg px-4 py-2.5 text-sm font-medium",p.goalsInSelectedTab.length>0?" text-heading hover:bg-heading/5 border border-heading ":"bg-yellow-primary text-heading"]),onClick:t[1]||(t[1]=(...e)=>p.navigateToProfileAddGoal&&p.navigateToProfileAddGoal(...e)),id:"learning_goals_widget_add_goal"},[(0,a.bF)(x,{class:"w-5 h-5 shrink-0","aria-hidden":"true"}),t[3]||(t[3]=(0,a.eW)(" Add Learning Goal ",-1))],2)]))])]))])}s(44114),s(18111),s(22489),s(20116),s(13579);var m=s(40834),p=s(81060),v=s(35041),b=s(31977),f=s(93681),C={name:"LearningGoalsWidget",components:{Loader:b.A,Empty:v.A,PlusIcon:p.c11,ArrowRightIcon:p.flY,StudentGoalExpandableRow:f.A},data(){return{selectedCategory:""}},computed:{...(0,m.aH)({selectedTrainee:e=>e.account.selectedTrainee,enrolledCourses:e=>e.course.courses,learningGoalsCategoryCodes:e=>e.course.learningGoalsCategoryCodes,goalsByCategory:e=>e.traineeGoals.goalsByCategory,requests:e=>e.requests.requests,allCategories:e=>e.event.allCategories}),enrolledCoursesLoading(){return this.requests.keys.includes("fetchEnrolledCourses")&&this.requests.inProgress},widgetGoalsLoading(){return!!this.learningGoalsCategoryCodes.length&&(this.requests.inProgress&&this.learningGoalsCategoryCodes.some(e=>this.requests.keys.includes(`widgetGoals-${e}`)))},goalsInSelectedTab(){const e=this.selectedCategory;return e&&this.goalsByCategory[e]||[]},previewActiveGoalsForTab(){return this.goalsInSelectedTab.filter(e=>"active"===e.status).slice(0,3)}},watch:{learningGoalsCategoryCodes:{immediate:!0,handler(e,t){JSON.stringify(e)!==JSON.stringify(t)&&this.applyDefaultCategoryTab()}},goalsByCategory:{deep:!0,handler(){this.ensureSelectedCategoryValid()}},widgetGoalsLoading(e,t){t&&!e&&this.applyDefaultCategoryTab()}},methods:{categoryLabel(e){return this.allCategories.find(t=>t.key===e)?.name||e},firstCategoryWithActiveGoal(){return this.learningGoalsCategoryCodes.find(e=>(this.goalsByCategory[e]||[]).some(e=>"active"===e.status))},applyDefaultCategoryTab(){if(!this.learningGoalsCategoryCodes.length)return void(this.selectedCategory="");const e=this.firstCategoryWithActiveGoal();this.selectedCategory=e||this.learningGoalsCategoryCodes[0]},ensureSelectedCategoryValid(){this.learningGoalsCategoryCodes.length?this.selectedCategory&&this.learningGoalsCategoryCodes.includes(this.selectedCategory)||this.applyDefaultCategoryTab():this.selectedCategory=""},navigateToProfileGoals(e){this.selectedTrainee?.traineeId&&this.$router.push({name:"Profile.Tab",params:{tab:"learning-goals"},query:{traineeId:this.selectedTrainee.traineeId,focusGoalCategory:e}})},navigateToProfileAddGoal(){this.selectedTrainee?.traineeId&&this.selectedCategory&&this.$router.push({name:"Profile.Tab",params:{tab:"learning-goals"},query:{traineeId:this.selectedTrainee.traineeId,addGoalCategory:this.selectedCategory}})},navigateToProfileGoal(e,t){this.selectedTrainee?.traineeId&&t?.uuid&&this.$router.push({name:"Profile.Tab",params:{tab:"learning-goals"},query:{traineeId:this.selectedTrainee.traineeId,focusGoalUuid:t.uuid,focusGoalCategory:e,focusGoalNonce:String(Date.now())}})}}},x=s(66262);const w=(0,x.A)(C,[["render",y]]);var k=w}}]);