https://netmon.com/demo/static/js/2639.ada474d4.chunk.js

1"use strict";(self.webpackChunknetmon=self.webpackChunknetmon||[]).push([[2639],{30835:(e,t,a)=>{a.d(t,{A:()=>r});var s=a(65043),o=a(76361),n=a(70579);const r=e=>{let{children:t,isPrinting:a,style:r={}}=e;const i=(0,s.useRef)(null);return(0,s.useEffect)((()=>{if(a&&i.current){const e=i.current.querySelector("canvas");if(e){const t=o.t1.getChart(e);if(t){const e={...t.options};t.options.animation=!1,t.options.responsive=!0,t.options.maintainAspectRatio=!0,t.options.plugins&&t.options.plugins.legend&&(t.options.plugins.legend.labels={...t.options.plugins.legend.labels,color:"#000000"}),t.options.scales&&Object.keys(t.options.scales).forEach((e=>{t.options.scales[e].ticks&&(t.options.scales[e].ticks.color="#000000"),t.options.scales[e].grid&&(t.options.scales[e].grid.color="rgba(0,0,0,0.1)")})),t.update("none"),setTimeout((()=>{a||(t.options=e,t.update("none"))}),1e3)}}}}),[a]),(0,n.jsx)("div",{ref:i,className:"chart-container",style:{pageBreakInside:"avoid",breakInside:"avoid",marginBottom:"20px",backgroundColor:a?"white":"transparent",...r},children:t})}},42639:(e,t,a)=>{a.r(t),a.d(t,{default:()=>h});var s=a(65043),o=a(62495),n=a(45543),r=a(76621),i=a(6058),l=a(28096),c=a(30835),d=a(17218),m=a(70579);const u=e=>"".concat(Math.ceil(e/1e3),"ms"),h=e=>{let{report:t,header:a=!1,setCSV:h,props:p,isPrinting:g=!1,tease:f=!1,isCompact:x=!1}=e;const v=(0,o.fk)();let y=Object.values(t.data),b=null===t||void 0===t?void 0:t.start,w=null===t||void 0===t?void 0:t.end;const P=y,j={labels:P.map((e=>e.label)),datasets:[{label:"Uptime %",data:y.map((e=>100-e.summary.downtime)),backgroundColor:"#04a9f5"}]};(0,s.useEffect)((()=>{P&&h(P.map((e=>{let{summary:t,...a}=e;return{...a,...t}})))}),[P]);const S=[{accessor:"device",maxWidth:10,Cell:e=>{let{row:t}=e;return a&&!g?(0,m.jsx)("i",{className:"fa-solid fa-chart-line",onClick:async()=>{l.oR.info("Generating report...",{position:"top-right",autoClose:1e3});const e=await n.Ay.get("/latencyTracker",{params:{nostore:!0,title:"UpDown ".concat(t.original.name),start:b,end:w,device:t.original.device}});201===e.data.status&&p.setData(e.data.report)}}):(0,m.jsx)(m.Fragment,{})}},{Header:"Device",accessor:"name"},{Header:"Uptime %",accessor:"uptime"},{Header:"MinLatency",accessor:"minLatency",Cell:e=>{let{cell:{value:t}}=e;return u(t)}},{Header:"MaxLatency",accessor:"maxLatency",Cell:e=>{let{cell:{value:t}}=e;return u(t)}},{Header:"AvgLatency",accessor:"avgLatency",Cell:e=>{let{cell:{value:t}}=e;return u(t)}}],N=[{Header:"Device",accessor:"name"},{Header:"Uptime %",accessor:"uptime"},{Header:"AvgLatency",accessor:"avgLatency",Cell:e=>{let{cell:{value:t}}=e;return u(t)}}];return(0,m.jsxs)("div",{className:f?"report-tease":"",style:{backgroundColor:g?"white":"transparent",color:g?"black":"inherit"},children:[(0,m.jsx)(c.A,{isPrinting:g,style:{height:"200px",padding:"10px 5px",...p.chartStyle},children:(0,m.jsx)(i.yP,{data:j,options:{responsive:!0,maintainAspectRatio:!1,animation:!g,layout:{padding:{left:10,right:10,top:10,bottom:10}},scales:{x:{grid:{display:!1},ticks:{maxRotation:0,maxTicksLimit:6,padding:8,color:g?"#000000":v.chartText}},y:{min:0,max:100,grid:{drawTicks:!1,color:g?"rgba(0,0,0,0.1)":"rgba(212, 212, 212, 0.50)"},ticks:{maxTicksLimit:6,padding:8,color:g?"#000000":v.chartText}}},plugins:{legend:a?{display:!0,position:"top",labels:{boxWidth:3,boxHeight:3,pointStyle:"circle",usePointStyle:!1,color:g?"#000000":v.chartText}}

1:{display:!1},tooltip:{mode:"index",callbacks:{label:e=>"".concat(e.dataset.label,": ").concat(e.parsed.y.toFixed(2),"%")}},zoom:(0,d.xl)(x)}}})}),(0,m.jsx)("hr",{style:{borderColor:g?"#ddd":"inherit"}}),(0,m.jsxs)("div",{style:{...p.tableStyle,backgroundColor:g?"white":"transparent"},children:[(0,m.jsx)(r.A,{defaultPageSize:g?1e3:100,showEntires:a&&!g,showSearch:a&&!g,showPageCount:a&&!g,showGoToPage:a&&!g,showPageSelect:a&&!g,fontSize:a?"12px":"13px",columns:f?N:S,...(0,d.GH)(f),...(0,d.CZ)(x,g),data:P.sort(((e,t)=>Number(e.ip_address.split(".").map((e=>"000".concat(e).slice(-3))).join(""))-Number(t.ip_address.split(".").map((e=>"000".concat(e).slice(-3))).join("")))).map(((e,t)=>({device:e.id,name:e.label,profile:e.profile,uptime:(100-e.summary.downtime).toFixed(2),minLatency:e.summary.minLatency,maxLatency:e.summary.maxLatency,avgLatency:e.summary.avgLatency})))}),"      "]})]})}},17218:(e,t,a)=>{a.d(t,{CZ:()=>o,GH:()=>s,xl:()=>n});const s=e=>e?{defaultPageSize:5,fontSize:10,showEntires:!1,showSearch:!1,showPageCount:!1,showGoToPage:!1,showPageSelect:!1}:{},o=function(e){return e&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])?{defaultPageSize:10,showEntires:!1,showGoToPage:!1,fontSize:"12px"}:{}},n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"xy";return{zoom:{wheel:{enabled:!0},pinch:{enabled:!e},mode:t},pan:{enabled:!e,mode:t}}}},43211:(e,t,a)=>{a.d(t,{y:()=>i});var s=a(65043),o=a(71094),n=a(28125),r=a(70579);const i=s.memo((e=>{let{filter:t,setFilter:a,onIconClick:i=(()=>{}),...l}=e;const[c,d]=(0,s.useState)(t);(0,s.useEffect)((()=>{t!==c&&d(t)}),[t]);const m=(0,o.useAsyncDebounce)((e=>{a(e||void 0)}),200),u=(0,s.useCallback)((()=>{d(""),a(void 0),i()}),[a,i]),h=(0,s.useCallback)((e=>{d(e.target.value),m(e.target.value)}),[m]),p=(0,s.useMemo)((()=>({...l.style})),[l.style]);return(0,r.jsxs)("div",{className:"d-flex align-items-center justify-content-end",style:{position:"relative",width:"auto",...p},children:[(0,r.jsx)("i",{className:"fa-solid fa-search ".concat(l.iconClassName||""),style:{marginRight:"0.5em"},onClick:i}),(0,r.jsx)(n.A.Control,{className:"nm-form-input nm-background-primary",style:{width:"auto",...p},type:"text",placeholder:"Search . . .",value:c||"",onChange:h}),(0,r.jsx)("i",{className:"fa-solid fa-x header-toggle",style:{position:"absolute",right:"0.5em",opacity:c?1:0},onClick:u})]})}))},76621:(e,t,a)=>{a.d(t,{A:()=>m});var s=a(65043),o=a(71094),n=a(64196),r=a(27491),i=a(43211),l=a(17150),c=a(70579);function d(e){let{columns:t,data:a,maxHeight:l,striped:d,bordered:m,showHeaders:u,showPageSelect:h,showEntires:p,showSearch:g,showPageCount:f,showGoToPage:x,noEntriesMessage:v,defaultPageSize:y,defaultSort:b,fontSize:w,highlightRow:P,entities:j,onPageChange:S,className:N=""}=e;const{getTableProps:C,getTableBodyProps:k,headerGroups:A,page:E,prepareRow:z,globalFilter:L,setGlobalFilter:H,setPageSize:R,pageOptions:T,pageCount:G,gotoPage:F,nextPage:D,previousPage:M,canPreviousPage:B,canNextPage:I,state:{pageIndex:U,pageSize:W}}=(0,o.useTable)({columns:t,data:a,autoResetFilters:!1,autoResetGlobalFilter:!1,autoResetPage:!1,autoResetSortBy:!1,autoResetRowState:!1,initialState:{pageIndex:0,pageSize:y,sortBy:b?[{id:b,desc:!0}]:[]}},o.useGlobalFilter,o.useSortBy,o.usePagination);(0,s.useEffect)((()=>{j&&R(j)}),[j]),(0,s.useEffect)((()=>{S&&S(F)}),[S,F]),(0,s.useEffect)((()=>{F(0)}),[L,H]);const K={backgroundColor:"var(--selected-bg)",fontWeight:"bold"};return(0,c.jsxs)("div",{className:N||void 0,style:{width:"100%",overflowX:"auto"},children:[(!0===p||!0===g)&&(0,c.jsxs)("div",{className:"row",children:[!0===p&&(0,c.jsx)("div",{className:"col text-left xl",children:(0,c.jsxs)("span",{className:"d-flex align-items-center",style:{fontSize:"13px"},children:["Show",(0,c.jsx)("select",{className:"form-control w-auto mx-1",value:W,style:{height:"calc(2rem + 2px)",padding:"5px",fontSize:"13px"},onChange:e=>{R(Number(e.target.value))},children:[10,20,30,40,50,100].map((e=>(0,c.jsx)("option",{value:e,children:e},e)))}),"entries"]})}),!0===g&&(0,c.jsx)("div",{className:"col text-right",children:(0,c.jsx)(i.y,{filter:L,setFilter:H})})]}),(0,c.jsx)("div",{style:{maxHeight:l,overflow:"auto",marginBottom:"0.5rem"},children:(0,c.jsxs)(n.A,{responsive:!0,bordered:m,striped:d,hover:!0,size:"sm",...C(),children:[u&&(0,c.jsx)("thead",{children:A.map((e=>(0,c.jsx)("tr",{...e.getHeaderGroupProps(),children:e.headers.map((e=>(0,c.jsxs)("th",{...e.getHeaderProps(e.getSortByToggleProps()),children:[e.render("Header"),(0,c.jsx)("span",{children:e.isSorted?e.isSortedDesc?(0,c.jsx)("span",{className:"feather icon-arrow-down text-muted float-right mt-1"}):(0,c.jsx)("span",{className:"feather icon-arrow-up text-muted float-right mt-1"}):""})]})))})))}),(0,c.jsx)("tbody",{...k(),children:0===E.length?(0,c.jsx)("tr",{children:(0,c.jsx)("td",{colSpan:t.length,align:"center",children:(0,c.jsx)("h6",{style:{marginBottom:"0"},children:v})})}):E.map((e=>{z(e);const t=P(e);return(0,c.jsx)("tr",{...e.getRowProps(),style:t?K:{},children:e.cells.map((t=>(0,c.jsx)("td",{...t.getCellProps({style:{whiteSpace:"unset",maxWidth:t.column.maxWidth,width:t.column.width,fontSize:w},onClick:e.original.clickEvent,onContextMenu:e.original.contextMenu}),"data-label":"string"===typeof t.column.Header?t.column.Header:void 0,children:t.render("Cell")})))})}))})]})}

1),(!0===f||!0===h)&&(0,c.jsxs)("div",{className:"row",style:{paddingBottom:"20px"},children:[!0===h&&T.length>0&&(0,c.jsx)("div",{className:"col text-left",children:(0,c.jsxs)("span",{className:"d-flex align-items-center",style:{fontSize:"13px"},children:["Page ",U+1," of ",T.length," ",!0===x&&(0,c.jsx)("input",{type:"number",className:"form-control ml-2",defaultValue:U+1,onChange:e=>{const t=e.target.value?Math.max(Number(e.target.value)-1,0):0;F(t)},style:{fontSize:"13px",width:"100px",height:"calc(2rem + 2px)"}})]})}),!0===f&&T.length>0&&(0,c.jsx)("div",{className:"col text-right",children:(0,c.jsxs)(r.A,{style:{margin:"0"},className:"justify-content-end",children:[(0,c.jsx)(r.A.First,{onClick:()=>F(0),disabled:!B}),(0,c.jsx)(r.A.Prev,{onClick:()=>M(),disabled:!B}),(0,c.jsx)(r.A.Next,{onClick:()=>D(),disabled:!I}),(0,c.jsx)(r.A.Last,{onClick:()=>F(G-1),disabled:!I})]})})]})]})}const m=function(e){let{columns:t,data:a,highlightRow:s=(()=>!1),bordered:o=!0,defaultPageSize:n=10,striped:r=!0,showGoToPage:i=!0,showHeaders:m=!0,showSearch:u=!0,showEntires:h=!0,showPageCount:p=!0,showPageSelect:g=!0,noEntriesMessage:f="No matching entries found.",defaultSort:x,fontSize:v=13,entities:y=null,onPageChange:b=null,className:w=""}=e;return(0,l.hX)(t)&&(t=[]),(0,l.hX)(a)&&(a=[]),(0,c.jsx)(d,{columns:t,bordered:o,striped:r,showHeaders:m,highlightRow:s,data:a,showSearch:u,showEntires:h,showPageCount:p,showPageSelect:g,noEntriesMessage:f,showGoToPage:i,defaultPageSize:n,defaultSort:x,fontSize:v,entities:y,onPageChange:b,className:w})}},27491:(e,t,a)=>{a.d(t,{A:()=>P});var s=a(58168),o=a(98587),n=a(70669),r=a.n(n),i=a(65043),l=a(67852),c=a(55466),d=["active","disabled","className","style","activeLabel","children"],m=["children"],u=i.forwardRef((function(e,t){var a=e.active,n=e.disabled,l=e.className,m=e.style,u=e.activeLabel,h=e.children,p=(0,o.A)(e,d),g=a||n?"span":c.A;return i.createElement("li",{ref:t,style:m,className:r()(l,"page-item",{active:a,disabled:n})},i.createElement(g,(0,s.A)({className:"page-link",disabled:n},p),h,a&&u&&i.createElement("span",{className:"sr-only"},u)))}));u.defaultProps={active:!1,disabled:!1,activeLabel:"(current)"},u.displayName="PageItem";const h=u;function p(e,t,a){function s(e){var s=e.children,n=(0,o.A)(e,m);return i.createElement(u,n,i.createElement("span",{"aria-hidden":"true"},s||t),i.createElement("span",{className:"sr-only"},a))}return void 0===a&&(a=e),s.displayName=e,s}var g=p("First","\xab"),f=p("Prev","\u2039","Previous"),x=p("Ellipsis","\u2026","More"),v=p("Next","\u203a"),y=p("Last","\xbb"),b=["bsPrefix","className","children","size"],w=i.forwardRef((function(e,t){var a=e.bsPrefix,n=e.className,c=e.children,d=e.size,m=(0,o.A)(e,b),u=(0,l.oU)(a,"pagination");return i.createElement("ul",(0,s.A)({ref:t},m,{className:r()(n,u,d&&u+"-"+d)}),c)}));w.First=g,w.Prev=f,w.Ellipsis=x,w.Item=h,w.Next=v,w.Last=y;const P=w},55466:(e,t,a)=>{a.d(t,{A:()=>d});var s=a(58168),o=a(98587),n=a(65043),r=a(65468),i=["as","disabled","onKeyDown"];function l(e){return!e||"#"===e.trim()}var c=n.forwardRef((function(e,t){var a=e.as,c=void 0===a?"a":a,d=e.disabled,m=e.onKeyDown,u=(0,o.A)(e,i),h=function(e){var t=u.href,a=u.onClick;(d||l(t))&&e.preventDefault(),d?e.stopPropagation():a&&a(e)};return l(u.href)&&(u.role=u.role||"button",u.href=u.href||"#"),d&&(u.tabIndex=-1,u["aria-disabled"]=!0),n.createElement(c,(0,s.A)({ref:t},u,{onClick:h,onKeyDown:(0,r.A)((function(e){" "===e.key&&(e.preventDefault(),h(e))}),m)}))}));c.displayName="SafeAnchor";const d=c},64196:(e,t,a)=>{a.d(t,{A:()=>d});var s=a(58168),o=a(98587),n=a(70669),r=a.n(n),i=a(65043),l=a(67852),c=["bsPrefix","className","striped","bordered","borderless","hover","size","variant","responsive"];const d=i.forwardRef((function(e,t){var a=e.bsPrefix,n=e.className,d=e.striped,m=e.bordered,u=e.borderless,h=e.hover,p=e.size,g=e.variant,f=e.responsive,x=(0,o.A)(e,c),v=(0,l.oU)(a,"table"),y=r()(n,v,g&&v+"-"+g,p&&v+"-"+p,d&&v+"-striped",m&&v+"-bordered",u&&v+"-borderless",h&&v+"-hover"),b=i.createElement("table",(0,s.A)({},x,{className:y,ref:t}));if(f){var w=v+"-responsive";return"string"===typeof f&&(w=w+"-"+f),i.createElement("div",{className:w},b)}return b}))}}]);
2//# sourceMappingURL=2639.ada474d4.chunk.js.map