2 lines
5.5 KiB
JavaScript
2 lines
5.5 KiB
JavaScript
import{r as i,f as g,S as G,j as e,P as N,G as F,t as D,ao as b,B as C,aC as X,at as Y,au as V,s as _}from"./index.6e3d3f58.js";import{P as z}from"./Page.e7b124c2.js";import{B as J,T as K,v as Q}from"./BaseTablePagination.b8f78785.js";import{T as U}from"./TextField.d5f4a1bd.js";import{T as Z,a as ee,b as ae,c as x,d as u,e as te}from"./TableRow.ebea94d3.js";import{G as M,C as re}from"./Grid.b6e46be2.js";import{T as ne,a as se}from"./Tabs.ad1e478e.js";import"./KeyboardArrowRight.9ad3d050.js";function oe(a=new Map){const[l,r]=i.exports.useState(new Map(a)),p={set:i.exports.useCallback((s,n)=>{r(m=>{const c=new Map(m);return c.set(s,n),c})},[]),setAll:i.exports.useCallback(s=>{r(()=>new Map(s))},[]),remove:i.exports.useCallback(s=>{r(n=>{const m=new Map(n);return m.delete(s),m})},[]),reset:i.exports.useCallback(()=>{r(()=>new Map)},[])};return[l,p]}const ie=[{id:"name",label:"Name"},{id:"member_id",label:"Member ID"},{id:"service",label:"Service"},{id:"start_date",label:"Start Date"},{id:"end_date",label:"End Date"},{id:"status",label:"Status"}];function le(a){const{order:l,orderBy:r,onRequestSort:p}=a,s=n=>m=>{p(m,n)};return e(te,{children:g(x,{children:[e(u,{align:"center",children:"No"}),ie.map(n=>e(u,{sortDirection:r===n.id?l:!1,align:"center",children:g(K,{active:r===n.id,direction:r===n.id?l:"asc",onClick:s(n.id),children:[n.label,r===n.id?e(C,{component:"span",sx:Q,children:l==="desc"?"sorted descending":"sorted ascending"}):null]})},n.id))]})})}function ce(){const[a,l]=i.exports.useState("asc"),[r,p]=i.exports.useState("name"),[s,n]=oe(),[m,c]=i.exports.useState(!0),[v,I]=i.exports.useState([]),[j,P]=i.exports.useState(0),[E,B]=i.exports.useState(10),[k,R]=i.exports.useState({current_page:0,from:0,last_page:0,links:[],path:"",per_page:0,to:0,total:0}),O=async(t,o)=>{const d=r===o&&a==="asc";l(d?"desc":"asc"),p(o);const f=Object.fromEntries([...s.entries(),["order",d?"desc":"asc"],["orderBy",o]]);c(!0),await new Promise(q=>setTimeout(q,500)),h(f),c(!1)},[w,H]=i.exports.useState(""),L=t=>{H(t.target.value)},A=async t=>{t.preventDefault();const o=Object.fromEntries([...s.entries(),["search",w]]);c(!0),await new Promise(d=>setTimeout(d,500)),h(o),c(!1)},h=async(t=null)=>{c(!0);const o=t||Object.fromEntries([...s.entries(),["order",a],["orderBy",r]]),d=await X.get("http://localhost:8001/api/alarm-center",{params:o});I(d.data.data),R(d.data.meta),B(d.data.meta.per_page),c(!1)},W=async(t,o)=>{const d=Object.fromEntries([...s.entries(),["page",o+1]]);P(o),c(!0),await new Promise(f=>setTimeout(f,500)),h(d),c(!1),n.set("page",o+1)},$=async t=>{P(0);const o=Object.fromEntries([...s.entries(),["page",0],["per_page",parseInt(t.target.value,10)]]);B(parseInt(t.target.value,10)),c(!0),await new Promise(d=>setTimeout(d,500)),h(o),c(!1),n.set("per_page",parseInt(t.target.value,10))};return i.exports.useEffect(()=>{h()},[]),g(G,{children:[e("form",{onSubmit:A,style:{width:"100%",padding:"20px 24px"},children:e(U,{id:"search-input",label:"Search",variant:"outlined",fullWidth:!0,onChange:L,value:w})}),e(Z,{component:N,children:g(ee,{"aria-label":"collapsible table",children:[e(le,{order:a,orderBy:r,onRequestSort:O}),e(ae,{children:m?e(x,{children:e(u,{colSpan:8,align:"center",children:"Loading . . ."})}):v.length>=1?v.map((t,o)=>g(x,{children:[e(u,{align:"center",children:k.from+o++}),e(u,{align:"center",children:t.name}),e(u,{align:"center",children:t.member_id}),e(u,{align:"center",children:t.service}),e(u,{align:"center",children:t.start_date}),e(u,{align:"center",children:t.end_date}),e(u,{align:"center",children:t.status.toLowerCase()==="done"?e(F,{startIcon:e(D,{icon:"ic:round-check"}),sx:{backgroundColor:b.light.grey[300],color:b.light.grey[800],paddingX:1.5,paddingY:1,"&:hover":{backgroundColor:b.light.grey[400],color:b.light.grey[800]}},children:t.status}):e(F,{startIcon:e(D,{icon:"fa6-solid:clock"}),sx:{backgroundColor:"#CD7B2E",color:"#FFFF",paddingX:1.5,paddingY:1,"&:hover":{backgroundColor:"#BF6919",color:"#FFFF"}},children:t.status})})]},o)):e(x,{children:e(u,{colSpan:8,align:"center",children:"No Data Found"})})})]})}),e(J,{count:k.total,onPageChange:W,page:j,rowsPerPage:E,onRowsPerPageChange:$})]})}function S(a){const{children:l,value:r,index:p,...s}=a;return e("div",{role:"tabpanel",hidden:r!==p,id:`simple-tabpanel-${p}`,"aria-labelledby":`simple-tab-${p}`,...s,children:r===p&&e(C,{children:l})})}function T(a){return{id:`simple-tab-${a}`,"aria-controls":`simple-tabpanel-${a}`}}const de=_(a=>e(ne,{...a}))({backgroundColor:"#F4F6F8",padding:"0 24px","& .MuiTabs-indicator":{display:"flex",justifyContent:"space-between",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{maxWidth:40,backgroundColor:"#635ee7"}}),y=_(a=>e(se,{disableRipple:!0,...a}))(({theme:a})=>({textTransform:"none",fontWeight:600,color:a.palette.grey[600],marginRight:"5rem","&.Mui-selected":{color:"#212B36",borderBottom:"2px solid "+a.palette.primary.main},"&:hover":{color:"#212B36",opacity:1,borderBottom:"2px solid "+a.palette.primary.main}}));function Se(){const{themeStretch:a}=Y(),[l,r]=i.exports.useState(0);return e(z,{title:"Alarm Center",children:e(V,{maxWidth:a?!1:"xl",children:e(M,{container:!0,children:e(M,{item:!0,xs:12,lg:12,md:12,children:g(re,{children:[e(C,{sx:{borderBottom:1,borderColor:"divider"},children:g(de,{value:l,onChange:(s,n)=>{r(n)},"aria-label":"basic tabs example",children:[e(y,{label:"All Data (20)",...T(0)}),e(y,{label:"Ongoing (5)",...T(1)}),e(y,{label:"Done (15)",...T(2)})]})}),e(S,{value:l,index:0,children:e(ce,{})}),e(S,{value:l,index:1,children:"Item Two"}),e(S,{value:l,index:2,children:"Item Two"})]})})})})})}export{Se as default};
|