1#@!#!123s

: / usr / local / psa / admin / cp / public / javascript / components / pages /
Filename : TrafficUsageByDomainPage.js
back
"use strict";(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components/pages/TrafficUsageByDomainPage"],{1411:(e,t,a)=>{a.r(t),a.d(t,{SORT_ASC:()=>c,SORT_DESC:()=>g,default:()=>h});var r=a(285),s=a(596),i=a.n(s),n=a(286),o=a(89);const l=o.Locale.getTranslate("components.list"),d=o.Locale.getSection("components.list"),c="ASC",g="DESC",u="all",m={set(e,t){localStorage.setItem(e,JSON.stringify(t))},get(e){const t=localStorage.getItem(e);return JSON.parse(t)}},p=e=>`list-sort_${e}`,f=e=>`list-page_${e}`,y=({id:e,data:t,columns:a,itemsPerPage:s=25,itemsPerPageOptions:i=[10,25,100,u],sortColumn:o,sortDirection:g=c,searchField:y,locale:h={},emptyView:P,emptyFilteredView:v,toolbar:x,selection:b=[],onSelectionChange:S,searchBarInputProps:j,rowKey:w="key",useStorage:C=!0,...R})=>{const{sortColumn:D,sortDirection:T,setSortState:k}=((e,{sortColumn:t,sortDirection:a})=>{const[{sortColumn:s,sortDirection:i},n]=(0,r.useState)({sortColumn:m.get(p(e))?.sortColumn??t,sortDirection:m.get(p(e))?.sortDirection??a});return{sortColumn:s,sortDirection:i,setSortState:t=>{n((e=>({...e,...t}))),m.set(p(e),{...m.get(p(e)),...t})}}})(e,{sortColumn:o??a.find((({sortable:e})=>e))?.key,sortDirection:g}),{page:F,itemsPerPage:q,searchPattern:U,setPageState:O}=((e,{itemsPerPage:t},a=!0)=>{const s=a?{page:m.get(f(e))?.page,itemsPerPage:m.get(f(e))?.itemsPerPage,searchPattern:m.get(f(e))?.searchPattern}:{},[{page:i,itemsPerPage:n,searchPattern:o},l]=(0,r.useState)({page:s.page??1,itemsPerPage:s.itemsPerPage??t,searchPattern:s.searchPattern??""});return{page:i,itemsPerPage:n,searchPattern:o,setPageState:t=>{l((e=>({...e,...t}))),a&&m.set(f(e),{...m.get(f(e)),...t})}}})(e,{itemsPerPage:i.includes(s)?s:i[0]},C),L=(0,r.useMemo)((()=>U?v??(0,r.jsx)(n.ListEmptyView,{reason:"filtered",title:(0,r.jsx)(l,{content:"emptyViewFilteredTitle"}),description:(0,r.jsx)(l,{content:"emptyViewFilteredDescription"}),"data-testid":"list-empty-view-filtered"}):P??(0,r.jsx)(n.ListEmptyView,{title:(0,r.jsx)(l,{content:"emptyViewTitle"})})),[U,P,v]),I=(0,r.useMemo)((()=>a.map((({sortDataField:e,...t})=>t))),[a]),N=(0,r.useMemo)((()=>y&&U?t.filter((e=>(Array.isArray(y)?y:[y]).some((t=>e[t]&&String(e[t]).toLowerCase().includes(U.toLowerCase()))))):t),[t,U,y]),M=(0,r.useMemo)((()=>{if(!D)return N;const e=a.find((({key:e})=>e===D))?.sortDataField??D,t=a.find((({key:e})=>e===D))?.sort??((t,a)=>t[e]<a[e]?-1:t[e]>a[e]?1:0);return[...N].sort(((e,a)=>c===T?t(e,a):t(a,e)))}),[N,D,T,a]),V=(0,r.useMemo)((()=>{if(q===u)return M;const e=q*(F-1),t=e+q;return M.slice(e,t)}),[F,M,q]),$=(0,r.useCallback)((e=>{O({searchPattern:e}),e!==U&&O({page:1})}),[U]),_=(0,r.useCallback)((e=>{O({itemsPerPage:e});(e===u?1:Math.ceil(N.length/e))<F&&O({page:1})}),[N.length,F]);return(0,r.useEffect)((()=>{if("function"==typeof S&&b.length){const e=N.map((e=>{return t=e,"function"==typeof(a=w)?a(t):t[a];var t,a})).filter((e=>b.includes(e)));S(e)}}),[N]),(0,r.jsx)(n.List,{pagination:(0,r.jsx)(n.Pagination,{current:F,total:q===u?1:Math.ceil(N.length/q),onSelect:e=>O({page:e}),itemsPerPage:q,itemsPerPageOptions:i,onItemsPerPageChange:_}),toolbar:(x||y)&&(0,r.jsxs)(n.Toolbar,{children:[x,y&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.ToolbarExpander,{}),(0,r.jsx)(n.ToolbarGroup,{title:"",children:(0,r.jsx)(n.SearchBar,{inputProps:{placeholder:d.lmsg("searchPlaceholder"),"data-testid":"list-searchbar",value:U,...j??{}},onTyping:$})})]})]}),totalRows:N.length,sortColumn:D,sortDirection:T,onSortChange:k,columns:I,data:V,filtered:!!U,locale:{totalRows:({totalRows:e})=>d.formatMessage("recordsTotal",{total:e}),...h},emptyView:L,onSelectionChange:S,selection:b,rowKey:w,...R})};y.propTypes={id:i().string.isRequired,data:i().array.isRequired,columns:i().array.isRequired,itemsPerPage:i().number,itemsPerPageOptions:i().array,sortColumn:i().string,sortDirection:i().string,searchField:i().oneOfType([i().string,i().arrayOf(i().string.isRequired)]),locale:i().object,emptyView:i().node,emptyFilteredView:i().node,toolbar:i().node,onSelectionChange:i().func,selection:i().array,rowKey:i().oneOfType([i().string,i().func]),searchBarInputProps:i().object,useStorage:i().bool};const h=y},2830:(e,t,a)=>{a.r(t),a.d(t,{default:()=>d});var r=a(596),s=a.n(r),i=a(286),n=a(285);const o=({year:e,month:t,formattedTotalUsage:a})=>`${((e,t)=>new Date(e,t).toLocaleDateString(document.documentElement.lang||"en",{month:"short"}))(e,t-1)} ${e} (${a})`,l=({value:e=null,intervals:t,onChange:a,...r})=>{const s=[...t].reverse(),l=s.find((({key:t})=>t===(e??s[0]?.key)));return(0,n.jsx)(i.Dropdown,{...r,"data-testid":"interval-select",menu:(0,n.jsx)(i.Menu,{children:s.map((e=>(0,n.jsx)(i.MenuItem,{onClick:()=>a(e.key),children:o(e)},e.key)))}),children:o(l)})};l.propTypes={value:s().string,onChange:s().func.isRequired,intervals:s().arrayOf(s().shape({key:s().string.isRequired,month:s().number.isRequired,year:s().number.isRequired,formattedTotalUsage:s().string.isRequired}).isRequired).isRequired};const d=l},2829:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r.default});var r=a(2830)},2838:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var r=a(596),s=a.n(r),i=a(286),n=a(285);const o=({progress:e})=>(0,n.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,n.jsx)(i.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info"})]});o.propTypes={progress:s().number.isRequired};const l=o},2837:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r.default});var r=a(2838)},2833:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var r=a(611),s=a.n(r),i=a(286),n=a(89),o=(a(2834),a(285));const l=n.Locale.getTranslate("components.common.TrafficUsage.TotalUsageInfo"),d=n.Locale.getSection("smb.components.months"),c=({loading:e,interval:t,trafficData:a,className:r})=>{const n=()=>e?(0,o.jsx)(i.Skeleton,{width:a.isUnlimited?70:200}):a.isUnlimited?a.totalUsageFormatted:(0,o.jsx)(l,{content:"usedLimited",params:{used:a.totalUsageFormatted,limit:a.limitFormatted,percent:a.limitUsagePercent},component:"span",className:"traffic-usage-total-usage-info__used-limited"});return t?(0,o.jsx)(l,{content:"usageWithInterval",params:{usage:n(),month:d.lmsg(t.month.toString()),year:t.year},component:"div",className:s()("traffic-usage-total-usage-info",r)}):(0,o.jsx)(l,{content:"usage",params:{usage:n()},component:"div",className:s()("traffic-usage-total-usage-info",r)})}},2832:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r.default});var r=a(2833)},2836:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var r=a(596),s=a.n(r),i=a(286),n=a(89),o=a(1411),l=a(2837),d=a(285);const c=n.Locale.getTranslate("components.pages.TrafficUsageByDomain.List"),g=({intervalSelect:e,data:t,loading:a})=>{const r=[{key:"serviceName",title:(0,d.jsx)(c,{content:"service"}),type:"title",sortable:!0},{key:"usage",title:(0,d.jsx)(c,{content:"usage"}),sortable:!0,align:"right",width:"110px",render:({usageFormatted:e})=>e},{key:"incoming",title:(0,d.jsx)(c,{content:"incoming"}),sortable:!0,align:"right",width:"110px",render:({incomingFormatted:e})=>e},{key:"outgoing",title:(0,d.jsx)(c,{content:"outgoing"}),sortable:!0,align:"right",width:"110px",render:({outgoingFormatted:e})=>e},{key:"percentOfAll",title:(0,d.jsx)(c,{content:"percentOfAll"}),sortable:!0,align:"right",width:"200px",render:({percentOfAll:e})=>(0,d.jsx)(l.default,{progress:e})}];return(0,d.jsx)(o.default,{id:"domain-traffic-usage-list","data-testid":"domain-services-traffic-usage-list",rowKey:"serviceName",searchField:"serviceName",columns:r,toolbar:(0,d.jsx)(i.ToolbarGroup,{groupable:!1,children:e}),data:t,loading:a,totalRows:void 0})};g.propTypes={intervalSelect:s().node.isRequired,loading:s().bool.isRequired,data:s().arrayOf(s().shape({serviceName:s().string.isRequired,usage:s().number.isRequired,usageFormatted:s().string.isRequired,incoming:s().number.isRequired,incomingFormatted:s().string.isRequired,outgoing:s().number.isRequired,outgoingFormatted:s().string.isRequired,percentOfAll:s().number.isRequired})).isRequired};const u=g},2831:(e,t,a)=>{a.r(t),a.d(t,{default:()=>d});var r=a(586),s=a(1190),i=a.n(s),n=a(2832),o=a(2259),l=(a(2835),a(285));const d=({domainId:e,intervalKey:t,interval:a})=>{const{data:s,previousData:d,loading:c}=(0,r.useQuery)(i(),{variables:{domainId:btoa(`Domain:${e}`),intervalKey:t}}),g=s??d;(0,o.assertNodeTypename)(g.domain,"Domain");const u=g.domain.statistics.trafficUsage,m=g.domain.subscription.limits.traffic;return(0,l.jsx)(n.default,{loading:c,trafficData:{totalUsageFormatted:u.totalUsageFormatted,limitUsagePercent:u.limitUsagePercent,isUnlimited:m.isUnlimited,limitFormatted:m.formattedValue},interval:a,className:"traffic-usage-by-domain-total-usage"})}},2828:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var r=a(285),s=a(580),i=a(586),n=a(2829),o=a(1190),l=a.n(o),d=a(2831),c=a(2836);const g=()=>{const{intervals:e}=(0,s.useLoaderData)(),{domainId:t}=(0,s.useParams)(),[a,o]=(0,r.useState)(void 0),g=e.find((({key:e})=>a===e))??e.at(-1),{data:u,previousData:m,loading:p}=(0,i.useQuery)(l(),{variables:{domainId:btoa(`Domain:${t}`),intervalKey:a}}),f=u??m;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.default,{domainId:t,intervalKey:a,interval:g}),(0,r.jsx)(c.default,{intervalSelect:(0,r.jsx)(n.default,{value:a,onChange:o,intervals:e}),loading:p,data:f.domain.statistics.trafficUsage.usageByServices})]})}},2827:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r.default});var r=a(2828)},2259:(e,t,a)=>{function r(e,t){if(e.__typename!==t)throw new Error(`GraphQL type assertion failed: expected ${t} but received ${e.__typename}`)}a.r(t),a.d(t,{assertNodeTypename:()=>r})},2834:(e,t,a)=>{a.r(t)},2835:(e,t,a)=>{a.r(t)}}]);
//# sourceMappingURL=TrafficUsageByDomainPage.js.map?47e10bc41c154d4f259c