https://medle.edu.mn/_next/static/chunks/pages/mobile/mobilelabora…/[...mobilelaboratory]-4ec4e953518caf99.js

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

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

1jectAreaId:j,cmsAcademicLevel:h.value}});(0,a.useEffect)(()=>{if(v&&v.lessonClassifications.length>0){let e=v.lessonClassifications[0];u({value:e.classificationCode,label:e.classificationName})}},[v]),(0,a.useEffect)(()=>{if(k&&k.lessonAcademicLevelList.length>0){let e=k.lessonAcademicLevelList[5];x({value:e.academicLevel,label:e.academicLevelName})}},[k]),(0,a.useEffect)(()=>{if(C){let e=C.subjectList.map(e=>({value:e.SUBJECT_AREA_ID,label:e.SUBJECT_AREA_NAME}));f(e),e.length>0&&y(e[0].value.toString())}},[C]);let w=e=>{l.push("/mobile/mobilelaboratoryplay/".concat(h.value,"/").concat(t.value,"/").concat(j,"/").concat(e))};return(0,s.jsx)(d.Z,{style:{background:"#FAFAFA",padding:16},children:(0,s.jsxs)(i.Z,{style:{background:"none"},children:[(0,s.jsx)(i.Z,{gutter:[0,24],style:{background:"none"},children:(0,s.jsx)(m,{})}),(0,s.jsx)(R,{justify:"space-between",children:(0,s.jsxs)(o.Z,{span:24,style:{background:"none"},children:[(0,s.jsx)("span",{style:{fontWeight:600,fontSize:16,fontFamily:"Rubik, sans-serif",color:"#FFFFFF",textShadow:"0px 1px 2px rgba(0, 0, 0, 1)"},children:"Анги"}),(0,s.jsx)(r.Z,{value:h.value,size:"large",style:{backgroundRepeat:"no-repeat",backgroundPosition:"center",width:"100%",marginTop:"8px",borderRadius:"8px"},onChange:(e,l)=>{x({value:e,label:l.label})},options:null==k?void 0:null===(e=k.lessonAcademicLevelList)||void 0===e?void 0:e.map(e=>({value:e.academicLevel,label:e.academicLevelName}))})]})}),(0,s.jsxs)(i.Z,{style:{marginTop:"24px",borderRadius:"24px",boxShadow:"0px 5px 15px 0px rgba(0, 0, 0, 0.1)"},children:[(0,s.jsx)(T,{mainTitle:"Лаборатори хичээл",subTitle:"".concat(h.label||" "," "),options:p,value:j,onChange:e=>{y(e)}}),(0,s.jsx)(i.Z,{style:{padding:"12px"},children:Z&&Z.mediaList.map(e=>(0,s.jsx)(A,{image:"/images/MedleLogo.png",title:e.MEDIA_NAME,description:"Нийт ".concat(e.CONTENT_COUNT," видео хичээл"),rateCount:e.RATE_COUNT,onClick:()=>w(e.MEDIA_CONTENT_ID)},e.SUBJECT_AREA_ID))})]})]})})},F=t(30506),P=t(14866);let z=()=>(0,s.jsx)(M,{});z.getLayout=function(e){return(0,s.jsx)(F.default,{children:(0,s.jsx)(P.Z,{children:e})})};var D=z}},function(e){e.O(0,[3662,4612,461,5675,4818,7698,5234,5551,549,7873,9682,9117,6406,8296,8915,7953,6270,5648,8186,3763,1369,2888,9774,179],function(){return e(e.s=49223)}),_N_E=e.O()}]);