https://console.vpsserver.com/assets/cwm/js/dist/277.f6c18530.js

1(globalThis.webpackChunkvar=globalThis.webpackChunkvar||[]).push([[277],{74246(e,s,t){t.d(s,{A:()=>o});var i=t(85186),a=t(64810),l=t(72234),r=t.n(l),n=t(18815);class o extends a.Component{constructor(e){super(e),this.state={value:e.value}}componentDidUpdate(e){e.value!==this.props.value&&this.setState({value:this.props.value})}render(){return(0,i.jsx)("span",{className:"cwm-select",children:(0,i.jsx)("select",{name:"pageSizeSelect",disabled:this.props.disabled,onChange:this.onChange.bind(this),value:this.state.value,children:n.B.sizes.map(e=>(0,i.jsx)("option",{value:e,children:e},e))})})}onChange(e){const s=parseInt(e.target.value,10);this.setState({value:s}),this.props.fnChange(s)}}o.propTypes={value:r().number.isRequired,small:r().bool,fnChange:r().func.isRequired,disabled:r().bool},o.defaultProps={disabled:!1}},86071(e,s,t){t.d(s,{A:()=>c});var i=t(85186),a=t(64810),l=t(74246),r=t(81160),n=t(72234),o=t.n(n);class c extends a.Component{constructor(e){super(e),this.pageSizeSelected=this.pageSizeSelected.bind(this),this.previousPageClicked=this.previousPageClicked.bind(this),this.nextPageClicked=this.nextPageClicked.bind(this)}paginationText(){let e=this.props.itemKindLabel?this.props.itemKindLabel:this.props.itemKind;if(this.props.subPagination)return 0!==this.props.total?`Showing ${this.props.firstElement} - ${this.props.lastElement} ${this.props.itemKind}`:`Showing 0 - ${this.props.lastElement} ${this.props.itemKind}`;const s=this.props.filter.replace(/,/g,",​");return 0!=this.props.total?s?`Showing ${this.props.firstElement} - ${this.props.lastElement} filtered by keyword [${s}],\ntotal of ${this.props.total} ${e}`:`Showing ${this.props.firstElement} - ${this.props.lastElement} of ${this.props.total} ${e}`:s?`Showing 0 - ${this.props.lastElement} filtered by keyword [${s}],\ntotal of ${this.props.total} ${e}`:`Showing 0 - ${this.props.lastElement} of ${this.props.total} ${e}`}render(){const e=!!this.props.isSplit;let s=!0;this.props.previous&&this.props.next&&this.props.previous.props.style&&"hidden"===this.props.previous.props.style.visibility&&this.props.next.props.style&&"hidden"===this.props.next.props.style.visibility&&(s=!1);let t=(0,i.jsx)("div",{className:this.props.subPagination?"col-xs-12 col-sm-7 padding-right-0 padding-left-0 subPagination-buttons-width-200":e?"col-xs-12 padding-right-0 margin-bottom-25":"col-xs-12 col-sm-4 padding-right-0",children:(0,i.jsxs)("div",{className:"pull-right text-right",children:[this.props.previous,this.props.next]})});s||(t="");let a="col-xs-12 pagination-margin padding-left-0 ";this.props.subPagination?a+="margin-bottom-5 subPagination-width":a+=!s||e?"col-sm-12":"col-sm-8";const r=(0,i.jsx)("div",{className:a,children:this.props.showInfo?(0,i.jsxs)("label",{className:"text-black white-space",children:[this.paginationText(),",",(0,i.jsx)("div",{className:"btn-group hidden-sm hidden-md hidden-lg margin-left-10",children:(0,i.jsx)(l.A,{disabled:this.props.disablePagination,value:this.props.size,small:!0,fnChange:this.pageSizeSelected})}),(0,i.jsx)("div",{className:"btn-group margin-left-10 hidden-xs",children:(0,i.jsx)(l.A,{disabled:this.props.disablePagination,value:this.props.size,fnChange:this.pageSizeSelected})}),(0,i.jsx)("span",{className:"no-wrap",children:"Per page"})]}):null});return e?(0,i.jsxs)("div",{className:"row margin-top-20"+(this.props.subPagination?" pagination-indicator-history":""),children:[t,r]}):(0,i.jsxs)("div",{className:"row margin-top-20",children:[r,t]})}pageSizeSelected(e){r.A.setPaginationItemsSize(this.props.itemKind,e),this.props.fnSizeChange(e)}previousPageClicked(){this.props.fnPreviousClicked()}nextPageClicked(){this.props.fnNextClicked()}}c.propTypes={filter:o().string,size:o().number.isRequired,firstElement:o().number,lastElement:o().number,total:o().number,next:o().any,previous:o().any,itemKind:o().string,itemKindLabel:o().string,fnSizeChange:o().func.isRequired,isSplit:o().bool,showInfo:o().bool,subPagination:o().bool,disablePagination:o().bool},c.defaultProps={showInfo:!0,subPagination:!1,disablePagination:!1}},21792(e,s,t){t.d(s,{A:()=>n});var i=t(85186),a=t(64810),l=t(72234),r=t.n(l);class n extends a.Component{constructor(e){super(e)}splitOn(e,...s){return[0,...s].map((s,t,i)=>e.slice(s,i[t+1]))}render(){let e=""===this.props.text?"":this.props.text,s=String(this.props.queryTerm);e=String(e);let t=[];if(""!==e&&""!==s){let i=e.toLowerCase().indexOf(s.toLowerCase());-1!==i&&(t=this.splitOn(e,i,i+s.length))}let a=0;const l=t.map(e=>String(e).toLowerCase()===this.props.queryTerm.toLowerCase()?(0,i.jsx)("span",{className:"filter-highlight",children:e},a++):(0,i.jsx)("span",{className:"",children:e},a++)),r=this.props.additionalClass?this.props.additionalClass:"";return this.props.additionalSplitContent?(0,i.jsx)("div",{className:"nceBadge",style:{lineHeight:"20px",marginTop:"7px"},children:(0,i.jsx)("div",{title:this.props.title,className:"break-word-label-important"===r?"":"filter-elipsis "+r,style:{maxWidth:"90%",display:"inline-block"},children:t.length?l:this.props.text})}):(0,i.jsxs)("div",{title:this.props.title,className:"break-word-label-important"===r?"":"filter-elipsis "+r,children:[this.props.icon?(0,i.jsx)("i",{className:this.props.icon}):null,t.length?l:this.props.text]})}}

1n.propTypes={text:r().any,queryTerm:r().string,title:r().string,icon:r().string,additionalClass:r().string,additionalSplitContent:r().any}},34250(e,s,t){t.d(s,{A:()=>o,v:()=>n});var i=t(85186),a=t(64810),l=t(16598),r=t(63237);function n(e){return e?e.split("-")[0].replace(/([a-z])([A-Z])/g,"$1 $2").split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "):"Unknown Reason"}function o({state:e,vmLock:s,reason:t}){const[o,c]=(0,a.useState)(null);return(0,a.useEffect)(()=>{let s=null;"on"===e?s=(0,i.jsx)("i",{className:"fas fa-play",style:{color:"#3BAB58"}}):"off"===e?s=(0,i.jsx)("i",{className:"fas fa-stop",style:{color:"#EB493C"}}):"suspended"===e&&(s=(0,i.jsx)("i",{className:"fas fa-pause",style:{color:"#FABE19"}})),c(s)},[e]),""===e?(0,i.jsx)(l.A,{className:"small-data-loader"}):s?(0,i.jsxs)("div",{style:{display:"inline-flex",alignItems:"center"},children:[o,(0,i.jsx)(r.A,{placement:"top",title:(0,i.jsxs)("div",{children:["Server state is ",(0,i.jsx)("strong",{children:"Locked"})," due to ",(0,i.jsx)("strong",{children:n(t)}),".",(0,i.jsx)("br",{}),"Actions are temporarily disabled.",(0,i.jsx)("br",{}),(0,i.jsx)("strong",{children:"Please try again later"}),"."]}),color:"white",styles:{body:{color:"#8e8e93",width:300}},children:(0,i.jsx)("i",{className:"far fa-exclamation-triangle",style:{marginLeft:"10px",color:"orange"}})})]}):o}},10277(e,s,t){t.r(s),t.d(s,{default:()=>j});var i=t(85186),a=t(64810),l=t(81160),r=t(16598),n=t(18654),o=t(21792),c=t(42195),h=t(86071),p=t(48694),d=t(72234),m=t.n(d),u=t(78571),g=t(66551),y=t(58709),x=t(39478),v=t(86418),A=t(63237),b=t(38578),f=t(34250);class j extends a.Component{constructor(e){super(e),this._isActive=!0,this._fnChange=this.onChange.bind(this),this.state={typeList:[],categories:[],selectedCategory:"",servicesType:[],selectedType:"",services:[],userId:"",nextClick:!1,prevClick:!1,status:l.A.DATA_INIT,error:null},this.cols={serviceType:"col-xs-4 col-sm-2 col-md-2 col-int-4 col-lg-3 cwm-listing-item-first padding-right-10",name:"col-xs-5 col-sm-3 col-md-3 col-int-5 col-lg-3 padding-left-25",description:"hidden-xs col-sm-5 col-md-5 hidden-int col-lg-4 padding-left-0 padding-right-10",permission:"col-xs-3 col-sm-2 col-md-2 col-int-3 col-lg-2 cwm-listing-item-last padding-left-10"},this.servicesItemKind="services",this.usersItemKind="users",this.servicesStatus=l.A.DATA_INIT,this.currentUrl=location.pathname+location.search}componentDidMount(){this._isActive=!0,c.A.on(l.A.DATA_CHANGE,this._fnChange),this.setState({status:l.A.DATA_LOADING}),this.props.params.userId&&u.A.userServicesTypeList(this.props.params.userId).then(e=>{let s=Object.fromEntries(Object.entries(e.data).sort(([e],[s])=>s.localeCompare(e)));this.setState({typeList:s}),this.listItems()}).catch(e=>{this.setState({status:l.A.DATA_READY,error:(0,g.Sg)(e)})})}componentWillUnmount(){c.A.removeListener(l.A.DATA_CHANGE,this._fnChange),this.setState({typeList:[],services:[],userId:"",status:l.A.DATA_INIT,error:null}),this._isActive=!1,this.servicesStatus=l.A.DATA_INIT}componentWillReceiveProps(e){if(!e.location||!e.location.query||!this.props.location)return;if(0!==Object.keys(this.props.location.query).length&&(e.location.query.filter!==this.props.location.query.filter||e.location.query.from!==this.props.location.query.from||e.location.query.nItems!==this.props.location.query.nItems))return;const s=location.pathname+location.search;location.search&&this.currentUrl!==s&&(this.currentUrl=s,this.listItems(e))}onChange(){let e=c.A.servicesLoading();if(e===l.A.DATA_LOADED&&this._isActive){let s=c.A.servicesData();this.setState({status:e,data:s}),this.servicesStatus=l.A.DATA_LOADED}if(e===l.A.DATA_FAILED){const s=c.A.servicesError();this.setState({status:e,error:s}),this.servicesStatus=l.A.DATA_FAILED}this.state.data||(this.setState({status:e}),this.servicesStatus=l.A.DATA_FAILED)}convertTypeList(e){var s;if(this.state.typeList){const t=Object.keys(this.state.typeList),i=Object.values(this.state.typeList);if(0!==t.length||0!==i.length){const a=""!==e.sSelectedCategory&&void 0!==e.sSelectedCategory?e.sSelectedCategory:t[0],l=null!=(s=i[t.indexOf(a)])?s:[];let r=""!==e.sSelectType?e.sSelectType:l;r=Array.isArray(r)&&r.length>1?"all":r,this.setState({categories:t,selectedCategory:a,servicesType:l,selectedType:r})}}}listItems(e=null){const s=this.listItemsParams(e);this.convertTypeList(s);let t=""===s.sSelectType?this.state.selectedType:s.sSelectType;if("all"===s.sSelectType||"all"===this.state.selectedType){let e=this.state.categories.indexOf(this.state.selectedCategory);t=Object.values(this.state.typeList)[e]}this.state.typeList&&0!==this.state.typeList.length&&p.A.getServersRows(this.props.params.userId,this.state.typeList,t,s.sNItems,s.sFrom,s.sType,s.sPos)}listItemsParams(e=null){return e||(e=this.props),{sSelectType:e.location.query.sSelectType||this.state.selectedType,sSelectedCategory:e.location.query.sSelectedCategory||this.state.selectedCategory,sNItems:parseInt(e.location.query.sNItems||l.A.getLocalPaginationItemsSize(this.servicesItemKind)),sFrom:e.location.query.sFrom||"",sT

1ype:e.location.query.sType||"",sPos:e.location.query.sPos||1,auxFilter:e.params.site||"0",filter:e.location.query.filter||"",nItems:parseInt(e.location.query.nItems||l.A.getLocalPaginationItemsSize(this.usersItemKind)),from:e.location.query.from||""}}render(){if(this.state.status===l.A.DATA_FAILED)return(0,i.jsx)(y.A,{type:"error",showIcon:!0,message:this.state.error?b.A.errorMessage(this.state.error):"General Error"});if(this.state.status===l.A.DATA_LOADING||!this.state.data||this.props.params.userId!==this.state.data.userId)return(0,i.jsx)(r.A,{children:"Loading User Services"});let e=this.props.location.query.sNItems&&this.state.data.size.toString()!==this.props.location.query.sNItems||this.props.location.query.sFrom&&this.state.data.from!==this.props.location.query.sFrom;const s=[];this.state.categories.length&&this.state.servicesType.length&&(s.push({label:"All Services",value:"all",key:0}),this.state.servicesType.map((e,t)=>{s.push({label:e,value:e,key:t+1})}));const t=this.servicesStatus===l.A.DATA_LOADING||this.state.status===l.A.DATA_LOADING;return(0,i.jsxs)("div",{children:[this.state.status===l.A.DATA_FAILED?(0,i.jsx)("div",{className:"alert alert-danger",children:"Loading user services failed"}):null,this.state.status===l.A.DATA_READY?(0,i.jsxs)("fieldset",{className:"fs-info",children:[(0,i.jsx)("legend",{className:"list",children:"Services"}),this.state.categories.length>0?(0,i.jsx)("div",{className:"inline-tab-selector zone margin-top-15 cwm-select margin-bottom-5",children:(0,i.jsxs)(v.A,{wrap:!0,children:[(0,i.jsx)(v.A.Compact,{children:(0,i.jsx)("label",{style:{width:90.5},children:"Service Types:"})}),(0,i.jsxs)(v.A.Compact,{children:[(0,i.jsx)(x.A,{id:"categories",optionFilterProp:"label",value:this.state.selectedCategory,style:{width:150},onChange:t?null:this.categoriesChanged.bind(this),disabled:this.state.status===l.A.DATA_LOADING||e||!this.state.typeList||!(this.state.categories.length>1)||t,options:this.state.categories.map((e,s)=>({label:e,value:e,key:s}))}),(0,i.jsx)(x.A,{id:"serviceTypes",optionFilterProp:"label",value:this.state.selectedType,className:"margin-left-14",style:{width:150},onChange:t?null:this.serviceTypeChanged.bind(this),disabled:this.state.status===l.A.DATA_LOADING||e||!this.state.typeList||!this.state.selectedCategory||!(this.state.servicesType.length>1)||t,options:s})]})]})}):null,(0,i.jsxs)("div",{className:"list-container-tabbed margin-top-10",children:[this.renderListHeading(),this.renderList(),this.renderPagination(e||t),(0,i.jsx)("div",{className:"margin-bottom-20"})]})]}):null]})}renderListHeading(){return(0,i.jsx)("div",{children:(0,i.jsxs)("div",{className:"row cwm-listing-head service-tab",children:[(0,i.jsx)("div",{className:this.cols.serviceType,children:(0,i.jsx)("label",{className:"label-nowrap",children:"Service Type"})}),(0,i.jsx)("div",{className:this.cols.name,children:(0,i.jsx)("label",{children:"Name"})}),(0,i.jsx)("div",{className:this.cols.description,children:(0,i.jsx)("label",{children:"Description"})}),(0,i.jsx)("div",{className:this.cols.permission,children:(0,i.jsx)("label",{children:"Permission"})})]})})}renderList(){return this.servicesStatus===l.A.DATA_LOADING||this.state.status===l.A.DATA_LOADING?(0,i.jsx)(r.A,{children:"Loading Selected Type"}):this.state.data.services.length>0?this.state.data.services.map((e,s)=>{let t={},a=e.path;const l="Object Storage"===e.type&&1===e.status;""!==a&&a.split("?").length>1&&(t=Object.fromEntries(new URLSearchParams(a.split("?")[1]).entries()),a=a.split("?")[0]);const r=e.state||e.vmLock?(0,i.jsxs)("div",{children:[e.state?(0,i.jsxs)("div",{children:["State: ",e.state]}):null,e.vmLock?(0,i.jsxs)("div",{children:["VM Lock: ",(0,f.v)(e.vmLock)]}):null]}):null,c=""!==a?(0,i.jsx)(n.N_,{to:{pathname:a,query:t},onClick:this.handleClick.bind(this),className:"underline",children:e.name}):(0,i.jsx)("span",{children:e.name});return(0,i.jsxs)("div",{className:"row no-open cwm-listing-item "+(l?" disabled":""),children:[(0,i.jsx)("div",{className:this.cols.serviceType,children:(0,i.jsx)("label",{className:"label-nowrap",children:e.type})}),(0,i.jsx)("div",{className:this.cols.name,children:(0,i.jsx)("label",{className:""!==a?"label-link":"",children:(0,i.jsx)("div",{title:r?null:e.name,className:"filter-elipsis-sentence all-screen",children:r?(0,i.jsx)(A.A,{title:r,children:c}):c})})}),(0,i.jsx)("div",{className:this.cols.description,children:(0,i.jsx)("label",{children:(0,i.jsx)(o.A,{text:e.description})})}),(0,i.jsx)("div",{className:this.cols.permission,children:(0,i.jsx)("label",{children:e.source})})]},`service-${s}`)}):(0,i.jsx)("div",{className:"row margin-top-20 text-black cwm-listing-item-first",children:"No services found."})}renderPagination(e){let s=this.listItemsParams();const t=this.getCurrentPath();let a=this.state.nextClick&&e?(0,i.jsxs)("span",{children:["Loading",(0,i.jsx)("i",{className:"fa spinner"})]}):(0,i.jsxs)(i.Fragment,{children:["Next",(0,i.jsx)("i",{className:"fal fa-angle-double-right",style:{marginLeft:"7px"}})]}),l=this.state.prevClick&&e?(0,i.jsxs)("span",{children:["Loading",(0,i.jsx)("i",{className:"fa spinner"})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("i",{className:"fal fa-angle-double-left",style:{marginRight:"7px"}}),"Previous"]}),r=(0,i.jsx)(n.N_,{to:{pathname:t,query:Object.assign({}

1,s,{sFrom:this.state.data.next,sType:this.state.data.nextType,sPos:this.state.data.firstElement+this.state.data.size})},onClick:()=>{this.setState({nextClick:!0,prevClick:!1})},disabled:e,className:"btn btn-default btn-squared text-dark margin-left-5 margin-bottom-5",style:{visibility:this.state.data.next?"visible":"hidden"},children:a}),o=this.state.data.firstElement-this.state.data.size,c=(0,i.jsx)(n.N_,{to:{pathname:t,query:Object.assign({},s,{sFrom:this.state.data.previous,sType:this.state.data.previousType,sPos:o<1?1:o})},onClick:()=>{this.setState({prevClick:!0,nextClick:!1})},disabled:e,className:"btn btn-default btn-squared text-dark margin-bottom-5",style:{visibility:this.state.data.previous?"visible":"hidden"},children:l});return this.state.data.services.length>0?(0,i.jsx)(h.A,{size:this.state.data.size,firstElement:this.state.data.firstElement,lastElement:this.state.data.lastElement,total:this.state.data.total,next:r,previous:c,itemKind:this.servicesItemKind,fnSizeChange:this.sizeChanged.bind(this),subPagination:!0,isSplit:!0,disablePagination:e}):null}sizeChanged(e){const s=this.getCurrentPath();this.setState({nextClick:!1,prevClick:!1}),this.context.router.push({pathname:s,query:Object.assign({},this.listItemsParams(),{sNItems:e})})}typeSelected(){const e=this.getCurrentPath();this.context.router.push({pathname:e,query:Object.assign({},this.listItemsParams(),{sSelectType:this.state.selectedType,sSelectedCategory:this.state.selectedCategory,sFrom:"",sType:"",sPos:1})})}getCurrentPath(){let e=`/users/${encodeURIComponent(this.props.params.site?this.props.params.site:"0")}`;if(this.props.routes.length>4&&this.props.params.userId){let s=this.props.routes[4].path.split("/");e=e.concat(`/${this.props.params.userId}/${encodeURIComponent(s[s.length-1])}`)}return e}serviceTypeChanged(e){this.servicesStatus=l.A.DATA_LOADING,this.setState({nextClick:!1,prevClick:!1,selectedType:e},()=>{this.typeSelected()})}categoriesChanged(e){let s=this.state.categories.indexOf(e),t=Object.values(this.state.typeList);this.servicesStatus=l.A.DATA_LOADING,this.setState({nextClick:!1,prevClick:!1,selectedCategory:e,servicesType:t[s],selectedType:t[s]},()=>{this.typeSelected()})}handleClick(){l.A.scrollSectionToTop()}}j.contextTypes={router:m().object.isRequired}}}]);
2//# sourceMappingURL=277.f6c18530.js.map