https://ogb-gummersbach.de/cp/javascript/components/pages/TrafficUsageByDomainsPage.js?3570099a6cc034ecbd86

1"use strict";(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components/pages/TrafficUsageByDomainsPage"],{2460:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var n=a(272),s=a.n(n),r=a(271),i=a(270);const l=({filtered:e=!1,className:t,...a})=>(0,i.jsx)(r.Badge,{intent:"info",hidden:!e,className:t,children:(0,i.jsx)(r.Button,{icon:"filter","data-testid":"filter-button",...a})});l.propTypes={className:s().string,filtered:s().bool};const o=l},2459:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2460)},2465:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var n=a(271),s=a(89),r=a(270);const i=s.Locale.getSection("components.common.ListFilterForm"),l=e=>(0,r.jsx)(n.Form,{applyButton:!1,cancelButton:!1,submitButton:{children:i.lmsg("apply"),fill:!0,"data-testid":"filter-apply-button"},...e})},2464:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2465)},2463:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var n=a(272),s=a.n(n),r=a(271),i=a(89),l=a(270);const o=i.Locale.getSection("components.common.ListFilterPanel"),d=({onClear:e,...t})=>(0,l.jsx)(r.Panel,{title:o.lmsg("title"),extra:(0,l.jsx)(r.Button,{ghost:!0,icon:"clean",onClick:e,children:o.lmsg("clear")}),...t});d.propTypes={onClear:s().func};const c=d},2462:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2463)},2447:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var n=a(272),s=a.n(n),r=(a(2448),a(270));const i=({children:e})=>(0,r.jsx)("div",{className:"traffic-usage-header-layout",children:e});i.propTypes={children:s().node.isRequired};const l=i},2446:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2447)},2435:(e,t,a)=>{a.r(t),a.d(t,{default:()=>d});var n=a(272),s=a.n(n),r=a(271),i=a(270);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 s=[...t].reverse(),o=s.find((({key:t})=>t===(e??s[0]?.key)));return(0,i.jsx)(r.Dropdown,{...n,"data-testid":"interval-select",menu:(0,i.jsx)(r.Menu,{children:s.map((e=>(0,i.jsx)(r.MenuItem,{onClick:()=>a(e.key),children:l(e)},e.key)))}),children:l(o)})};o.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=o},2434:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2435)},2443:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var n=a(272),s=a.n(n),r=a(271),i=a(270);const l=({progress:e})=>(0,i.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,i.jsx)(r.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info"})]});l.propTypes={progress:s().number.isRequired};const o=l},2442:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2443)},2438:(e,t,a)=>{a.r(t),a.d(t,{default:()=>f});var n=a(272),s=a.n(n),r=a(601),i=a.n(r),l=a(271),o=a(89),d=(a(2439),a(270));const c=o.Locale.getTranslate("components.common.TrafficUsage.TotalUsageInfo"),u=o.Locale.getSection("smb.components.months"),m=({loading:e,trafficData:t,interval:a=null,className:n})=>{const s=()=>e?(0,d.jsx)(l.Skeleton,{width:t.isUnlimited?70:200}

1):t.isUnlimited?t.totalUsageFormatted:(0,d.jsx)(c,{content:"usedLimited",params:{used:t.totalUsageFormatted,limit:t.limitFormatted,percent:t.limitUsagePercent},component:"span",className:"traffic-usage-total-usage-info__used-limited"});return a?(0,d.jsx)(c,{content:"usageWithInterval",params:{usage:s(),month:u.lmsg(a.month),year:a.year},component:"div",className:i()("traffic-usage-total-usage-info",n)}):(0,d.jsx)(c,{content:"usage",params:{usage:s()},component:"div",className:i()("traffic-usage-total-usage-info",n)})};m.propTypes={loading:s().bool.isRequired,interval:s().shape({year:s().number.isRequired,month:s().number.isRequired}),trafficData:s().shape({totalUsageFormatted:s().string.isRequired,isUnlimited:s().bool.isRequired,limitFormatted:s().string,limitUsagePercent:s().number}).isRequired,className:s().string};const f=m},2437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2438)},2461:(e,t,a)=>{a.r(t),a.d(t,{default:()=>h,defaultValues:()=>m});var n=a(270),s=a(272),r=a.n(s),i=a(271),l=a(89),o=a(709),d=a(2462),c=a(2464);const u=l.Locale.getTranslate("components.pages.TrafficUsageByDomains.Viewer.Filters"),m={ownOnly:!1,searchFilters:{clientName:""}},f=e=>({ownOnly:e.ownOnly??m.ownOnly,searchFilters:{clientName:e.searchFilters?.clientName??m.searchFilters.clientName}}),p={admin:"ownOnly",reseller:"resellerOnly",client:"ownOnly"},g=({parentClientType:e="admin"})=>{const{listInput:t,setFilters:a}=(0,n.useContext)(o.GraphQlListContext),[s,r]=(0,n.useState)((()=>f(t))),l=e=>{a(e),r(f(e))};return(0,n.jsx)(d.default,{onClear:()=>l(m),children:(0,n.jsxs)(c.default,{values:s,onSubmit:l,onFieldChange:(e,t)=>

1{r((a=>(0,i.setIn)(a,e,t)))},children:[(0,n.jsx)(i.FormFieldCheckbox,{label:(0,n.jsx)(u,{content:p[e]}),name:"ownOnly"}),(0,n.jsx)(i.FormFieldText,{size:"fill",label:(0,n.jsx)(u,{content:"clientName"}),name:"searchFilters[clientName]"})]})})};g.propTypes={parentClientType:r().oneOf(["admin","reseller","client"])};const h=g},2466:(e,t,a)=>{a.r(t),a.d(t,{default:()=>f});var n=a(272),s=a.n(n),r=a(574),i=a(271),l=a(707),o=a(2442),d=a(89),c=(a(2467),a(270));const u=d.Locale.getTranslate("components.pages.TrafficUsageByDomains.Viewer.List"),m=({filterButton:e=null,showClientNameColumn:t=!0,...a})=>{const n=[{key:"domainName",title:(0,c.jsx)(u,{content:"domainName"}),type:"title",sortable:!0,render:({domainId:e,domainName:t})=>(0,c.jsx)(r.Link,{to:`./${e}`,children:t})},t&&{key:"clientName",title:(0,c.jsx)(u,{content:"clientName"}),sortable:!0},{key:"totalUsage",title:(0,c.jsx)(u,{content:"totalUsage"}),className:"traffic-usage-by-domains-list-unit-column",render:({totalUsageFormatted:e})=>e,sortable:!0,align:"right",width:"100px"},{key:"subscriptionLimit",title:(0,c.jsx)(u,{content:"subscriptionLimit"}),className:"traffic-usage-by-domains-list-unit-column",render:({subscriptionLimitFormatted:e})=>e,sortable:!0,align:"right",width:"150px"},{key:"subscriptionLimitRemaining",title:(0,c.jsx)(u,{content:"subscriptionLimitRemaining"}),className:"traffic-usage-by-domains-list-unit-column",render:({subscriptionLimitRemainingFormatted:e})=>e||"-",sortable:!0,align:"right",width:"150px"},{key:"subscriptionLimitUsagePercent",title:(0,c.jsx)(u,{content:"subscriptionLimitUsagePercent"}),render:({subscriptionLimitUsagePercent:e})=>"number"==typeof e?(0,c.jsx)(o.default,{progress:e}):"-",sortable:!0,align:"right",width:"200px"}].filter(Boolean);return(0,c.jsx)(l.GraphQlList,{rowKey:"domainName",columns:n,toolbar:(0,c.jsxs)(i.Toolbar,{children:[(0,c.jsx)(i.ToolbarExpander,{}),(0,c.jsxs)(i.ToolbarGroup,{groupable:!1,children:[e,(0,c.jsx)(l.GraphQlList.SearchBar,{name:"domainName"})]})]}),...a})};m.propTypes={filterButton:s().node,showClientNameColumn:s().bool};const f=m},2468:(e,t,a)=>{a.r(t),a.d(t,{default:()=>d});var n=a(272),s=a.n(n),r=a(581),i=a(2437),l=a(270);const o=({intervalKey:e,interval:t,queryParams:a})=>{const{data:n,previousData:s,loading:o}=(0,r.useQuery)(a.query,{variables:{intervalKey:e,...a.variables??{}}}),d=a.extractTrafficData(n??s);return(0,l.jsx)(i.default,{loading:o,trafficData:d,intervalKey:e,interval:t})};o.propTypes={intervalKey:s().string,interval:s().shape({year:s().number.isRequired,month:s().number.isRequired}).isRequired,queryParams:s().object.isRequired};const d=o},2458:(e,t,a)=>{a.r(t),a.d(t,{default:()=>f});var n=a(270),s=a(575),r=a(271),i=a(707),l=a(2459),o=a(2446),d=a(2434),c=a(2461),u=a(2466),m=a(2468);const f=()=>{const{trafficUsageIntervals:e,listQueryParams:t,totalUsageQueryParams:a,showFilters:f=!0,showClientNameColumn:p,parentClientType:g}=(0,s.useLoaderData)(),[h,y]=(0,n.useState)(void 0),{listProps:x,listInput:b}=(0,i.useGraphQlList)({...t,inputVariables:{intervalKey:h}}),[v,j]=(0,n.useState)(!1),C=(0,s.useOutletContext)(),N=b.searchFilters?.domainName,F=b.ownOnly||b.searchFilters?.clientName,T=N||F,w=e.find((({key:e})=>h===e))??e.at(-1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.default,{children:(0,n.jsxs)(r.Columns,{gap:"xs",children:[C?.trafficUsagePageDropdown&&(0,n.jsx)(r.Column,{children:C?.trafficUsagePageDropdown}),(0,n.jsx)(r.Column,{children:(0,n.jsx)(d.default,{value:h,onChange:y,intervals:e})})]})}),(0,n.jsx)(m.default,{intervalKey:h,interval:w,queryParams:a}),(0,n.jsx)(u.default,{filterButton:f&&(0,n.jsx)(l.default,{filtered:F,onClick:()=>j(!v)}),sidebar:v&&(0,n.jsx)(c.default,{parentClientType:g}),filtered:T,showClientNameColumn:p,...x})]})}},2457:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n.default});var n=a(2458)},2448:(e,t,a)=>{a.r(t)},2439:(e,t,a)=>{a.r(t)},2467:(e,t,a)=>{a.r(t)}}]);
2//# sourceMappingURL=TrafficUsageByDomainsPage.js.map?3570099a6cc034ecbd86