"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[255],{4665:(n,r,t)=>{t.d(r,{Z:()=>A});var e=t(87537),s=t.n(e),i=t(23645),o=t.n(i)()(s());o.push([n.id,".simple-layout {\r\n  height: 100%;\r\n  padding: 20px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  background-color: white;\r\n}\r\n\r\n.simple-layout > div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.simple-layout .layout-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  flex: 1 1 100%;\r\n}\r\n\r\n.simple-layout .layout-content > div {\r\n  width: 100%;\r\n}\r\n\r\n.simple-layout .divider.top {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n\r\n/* Message layout */\r\n.system-log .message-list {\r\n  width: 100%;\r\n  margin: 10px 0px !important;\r\n}\r\n\r\n.system-log .status.item i {\r\n  float: left;\r\n}\r\n\r\n.system-log .status.item .text {\r\n  margin-top: 5px;\r\n  margin-bottom: 10px;\r\n  overflow: hidden;\r\n}\r\n\r\n.system-log .status.item .time {\r\n  color: gray;\r\n}\r\n\r\n.system-log .status.item .label {\r\n  color: gray;\r\n  margin-right: 3px;\r\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;;;AAGA,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 {\r\n  height: 100%;\r\n  padding: 20px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  background-color: white;\r\n}\r\n\r\n.simple-layout > div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.simple-layout .layout-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  flex: 1 1 100%;\r\n}\r\n\r\n.simple-layout .layout-content > div {\r\n  width: 100%;\r\n}\r\n\r\n.simple-layout .divider.top {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n\r\n/* Message layout */\r\n.system-log .message-list {\r\n  width: 100%;\r\n  margin: 10px 0px !important;\r\n}\r\n\r\n.system-log .status.item i {\r\n  float: left;\r\n}\r\n\r\n.system-log .status.item .text {\r\n  margin-top: 5px;\r\n  margin-bottom: 10px;\r\n  overflow: hidden;\r\n}\r\n\r\n.system-log .status.item .time {\r\n  color: gray;\r\n}\r\n\r\n.system-log .status.item .label {\r\n  color: gray;\r\n  margin-right: 3px;\r\n}"],sourceRoot:""}]);const A=o},36290:(n,r,t)=>{t.r(r),t.d(r,{default:()=>_});var e=t(85893),s=t(67294),i=t(70923),o=t(61593),A=t(518),a=t(94897),l=t(32347),m=t(48117);const d={clear:{displayName:"Clear",access:a.Z.EVENTS_EDIT,icon:m.Z.CLEAR,handler:()=>A.Z.delete(o.Z.MESSAGES_URL)}},c={moduleId:l.jv.EVENTS,actions:d};var g=t(72582),u=t(91462),E=t(45807),p=t(93379),y=t.n(p),C=t(7795),v=t.n(C),x=t(90569),B=t.n(x),h=t(3565),f=t.n(h),b=t(19216),Z=t.n(b),j=t(44589),w=t.n(j),N=t(4665),k={};k.styleTagTransform=w(),k.setAttributes=f(),k.insert=B().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=Z(),y()(N.Z,k),N.Z&&N.Z.locals&&N.Z.locals;var S=t(54883),W=t(27695),T=t(25334),I=t(8717);const V=({messages:n,t:r})=>n?0===n.length?(0,e.jsx)(W.Z,{description:(0,I.Iu)("No messages to show",r,l.jv.EVENTS)},void 0):(0,e.jsx)(T.Z,{className:"events",messages:n,scrollPositionHandler:g.Z,t:r},void 0):(0,e.jsx)(S.Z,{text:(0,I.Iu)("Loading messages",r,l.jv.EVENTS)},void 0);var O=t(92408),R=t(26793);const _=(0,s.memo)((()=>{(0,s.useEffect)((()=>(i.Z.setActive(!0),i.Z.setRead(),g.Z.isInitialized()||i.Z.fetchMessages(),()=>i.Z.setActive(!1))),[]);const{t:n}=(0,R.$)(),r=(0,O.o)(g.Z);return(0,e.jsx)("div",Object.assign({className:"simple-layout"},{children:(0,e.jsxs)("div",Object.assign({className:"wrapper"},{children:[(0,e.jsx)(u.Z,{icon:m.Z.EVENTS_COLORED,title:(0,I.Iu)("Events",n,l.jv.EVENTS),rightComponent:(0,e.jsx)(E.Z,{actions:c,actionId:"clear",icon:null},void 0)},void 0),(0,e.jsx)("div",{className:"ui divider top"},void 0),(0,e.jsx)("div",Object.assign({className:"layout-content system-log"},{children:(0,e.jsx)(V,{messages:r,t:n},void 0)}),void 0)]}),void 0)}),void 0)}),(()=>!0))}}]);
//# sourceMappingURL=system-log.7aa8ba9d8b4a5711c4fc.chunk.js.map