2 lines
5.4 KiB
JavaScript
2 lines
5.4 KiB
JavaScript
"use strict";(globalThis.webpackChunkPlesk=globalThis.webpackChunkPlesk||[]).push([["components/pages/TrafficUsageByResellerPage"],{2865:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s.default});var s=a(2866)},2866:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var s=a(668),i=a.n(s),r=a(297),n=a(296);const l=({year:e,month:t,formattedTotalUsage:a})=>`${((e,t)=>new Date(e,t).toLocaleDateString(document.documentElement.lang||"en",{month:"short"}))(e,t-1)} ${e} (${a})`,o=({value:e=null,intervals:t,onChange:a,...s})=>{const i=[...t].reverse(),o=i.find(({key:t})=>t===(e??i[0]?.key));return(0,n.jsx)(r.Dropdown,{...s,"data-testid":"interval-select",menu:(0,n.jsx)(r.Menu,{children:i.map(e=>(0,n.jsx)(r.MenuItem,{onClick:()=>a(e.key),children:l(e)},e.key))}),children:l(o)})};o.propTypes={value:i().string,onChange:i().func.isRequired,intervals:i().arrayOf(i().shape({key:i().string.isRequired,month:i().number.isRequired,year:i().number.isRequired,formattedTotalUsage:i().string.isRequired}).isRequired).isRequired};const c=o},2873:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s.default});var s=a(2874)},2874:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var s=a(668),i=a.n(s),r=a(297),n=a(296);const l=({progress:e})=>(0,n.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,n.jsx)(r.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info"})]});l.propTypes={progress:i().number.isRequired};const o=l},2877:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s.default});var s=a(2878)},2878:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var s=a(668),i=a.n(s),r=(a(2879),a(296));const n=({children:e})=>(0,r.jsx)("div",{className:"traffic-usage-header-layout",children:e});n.propTypes={children:i().node.isRequired};const l=n},2879:(e,t,a)=>{a.r(t)},2880:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s.default});var s=a(2881)},2881:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var s=a(668),i=a.n(s),r=a(599),n=a(297),l=a(1180),o=a(2873),c=a(90),d=(a(2882),a(296));const u=c.Locale.getTranslate("components.lists.TrafficUsageByClients"),g=({clientType:e,getClientLink:t,...a})=>{const s=[{key:"clientName",title:(0,d.jsx)(u,{content:"client"===e?"customerName":"resellerName"}),render:({clientId:e,clientName:a})=>(0,d.jsx)(r.Link,{to:t(e),children:a}),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:s,toolbar:(0,d.jsxs)(n.Toolbar,{children:[(0,d.jsx)(n.ToolbarExpander,{}),(0,d.jsx)(n.ToolbarGroup,{groupable:!1,children:(0,d.jsx)(l.GraphQlList.SearchBar,{name:"clientName"})})]}),...a})};g.propTypes={clientType:i().oneOf(["reseller","client"]).isRequired,getClientLink:i().func.isRequired};const m=g},2882:(e,t,a)=>{a.r(t)},2884:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s.default});var s=a(2885)},2885:(e,t,a)=>{a.r(t),a.d(t,{default:()=>p});var s=a(296),i=a(599),r=a(297),n=a(90),l=a(2877),o=a(2865),c=a(2880),d=a(1180),u=a(1267),g=a.n(u),m=a(2886);const f=n.Locale.getTranslate("components.pages.TrafficUsageByReseller"),p=()=>{const{trafficUsageIntervals:e,clientNodeId:t,trafficUsageListKey:a}=(0,i.useLoaderData)(),[n,u]=(0,s.useState)(void 0),{listProps:p,listInput:y}=(0,d.useGraphQlList)({key:a,query:g(),variables:{clientNodeId:t},inputVariables:{intervalKey:n,clientTypes:["client"]},extractList:e=>e.client.statistics.trafficUsageByClients});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.default,{children:(0,s.jsx)(o.default,{value:n,onChange:u,intervals:e,className:"traffic-usage-by-reseller-interval-select"})}),(0,s.jsx)(m.default,{intervalKey:n,clientNodeId:t}),(0,s.jsx)(c.default,{filtered:y.searchFilters?.clientName,clientType:"client",getClientLink:e=>`customers/${e}/domains`,emptyView:(0,s.jsx)(r.ListEmptyView,{title:(0,s.jsx)(f,{content:"emptyView"})}),...p})]})}},2886:(e,t,a)=>{a.r(t),a.d(t,{default:()=>f});var s=a(668),i=a.n(s),r=a(599),n=a(620),l=a(297),o=a(90),c=a(1268),d=a.n(c),u=(a(2887),a(296));const g=o.Locale.getTranslate("components.pages.TrafficUsageByReseller.TotalUsage"),m=({clientNodeId:e,intervalKey:t})=>{const{data:a,previousData:s,loading:i}=(0,n.useQuery)(d(),{variables:{clientNodeId:e,intervalKey:t}}),{totalTrafficUsageByDomains:o,totalClientsTraffic:c}=(a??s).client.statistics,m=e=>i?(0,u.jsx)(l.Skeleton,{width:70}):e;return(0,u.jsxs)("div",{className:"traffic-usage-by-reseller-total-usage",children:[(0,u.jsx)(g,{content:"usageByResellerDomains",params:{resellerDomainsLink:(0,u.jsx)(r.Link,{to:"./domains","data-testid":"reseller-domains",children:(0,u.jsx)(g,{content:"resellerDomains"})}),usage:m(o.totalUsageFormatted)}}),(0,u.jsx)(g,{component:"div",content:"usageByCustomerDomains",params:{usage:m(c.usageFormatted)}})]})};m.propTypes={clientNodeId:i().string.isRequired,intervalKey:i().string};const f=m},2887:(e,t,a)=>{a.r(t)}}]);
|
|
//# sourceMappingURL=TrafficUsageByResellerPage.js.map?0982315624eee83e7498
|