2 lines
6.0 KiB
JavaScript
2 lines
6.0 KiB
JavaScript
"use strict";(globalThis.webpackChunkPlesk=globalThis.webpackChunkPlesk||[]).push([["components/pages/TrafficUsageByClientsPage"],{2865:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2866)},2866:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var n=a(668),i=a.n(n),s=a(297),r=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,...n})=>{const i=[...t].reverse(),o=i.find(({key:t})=>t===(e??i[0]?.key));return(0,r.jsx)(s.Dropdown,{...n,"data-testid":"interval-select",menu:(0,r.jsx)(s.Menu,{children:i.map(e=>(0,r.jsx)(s.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},2868:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2869)},2869:(e,t,a)=>{a.r(t),a.d(t,{default:()=>d});var n=a(683),i=a.n(n),s=a(297),r=a(90),l=(a(2870),a(296));const o=r.Locale.getTranslate("components.common.TrafficUsage.TotalUsageInfo"),c=r.Locale.getSection("smb.components.months"),d=({loading:e,interval:t,trafficData:a,className:n})=>{const r=()=>e?(0,l.jsx)(s.Skeleton,{width:a.isUnlimited?70:200}):a.isUnlimited?a.totalUsageFormatted:(0,l.jsx)(o,{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,l.jsx)(o,{content:"usageWithInterval",params:{usage:r(),month:c.lmsg(t.month.toString()),year:t.year},component:"div",className:i()("traffic-usage-total-usage-info",n)}):(0,l.jsx)(o,{content:"usage",params:{usage:r()},component:"div",className:i()("traffic-usage-total-usage-info",n)})}},2870:(e,t,a)=>{a.r(t)},2873:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2874)},2874:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var n=a(668),i=a.n(n),s=a(297),r=a(296);const l=({progress:e})=>(0,r.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,r.jsx)(s.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info"})]});l.propTypes={progress:i().number.isRequired};const o=l},2875:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2876)},2876:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var n=a(296),i=a(599),s=a(1180),r=a(1264),l=a.n(r),o=a(2877),c=a(2865),d=a(2880),u=a(2883),m=a(297);const g=()=>{const{trafficUsageListKey:e,trafficUsageIntervals:t,clientType:a,getClientLink:r}=(0,i.useLoaderData)(),g=(0,i.useOutletContext)(),[f,p]=(0,n.useState)(void 0),h=t.find(({key:e})=>f===e)??t.at(-1),{listProps:y,listInput:v}=(0,s.useGraphQlList)({key:e,query:l(),inputVariables:{intervalKey:f,clientTypes:[a]},extractList:e=>e.viewer.client.statistics.trafficUsageByClients});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.default,{children:(0,n.jsxs)(m.Columns,{gap:"xs",children:[g?.trafficUsagePageDropdown&&(0,n.jsx)(m.Column,{children:g?.trafficUsagePageDropdown}),(0,n.jsx)(m.Column,{children:(0,n.jsx)(c.default,{value:f,onChange:p,intervals:t})})]})}),(0,n.jsx)(u.default,{intervalKey:f,interval:h,clientType:a}),(0,n.jsx)(d.default,{filtered:v.searchFilters?.clientName,clientType:a,getClientLink:r,...y})]})}},2877:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2878)},2878:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var n=a(668),i=a.n(n),s=(a(2879),a(296));const r=({children:e})=>(0,s.jsx)("div",{className:"traffic-usage-header-layout",children:e});r.propTypes={children:i().node.isRequired};const l=r},2879:(e,t,a)=>{a.r(t)},2880:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2881)},2881:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var n=a(668),i=a.n(n),s=a(599),r=a(297),l=a(1180),o=a(2873),c=a(90),d=(a(2882),a(296));const u=c.Locale.getTranslate("components.lists.TrafficUsageByClients"),m=({clientType:e,getClientLink:t,...a})=>{const n=[{key:"clientName",title:(0,d.jsx)(u,{content:"client"===e?"customerName":"resellerName"}),render:({clientId:e,clientName:a})=>(0,d.jsx)(s.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:n,toolbar:(0,d.jsxs)(r.Toolbar,{children:[(0,d.jsx)(r.ToolbarExpander,{}),(0,d.jsx)(r.ToolbarGroup,{groupable:!1,children:(0,d.jsx)(l.GraphQlList.SearchBar,{name:"clientName"})})]}),...a})};m.propTypes={clientType:i().oneOf(["reseller","client"]).isRequired,getClientLink:i().func.isRequired};const g=m},2882:(e,t,a)=>{a.r(t)},2883:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var n=a(668),i=a.n(n),s=a(620),r=a(2868),l=a(1265),o=a.n(l),c=a(296);const d=({intervalKey:e,interval:t,clientType:a})=>{const{data:n,previousData:i,loading:l}=(0,s.useQuery)(o(),{variables:{intervalKey:e,clientType:a}}),d=(n??i).viewer.client.statistics.totalClientsTraffic;return(0,c.jsx)(r.default,{loading:l,trafficData:{isUnlimited:!0,totalUsageFormatted:d.usageFormatted},intervalKey:e,interval:t})};d.propTypes={intervalKey:i().string,interval:i().shape({year:i().number.isRequired,month:i().number.isRequired}).isRequired,clientType:i().oneOf(["reseller","client"]).isRequired};const u=d}}]);
|
|
//# sourceMappingURL=TrafficUsageByClientsPage.js.map?8feee6b40188088ab4f9
|