"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[721],{21029:(n,t,e)=>{e.d(t,{A:()=>o});var s=e(71354),A=e.n(s),a=e(76314),i=e.n(a)()(A());i.push([n.id,".simple-layout {\n  height: 100%;\n  padding: 20px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: white;\n}\n\n.simple-layout > div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.simple-layout .layout-content {\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  flex: 1 1 100%;\n}\n\n.simple-layout .layout-content > div {\n  width: 100%;\n}\n\n.simple-layout .divider.top {\n  margin-bottom: 0px;\n}\n\n/* Message layout */\n.system-log .message-list {\n  width: 100%;\n  margin: 10px 0px !important;\n}\n\n.system-log .status.item i {\n  float: left;\n}\n\n.system-log .status.item .text {\n  margin-top: 5px;\n  margin-bottom: 10px;\n  overflow: hidden;\n}\n\n.system-log .status.item .time {\n  color: gray;\n}\n\n.system-log .status.item .label {\n  color: gray;\n  margin-right: 3px;\n}\n","",{version:3,sources:["webpack://./src/routes/Sidebar/routes/Events/style.css"],names:[],mappings:"AAAA;EACE,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,kBAAkB;EAClB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,YAAY;AACd;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,cAAc;AAChB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA,mBAAmB;AACnB;EACE,WAAW;EACX,2BAA2B;AAC7B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,eAAe;EACf,mBAAmB;EACnB,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB",sourcesContent:[".simple-layout {\n  height: 100%;\n  padding: 20px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: white;\n}\n\n.simple-layout > div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.simple-layout .layout-content {\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  flex: 1 1 100%;\n}\n\n.simple-layout .layout-content > div {\n  width: 100%;\n}\n\n.simple-layout .divider.top {\n  margin-bottom: 0px;\n}\n\n/* Message layout */\n.system-log .message-list {\n  width: 100%;\n  margin: 10px 0px !important;\n}\n\n.system-log .status.item i {\n  float: left;\n}\n\n.system-log .status.item .text {\n  margin-top: 5px;\n  margin-bottom: 10px;\n  overflow: hidden;\n}\n\n.system-log .status.item .time {\n  color: gray;\n}\n\n.system-log .status.item .label {\n  color: gray;\n  margin-right: 3px;\n}\n"],sourceRoot:""}]);const o=i},8471:(n,t,e)=>{e.r(t),e.d(t,{default:()=>_});var s=e(74848),A=e(96540),a=e(96577),i=e(13686),o=e(86038),l=e(67749),m=e(4425);const r={clear:{id:"clear",displayName:"Clear",access:o.US.EVENTS_EDIT,icon:m.A.CLEAR,handler:({socket:n})=>n.delete(i.A.MESSAGES_URL)}},c={moduleData:{moduleId:l.KV.EVENTS},actions:r};var d=e(21846),E=e(31224),u=e(85072),g=e.n(u),p=e(97825),y=e.n(p),C=e(77659),B=e.n(C),x=e(55056),h=e.n(x),f=e(10540),v=e.n(f),b=e(41113),w=e.n(b),N=e(21029),k={};k.styleTagTransform=w(),k.setAttributes=h(),k.insert=B().bind(null,"head"),k.domAPI=y(),k.insertStyleElement=v(),g()(N.A,k),N.A&&N.A.locals&&N.A.locals;var S=e(99347),T=e(32728),j=e(85865),W=e(42695);const V=({messages:n,t})=>n?0===n.length?(0,s.jsx)(T.A,{description:(0,W.Tl)("No messages to show",t,l.KV.EVENTS)}):(0,s.jsx)(j.A,{className:"events",messages:n,scrollPositionHandler:d.A,t}):(0,s.jsx)(S.A,{text:(0,W.Tl)("Loading messages",t,l.KV.EVENTS)});var I=e(69640),M=e(32389),R=e(71352);const _=(0,A.memo)((function(){(0,A.useEffect)((()=>(a.A.setActive(!0),a.A.setRead(),d.A.isInitialized()||a.A.fetchMessages(),()=>a.A.setActive(!1))),[]);const{t:n}=(0,M.Bd)(),t=(0,I.P)(d.A);return(0,s.jsx)("div",{className:"simple-layout",children:(0,s.jsxs)("div",{className:"wrapper",children:[(0,s.jsx)(E.A,{icon:m.A.EVENTS_COLORED,title:(0,s.jsx)(R.Wy,{caption:(0,W.Tl)("Events",n,l.KV.EVENTS),actions:c,remoteMenuId:"events"})}),(0,s.jsx)("div",{className:"ui divider top"}),(0,s.jsx)("div",{className:"layout-content system-log",children:(0,s.jsx)(V,{messages:t,t:n})})]})})}),(()=>!0))}}]);
//# sourceMappingURL=system-log.fe0f9ced7ad49ada92a9.chunk.js.map