https://rsu.ac.th/_next/static/chunks/pages/[facultySlug]/events/id/[id]-48a65dbab943e14d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3450],{92486:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[facultySlug]/events/id/[id]",function(){return n(9643)}])},42259:function(t,e,n){"use strict";n.d(e,{w:function(){return j}});var i=n(11527),o=n(62341),r=n(89128),l=n(64018),c=n(89498),a=n(62949),u=n(65477),d=n(37471),s=n(50128),x=n(48398),p=n(23025),f=n(65375),h=n.n(f),g=n(1625),y=n(50959),m=n(41685),L=n(70679),v=n(48483);let j=t=>{let{title:e,events:n,showTitle:f,listBoxProps:j,lang:S,listClassName:b}=t,_=(0,g.useRouter)(),{facultySlug:w}=_.query,Z=(0,x.EM)(S),[E,C]=(0,y.useState)(!1);(0,o.S)({base:"0px 12px 0px 12px",md:"16px 24px 0px 24px"});let F=(0,o.S)({base:"0px 12px 0px 12px",md:"0px 24px 0px 24px"});(0,y.useEffect)(()=>{(0,v.s)()||C(!0)},[]);let k="en"===S?"View All":"ดูเพิ่มเติม",T=t=>{if(null==t?void 0:t[Z].showContent){let e="",n={};w&&""!=w&&(e="/[facultySlug]",n={...n,facultySlug:w});let i="".concat(e,"/event/id/[id]");_.push({pathname:i,query:{...n,id:t.id}})}},H=Array.from([,,,].keys()).map(t=>(0,i.jsx)(r.O,{mb:4,startColor:"sloading.start",endColor:"sloading.end",children:(0,i.jsx)(l.xu,{w:"100%",h:"75px",bgColor:"blue",my:2})},"skeleton-hlbanner-".concat(t))),N=null==n?void 0:n.map((t,e)=>{var n;let o=null==t?void 0:t[(0,x.EM)(S)];return(0,i.jsxs)(c.k,{flex:"1",h:"75px",mb:4,_hover:{cursor:o.showContent?"pointer":""},onClick:()=>T(t),alignItems:"center",children:[(0,i.jsx)(a.E,{fallbackSrc:s.N1,src:o.imageUrl,w:"100px",height:"56px",alt:"".concat(o.title),borderRadius:"4px",objectFit:"cover"}),(0,i.jsxs)(c.k,{ml:"2",direction:"column",children:[o.topic&&(0,i.jsx)(u.x,{textColor:"#528271",noOfLines:1,fontSize:"12px",lineHeight:"16px",fontFamily:"RSU",children:o.topic}),(0,i.jsx)(u.x,{noOfLines:2,fontSize:"16px",lineHeight:"20px",color:"#515151",fontWeight:"700",fontFamily:"RSU",marginBottom:"2px",children:o.title}),(0,i.jsxs)(d.U,{alignItems:"center",mt:"auto",children:[(0,i.jsx)(a.E,{src:"/icons/ic_cal.png",alt:"ic_cal",boxSize:3}),(0,i.jsx)(u.x,{fontSize:"11px",lineHeight:"10px",children:E&&(0,L._Q)(new Date(null!==(n=t.startAt)&&void 0!==n?n:""),t.endAt?new Date(t.endAt):null,S)}),""!=o.location&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.E,{src:"/icons/ic_map_pin.png",alt:"ic_pin",boxSize:3}),(0,i.jsx)(u.x,{fontSize:"11px",lineHeight:"10px",children:o.location})]})]})]})]},e)});return(0,i.jsxs)(l.xu,{position:"relative",width:"100%",children:[f&&(0,i.jsxs)(m.Z,{padding:F,borderTop:"1px solid #EBEBEB",children:[(0,i.jsx)(u.x,{color:"#515151",fontWeight:"700",fontFamily:"RSU",fontSize:{base:"20px",md:"22px"},children:null!=e?e:(0,p.M8)(S)}),(0,i.jsx)(l.xu,{ml:"auto",children:(0,i.jsx)(h(),{href:"/events",children:(0,i.jsx)(u.x,{color:"primary.color",textDecoration:"underline",children:k})})})]}),(0,i.jsx)(l.xu,{overflowY:"auto",overflowX:"hidden",...j,className:b,children:n?N:H})]})};j.defaultProps={showTitle:!0,listBoxProps:{}}},23025:function(t,e,n){"use strict";n.d(e,{Bl:function(){return w},DW:function(){return b},EM:function(){return h},Ie:function(){return v},J3:function(){return d},M8:function(){return o},Nv:function(){return r},Ny:function(){return y},Op:function(){return L},Qi:function(){return a},S:function(){return c},Ym:function(){return g},c4:function(){return _},cH:function(){return l},cI:function(){return f},cW:function(){return s},i$:function(){return j},iE:function(){return S},jB:function(){return i},mO:function(){return u},o4:function(){return p},qH:function(){return Z},r1:function(){return x},u1:function(){return m}});let i=t=>"th"==t?"ปฏิทิน":"Calendar",o=t=>"th"==t?"กิจกรรมที่น่าสนใจ":"Featured Events",r=t=>"th"==t?"กิจกรรม":"Event",l=t=>"th"==t?"ค้นหา":"Search",c=t=>"th"==t?"กิจกรรม":"Events",a=t=>"th"==t?"ข้อมูลพื้นฐานของกิจกรรม":"Event Information",u=t=>"th"==t?"เนื้อหาของกิจกรรม":"Event Content",d=t=>"th"==t?"สร้างกิจกรรม":"New Event",s=t=>"th"==t?"ปิดการดูตัวอย่าง":"Close preview",x=t=>"th"==t?"ประเภทผู้ชม":"Audience",p=t=>"th"==t?"หัวข้อ":"Topic",f=t=>"th"==t?"หัวเรื่อง":"Title",h=t=>"th"==t?"บรรยายสั้น ๆ":"Short description",g=t=>"th"==t?"เริ่มเมื่อ":"Start at",y=t=>"th"==t?"จบเมื่อ":"End at",m=t=>"th"==t?"คีย์เวิร์ด Meta":"Meta keywords",L=t=>"th"==t?"บรรยาย Meta ":"Meta description",v=t=>"th"==t?"แท็ก":"Tags",j=t=>"th"==t?"เนื้อหา":"Content",S=t=>"th"==t?"ลำดับ":"Sort order",b=t=>"th"==t?"เผยแพร่เมื่อ":"Published At",_=t=>"th"==t?"สถานะ":"Status",w=t=>"th"==t?"บันทึก":"Save",Z=t=>"th"==t?"ยกเลิก":"Discard"},9643:function(t,e,n){"use strict";n.r(e),n.d(e,{__N_SSP:function(){return k}});var i=n(11527),o=n(3658),r=n(59376),l=n(62949),c=n(89498),a=n(25458),u=n(65477),d=n(64018),s=n(79202),x=n(97808),p=n(557),f=n(81278),h=n(9911),g=n(42259),y=n(94873),m=n(48398),L=n(23025),v=n(96427),j=n(15660),S=n(15293),b=n.n(S),_=n(74444),w=n(50959),Z=n(73257),E=n(41685),C=n(11100),F=n.n(C),k=!0;e.default=t=>{var e,n,S,C,k;let{event:T,facultyInfo:H}=t,N=(0,v.b)(),M=null!==(k=null==N?void 0:null===(e=N.appState)||void 0===e?void 0:e.language)&&void 0!==k?k:"",Y=(0,m.EM)(M),[B,I]=(0,w.useState)(null),U=(0,o.p)(),A=new Date;A.setHours(0,0,0,0);let[z,D]=(0,w.useState)(A),R=async t=>{if(""!=M)try{var e;let n=await (0,_.Lq)({skip:0,limit:20,startAtAfter:t,lang:M,facultyId:null!==(e=null==H?void 0:H.facultyId)&&void 0!==e?e:void 0});n&&I(n.events)}catch(t){(0,Z.ck)(U)}};return(0,w.useEffect)(()=>{R(z)},[z,M]),(0,i.jsxs)("div",{children:[(0,i.jsxs)(b(),{children:[(0,i.jsx)("title",{children:null==T?void 0:T[Y].title}),(0,i.jsx)("meta",{name:"description",content:null==T?void 0:T[Y].metaDescription},"desc"),(0,i.jsx)("meta",{property:"og:title",content:null==T?void 0:T[Y].title}),(0,i.jsx)("meta",{property:"og:type",content:"article"}),(0,i.jsx)("meta",{property:"og:article:tag ",content:null==T?void 0:null===(n=T[Y].metaKeywords)||void 0===n?void 0:n.join(",")}),(0,i.jsx)("meta",{property:"og:description",content:null==T?void 0:T[Y].metaDescription}),(0,i.jsx)("meta",{property:"og:image:alt",content:null==T?void 0:T[Y].title}),(0,i.jsx)("meta",{property:"og:image",content:null==T?void 0:T[Y].imageUrl})]}),(0,i.jsx)(x.W,{userType:j.O.external,disableAudienceTypeCheck:!0,facultyId:null==H?void 0:H.facultyId,logo:null==H?void 0:H.imageUrl,colorCode:null==H?void 0:H.colorCode}),(0,i.jsxs)(p.S,{marginTop:{base:"45px",md:"58px"},children:[""!=T[Y].imageUrl&&(0,i.jsx)(r.o,{ratio:1200/630,width:"100%",maxHeight:"630px",children:(0,i.jsx)(l.E,{src:T[Y].imageUrl})}),(0,i.jsx)(c.k,{direction:"column",background:"#fff",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.08)",paddingTop:{base:"16px",md:"50px"},paddingBottom:{base:"8px",md:"24px"},borderRadius:"0px 0px 8px 8px",children:(0,i.jsxs)(a.r,{gridTemplateColumns:{base:"100%",xl:"auto 334px"},gap:"24px",paddingX:{base:"12px",md:"24px"},children:[(0,i.jsxs)(c.k,{flexDirection:"column",children:[(0,i.jsx)(u.x,{fontWeight:"700",fontSize:"28px",color:"#224E41",paddingBottom:{base:"16px",md:"24px"},children:null===(S=T[Y])||void 0===S?void 0:S.title}),(0,i.jsx)(u.x,{fontSize:{base:"24px",xl:"26px"},lineHeight:{base:"24px",xl:"26px"},color:"#528271",fontFamily:"RSUText",fontWeight:"700",paddingBottom:{base:"24px",md:"32px"},children:null===(C=T[Y])||void 0===C?void 0:C.description}),(0,i.jsx)(d.xu,{fontSize:{base:"24px",xl:"26px"},lineHeight:{base:"24px",xl:"26px"},color:"#528271",fontFamily:"RSUText",fontWeight:"700",className:F().content_container,children:(0,i.jsx)(y.V,{contentHTML:T[Y].content,contentCSS:T[Y].contentCSS})})]}),(0,i.jsxs)(c.k,{direction:"column",children:[(0,i.jsx)(E.Z,{border:"none",children:(0,i.jsx)(f.N,{label:(0,L.S)(M)})}),(0,i.jsx)(g.w,{listBoxProps:{maxHeight:{base:"424px",md:"fit-content"}},events:B,showTitle:!1,lang:M})]})]})})]}),(0,i.jsx)(h.U,{facultyId:null==H?void 0:H.facultyId}),(0,i.jsx)(s.$,{})]})}},70679:function(t,e,n){"use strict";n.d(e,{TT:function(){return c},_Q:function(){return d},bh:function(){return s},o0:function(){return a},p6:function(){return l},qb:function(){return r},xn:function(){return u}});var i=n(26044),o=n(17996);let r=t=>isFinite(+t),l=(t,e)=>{if(!r(t))return"-";if("th"!=e)return(0,i.Z)(t,"dd LLL yyyy");{let e=(0,i.Z)(t,"dd LLL yyyy",{locale:o.Z}),n=t.getFullYear()+543;return e.replace(String(t.getFullYear()),String(n))}},c=(t,e)=>{if(!r(t))return"-";if("th"!=e)return(0,i.Z)(t,"dd LLLL yyyy");{let e=(0,i.Z)(t,"dd LLLL yyyy",{locale:o.Z}),n=t.getFullYear()+543;return e.replace(String(t.getFullYear()),String(n))}},a=(t,e)=>{if(!r(t))return"-";let n=(0,i.Z)(t,"dd/LL/yyyy HH:mm");if("th"===e){let e=t.getFullYear()+543;return n.replace(String(t.getFullYear()),String(e))}return n},u=(t,e)=>{if(!r(t))return"-";let n=!(0===t.getHours()&&0===t.getMinutes()),o=(0,i.Z)(t,n?"dd/LL/yyyy HH:mm":"dd/LL/yyyy");if("th"===e){let e=t.getFullYear()+543;return o.replace(String(t.getFullYear()),String(e))}return o},d=(t,e,n)=>{if(!e||!r(e))return l(t,n);let c=t.getFullYear()===e.getFullYear(),a=c&&t.getMonth()===e.getMonth();if("th"===n){let n=t.getFullYear()+543,r=e.getFullYear()+543;return a?"".concat((0,i.Z)(t,"dd")," - ").concat((0,i.Z)(e,"dd LLL",{locale:o.Z})," ").concat(r):c?"".concat((0,i.Z)(t,"dd LLL",{locale:o.Z})," - ").concat((0,i.Z)(e,"dd LLL",{locale:o.Z})," ").concat(r):"".concat((0,i.Z)(t,"dd LLL",{locale:o.Z})," ").concat(n," - ").concat((0,i.Z)(e,"dd LLL",{locale:o.Z})," ").concat(r)}return a?"".concat((0,i.Z)(t,"dd")," - ").concat((0,i.Z)(e,"dd LLL yyyy")):c?"".concat((0,i.Z)(t,"dd LLL")," - ").concat((0,i.Z)(e,"dd LLL yyyy")):"".concat((0,i.Z)(t,"dd LLL yyyy")," - ").concat((0,i.Z)(e,"dd LLL yyyy"))},s=(t,e)=>r(t)?"th"==e?(0,i.Z)(t,"LLLL",{locale:o.Z}):(0,i.Z)(t,"LLLL"):"-"},11100:function(t){t.exports={content_container:"event_content_container__jGDCk"}},59376:function(t,e,n){"use strict";n.d(e,{o:function(){return u}});var i=n(52795),o=n(78379),r=n(4791),l=n(6551),c=n(50959),a=n(11527),u=(0,i.G)(function(t,e){let{ratio:n=4/3,children:i,className:u,...d}=t,s=c.Children.only(i),x=(0,l.cx)("chakra-aspect-ratio",u);return(0,a.jsx)(o.m.div,{ref:e,position:"relative",className:x,_before:{height:0,content:'""',dis

1play:"block",paddingBottom:(0,r.XQ)(n,t=>`${1/t*100}%`)},__css:{"& > *:not(style)":{overflow:"hidden",position:"absolute",top:"0",right:"0",bottom:"0",left:"0",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},"& > img, & > video":{objectFit:"cover"}},...d,children:s})});u.displayName="AspectRatio"}},function(t){t.O(0,[5084,3485,2440,9213,781,2855,5175,3175,9260,7808,1344,2888,9774,179],function(){return t(t.s=92486)}),_N_E=t.O()}]);