https://medle.edu.mn/_next/static/chunks/pages/mobile/mobileintera…/[...mobileinteractive]-ce80919504d905db.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2488],{98242:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mobile/mobileinteractivelesson/[...mobileinteractive]",function(){return s(47196)}])},7358:function(e,l,s){"use strict";var t=s(85893);s(67294),l.Z=e=>{let{children:l,className:s="",style:a,id:n}=e;return(0,t.jsx)("section",{id:n,style:a,className:"\n        w-full mx-auto py-6 flex flex-wrap justify-center gap-y-6\n        ".concat(s,"\n      "),children:l})}},14866:function(e,l,s){"use strict";s.d(l,{Z:function(){return R}});var t=s(85893),a=s(67294),n=s(30506),i=s(71827),o=s(30433),r=s(11163),c=s(33299),d=s(50319),u=s(25675),h=s.n(u),x=s(96486),p=s.n(x),f=s(68406),m=s(78021),g=s(85551),b=s(87698);let j=(0,b.ZP)(m.Z).withConfig({componentId:"sc-525b0595-0"})(["display:flex;justify-content:flex-end;align-items:center;@media (max-width:768px){display:none;}"]);var v=e=>{let{children:l,onClick:s,style:a}=e;return(0,t.jsx)(j,{children:(0,t.jsx)(g.ZP,{type:"primary",size:"large",onClick:s,style:a,children:l})})},y=s(70690);let C=(0,b.ZP)(m.Z).withConfig({componentId:"sc-1fa1bf91-0"})(["display:flex;justify-content:flex-end;align-items:center;@media (min-width:769px){display:none;}"]);var Z=e=>{let{type:l="default",icon:s,onClick:a,style:n}=e;return(0,t.jsx)(C,{children:(0,t.jsx)(g.ZP,{type:l,size:"large",onClick:a,style:n,icon:s})})},k=s(17855),w=s(10227),N=s(28025),S=s(88186);let E=[{key:"1",icon:(0,t.jsx)(S.Ac,{}),label:"Сурах бичиг",path:e=>"/mobiletextbook/".concat(e)},{key:"2",icon:(0,t.jsx)(S.Dv,{}),label:"Хичээл",children:[{key:"sub1",label:"Нэгж хичээл",path:e=>"/mobileunitlesson/".concat(e)},{key:"sub2",label:"Теле хичээл",path:e=>"/mobile/mobilevideohome/".concat(e)},{key:"sub3",label:"Цахим аялал",path:e=>"/mobile/mobileinteractivelesson/".concat(e)},{key:"sub4",label:"Лаборатори хичээл",path:e=>"/mobile/mobilelaboratory/".concat(e)}]},{key:"3",label:"Дасгал ажил",icon:(0,t.jsx)(S.V8,{}),path:e=>"/mobile/mobileworkbook/".concat(e)},{key:"4",label:"Сургалт",icon:(0,t.jsx)(S.ar,{}),path:()=>"/course/100"},{key:"5",icon:(0,t.jsx)(S.I$,{}),label:"Сурагчийн булан",path:()=>"/public/scholarship"},{key:"6",icon:(0,t.jsx)(S.I$,{}),label:"Багшийн булан",path:()=>"/public/teachercorner/1"}];var A=e=>{let{open:l,onClose:s}=e,[n]=(0,a.useState)("left"),i=(0,r.useRouter)();return(0,t.jsx)(k.Z,{placement:n,closable:!0,onClose:s,open:l,children:(0,t.jsx)(w.Z,{gutter:16,style:{height:"100%",display:"flex"},children:(0,t.jsx)(m.Z,{span:24,style:{display:"flex",flexDirection:"column",justifyContent:"space-between"},children:(0,t.jsxs)("div",{children:[(0,t.jsx)(h(),{src:"/logo/MedleLogo.svg",alt:"MedleLogo",height:60,priority:!0,width:180}),(0,t.jsx)(N.Z,{items:E,mode:"inline",onClick:e=>{let l=Array.isArray(i.query.level)?i.query.level[0]:i.query.level||"2",t=(e,s)=>{for(let a of e){if(a.key===s){if("function"==typeof a.path)return a.path(l);if("string"==typeof a.path)return a.path}if(a.children){let e=t(a.children,s);if(e)return e}}return null},a=t(E,e.key);a&&(i.push(a),s())}})]})})})})},_=e=>{let{open:l,onClose:s,searchValue:n,setSearchValue:i,handleChange:c,searchResults:d}=e,u=(0,r.useRouter)();return(0,a.useEffect)(()=>{let e=()=>s();return u.events.on("routeChangeStart",e),()=>{u.events.off("routeChangeStart",e)}},[u,s]),(0,t.jsx)(k.Z,{placement:"bottom",closable:!1,open:l,height:"100vh",styles:{body:{padding:0,backgroundColor:"#ffffff"}},children:(0,t.jsxs)("div",{className:"flex flex-col h-full w-full p-4 animate-in fade-in",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-6 pt-2",children:[(0,t.jsx)("button",{onClick:s,className:"flex items-center justify-center w-10 h-10 -ml-2 rounded-full text-gray-600 hover:bg-gray-100 hover:text-gray-900 transition-colors active:bg-gray-200",children:(0,t.jsx)(S.IT,{className:"w-5 h-5"})}),(0,t.jsx)("h2",{className:"text-xl font-bold text-gray-800 m-0 tracking-tight",children:"Хайлт"})]}),(0,t.jsx)("div",{className:"w-full relative z-50",children:(0,t.jsx)(f.Z,{placeholder:"Хайх утгаа бичнэ үү...",buttonIcon:(0,t.jsx)(o.Z,{}),$hideOnMobile:!1,searchValue:n,setSearchValue:i,handleChange:c,searchResults:d})})]})})},L=s(83763),T=s(33401);let I=["Сурах бичиг","Хичээл","Дасгал ажил","Сургалт","Сурагчийн булан","Багшийн булан"],{Content:M}=n.default;var R=e=>{let{children:l}=e,s=(0,r.useRouter)(),{data:u}=(0,c.useSession)(),x=s.pathname.includes("/login"),[m,g]=(0,a.useState)(!1),[b,j]=(0,a.useState)(!1),[C,k]=(0,a.useState)(""),[w,N]=(0,a.useState)([]),[E]=(0,d.D)(T.S),R=(0,a.useCallback)(p().debounce(async e=>{if(e.length>4)try{let l=await E({variables:{programClassification:"2",searchValue:e}});N(l.data.SearchPublic.data.slice(0,5))}catch(e){console.error(e)}},300),[]);(0,a.useEffect)(()=>{C&&R(C)},[C,R]);let D=e=>{k(e.target.value)};return(0,t.jsxs)(n.default,{className:"w-full min-h-screen bg-white",children:[x||u?(0,t.jsx)(L.Z,{session:u,names:I,isDropdown:!1,openDropdown:()=>{}}):(0,t.jsx)("header",{className:"bg-white sticky top-0 z-50 shadow-sm",children:(0,t.jsxs)("div",{className:"w-full max-w-[1280px] mx-auto px-4",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between h-[88px] gap-8",children:[(0,t.jsxs)("div",{className:"flex md:hidden",children:[(0,t.jsx)(Z,{icon:(0,t.jsx)(i.Z,{}),onClick:()=>g(!0)}),(0,t.jsx)(A,{open:m,onClose:()=>g(!1)})]}),(0,t.jsx)("div",{className:"flex-shrink-0 cursor-pointer flex items-center",onClick:()=>

