2 lines
5.6 KiB
JavaScript
2 lines
5.6 KiB
JavaScript
import{P as x}from"./Page.521493b5.js";import{c as y,j as i,a1 as f,o as F,r as k,f as n,a3 as B,S as r,I as C,t as d,T as a,B as u,s as b}from"./index.8db8ac40.js";import{G as c}from"./Grid.1894d4b6.js";import{C as s}from"./Card.ce7d7ff4.js";import{T as S,a as w}from"./Tabs.97838559.js";import"./KeyboardArrowRight.af84314f.js";const T=y(i("path",{d:"m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"}),"Favorite");function p(e){const{children:l,value:t,index:o,...h}=e;return i("div",{role:"tabpanel",hidden:t!==o,id:`simple-tabpanel-${o}`,"aria-labelledby":`simple-tab-${o}`,style:{backgroundColor:"#F9FAFB"},...h,children:t===o&&i(u,{sx:{p:3},children:i(a,{children:l})})})}function g(e){return{id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`}}const I=b(e=>i(S,{...e}))({"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{maxWidth:40,width:"100%",backgroundColor:"#635ee7"}}),m=b(e=>i(w,{disableRipple:!0,...e}))(({theme:e})=>({textTransform:"none",fontWeight:500,fontSize:e.typography.pxToRem(20),color:e.palette.primary.main,maxWidth:"100%",flex:1,margin:"0 !important","&.Mui-selected":{color:"#FFF",backgroundColor:e.palette.primary.main},"&:hover":{backgroundColor:e.palette.primary.dark,color:"#FFF",opacity:1}}));function E(){const{themeStretch:e}=f(),l=F(),[t,o]=k.exports.useState(0);return i(x,{title:"Service Monitoring 123456",children:n(B,{maxWidth:e?!1:"xl",children:[n(r,{direction:"row",alignItems:"center",sx:{marginBottom:2},children:[i(C,{onClick:()=>l("/alarm-center"),sx:{marginRight:"10px",color:"#424242"},children:i(d,{icon:"heroicons-outline:arrow-narrow-left"})}),i(a,{variant:"h5",children:"Service Monitoring"}),n(r,{direction:"row",alignItems:"center",sx:{backgroundColor:"#DFE3E8",color:"#212B36",paddingX:2,paddingY:1,marginLeft:3,borderRadius:1},children:[i(d,{icon:"akar-icons:check",sx:{marginRight:1}}),i(a,{variant:"caption",children:"Done"})]})]}),n(c,{container:!0,spacing:3,sx:{marginBottom:5},children:[i(c,{item:!0,xs:4,lg:4,md:6,children:i(s,{sx:{borderRadius:"6px"},children:n(r,{children:[n(r,{direction:"row",alignItems:"center",sx:{backgroundColor:"#F5F5F5",paddingY:1,paddingX:2,color:"#19BBBB"},children:[i(d,{icon:"bxs:user",width:22,height:18,sx:{marginRight:"10px"}}),i(a,{children:"Employee Profiles"})]}),n(r,{direction:"row",spacing:1,sx:{paddingY:1,paddingX:2},children:[n(r,{spacing:2,children:[n(r,{children:[i(a,{variant:"caption",children:"Nama perusahaan"}),i(a,{variant:"body2",children:"PT. Amman Mineral"})]}),n(r,{children:[i(a,{variant:"caption",children:"Nama Lengkap"}),i(a,{variant:"body2",children:"Stephen kuow"})]}),n(r,{children:[i(a,{variant:"caption",children:"Tanggal lahir"}),i(a,{variant:"body2",children:"09 Aug 1980"})]}),n(r,{children:[i(a,{variant:"caption",children:"Email"}),i(a,{variant:"body2",children:"Stephen.uow@gmal.com"})]}),n(r,{children:[i(a,{variant:"caption",children:"No telepon"}),i(a,{variant:"body2",children:"+62 821-8123-2323"})]})]}),n(r,{children:[i(a,{variant:"caption",children:"ID Karyawan"}),i(a,{variant:"body2",children:"12345678"})]})]})]})})}),i(c,{item:!0,xs:4,lg:4,md:6,children:i(s,{sx:{borderRadius:"6px",height:"100%"},children:n(r,{children:[n(r,{direction:"row",alignItems:"center",sx:{backgroundColor:"#F5F5F5",paddingY:1,paddingX:2,color:"#19BBBB"},children:[i(d,{icon:"heroicons-solid:clipboard-list",width:22,height:18,sx:{marginRight:"10px"}}),i(a,{children:"Diagnose Summary"})]}),n(r,{spacing:2,sx:{paddingY:1,paddingX:2},children:[n(r,{children:[i(a,{variant:"caption",children:"Gejala"}),i(a,{variant:"body2",children:"Nyeri dada"})]}),n(r,{children:[i(a,{variant:"caption",children:"Tanda"}),i(a,{variant:"body2",children:"Sesak Napas"})]}),n(r,{children:[i(a,{variant:"caption",children:"Main Diagnose"}),i(a,{variant:"body2",children:"J46 Status asthmaticus, Acute severe asthma"})]}),n(r,{children:[i(a,{variant:"caption",children:"Diagnosis pembanding"}),i(a,{variant:"body2",children:"K21 Gastro-oesophageal reflux disease"})]})]})]})})}),i(c,{item:!0,xs:4,lg:4,md:6,children:i(s,{sx:{borderRadius:"6px",height:"100%"},children:n(r,{children:[n(r,{direction:"row",alignItems:"center",sx:{backgroundColor:"#F5F5F5",paddingY:1,paddingX:2,color:"#19BBBB"},children:[i(d,{icon:"iconoir:healthcare",width:22,height:18,sx:{marginRight:"10px"}}),i(a,{children:"Services"})]}),i(r,{direction:"row",spacing:1,sx:{paddingY:1,paddingX:2},children:n(r,{spacing:2,children:[n(r,{children:[i(a,{variant:"caption",children:"Evakuasi medis"}),i(a,{variant:"body2",children:"Land Transportation"})]}),n(r,{children:[i(a,{variant:"caption",children:"Rumah sakit"}),i(a,{variant:"body2",children:"Primaya Hospital"})]}),n(r,{direction:"row",spacing:16,children:[n(r,{children:[i(a,{variant:"caption",children:"Tanggal mulai"}),i(a,{variant:"body2",children:"17 Aug 2022"})]}),n(r,{children:[i(a,{variant:"caption",children:"Selesai"}),i(a,{variant:"body2",children:"18 Aug 2022"})]})]}),n(r,{children:[i(a,{variant:"caption",children:"Daftar layanan"}),i(a,{variant:"body2",children:"Inpatient, Medivac (Medical Evacuation)"})]})]})})]})})}),n(c,{item:!0,sm:!0,children:[i(u,{sx:{borderBottom:1,borderColor:"divider"},children:n(I,{value:t,onChange:(R,v)=>{o(v)},"aria-label":"basic tabs example",children:[i(m,{icon:i(T,{}),label:"Daily Monitoring",...g(0)}),i(m,{icon:i(d,{icon:"heroicons-solid:beaker"}),label:"Laboratorium Result",...g(1)})]})}),i(p,{value:t,index:0,children:"Item One"}),i(p,{value:t,index:1,children:"Item Two"})]})]})]})})}export{E as default};
|