"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:()=>K});var s=e(74848),A=e(96540),a=e(96577),i=e(13686),o=e(32811),l=e(97744),m=e(67749),r=e(4425);const c={clear:{id:"clear",displayName:"Clear",access:l.A.EVENTS_EDIT,icon:r.A.CLEAR,handler:()=>o.A.delete(i.A.MESSAGES_URL)}},d={moduleData:{moduleId:m.KV.EVENTS},actions:c};var E=e(94743),u=e(31224),g=e(85072),p=e.n(g),y=e(97825),C=e.n(y),B=e(77659),x=e.n(B),h=e(55056),f=e.n(h),v=e(10540),b=e.n(v),w=e(41113),N=e.n(w),T=e(21029),j={};j.styleTagTransform=N(),j.setAttributes=f(),j.insert=x().bind(null,"head"),j.domAPI=C(),j.insertStyleElement=b(),p()(T.A,j),T.A&&T.A.locals&&T.A.locals;var k=e(99347),S=e(32728),W=e(85865),V=e(42695);const I=({messages:n,t})=>n?0===n.length?(0,s.jsx)(S.A,{description:(0,V.Tl)("No messages to show",t,m.KV.EVENTS)}):(0,s.jsx)(W.A,{className:"events",messages:n,scrollPositionHandler:E.A,t}):(0,s.jsx)(k.A,{text:(0,V.Tl)("Loading messages",t,m.KV.EVENTS)});var M=e(69640),R=e(32389),_=e(71352);const K=(0,A.memo)((function(){(0,A.useEffect)((()=>(a.A.setActive(!0),a.A.setRead(),E.A.isInitialized()||a.A.fetchMessages(),()=>a.A.setActive(!1))),[]);const{t:n}=(0,R.Bd)(),t=(0,M.P)(E.A);return(0,s.jsx)("div",{className:"simple-layout",children:(0,s.jsxs)("div",{className:"wrapper",children:[(0,s.jsx)(u.A,{icon:r.A.EVENTS_COLORED,title:(0,s.jsx)(_.Wy,{caption:(0,V.Tl)("Events",n,m.KV.EVENTS),actions:d,remoteMenuId:"events"})}),(0,s.jsx)("div",{className:"ui divider top"}),(0,s.jsx)("div",{className:"layout-content system-log",children:(0,s.jsx)(I,{messages:t,t:n})})]})})}),(()=>!0))}}]);
//# sourceMappingURL=system-log.98921bdca30da6fc1b0a.chunk.js.map