[YUNIKORN-1175] Web UI should show node utilization as percentage (#75)

Closes: #75

src/app/services/scheduler/scheduler.service.ts

@@ -194,7 +194,7 @@ export class SchedulerService {
  this.formatResource(node['allocated'] as SchedulerResourceInfo),
  this.formatResource(node['occupied'] as SchedulerResourceInfo),
  this.formatResource(node['available'] as SchedulerResourceInfo),
- this.formatResource(node['utilized'] as SchedulerResourceInfo),
+ this.formatPercent(node['utilized'] as SchedulerResourceInfo),
  []
  );
 
@@ -315,4 +315,22 @@ export class SchedulerService {
 
  return formatted.join(', ');
  }
+
+ private formatPercent(resource: SchedulerResourceInfo): string {
+ const formatted = [];
+
+ if (resource && resource.memory !== undefined) {
+ formatted.push(`Memory: ${CommonUtil.formatPercent(resource.memory)}`);
+ } else {
+ formatted.push(`Memory: ${NOT_AVAILABLE}`);
+ }
+
+ if (resource && resource.vcore !== undefined) {
+ formatted.push(`CPU: ${CommonUtil.formatPercent(resource.vcore)}`);
+ } else {
+ formatted.push(`CPU: ${NOT_AVAILABLE}`);
+ }
+
+ return formatted.join(', ');
+ }
 }

src/app/utils/common.util.ts

@@ -61,6 +61,11 @@ export class CommonUtil {
  return `${toValue.toFixed(1)} ${unit}`;
  }
 
+ static formatPercent(value: number | string): string {
+ const toValue = +value;
+ return `${toValue.toFixed(0)}%`;
+ }
+
  static isEmpty(arg: object | any[]): boolean {
  return Object.keys(arg).length === 0;
  }