2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
"use strict";(self.webpackChunkportal_ui=self.webpackChunkportal_ui||[]).push([[3061],{23804:function(e,t,n){n(72791);var a=n(11135),i=n(25787),r=n(61889),s=n(80184);t.Z=(0,i.Z)((function(e){return(0,a.Z)({root:{border:"1px solid #E2E2E2",borderRadius:2,backgroundColor:"#FBFAFA",paddingLeft:25,paddingTop:31,paddingBottom:21,paddingRight:30},leftItems:{fontSize:16,fontWeight:"bold",marginBottom:15,display:"flex",alignItems:"center","& .min-icon":{marginRight:15,height:28,width:38}},helpText:{fontSize:16,paddingLeft:5}})}))((function(e){var t=e.classes,n=e.iconComponent,a=e.title,i=e.help;return(0,s.jsx)("div",{className:t.root,children:(0,s.jsxs)(r.ZP,{container:!0,children:[(0,s.jsxs)(r.ZP,{item:!0,xs:12,className:t.leftItems,children:[n,a]}),(0,s.jsx)(r.ZP,{item:!0,xs:12,className:t.helpText,children:i})]})})}))},81806:function(e,t,n){var a=n(1413),i=n(45987),r=(n(72791),n(11135)),s=n(25787),l=n(80184),o=["classes","children"];t.Z=(0,s.Z)((function(e){return(0,r.Z)({root:{padding:0,margin:0,border:0,backgroundColor:"transparent",textDecoration:"underline",cursor:"pointer",fontSize:"inherit",color:e.palette.info.main,fontFamily:"Lato, sans-serif"}})}))((function(e){var t=e.classes,n=e.children,r=(0,i.Z)(e,o);return(0,l.jsx)("button",(0,a.Z)((0,a.Z)({},r),{},{className:t.root,children:n}))}))},75578:function(e,t,n){var a=n(1413),i=n(72791),r=n(80184);t.Z=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;function n(n){return(0,r.jsx)(i.Suspense,{fallback:t,children:(0,r.jsx)(e,(0,a.Z)({},n))})}return n}},59114:function(e,t,n){var a=n(4942),i=n(1413),r=(n(72791),n(63466)),s=n(74900),l=n(27391),o=n(25787),c=n(11135),u=n(23814),d=n(80184);t.Z=(0,o.Z)((function(e){return(0,c.Z)({searchField:(0,i.Z)({},u.qg.searchField),adornment:{}})}))((function(e){var t=e.placeholder,n=void 0===t?"":t,i=e.classes,o=e.onChange,c=e.adornmentPosition,u=void 0===c?"end":c,h=e.overrideClass,f=e.value,p=(0,a.Z)({disableUnderline:!0},"".concat(u,"Adornment"),(0,d.jsx)(r.Z,{position:u,className:i.adornment,children:(0,d.jsx)(s.Z,{})}));return(0,d.jsx)(l.Z,{placeholder:n,className:h||i.searchField,id:"search-resource",label:"",InputProps:p,onChange:function(e){o(e.target.value)},variant:"standard",value:f})}))},98994:function(e,t,n){var a=n(72791),i=n(22338),r=n(79762),s=n(5171),l=n(80184),o={};t.Z=function(e){var t=e.rowRenderFunction,n=e.totalItems,c=e.defaultHeight,u=function(e){var n=e.index,a=e.style;return(0,l.jsx)("div",{style:a,children:t(n)})};return(0,l.jsx)(a.Fragment,{children:(0,l.jsx)(r.Z,{isItemLoaded:function(e){return!!o[e]},loadMoreItems:function(e,t){for(var n=e;n<=t;n++)o[n]=1;for(var a=e;a<=t;a++)o[a]=2},itemCount:n,children:function(e){var t=e.onItemsRendered,a=e.ref;return(0,l.jsx)(s.qj,{children:function(e){var r=e.width,s=e.height;return(0,l.jsx)(i.t7,{itemSize:c||220,height:s,itemCount:n,width:r,ref:a,onItemsRendered:t,children:u})}})}})})}},3061:function(e,t,n){n.r(t),n.d(t,{default:function(){return P}});var a=n(29439),i=n(1413),r=n(72791),s=n(61889),l=n(40986),o=n(11135),c=n(25787),u=n(45248),d=n(23814),h=n(38734),f=n(81207),p=n(28789),x=n(32291),g=n(16871),m=n(17238),v=n(82295),j=n(80184),y=function(e){var t=e.label,n=e.value,a=e.unit,i=e.variant,s=void 0===i?"normal":i;return(0,j.jsxs)("div",{style:{margin:"0px 20px"},children:[(0,j.jsxs)("div",{style:{textAlign:"center"},children:[(0,j.jsx)("span",{style:{fontSize:18,color:"normal"===s?"#000":"#999",fontWeight:400},children:n}),a&&(0,j.jsxs)(r.Fragment,{children:[" ",(0,j.jsx)("span",{style:{fontSize:12,color:"#8F9090",fontWeight:"bold"},children:a})]})]}),(0,j.jsx)("div",{style:{textAlign:"center",color:"normal"===s?"#767676":"#bababa",fontSize:12,whiteSpace:"nowrap"},children:t})]})},b=n(74815),Z=n(25469),S=(0,c.Z)((function(e){return(0,o.Z)({redState:{color:e.palette.error.main,"& .min-icon":{width:16,height:16,float:"left",marginRight:4}},yellowState:{color:e.palette.warning.main,"& .min-icon":{width:16,height:16,float:"left",marginRight:4}},greenState:{color:e.palette.success.main,"& .min-icon":{width:16,height:16,float:"left",marginRight:4}},greyState:{color:"grey","& .min-icon":{width:16,height:16,float:"left",marginRight:4}},tenantIcon:{width:40,height:40,position:"relative"},tenantItem:{border:"1px solid #EAEAEA",marginBottom:16,padding:"15px 30px","&:hover":{backgroundColor:"#FAFAFA",cursor:"pointer"}},titleContainer:{display:"flex",justifyContent:"space-between",width:"100%"},title:{fontSize:18,fontWeight:"bold"},namespaceLabel:{display:"inline-flex",backgroundColor:"#EAEDEF",borderRadius:2,padding:"4px 8px",fontSize:10,marginRight:20},status:{fontSize:12,color:"#8F9090"}})}))((function(e){var t=e.tenant,n=e.classes,a=(0,Z.TL)(),i=(0,g.s0)(),l={value:"n/a",unit:""},o={value:"n/a",unit:""},c={value:"n/a",unit:""},d={value:"n/a",unit:""},f={value:"n/a",unit:""};if(t.capacity_raw){var p=(0,u.ae)("".concat(t.capacity_raw),!0).split(" ");l.value=p[0],l.unit=p[1]}if(t.capacity){var x=(0,u.ae)("".concat(t.capacity),!0).split(" ");o.value=x[0],o.unit=x[1]}if(t.capacity_usage){var S=(0,u.l5)(t.capacity_usage,!0).split(" ");c.value=S[0],c.unit=S[1]}var C=[];if(t.tiers&&0!==t.tiers.length){C=t.tiers.map((function(e){return{value:e.size,variant:e.name}}));var w=t.tiers.filter((function(e){return"internal"===e.type})).reduce((function(e,t){return e+t.size}),0),F=t.tiers.filter((function(e){return"internal"!==e.type})).reduce((function(e,t){return e+t.size}),0),T=(0,u.l5)(F,!0).split(" ");f.value=T[0],f.unit=T[1];var _=(0,u.l5)(w,!0).split(" ");d.value=_[0],d.unit=_[1]}else C=[{value:t.capacity_usage||0,variant:"STANDARD"}];return(0,j.jsx)(r.Fragment,{children:(0,j.jsx)("div",{className:n.tenantItem,id:"list-tenant-".concat(t.name),onClick:function(){a((0,m.V7)({name:t.name,namespace:t.namespace})),a((0,v.v)()),i("/namespaces/".concat(t.namespace,"/tenants/").concat(t.name))},children:(0,j.jsxs)(s.ZP,{container:!0,children:[(0,j.jsxs)(s.ZP,{item:!0,xs:12,className:n.titleContainer,children:[(0,j.jsx)("div",{className:n.title,children:(0,j.jsx)("span",{children:t.name})}),(0,j.jsx)("div",{children:(0,j.jsxs)("span",{className:n.namespaceLabel,children:["Namespace:\xa0",t.namespace]})})]}),(0,j.jsx)(s.ZP,{item:!0,xs:12,sx:{marginTop:2},children:(0,j.jsxs)(s.ZP,{container:!0,children:[(0,j.jsx)(s.ZP,{item:!0,xs:2,children:(0,j.jsx)(b.Z,{totalCapacity:t.capacity||0,usedSpaceVariants:C,statusClass:function(e){switch(e){case"red":return n.redState;case"yellow":return n.yellowState;case"green":return n.greenState;default:return n.greyState}}(t.health_status)})}),(0,j.jsxs)(s.ZP,{item:!0,xs:!0,children:[(0,j.jsxs)(s.ZP,{item:!0,xs:!0,sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",marginTop:"10px"},children:[(0,j.jsx)(y,{label:"Raw Capacity",value:l.value,unit:l.unit}),(0,j.jsx)(y,{label:"Usable Capacity",value:o.value,unit:o.unit}),(0,j.jsx)(y,{label:"Pools",value:t.pool_count.toString(),variant:"faded"})]}),(0,j.jsx)(s.ZP,{item:!0,xs:12,sx:{paddingLeft:"20px",marginTop:"15px"},children:(0,j.jsxs)("span",{className:n.status,children:[(0,j.jsx)("strong",{children:"State:"})," ",t.currentState]})})]}),(0,j.jsx)(s.ZP,{item:!0,xs:3,children:(0,j.jsx)(r.Fragment,{children:(0,j.jsxs)(s.ZP,{container:!0,children:[(0,j.jsxs)(s.ZP,{item:!0,xs:2,textAlign:"center",justifyContent:"center",justifyItems:"center",children:[(0,j.jsx)(h.FU8,{style:{width:25,color:"rgb(91,91,91)"}}),(0,j.jsx)("div",{style:{color:"rgb(118, 118, 118)",fontSize:12,fontWeight:"400"},children:"Usage"})]}),(0,j.jsx)(s.ZP,{item:!0,xs:1}),(0,j.jsxs)(s.ZP,{item:!0,style:{paddingTop:8},children:[(!t.tiers||0===t.tiers.length)&&(0,j.jsxs)("div",{style:{fontSize:14,fontWeight:400},children:[(0,j.jsxs)("span",{style:{color:"rgb(62,62,62)"},children:["Internal:"," "]})," ","".concat(c.value," ").concat(c.unit)]}),t.tiers&&t.tiers.length>0&&(0,j.jsxs)(r.Fragment,{children:[(0,j.jsxs)("div",{style:{fontSize:14,fontWeight:400},children:[(0,j.jsxs)("span",{style:{color:"rgb(62,62,62)"},children:["Internal:"," "]})," ","".concat(d.value," ").concat(d.unit)]}),(0,j.jsxs)("div",{style:{fontSize:14,fontWeight:400},children:[(0,j.jsxs)("span",{style:{color:"rgb(62,62,62)"},children:["Tiered:"," "]})," ","".concat(f.value," ").concat(f.unit)]})]})]})]})})})]})})]})})})})),C=n(23804),w=n(81806),F=n(75578),T=n(98994),_=n(40603),z=n(59114),A=n(74794),I=n(87995),R=n(90673),N=(0,F.Z)(r.lazy((function(){return n.e(7798).then(n.bind(n,37798))}))),P=(0,c.Z)((function(e){return(0,o.Z)((0,i.Z)((0,i.Z)((0,i.Z)((0,i.Z)({},d.OR),d.qg),(0,d.Bz)(e.spacing(4))),{},{theaderSearch:{borderColor:e.palette.grey[200],"& .MuiInputBase-input":{paddingTop:10,paddingBottom:10},"& .MuiInputBase-root":{"& .MuiInputAdornment-root":{"& .min-icon":{color:e.palette.grey[400],height:14}}},actionHeaderItems:{"@media (min-width: 320px)":{marginTop:8}},marginRight:10,marginLeft:10},tenantsList:{height:"calc(100vh - 195px)"},sortByContainer:{display:"flex",justifyContent:"flex-end",marginBottom:10},innerSort:{maxWidth:200,width:"95%",display:"flex",flexDirection:"row",alignItems:"center"},sortByLabel:{whiteSpace:"nowrap",fontSize:14,color:"#838383",fontWeight:"bold",marginRight:10}}))}))((function(e){var t=e.classes,n=(0,Z.TL)(),i=(0,g.s0)(),o=(0,r.useState)(!1),c=(0,a.Z)(o,2),d=c[0],m=c[1],v=(0,r.useState)(""),y=(0,a.Z)(v,2),b=y[0],F=y[1],P=(0,r.useState)([]),B=(0,a.Z)(P,2),k=B[0],L=B[1],E=(0,r.useState)(!1),D=(0,a.Z)(E,2),W=D[0],M=D[1],U=(0,r.useState)(null),V=(0,a.Z)(U,2),q=V[0],O=V[1],H=(0,r.useState)("name"),K=(0,a.Z)(H,2),G=K[0],J=K[1],$=k.filter((function(e){return""===b||e.name.indexOf(b)>=0}));$.sort((function(e,t){switch(G){case"capacity":return e.capacity&&t.capacity?e.capacity>t.capacity?1:e.capacity<t.capacity?-1:0:0;case"usage":return e.capacity_usage&&t.capacity_usage?e.capacity_usage>t.capacity_usage?1:e.capacity_usage<t.capacity_usage?-1:0:0;case"active_status":return"red"===e.health_status&&"red"!==t.health_status?1:"red"!==e.health_status&&"red"===t.health_status?-1:0;case"failing_status":return"green"===e.health_status&&"green"!==t.health_status?1:"green"!==e.health_status&&"green"===t.health_status?-1:0;default:return e.name>t.name?1:e.name<t.name?-1:0}})),(0,r.useEffect)((function(){if(d){f.Z.invoke("GET","/api/v1/tenants").then((function(e){if(null!==e){var t=[];null!==e.tenants&&(t=e.tenants);for(var n=0;n<t.length;n++)t[n].total_capacity=(0,u.ae)(t[n].total_size+"");L(t),m(!1)}else m(!1)})).catch((function(e){n((0,I.Ih)(e)),m(!1)}))}}),[d,n]),(0,r.useEffect)((function(){m(!0)}),[]);return(0,j.jsxs)(r.Fragment,{children:[W&&(0,j.jsx)(N,{newServiceAccount:q,open:W,closeModal:function(){M(!1),O(null)},entity:"Tenant"}),(0,j.jsx)(x.Z,{label:"Tenants",middleComponent:(0,j.jsx)(z.Z,{placeholder:"Filter Tenants",onChange:function(e){F(e)},value:b}),actions:(0,j.jsxs)(s.ZP,{item:!0,xs:12,marginRight:"30px",children:[(0,j.jsx)(_.Z,{id:"refresh-tenant-list",tooltip:"Refresh Tenant List",text:"",onClick:function(){m(!0)},icon:(0,j.jsx)(p.default,{}),color:"primary",variant:"outlined"}),(0,j.jsx)(_.Z,{id:"create-tenant",tooltip:"Create Tenant",text:"Create Tenant",onClick:function(){i("/tenants/add")},icon:(0,j.jsx)(h.dtP,{}),color:"primary",variant:"contained"})]})}),(0,j.jsx)(A.Z,{children:(0,j.jsxs)(s.ZP,{item:!0,xs:12,className:t.tenantsList,children:[d&&(0,j.jsx)(l.Z,{}),!d&&(0,j.jsxs)(r.Fragment,{children:[0!==$.length&&(0,j.jsxs)(r.Fragment,{children:[(0,j.jsx)(s.ZP,{item:!0,xs:12,className:t.sortByContainer,children:(0,j.jsxs)("div",{className:t.innerSort,children:[(0,j.jsx)("span",{className:t.sortByLabel,children:"Sort by"}),(0,j.jsx)(R.Z,{id:"sort-by",label:"",value:G,onChange:function(e){J(e.target.value)},name:"sort-by",options:[{label:"Name",value:"name"},{label:"Capacity",value:"capacity"},{label:"Usage",value:"usage"},{label:"Active Status",value:"active_status"},{label:"Failing Status",value:"failing_status"}]})]})}),(0,j.jsx)(T.Z,{rowRenderFunction:function(e){var t=$[e]||null;return t?(0,j.jsx)(S,{tenant:t}):null},totalItems:$.length})]}),0===$.length&&(0,j.jsx)(s.ZP,{container:!0,justifyContent:"center",alignContent:"center",alignItems:"center",children:(0,j.jsx)(s.ZP,{item:!0,xs:8,children:(0,j.jsx)(C.Z,{iconComponent:(0,j.jsx)(h.zb0,{}),title:"Tenants",help:(0,j.jsxs)(r.Fragment,{children:["Tenant is the logical structure to represent a MinIO deployment. A tenant can have different size and configurations from other tenants, even a different storage class.",(0,j.jsx)("br",{}),(0,j.jsx)("br",{}),"To get started,\xa0",(0,j.jsx)(w.Z,{onClick:function(){i("/tenants/add")},children:"Create a Tenant."})]})})})})]})]})})]})}))},74815:function(e,t,n){n.d(t,{Z:function(){return d}});var a=n(93433),i=(n(72791),n(73909)),r=n(21041),s=n(41048),l=n(45248),o=n(38734),c=n(80184),u=function(e){var t=e.totalValue,n=e.sizeItems,a=e.bgColor,i=void 0===a?"#ededed":a;return(0,c.jsx)("div",{style:{width:"100%",height:12,backgroundColor:i,borderRadius:30,display:"flex",transitionDuration:"0.3s",overflow:"hidden"},children:n.map((function(e,n){var a=100*e.value/t;return(0,c.jsx)("div",{style:{width:"".concat(a,"%"),height:"100%",backgroundColor:e.color,transitionDuration:"0.3s"}},"itemSize-".concat(n.toString()))}))})},d=function(e){var t=e.totalCapacity,n=e.usedSpaceVariants,d=e.statusClass,h=e.render,f=void 0===h?"pie":h,p=["#8dacd3","#bca1ea","#92e8d2","#efc9ac","#97f274","#f7d291","#71ACCB","#f28282","#e28cc1","#2781B0"],x="#ededed",g=n.reduce((function(e,t){return e+t.value}),0),m=t-g,v=[],j=n.find((function(e){return"STANDARD"===e.variant}))||{value:0,variant:"empty"};n.length>10?v=[{value:g-j.value,color:"#2781B0",label:"Total Tiers Space"}]:v=n.filter((function(e){return"STANDARD"!==e.variant})).map((function(e,t){return{value:e.value,color:p[t],label:"Tier - ".concat(e.variant)}}));var y="#07193E",b=100*j.value/t;b>=90?y="#C83B51":b>=75&&(y="#FFAB0F");var Z=[{value:j.value,color:y,label:"Used Space by Tenant"}].concat((0,a.Z)(v),[{value:m,color:"bar"===f?x:"transparent",label:"Empty Space"}]);if("bar"===f){var S=Z.map((function(e){return{value:e.value,color:e.color,itemName:e.label}}));return(0,c.jsx)("div",{style:{width:"100%",marginBottom:15},children:(0,c.jsx)(u,{totalValue:t,sizeItems:S,bgColor:x})})}return(0,c.jsxs)("div",{style:{position:"relative",width:110,height:110},children:[(0,c.jsx)("div",{style:{position:"absolute",right:-5,top:15,zIndex:400},className:d,children:(0,c.jsx)(o.J$M,{style:{border:"#fff 2px solid",borderRadius:"100%",width:20,height:20}})}),(0,c.jsx)("span",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontWeight:"bold",color:"#000",fontSize:12},children:isNaN(g)?"N/A":(0,l.l5)(g)}),(0,c.jsx)("div",{children:(0,c.jsxs)(i.u,{width:110,height:110,children:[(0,c.jsx)(r.b,{data:[{value:100}],cx:"50%",cy:"50%",dataKey:"value",outerRadius:50,innerRadius:40,fill:x,isAnimationActive:!1,stroke:"none"}),(0,c.jsx)(r.b,{data:Z,cx:"50%",cy:"50%",dataKey:"value",outerRadius:50,innerRadius:40,children:Z.map((function(e,t){return(0,c.jsx)(s.b,{fill:e.color,stroke:"none"},"cellCapacity-".concat(t))}))})]})})]})}}}]);
|
|
//# sourceMappingURL=3061.42c87510.chunk.js.map
|