1#@!#!123s

: / opt / psa / admin / cp / public / javascript / views / smb / statistics /
Filename : details.js
back
(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["views/smb/statistics/details"],{1534:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>d});var s=t(596),a=t.n(s),r=t(89),i=t(1535);const l={id:a().string,dataUrl:a().string,operations:a().array,itemActions:a().object,columns:a().array,data:a().shape({data:a().array,state:a().object,pager:a().object,locale:a().object,additional:a().object,pathbar:a().any}),searchFilters:a().object,searchOveral:a().string,disabledSelectHint:a().string,isDisabledItem:a().func,onRedraw:a().func,emptyViewMode:a().oneOf(["all","items"]),emptyView:a().any},c={id:void 0,dataUrl:void 0,operations:void 0,itemActions:void 0,columns:void 0,data:void 0,searchFilters:void 0,searchOveral:void 0,disabledSelectHint:void 0,isDisabledItem:void 0,onRedraw:void 0,emptyViewMode:void 0,emptyView:void 0},n=(0,i.default)(r.List,{propsList:Object.keys(l),defaultProps:c});n.displayName="JswList",n.propTypes=l;const d=n},1535:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>r});var s=t(285),a=t(89);const r=(e,{propsList:_=[],setters:t={},defaultProps:r={}})=>i=>{const l=(0,s.useRef)(),c=(0,s.useRef)(),[n,d]=Object.entries({...r,...i}).reduce(((e,[t,s])=>(e[_.includes(t)?0:1][t]=s,e)),[{},{}]),o=_.map((e=>{const _=n[e];return t[e]?(c.current?.[t[e]](_),null):_}));return(0,s.useLayoutEffect)((()=>(c.current=new e(n),(0,a.render)(l.current,c.current),()=>{c.current.remove(),c.current=null})),[d.key,...o]),(0,s.jsx)("div",{ref:l,...d})}},1922:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(285),_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(286),_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__),prop_types__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(596),prop_types__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__),components_layouts_PageLayout__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(603),jsw__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(89),_Gauge__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(1923),_Usage__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(1924),_web_common_SiteCard_useDomainStatistics__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1865),react_router_dom__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(580);const Translate=jsw__WEBPACK_IMPORTED_MODULE_3__.Locale.getTranslate("smb.controllers.statistics.details"),Details=({diskspaceUsage,diskspaceParts,trafficUsage,trafficParts,buttons,domainId=0,recalculateInProgress=!1})=>{const navigate=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_7__.useNavigate)(),{startRecalculate,inProgress}=(0,_web_common_SiteCard_useDomainStatistics__WEBPACK_IMPORTED_MODULE_6__.default)({domainId,recalculateInProgress}),statisticsPanelClass=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{const e=diskspaceParts?.length,_=trafficParts?.length;return e&&_?"smb-statistics-details-panel":""}),[diskspaceParts,trafficParts]);return(0,react__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(Translate,{content:"pageHint"})}),domainId?(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Toolbar,{children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Button,{"data-type":"recalculateStats",icon:"refresh",tooltip:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(Translate,{content:"recalculateStatsHint"}),onClick:()=>startRecalculate((()=>navigate()),!0),state:inProgress?"loading":void 0,children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(Translate,{content:"recalculateStats"})},"button")}):null,(0,react__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Columns,{gap:"md",vertical:768,children:[(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Column,{ratio:1,children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Panel,{className:statisticsPanelClass,children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Media,{image:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Icon,{src:__webpack_require__(2249),size:"32"}),children:[(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Gauge__WEBPACK_IMPORTED_MODULE_4__.default,{limit:diskspaceUsage,showPercent:!0}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr",{}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Usage__WEBPACK_IMPORTED_MODULE_5__.default,{parts:diskspaceParts})]})})}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Column,{ratio:1,children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Panel,{className:statisticsPanelClass,children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Media,{image:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Icon,{src:__webpack_require__(2250),size:"32"}),children:[(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Gauge__WEBPACK_IMPORTED_MODULE_4__.default,{limit:trafficUsage,showPercent:!0}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr",{}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Usage__WEBPACK_IMPORTED_MODULE_5__.default,{parts:trafficParts})]})})})]}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr",{}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(Translate,{content:"buttonsAreaDescription"})}),(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.ItemList,{xl:4,lg:3,sm:2,gap:"xs",children:buttons.map((({icon,title,comment,href,target,handler,disabled,dataId},index)=>(0,react__WEBPACK_IMPORTED_MODULE_0__.jsx)(_plesk_ui_library__WEBPACK_IMPORTED_MODULE_1__.Item,{icon,title,href,onClick:handler&&eval(`(${handler})`),component:href?"a":"div",target,disabled,"data-id":dataId,children:comment},index)))})]})};Details.propTypes={diskspaceUsage:prop_types__WEBPACK_IMPORTED_MODULE_8___default().object.isRequired,diskspaceParts:prop_types__WEBPACK_IMPORTED_MODULE_8___default().array.isRequired,trafficUsage:prop_types__WEBPACK_IMPORTED_MODULE_8___default().object.isRequired,trafficParts:prop_types__WEBPACK_IMPORTED_MODULE_8___default().array.isRequired,buttons:prop_types__WEBPACK_IMPORTED_MODULE_8___default().array.isRequired,domainId:prop_types__WEBPACK_IMPORTED_MODULE_8___default().number,recalculateInProgress:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool};const __WEBPACK_DEFAULT_EXPORT__=(0,components_layouts_PageLayout__WEBPACK_IMPORTED_MODULE_2__.withPageLayout)(Details)},1923:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>c});var s=t(596),a=t.n(s),r=t(286),i=t(285);const l=({limit:e,showPercent:_})=>(0,i.jsxs)("div",{className:"smb-statistics-details-gauge",children:[(0,i.jsxs)("div",{className:"smb-statistics-details-gauge__row",children:[(0,i.jsx)(r.Text,{bold:!0,className:"smb-statistics-details-gauge__col",children:e.title}),(0,i.jsx)(r.Text,{bold:!0,className:"smb-statistics-details-gauge__col",children:e.limitString})]}),-1===e.limitValue?(0,i.jsx)("div",{className:"smb-statistics-details-gauge__row",children:(0,i.jsx)(r.Text,{className:"smb-statistics-details-gauge__col",children:e.usedString})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.ProgressBar,{className:"smb-statistics-details-gauge__progress",progress:Math.min(e.percent,100),intent:100<=e.percent?"danger":null}),(0,i.jsxs)("div",{className:"smb-statistics-details-gauge__row",children:[(0,i.jsxs)(r.Text,{className:"smb-statistics-details-gauge__col",children:[e.usedString," ",_?`${e.percent}%`:""]}),(0,i.jsx)(r.Text,{className:"smb-statistics-details-gauge__col",children:e.availableString})]})]})]});l.propTypes={showPercent:a().bool.isRequired,limit:a().shape({title:a().string,limitString:a().string,limitValue:a().number,usedString:a().string,percent:a().number,availableString:a().string}).isRequired};const c=l},1925:(e,_,t)=>{"use strict";t.r(_),t.d(_,{StatisticsPieChart:()=>l});var s=t(285),a=t(596),r=t.n(a),i=t(1926);const l=({data:e})=>{const _=(0,s.useMemo)((()=>e.map((({data:e,color:_})=>{const[,t]=e[0];return{angle:t,color:_,style:{opacity:.7}}}))),[e]);return(0,s.jsx)(i.RadialChart,{width:160,height:160,data:_,colorType:"literal",style:{stroke:"#fff",strokeWidth:.5}})};l.propTypes={data:r().arrayOf(r().shape({data:r().arrayOf(r().arrayOf(r().number)),label:r().string,value:r().string})).isRequired}},1924:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>u});var s=t(285),a=t(596),r=t.n(a),i=t(89),l=t(1925);const c=i.Locale.getTranslate("smb.controllers.statistics.details"),n=["#fd8b8b","#ffde9a","#62cefb","#94ff5f","#cd7b7b","#cfb685","#5daacb","#81cf5b"],d={B:1,KB:1024,MB:1048576,GB:1024**3},o=e=>{const[_,t]=e.split(" ");return _*d[t]},E=({parts:e=null})=>{const _=(0,s.useMemo)((()=>[...e??[]].map(((e,_)=>({...e,color:n[_]}))).sort(((e,_)=>o(_.value)-o(e.value)))),[e]);return(0,s.jsxs)("div",{className:"pie-chart-block clearfix",children:[(0,s.jsx)("p",{children:(0,s.jsx)(c,{content:"usageByServices"})}),_.length?(0,s.jsxs)("div",{className:"pie-chart",children:[(0,s.jsx)(l.StatisticsPieChart,{data:_}),(0,s.jsx)("ul",{className:"chart-legend",children:_.map(((e,_)=>(0,s.jsxs)("li",{className:`label-${_+1}`,children:[(0,s.jsx)("em",{style:{background:e.color}}),(0,s.jsx)("b",{children:e.label})," ",e.value]},e.label)))})]}):(0,s.jsx)(c,{content:"dataNotCollected"})]})};E.propTypes={parts:r().arrayOf(r().shape({data:r().arrayOf(r().arrayOf(r().number)),label:r().string,value:r().string}))};const u=E},1921:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>s.default});var s=t(1922)},2252:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>d});var s=t(285),a=t(89),r=t(1534),i=t(603),l=t(646);const c=a.Locale.getSection("smb.controllers.statistics.list"),n=({data:e,searchFilters:_})=>{const t=(0,l.useNavigateCallback)(),i=(0,s.useMemo)((()=>[{header:c.lmsg("webspace"),sortable:!0,dataIndex:"domain",renderer:({id:e,domain:_})=>(0,a.createElement)("a",{href:`/smb/account/switch/id/${e}?hideNotice=1&returnUrl=${encodeURIComponent("/smb/statistics/details")}`},_)},{header:c.lmsg("systemUser"),sortable:!0,dataIndex:"systemUser"},{header:c.lmsg("diskSpace"),sortable:!1,headerParams:{width:250},cls:"minor",renderer:({diskSpaceDetails:e})=>-1===e.percent?(0,a.createElement)("div.progress-label",e.usageString):(0,a.createElement)("div.progress-box",(0,a.createElement)("div.progress.progress-sm",(0,a.createElement)("div.progress-bar"+(100===e.percent?".progress-bar-danger":""),{style:`width: ${e.percent}%;`})),(0,a.createElement)("div.progress-label",e.usageString))},{header:c.lmsg("traffic"),sortable:!1,headerParams:{width:250},cls:"minor",renderer:({trafficDetails:e})=>-1===e.percent?(0,a.createElement)("div.progress-label",e.usageString):(0,a.createElement)("div.progress-box",(0,a.createElement)("div.progress.progress-sm",(0,a.createElement)("div.progress-bar"+(100===e.percent?".progress-bar-danger":""),{style:`width: ${e.percent}%;`})),(0,a.createElement)("div.progress-label",e.usageString))},{header:"",sortable:!1,cls:"min",renderer:({id:e})=>[(0,a.createElement)("span.tooltipData",c.lmsg("buttonOverviewHint")),(0,a.createElement)("a.s-btn.sb-customize",{href:`/smb/web/overview/id/${e}/type/domain`,onclick:t},(0,a.createElement)("span"))]}]),[t]);return(0,s.jsx)(r.default,{id:"statistics-list",data:e,dataUrl:"/smb/statistics/list-data",searchFilters:_,searchOveral:"domain",columns:i})};n.propTypes={data:r.default.propTypes.data.isRequired,searchFilters:r.default.propTypes.searchFilters.isRequired};const d=(0,i.withPageLayout)(n)},2251:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>s.default});var s=t(2252)},1865:(e,_,t)=>{"use strict";t.r(_),t.d(_,{default:()=>l,useDomainStatistics:()=>i});var s=t(89),a=t(285),r=t(536);const i=({domainId:e,traffic:_,diskUsage:t,recalculateInProgress:i})=>{const l=(0,a.useRef)(null),[c,n]=(0,a.useState)(i),[d,o]=(0,a.useState)(_),[E,u]=(0,a.useState)(t),p=({message:e})=>{n(!1),(0,r.addToast)({intent:"danger",message:e})},P=(0,a.useCallback)((_=>{n(!0),clearTimeout(l.current),l.current=setTimeout((async()=>{let t;try{t=await s.api.post(`/smb/web/recalculate-status/id/${e}`)}catch(e){return void p(e)}t.traffic&&o(t.traffic),t.diskUsage&&u(t.diskUsage),t.inProgress?P(_):(n(!1),"function"==typeof _&&_())}),1e3)}),[e]);return(0,a.useEffect)((()=>{clearTimeout(l.current),n(i),o(_),u(t),i&&P()}),[i,_,t,P]),{startRecalculate:async(_=null,t=null)=>{n(!0);try{await s.api.post(`/smb/web/recalculate-stats/id/${e}`,{wholeSubscription:t})}catch(e){return void p(e)}P(_)},inProgress:c,diskUsage:E,traffic:d}},l=i},2249:e=>{e.exports=Jsw.skinUrl+"/icons/32/plesk/disk-usage.png?2d080f4f1d6f8314c83b586057fb5a3e"},2250:e=>{e.exports=Jsw.skinUrl+"/icons/32/plesk/traffic.png?06afd24f12dc05235b35c32a3d9ea228"}}]);
//# sourceMappingURL=details.js.map?46bba7c64570e1370180