https://e-learning-prototype.netlify.app/assets/EBook-d60d1484.js

1import{aS as S,an as w,a9 as e,aT as C,aQ as m,ao as o,aU as T,af as I,am as r,aN as u,aK as y,ag as l,aa as z,aJ as s,ar as f,ad as g,al as d,I as p,aV as x,aW as W,aH as G,aG as B,ab as R,aI as P,ah as E,aR as L,aX as M,aY as A,ay as V}from"./index-51c884ce.js";const H=d(g)(({theme:a})=>({fontFamily:a.typography.fontFamilySecondary,textTransform:"uppercase",background:"linear-gradient(135deg, #f16522 0%, #FF9800 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",WebkitTextStroke:"2px #fff",WebkitTextStrokeWidth:"2px",backgroundSize:"300% auto",animation:"bgGradient 4s ease infinite","@keyframes bgGradient":{"0%":{backgroundPosition:"0% 50%"},"50%":{backgroundPosition:"100% 50%"},"100%":{backgroundPosition:"0% 50%"}}}));function U({...a}){const n=S(),c=w();return e.jsx(C,{...a,sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsxs(m,{sx:{width:"calc(100vw - 40px)",minHeight:"calc(100vh - 40px)"},children:[e.jsxs(o,{px:2,py:1,sx:{backgroundColor:"secondary.main"},direction:"row",alignItems:"center",justifyContent:"space-between",children:[e.jsxs(o,{direction:"row",spacing:2,alignItems:"center",children:[e.jsx(H,{variant:"h3",children:"GAMES"}),e.jsx(T,{fullWidth:!0,autoFocus:!0,placeholder:"Search...",startAdornment:e.jsx(I,{position:"start",children:e.jsx(r,{icon:"icon-park-solid:search",sx:{color:"text.disabled"}})}),sx:{height:38,typography:"h6",backgroundColor:"#FFF",borderRadius:1,px:2,py:0,fontFamily:"fontFamilySecondary",color:"secondary.dark"}}),e.jsx(u,{sx:{height:38,typography:"h6",backgroundColor:"#FFF",borderRadius:1,px:2,py:0,fontFamily:"fontFamilySecondary",color:"secondary.dark"},multiline:!0,defaultValue:1,children:[{id:1,name:"Unit 1"},{id:2,name:"Unit 2"},{id:3,name:"Unit 3"},{id:4,name:"Unit 4"}].map(t=>e.jsx(y,{value:t.id,sx:{mx:1,borderRadius:.75,typography:"body2",textTransform:"capitalize",fontFamily:"fontFamilySecondary"},children:t.name},t.id))}),e.jsx(u,{sx:{height:38,typography:"h6",backgroundColor:"#FFF",borderRadius:1,px:2,py:0,fontFamily:"fontFamilySecondary",color:"secondary.dark"},multiline:!0,defaultValue:0,children:[{id:0,name:"All"},{id:1,name:"Lesson 1"},{id:2,name:"Lesson 2"},{id:3,name:"Lesson 3"},{id:4,name:"Lesson 4"}].map(t=>e.jsx(y,{value:t.id,sx:{mx:1,borderRadius:.75,typography:"body2",textTransform:"capitalize",fontFamily:"fontFamilySecondary"},children:t.name},t.id))})]}),e.jsx(l,{size:"large",sx:{color:"#FFF"},onClick:()=>{var t;return(t=a.onClose)==null?void 0:t.call(a,{},"backdropClick")}

1,children:e.jsx(r,{icon:"line-md:close-small",width:42,height:42})})]}),e.jsx(z,{gap:3,display:"grid",p:3,gridTemplateColumns:{xs:"repeat(1, 1fr)",sm:"repeat(2, 1fr)",md:"repeat(3, 1fr)",lg:"repeat(4, 1fr)"},children:e.jsxs(m,{sx:{cursor:"pointer",position:"relative"},onClick:()=>n(s["board-race"]),children:[e.jsx("img",{alt:"gallery",src:"https://storage.googleapis.com/hoclieu/HLTM/English/TA4/Unit%204/board%20race.png"}),e.jsx(o,{spacing:2,direction:"row",alignItems:"center",sx:{...f({color:c.palette.grey[900],opacity:.7}),width:1,left:0,bottom:0,position:"absolute",color:"common.white",minHeight:80,p:2},children:e.jsx(o,{flexGrow:1,spacing:0,children:e.jsx(g,{variant:"subtitle1",children:"Board race"})})})]})})]})})}const _=d("div")({overflow:"hidden",paddingBottom:"56.25%",position:"relative",height:"0"}),D=d("iframe")({left:0,top:0,height:"100%",width:"100%",position:"absolute"});function O({title:a,src:n}){return e.jsx(_,{children:e.jsx(D,{width:"853",height:"480",src:n,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,title:a})})}const Y=d(g)(({theme:a})=>({fontFamily:a.typography.fontFamilySecondary,textTransform:"uppercase",background:"linear-gradient(135deg, #f16522 0%, #FF9800 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",WebkitTextStroke:"2px #fff",WebkitTextStrokeWidth:"2px",backgroundSize:"300% auto",animation:"bgGradient 4s ease infinite","@keyframes bgGradient":{"0%":{backgroundPosition:"0% 50%"},"50%":{backgroundPosition:"100% 50%"},"100%":{backgroundPosition:"0% 50%"}}})),b=W.reduce((a,n)=>[...a,...n.extensiveResources],[]);function $({...a}){const n=w(),[c,t]=p.useState(),h=b.find(i=>i.id===c);return e.jsx(C,{...a,sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsxs(m,{sx:{width:"calc(100vw - 40px)",minHeight:"calc(100vh - 40px)"},children:[e.jsxs(o,{px:2,py:1,sx:{backgroundColor:"secondary.main"},direction:"row",alignItems:"center",justifyContent:"space-between",children:[e.jsxs(o,{direction:"row",spacing:2,alignItems:"center",children:[e.jsx(Y,{variant:"h3",children:"VIDEOS"}),e.jsx(T,{fullWidth:!0,autoFocus:!0,placeholder:"Search...",startAdornment:e.jsx(I,{position:"start",children:e.jsx(r,{icon:"icon-park-solid:search",sx:{color:"text.disabled"}})}),sx:{height:38,typography:"h6",backgroundColor:"#FFF",borderRadius:1,px:2,py:0,fontFamily:"fontFamilySecondary",color:"secondary.dark"}}),e.jsx(u,{sx:{height:38,typography:"h6",backgroundColor:"#FFF",borderRadius:1,px:2,py:0,fontFamily:"fontFamilySecondary",color:"secondary.dark"},multiline:!0,defaultValue:1,children:[{id:1,name:"Unit 1"},{id:2,name:"Unit 2"},{id:3,name:"Unit 3"},{id:4,name:"Unit 4"}].map(i=>e.jsx(y,{value:i.id,sx:{mx:1,borderRadius:.75,typography:"body2",textTransform:"capitalize",fontFamily:"fontFamilySecondary"},children:i.name},i.id))}),e.jsx(u,{sx:{height:38,typography:"h6",backgroundColor:"#FFF",borderRadius:1,px:2,py:0,fontFamily:"fontFamilySecondary",color:"secondary.dark"},multiline:!0,defaultValue:0,children:[{id:0,name:"All"},{id:1,name:"Lesson 1"},{id:2,name:"Lesson 2"},{id:3,name:"Lesson 3"},{id:4,name:"Lesson 4"}].map(i=>e.jsx(y,{value:i.id,sx:{mx:1,borderRadius:.75,typography:"body2",textTransform:"capitalize",fontFamily:"fontFamilySecondary"},children:i.name},i.id))})]}),e.jsx(l,{size:"large",sx:{color:"#FFF"},onClick:()=>{var i;return(i=a.onClose)==null?void 0:i.call(a,{},"backdropClick")}

1,children:e.jsx(r,{icon:"line-md:close-small",width:42,height:42})})]}),h?e.jsxs(x,{container:!0,children:[e.jsx(x,{overflow:"scroll",item:!0,xs:12,sm:4,md:2,sx:{height:"calc(100vh - 40px - 64px)",backgroundColor:"secondary.lighter"},children:e.jsx(o,{spacing:1,p:1,children:b.map((i,F)=>e.jsx(l,{onClick:()=>t(i.id),variant:c===i.id?"contained":"soft",fullWidth:!0,color:"secondary",size:"large",sx:{justifyContent:"flex-start",paddingTop:4,paddingBottom:4,textAlign:"left",paddingLeft:1,paddingRight:1},children:i.name},i.id))})}),e.jsx(x,{item:!0,xs:12,sm:8,md:10,sx:{position:"relative",height:"calc(100vh - 40px - 64px)"},children:e.jsxs(o,{p:2,spacing:2,children:[e.jsxs(o,{direction:"row",alignItems:"center",spacing:2,children:[e.jsx(l,{color:"secondary",sx:{minWidth:23},onClick:()=>t(void 0),children:e.jsx(r,{icon:"akar-icons:arrow-left",width:24,height:24})}),e.jsx(g,{variant:"h5",color:"secondary.darker",children:h.name})]}),e.jsx(O,{title:h.name,src:`https://www.youtube.com/embed/${h.link}`})]})})]}):e.jsx(z,{gap:3,display:"grid",p:3,gridTemplateColumns:{xs:"repeat(1, 1fr)",sm:"repeat(2, 1fr)",md:"repeat(3, 1fr)",lg:"repeat(4, 1fr)"},children:b.map(i=>e.jsxs(m,{sx:{cursor:"pointer",position:"relative"},onClick:()=>t(i.id),children:[e.jsx("img",{alt:"gallery",ratio:"16/9",src:i.extensiveGameVideoStore.imagePreview}),e.jsx(o,{spacing:2,direction:"row",alignItems:"center",sx:{...f({color:n.palette.grey[900],opacity:.7}),width:1,left:0,bottom:0,position:"absolute",color:"common.white",minHeight:80,p:2},children:e.jsx(o,{flexGrow:1,spacing:0,children:e.jsx(g,{variant:"subtitle1",children:i.name})})})]},i.id))})]})})}const k=d(l)(({theme:a})=>({fontFamily:a.typography.fontFamilySecondary,fontSize:"1.3rem",...V({direction:"135deg",startColor:a.palette.primary.light,endColor:a.palette.secondary.main}),overflow:"visible",height:58,div:{background:"linear-gradient(135deg, #FFC107 0%, #FF9800 100%)",width:70,height:70,borderRadius:"50%",fontSize:"2.5rem",margin:10,animation:"pulse 2s infinite","@keyframes pulse":{"0%":{transform:"scale(1)",boxShadow:"0 0 0 0 rgba(255, 152, 0, 0.4)"},"70%":{transform:"scale(1)",boxShadow:"0 0 0 10px rgba(255, 152, 0, 0)"}}}})),j=d(l)(({theme:a})=>({fontFamily:a.typography.fontFamilySecondary,fontSize:"1.2rem",lineHeight:1,color:"#FFF",border:"2px solid rgba(255, 255, 255, 0.8)",svg:{color:"#FFF",width:26,height:26},"&:hover":{border:"2px solid #f16522"},position:"relative",overflow:"hidden","&:before":{content:'""',position:"absolute",top:0,left:0,width:0,height:"100%",background:"linear-gradient(135deg, #f16522 0%, #FF9800 100%)",transition:"all 0.5s",zIndex:-1},"&:hover:before":{width:"100%"}})),N=d(g)(({theme:a})=>({fontFamily:a.typography.fontFamilySecondary,textTransform:"uppercase",fontSize:"26px !important",background:"linear-gradient(135deg, #f16522 0%, #FF9800 100%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",WebkitTextStroke:"1px #fff",WebkitTextStrokeWidth:"1px",backgroundSize:"300% auto",animation:"bgGradient 4s ease infinite","@keyframes bgGradient":{"0%":{backgroundPosition:"0% 50%"},"50%":{backgroundPosition:"100% 50%"},"100%":{backgroundPosition:"0% 50%"}}}));function J(){const{themeStretch:a}=G(),n=S(),[c,t]=p.useState(!1),[h,i]=p.useState(!1),[F,v]=p.useState(!1);return e.jsxs(o,{children:[e.jsx(B,{children:e.jsx("title",{children:"E-Book | E-Learning"})}),e.jsxs(R,{maxWidth:a?!1:"xl",sx:{py:3},children:[e.jsx(P,{heading:e.jsx(E,{src:"/assets/e-book/grade_6_1_header.png",style:{width:"min(6 * .85 * 263vmin/56,263 * 100vw/1920)",height:"min(6 * .85 * 100vmin/56,100 * 100vw/1920)",objectFit:"contain"}}),links:[{name:"E-Learning",href:s.root},{name:"Thư Viện",href:s.library},{name:"E-Book Prototype",href:s["e-book"]}],action:e.jsx(l,{component:L,to:s.library,variant:"soft",startIcon:e.jsx(r,{icon:"typcn:arrow-back-outline"}),color:"secondary",children:"Quay lại"})}),e.jsxs(x,{container:!0,spacing:3,children:[e.jsx(x,{item:!0,xs:12,sm:8,md:9,children:e.jsx(m,{sx:{p:3,...f({color:"#FFF",opacity:.5}),minHeight:400},children:e.jsxs(o,{spacing:3,alignItems:"flex-start",children:[e.jsxs(k,{size:"large",variant:"contained",color:"secondary",onClick:()=>n(s["interactive-page"]),children:["Prototype ",e.jsx("div",{children:"1"})," Interactive Page"]}),e.jsxs(k,{size:"large",variant:"contained",color:"secondary",onClick:()=>n(s["conversation-page"]),children:["Prototype ",e.jsx("div",{children:"2"})," Conversation Page"]}),e.jsxs(k,{size:"large",variant:"contained",color:"secondary",onClick:()=>n(s["complete-sentences"]),children:["Prototype ",e.jsx("div",{children:"3"})," Complete Sentences"]})]})})}),e.jsx(x,{item:!0,xs:12,sm:4,md:3,children:e.jsx(m,{sx:{p:3,...f({color:"#1939B7",opacity:.7}),minHeight:400},children:e.jsxs(o,{spacing:3,children:[e.jsx(N,{variant:"h4",align:"center",children:"Extra Resources"}),e.jsx(j,{size:"large",variant:"outlined",startIcon:e.jsx(r,{icon:"mingcute:game-2-fill"}),onClick:()=>i(!0),children:"GAMES"}),e.jsx(j,{size:"large",variant:"outlined",startIcon:e.jsx(r,{icon:"mingcute:video-fill"}),onClick:()=>v(!0),children:"VIDEOS"}),e.jsx(j,{size:"large",variant:"outlined",startIcon:e.jsx(r,{icon:"solar:checklist-minimalistic-bold"}),onClick:()=>t(!0),children:"GLOSSARY"})]})})})]})]}),e.jsx(o,{sx:{backgroundImage:"url('/assets/e-book/grade_61_background.png')",backgroundSize:"cover",backgroundPosition:"50%",position:"absolute",width:"100dvw",height:"100dvh",zIndex:-1}}),e.jsx(M,{data:A,open:c,onClose:()=>t(!1)}),e.jsx(U,{open:h,onClose:()=>i(!1)}),e.jsx($,{open:F,onClose:()=>v(!1)})]})}export{J as default};