https://moha.gov.vn/assets/AudioGalleryPage-CBBdPa7u.js

1import{r as l,j as e,C as x,R as j,i as h,x as v,I as d,e as m,L as r,y as g,w as P}from"./index-xsUPWmEL.js";import{P as y}from"./Pagination-DqFYTUPI.js";import{e as D,a as S}from"./multimedia-eOIN8FcN.js";import{A as c}from"./Accordion-BlOsxudT.js";const C=()=>{const[n,u]=l.useState([]),[i,t]=l.useState({albums:[],activePage:1,totalPages:10,pageSize:10});return l.useEffect(()=>{(async()=>{try{const s=await D(i.activePage,i.pageSize);t(o=>({...o,albums:s.data,totalPages:Math.ceil(s.totalCount/o.pageSize)}))}catch(s){console.error(s)}})()},[i.activePage,i.pageSize]),l.useEffect(()=>{(async()=>{try{const s=await S();u(s.childs)}catch(s){console.error(s)}})()},[]),e.jsx("div",{className:"mh-gallery",children:e.jsx(x,{children:e.jsxs(j,{children:[e.jsx(h,{xl:3,children:e.jsx(v,{title:"",className:"noHeader",children:e.jsx("div",{className:"mh-document-accordion",children:e.jsx(c,{defaultActiveKey:[n?.[0]?.ID],alwaysOpen:!0,children:n.map(a=>e.jsx(c.Item,{eventKey:a.ID,children:e.jsxs(c.Header,{className:a.SubChilds.length>0?"hasChild":"noChild",children:[e.jsx(d,{src:m(a.IconDaiDien)}),e.jsx(r,{to:a.URL,children:a.TenMenu},a.ID)]})}))})})})}),e.jsx(h,{xl:9,children:e.jsxs("div",{className:"mh-gallery-content",children:[e.jsx("div",{className:"mh-gallery-header",children:e.jsx("h1",{children:"Thư viện Audio"})}),i?.albums&&e.jsxs("div",{className:"mh-gallery-body",children:[e.jsx("div",{className:"mh-gallery-items",children:i?.albums?.map(a=>e.jsxs("div",{className:"mh-gallery-item",children:[e.jsx(r,{to:g("audio",a.TieuDe,a?.ID),className:"mh-gallery-item-image",children:e.jsx(d,{src:m(a?.UrlAnh),alt:a?.TieuDe})}),e.jsxs("div",{className:"mh-gallery-item-info",children:[e.jsx(r,{to:g("audio",a.TieuDe,a?.ID),className:"mh-gallery-item-title",children:a?.TieuDe}),e.jsx("div",{className:"mh-gallery-item-description",dangerouslySetInnerHTML:{__html:a?.MoTa}})]}),e.jsx("div",{className:"mh-gallery-item-date",children:P(a?.ThoiGianXuatBan)})]},a?.ID))}),e.jsx(y,{showPageSizeSelector:!0,totalPages:i.totalPages,activePage:i.activePage,pageSize:i.pageSize,onPageChange:a=>{t(s=>({...s,activePage:a}))},onPageSizeChange:a=>{t(s=>({...s,pageSize:a,activePage:1}))},maxVisiblePages:3,wrapStyle:{marginBottom:48}})]})]})})]})})})};export{C as AudioGalleryPage};