Commit 771fbc19 authored by Marcin Siodelski's avatar Marcin Siodelski Committed by Michal Nowikowski

[#235] Utilization in dashboard as progress bar

The pool utilization for the subnets presented in the dashboard is now
shown together with a progress bar.
parent 3185268e
......@@ -61,9 +61,19 @@
<table>
<tr *ngFor="let sn of overview.subnets4.items">
<td>[{{ sn.id }}]</td>
<td>{{ sn.subnet }}</td>
<td><app-subnet-bar [subnet]="sn"></app-subnet-bar></td>
<td style="padding-left: 1em;">
{{ sn.addrUtilization ? sn.addrUtilization : '0' }}% used
<i
*ngIf="sn.addrUtilization > 80 && sn.addrUtilization <= 90"
class="pi pi-exclamation-triangle"
style="font-size: 1.5em; vertical-align: text-top; float: right; color: orange;"
></i>
<i
*ngIf="sn.addrUtilization > 90"
class="pi pi-exclamation-circle"
style="font-size: 1.5em; vertical-align: text-top; float: right; color: red;"
></i>
</td>
<td *ngIf="grafanaUrl">
<a
......@@ -168,9 +178,19 @@
<table>
<tr *ngFor="let sn of overview.subnets6.items">
<td>[{{ sn.id }}]</td>
<td>{{ sn.subnet }}</td>
<td><app-subnet-bar [subnet]="sn"></app-subnet-bar></td>
<td style="padding-left: 1em;">
{{ sn.addrUtilization ? sn.addrUtilization : '0' }}% used
<i
*ngIf="sn.addrUtilization > 80 && sn.addrUtilization <= 90"
class="pi pi-exclamation-triangle"
style="font-size: 1.5em; vertical-align: text-top; float: right; color: orange;"
></i>
<i
*ngIf="sn.addrUtilization > 90"
class="pi pi-exclamation-circle"
style="font-size: 1.5em; vertical-align: text-top; float: right; color: red;"
></i>
</td>
</tr>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment