pucmnw7fs
/
gpustack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: dashboard update field name

Browse Source
main
jialin 1 year ago
parent dff8a0ff2f
commit ea2844ea7f
8 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File

6
src/pages/dashboard/components/active-table.tsx
Unescape View File

@ -87,12 +87,12 @@ const ActiveTable = () => {
{
title: intl.formatMessage({ id: 'dashboard.allocatevram' }),
dataIndex: 'resource_claim.memory',
key: 'gpu_memory',
key: 'vram',
render: (text: any, record: any) => {
return (
<span>
{convertFileSize(record.resource_claim?.gpu_memory || 0)} /{' '}
{convertFileSize(record.resource_claim?.memory || 0)}
{convertFileSize(record.resource_claim?.vram || 0)} /{' '}
{convertFileSize(record.resource_claim?.ram || 0)}
</span>
);
}

6
src/pages/dashboard/components/resource-utilization.tsx
Unescape View File

@ -17,7 +17,7 @@ const TypeKeyMap = {
intl: false,
color: 'rgba(250, 173, 20,.8)'
},
memory: {
ram: {
label: 'dashboard.memory',
type: 'Memory',
intl: true,
@ -29,7 +29,7 @@ const TypeKeyMap = {
intl: false,
color: 'rgba(84, 204, 152,.8)'
},
gpu_memory: {
vram: {
label: 'dashboard.vram',
type: 'VRAM',
intl: true,
@ -114,7 +114,7 @@ const UtilizationOvertime: React.FC = () => {
const intl = useIntl();
const data = useContext(DashboardContext)?.system_load?.history || {};
const typeList = ['gpu', 'cpu', 'memory', 'gpu_memory'];
const typeList = ['gpu', 'cpu', 'ram', 'vram'];
const tooltipValueFormatter = (value: any) => {
return !value ? value : `${value}%`;

8
src/pages/dashboard/components/system-load.tsx
Unescape View File

@ -83,8 +83,8 @@ const SystemLoad = () => {
id: 'dashboard.vramutilization'
})}
height={smallChartHeight}
color={strokeColorFunc(data.gpu_memory)}
value={_.round(data.gpu_memory || 0, 1)}
color={strokeColorFunc(data.vram)}
value={_.round(data.vram || 0, 1)}
></GaugeChart>
</Col>
<Col span={12} style={{ height: smallChartHeight }}>
@ -103,8 +103,8 @@ const SystemLoad = () => {
id: 'dashboard.memoryutilization'
})}
height={smallChartHeight}
color={strokeColorFunc(data.memory)}
value={_.round(data.memory || 0, 1)}
color={strokeColorFunc(data.ram)}
value={_.round(data.ram || 0, 1)}
></GaugeChart>
</Col>
</Row>

8
src/pages/dashboard/config/types.ts
Unescape View File

@ -8,16 +8,16 @@ export interface DashboardProps {
system_load: {
current: {
cpu: number;
memory: number;
ram: number;
gpu: number;
gpu_memory: number;
vram: number;
};
history: {
cpu: {
timestamp: number;
value: number;
}[];
memory: {
ram: {
timestamp: number;
value: number;
}[];
@ -25,7 +25,7 @@ export interface DashboardProps {
timestamp: number;
value: number;
}[];
gpu_memory: {
vram: {
timestamp: number;
value: number;
}[];

6
src/pages/usage/components/active-table.tsx
Unescape View File

@ -87,12 +87,12 @@ const ActiveTable = () => {
{
title: intl.formatMessage({ id: 'dashboard.allocatevram' }),
dataIndex: 'resource_claim.memory',
key: 'gpu_memory',
key: 'vram',
render: (text: any, record: any) => {
return (
<span>
{convertFileSize(record.resource_claim?.gpu_memory || 0)} /{' '}
{convertFileSize(record.resource_claim?.memory || 0)}
{convertFileSize(record.resource_claim?.vram || 0)} /{' '}
{convertFileSize(record.resource_claim?.ram || 0)}
</span>
);
}

6
src/pages/usage/components/resource-utilization.tsx
Unescape View File

@ -17,7 +17,7 @@ const TypeKeyMap = {
intl: false,
color: 'rgba(250, 173, 20,.8)'
},
memory: {
ram: {
label: 'dashboard.memory',
type: 'Memory',
intl: true,
@ -29,7 +29,7 @@ const TypeKeyMap = {
intl: false,
color: 'rgba(84, 204, 152,.8)'
},
gpu_memory: {
vram: {
label: 'dashboard.vram',
type: 'VRAM',
intl: true,
@ -114,7 +114,7 @@ const UtilizationOvertime: React.FC = () => {
const intl = useIntl();
const data = useContext(DashboardContext)?.system_load?.history || {};
const typeList = ['gpu', 'cpu', 'memory', 'gpu_memory'];
const typeList = ['gpu', 'cpu', 'ram', 'vram'];
const tooltipValueFormatter = (value: any) => {
return !value ? value : `${value}%`;

8
src/pages/usage/components/system-load.tsx
Unescape View File

@ -83,8 +83,8 @@ const SystemLoad = () => {
id: 'dashboard.vramutilization'
})}
height={smallChartHeight}
color={strokeColorFunc(data.gpu_memory)}
value={_.round(data.gpu_memory || 0, 1)}
color={strokeColorFunc(data.vram)}
value={_.round(data.vram || 0, 1)}
></GaugeChart>
</Col>
<Col span={12} style={{ height: smallChartHeight }}>
@ -103,8 +103,8 @@ const SystemLoad = () => {
id: 'dashboard.memoryutilization'
})}
height={smallChartHeight}
color={strokeColorFunc(data.memory)}
value={_.round(data.memory || 0, 1)}
color={strokeColorFunc(data.ram)}
value={_.round(data.ram || 0, 1)}
></GaugeChart>
</Col>
</Row>

8
src/pages/usage/config/types.ts
Unescape View File

@ -8,16 +8,16 @@ export interface DashboardProps {
system_load: {
current: {
cpu: number;
memory: number;
ram: number;
gpu: number;
gpu_memory: number;
vram: number;
};
history: {
cpu: {
timestamp: number;
value: number;
}[];
memory: {
ram: {
timestamp: number;
value: number;
}[];
@ -25,7 +25,7 @@ export interface DashboardProps {
timestamp: number;
value: number;
}[];
gpu_memory: {
vram: {
timestamp: number;
value: number;
}[];

Write Preview
Loading…
Cancel
Save