root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: workers list api

Browse Source
This commit is contained in:
jialin
2024-06-26 10:36:29 +08:00
parent ad9775db69
commit 2e30eb7012
5 changed files with 70 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/resources/components/nodes.tsx → src/pages/resources/components/workers.tsx
+48 -9
View File
@@ -174,14 +174,30 @@ const Models: React.FC = () => {
key="GPU"
render={(text, record: ListItem) => {
return (
<ProgressBar
percent={_.get(record, [
'status',
'gpu',
'0',
'core_utilization_rate'
])}
></ProgressBar>
<Space>
{record?.status?.gpu.map((item) => {
return (
<span key={item.index} className="flex-center">
<span
style={{
display: 'flex',
width: '6px',
height: '6px',
borderRadius: '50%',
backgroundColor: 'var(--ant-color-primary)'
}}
></span>
<span className="m-l-5">
{' '}
{`${item.core.total}C`} /{' '}
{item.core.utilization_rate
? `${item.core.utilization_rate}%`
: 0}
</span>
</span>
);
})}
</Space>
);
}}
/>
@@ -198,7 +214,30 @@ const Models: React.FC = () => {
dataIndex="VRAM"
key="VRAM"
render={(text, record: ListItem) => {
return <ProgressBar percent={0}></ProgressBar>;
return (
<Space>
{record?.status?.gpu.map((item) => {
return (
<span key={item.index} className="flex-center">
<span
style={{
display: 'flex',
width: '6px',
height: '6px',
borderRadius: '50%',
backgroundColor: 'var(--ant-color-primary)'
}}
></span>
<span className="m-l-5">
{item.memory.allocated
? `${formateUtilazation(item.memory.allocated, item.memory.total)}%`
: 0}
</span>
</span>
);
})}
</Space>
);
}}
/>
</Table>