1s.push("/"),children:(0,t.jsx)(h(),{src:"/logo/MedleLogo.svg",alt:"MedleLogo",height:50,width:160,priority:!0,className:"object-contain"})}),(0,t.jsx)("div",{className:"hidden md:block flex-1 max-w-2xl",children:(0,t.jsx)(f.Z,{placeholder:"Хайх утгаа бичнэ үү",buttonIcon:(0,t.jsx)(o.Z,{}),searchValue:C,setSearchValue:k,onButtonClick:()=>s.push("/"),handleChange:D,searchResults:w,$hideOnMobile:!0})}),(0,t.jsx)("div",{className:"hidden md:flex items-center gap-4",children:(0,t.jsx)(v,{onClick:()=>s.push("/login"),children:"Нэвтрэх"})}),(0,t.jsxs)("div",{className:"md:hidden",children:[(0,t.jsx)(Z,{type:"text",icon:(0,t.jsx)(S.ol,{}),onClick:()=>j(!0)}),(0,t.jsx)(_,{open:b,onClose:()=>j(!1),searchValue:C,setSearchValue:k,handleChange:D,searchResults:w})]})]}),(0,t.jsx)("div",{className:"hidden md:flex items-center justify-between",children:I.map((e,l)=>(0,t.jsx)("div",{className:"flex-1 flex justify-center",children:(0,t.jsx)(y.Z,{label:e,index:l})},l))})]})}),(0,t.jsx)(n.default,{children:(0,t.jsx)(M,{className:"bg-white",children:l})})]})}},47196:function(e,l,s){"use strict";s.r(l),s.d(l,{default:function(){return V}});var t=s(85893),a=s(67294),n=s(6812),i=s(10227),o=s(78021),r=s(35234),c=s(87953),d=s(11163),u=s(7358),h=s(8993),x=s(23804);let{Title:p}=r.default,{Search:f}=h.default;var m=()=>{let e=(0,d.useRouter)(),l=[{title:(0,t.jsx)("a",{onClick:()=>e.push("/"),children:"Нүүр"})},{title:"Хичээл",className:"breadcrumb-active"},{title:"Цахим аялал",className:"breadcrumb-active"}];return(0,t.jsxs)(a.Fragment,{children:[(0,t.jsx)(x.Z,{items:l}),(0,t.jsx)(i.Z,{align:"middle",style:{background:"none"},children:(0,t.jsx)(o.Z,{span:18,style:{display:"flex",background:"none",alignItems:"center"},children:(0,t.jsx)(o.Z,{style:{background:"none"},children:(0,t.jsx)(p,{style:{margin:0,fontSize:"17px",marginBottom:"20px",marginTop:"-10px"},level:3,children:"Цахим аялал"})})})})]})},g=s(11369),b=s(46270),j=s(87698),v=s(25675),y=s.n(v),C=e=>{let{src:l,fallbackSrc:s,alt:n,...i}=e,[o,r]=(0,a.useState)(l);return(0,t.jsx)(y(),{src:o,alt:n,onError:()=>r(s),...i})};let{Text:Z}=r.default,k=(0,j.ZP)(o.Z).withConfig({componentId:"sc-831d746a-0"})(["border-radius:12px;padding:8px;&:hover{cursor:pointer;box-shadow:0 0 10px 0 #ff4015;transition:0.3s;}"]),w=(0,j.ZP)(o.Z).withConfig({componentId:"sc-831d746a-1"})(["width:130px;height:86px;margin-right:12px;border-radius:12px;overflow:hidden;"]),N=(0,j.ZP)(o.Z).withConfig({componentId:"sc-831d746a-2"})(["display:flex;flex-direction:column;justify-content:space-between;flex:1;"]);var S=e=>{let{image:l,title:s,description:a,rate:n,rateCount:o,onClick:r}=e;return console.log("rateCount:",o),(0,t.jsx)(k,{onClick:r,style:{width:"100%"},children:(0,t.jsxs)(i.Z,{align:"middle",children:[(0,t.jsx)(w,{children:(0,t.jsx)(C,{src:l,fallbackSrc:"/images/MedleLogo.png",alt:"Picture of the Medle",fill:!0,priority:!0})}),(0,t.jsxs)(N,{children:[(0,t.jsx)(Z,{strong:!0,style:{marginBottom:"8px"},children:function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:25;return(null==e?void 0:e.length)>l?"".concat(e.slice(0,l),"..."):e}(s)}),(0,t.jsx)(i.Z,{align:"middle",children:(0,t.jsx)(b.Z,{allowHalf:!0,defaultValue:2.5,value:n,style:{fontSize:14}})})]})]})})},E=s(87672);let{Title:A,Text:_}=r.default;var L=e=>{let{mainTitle:l,subTitle:s,options:a,value:n,onChange:r}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(i.Z,{style:{margin:"24px"},children:[(0,t.jsxs)(o.Z,{span:19,children:[(0,t.jsx)(o.Z,{children:(0,t.jsx)(A,{style:{margin:0},level:4,children:l})}),(0,t.jsx)(o.Z,{style:{marginTop:8},children:(0,t.jsx)(_,{children:s})})]}),(0,t.jsx)(E.Z,{style:{margin:15}}),(0,t.jsx)(o.Z,{span:24,style:{display:"flex",width:"100%"},children:(0,t.jsx)(c.Z,{value:n,size:"large",style:{width:"100%"},onChange:r,options:a,optionLabelProp:"label"})})]}),(0,t.jsx)(E.Z,{style:{margin:0}})]})},T=s(33810),I=s(88276);let M=(0,j.ZP)(i.Z).withConfig({componentId:"sc-f84868a-0"})(["padding:12px;border-radius:12px;background:url(/images/background_select.jpg);background-size:cover;"]);var R=()=>{var e,l;let s=(0,d.useRouter)(),[h,x]=(0,a.useState)({label:"",value:0}),[p,f]=(0,a.useState)({label:"",value:0}),[b,j]=(0,a.useState)([]),[v,y]=(0,a.useState)(""),[C]=(0,a.useState)(""),[Z,k]=(0,a.useState)([]),{data:w}=(0,n.aM)(T.o),{data:N}=(0,n.aM)(I.S,{variables:{cmsClassCode:h.value}}),{data:E}=(0,n.aM)(g.YG,{variables:{cmsType:"VIDEO",cmsClassCode:h.value,cmsAcademicLevel:p.value},skip:!h}),{data:A}=(0,n.aM)(g.Lv,{variables:{cmsClassCode:h.value,cmsAcademicLevel:p.value}});(0,a.useEffect)(()=>

1{if(w&&w.lessonClassifications.length>0){let e=w.lessonClassifications[0];x({value:e.classificationCode,label:e.classificationName})}},[w]),(0,a.useEffect)(()=>{if(N&&N.lessonAcademicLevelList.length>0){let e=N.lessonAcademicLevelList[0];f({value:e.academicLevel,label:e.academicLevelName})}},[N]),(0,a.useEffect)(()=>{if(E){let e=E.subjectList.map(e=>({value:e.SUBJECT_AREA_ID,label:e.SUBJECT_AREA_NAME}));j(e),e.length>0&&y(e[0].value.toString())}},[E]),(0,a.useEffect)(()=>{A&&k((null==A?void 0:A.interactiveLessonList.filter(e=>e.MEDIA_NAME.toLowerCase()))||[])},[C,A]);let _=e=>{s.push("/mobile/mobileinteractiveplay/".concat(h.value,"/").concat(p.value,"/").concat(e))};return(0,t.jsx)(u.Z,{style:{background:"#FAFAFA",padding:16},children:(0,t.jsxs)(i.Z,{style:{background:"none"},children:[(0,t.jsx)(i.Z,{gutter:[0,24],style:{background:"none"},children:(0,t.jsx)(m,{})}),(0,t.jsxs)(M,{justify:"space-between",children:[(0,t.jsxs)(o.Z,{span:11,style:{background:"none"},children:[(0,t.jsx)(r.default.Text,{strong:!0,style:{fontSize:"16px"},children:"Төрөл"}),(0,t.jsx)(c.Z,{value:h.value,size:"large",style:{width:"100%",marginTop:"8px",borderRadius:"8px"},onChange:(e,l)=>{x({value:e,label:l.label})},options:null==w?void 0:null===(e=w.lessonClassifications)||void 0===e?void 0:e.map(e=>({value:e.classificationCode,label:e.classificationName}))})]}),(0,t.jsxs)(o.Z,{span:12,style:{background:"none"},children:[(0,t.jsx)(r.default.Text,{style:{fontSize:16},strong:!0,children:"Анги"}),(0,t.jsx)(c.Z,{value:p.value,size:"large",style:{width:"100%",marginTop:"8px",borderRadius:"8px"},onChange:(e,l)=>{f({value:e,label:l.label})},options:null==N?void 0:null===(l=N.lessonAcademicLevelList)||void 0===l?void 0:l.map(e=>({value:e.academicLevel,label:e.academicLevelName}))})]})]}),(0,t.jsxs)(i.Z,{style:{marginTop:"24px",borderRadius:"24px",boxShadow:"0px 5px 15px 0px rgba(0, 0, 0, 0.1)"},children:[(0,t.jsx)(L,{mainTitle:"Цахим аялал",subTitle:"".concat(h.label||" "," "),options:b,value:v,onChange:e=>{y(e)}}),(0,t.jsx)(i.Z,{style:{padding:"12px"},children:Z.map(e=>(0,t.jsx)(S,{image:e.THUMBNAIL_URL,title:e.MEDIA_NAME,description:e.SUBJECT_AREA_NAME,rateCount:e.RATE_COUNT,onClick:()=>_(e.MEDIA_CONTENT_ID)},e.MEDIA_CONTENT_ID))})]})]})})},D=s(30506),P=s(14866);let z=()=>(0,t.jsx)(R,{});z.getLayout=function(e){return(0,t.jsx)(D.default,{children:(0,t.jsx)(P.Z,{children:e})})};var V=z}},function(e){e.O(0,[3662,4612,461,5675,4818,7698,5234,5551,549,7873,9682,9117,6406,8296,8915,7953,6270,474,8186,3763,1369,2888,9774,179],function(){return e(e.s=98242)}),_N_E=e.O()}]);