1#@!#!123s

: / usr / local / psa / admin / cp / public / javascript / components / pages /
Filename : TrafficUsageByResellerPage.js
back
"use strict";(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components/pages/TrafficUsageByResellerPage"],{2842:(e,t,s)=>{s.r(t),s.d(t,{default:()=>l});var a=s(596),r=s.n(a),n=(s(2843),s(285));const i=({children:e})=>(0,n.jsx)("div",{className:"traffic-usage-header-layout",children:e});i.propTypes={children:r().node.isRequired};const l=i},2841:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2842)},2830:(e,t,s)=>{s.r(t),s.d(t,{default:()=>c});var a=s(596),r=s.n(a),n=s(286),i=s(285);const l=({year:e,month:t,formattedTotalUsage:s})=>`${((e,t)=>new Date(e,t).toLocaleDateString(document.documentElement.lang||"en",{month:"short"}))(e,t-1)} ${e} (${s})`,o=({value:e=null,intervals:t,onChange:s,...a})=>{const r=[...t].reverse(),o=r.find((({key:t})=>t===(e??r[0]?.key)));return(0,i.jsx)(n.Dropdown,{...a,"data-testid":"interval-select",menu:(0,i.jsx)(n.Menu,{children:r.map((e=>(0,i.jsx)(n.MenuItem,{onClick:()=>s(e.key),children:l(e)},e.key)))}),children:l(o)})};o.propTypes={value:r().string,onChange:r().func.isRequired,intervals:r().arrayOf(r().shape({key:r().string.isRequired,month:r().number.isRequired,year:r().number.isRequired,formattedTotalUsage:r().string.isRequired}).isRequired).isRequired};const c=o},2829:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2830)},2838:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var a=s(596),r=s.n(a),n=s(286),i=s(285);const l=({progress:e})=>(0,i.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,i.jsx)(n.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info"})]});l.propTypes={progress:r().number.isRequired};const o=l},2837:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2838)},2845:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var a=s(596),r=s.n(a),n=s(579),i=s(286),l=s(1101),o=s(2837),c=s(89),d=(s(2846),s(285));const u=c.Locale.getTranslate("components.lists.TrafficUsageByClients"),m=({clientType:e,getClientLink:t,...s})=>{const a=[{key:"clientName",title:(0,d.jsx)(u,{content:"client"===e?"customerName":"resellerName"}),render:({clientId:e,clientName:s})=>(0,d.jsx)(n.Link,{to:t(e),children:s}),sortable:!0},{key:"totalUsage",title:(0,d.jsx)(u,{content:"totalUsage"}),className:"traffic-usage-by-clients-list-unit-column",render:({totalUsageFormatted:e})=>e,sortable:!0,align:"right",width:"100px"},{key:"limit",title:(0,d.jsx)(u,{content:"limit"}),className:"traffic-usage-by-clients-list-unit-column",render:({limitFormatted:e})=>e,sortable:!0,align:"right",width:"150px"},{key:"limitRemaining",title:(0,d.jsx)(u,{content:"limitRemaining"}),className:"traffic-usage-by-clients-list-unit-column",render:({limitRemainingFormatted:e})=>e||"-",sortable:!0,align:"right",width:"150px"},{key:"limitUsagePercent",title:(0,d.jsx)(u,{content:"limitUsagePercent"}),render:({limitUsagePercent:e})=>"number"==typeof e?(0,d.jsx)(o.default,{progress:e}):"-",sortable:!0,align:"right",width:"200px"}];return(0,d.jsx)(l.GraphQlList,{rowKey:"clientId",columns:a,toolbar:(0,d.jsxs)(i.Toolbar,{children:[(0,d.jsx)(i.ToolbarExpander,{}),(0,d.jsx)(i.ToolbarGroup,{groupable:!1,children:(0,d.jsx)(l.GraphQlList.SearchBar,{name:"clientName"})})]}),...s})};m.propTypes={clientType:r().oneOf(["reseller","client"]).isRequired,getClientLink:r().func.isRequired};const g=m},2844:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2845)},2850:(e,t,s)=>{s.r(t),s.d(t,{default:()=>f});var a=s(596),r=s.n(a),n=s(579),i=s(586),l=s(286),o=s(89),c=s(1198),d=s.n(c),u=(s(2851),s(285));const m=o.Locale.getTranslate("components.pages.TrafficUsageByReseller.TotalUsage"),g=({clientNodeId:e,intervalKey:t})=>{const{data:s,previousData:a,loading:r}=(0,i.useQuery)(d(),{variables:{clientNodeId:e,intervalKey:t}}),{totalTrafficUsageByDomains:o,totalClientsTraffic:c}=(s??a).client.statistics,g=e=>r?(0,u.jsx)(l.Skeleton,{width:70}):e;return(0,u.jsxs)("div",{className:"traffic-usage-by-reseller-total-usage",children:[(0,u.jsx)(m,{content:"usageByResellerDomains",params:{resellerDomainsLink:(0,u.jsx)(n.Link,{to:"./domains","data-testid":"reseller-domains",children:(0,u.jsx)(m,{content:"resellerDomains"})}),usage:g(o.totalUsageFormatted)}}),(0,u.jsx)(m,{component:"div",content:"usageByCustomerDomains",params:{usage:g(c.usageFormatted)}})]})};g.propTypes={clientNodeId:r().string.isRequired,intervalKey:r().string};const f=g},2849:(e,t,s)=>{s.r(t),s.d(t,{default:()=>p});var a=s(285),r=s(580),n=s(286),i=s(89),l=s(2841),o=s(2829),c=s(2844),d=s(1101),u=s(1197),m=s.n(u),g=s(2850);const f=i.Locale.getTranslate("components.pages.TrafficUsageByReseller"),p=()=>{const{trafficUsageIntervals:e,clientNodeId:t,trafficUsageListKey:s}=(0,r.useLoaderData)(),[i,u]=(0,a.useState)(void 0),{listProps:p,listInput:y}=(0,d.useGraphQlList)({key:s,query:m(),variables:{clientNodeId:t},inputVariables:{intervalKey:i,clientTypes:["client"]},extractList:e=>e.client.statistics.trafficUsageByClients});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.default,{children:(0,a.jsx)(o.default,{value:i,onChange:u,intervals:e,className:"traffic-usage-by-reseller-interval-select"})}),(0,a.jsx)(g.default,{intervalKey:i,clientNodeId:t}),(0,a.jsx)(c.default,{filtered:y.searchFilters?.clientName,clientType:"client",getClientLink:e=>`customers/${e}/domains`,emptyView:(0,a.jsx)(n.ListEmptyView,{title:(0,a.jsx)(f,{content:"emptyView"})}),...p})]})}},2848:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2849)},2843:(e,t,s)=>{s.r(t)},2846:(e,t,s)=>{s.r(t)},2851:(e,t,s)=>{s.r(t)}}]);
//# sourceMappingURL=TrafficUsageByResellerPage.js.map?b51ffdc7e7000a2cd4dc