portainer/app/integrations/storidge/views/nodes/inspect/node.html

167 lines
5.2 KiB
HTML

<rd-header>
<rd-header-title title-text="Node details"></rd-header-title>
<rd-header-content>
<a ui-sref="storidge.cluster">Storidge</a> &gt; <a ui-sref="storidge.cluster.node({id: node.Name})">{{ node.Name }}</a>
</rd-header-content>
</rd-header>
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12">
<rd-widget>
<rd-widget-header icon="fa-object-group" title-text="Node details">
<button type="button" class="btn btn-sm btn-danger" ng-disabled="(node.Status | lowercase) !== 'normal'" ng-click="removeNodeAction()">
<i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Remove node
</button>
<button type="button" class="btn btn-sm btn-primary" ng-disabled="(node.Status | lowercase) !== 'normal'" ng-click="cordonNodeAction()">
<i class="fas fa-wrench space-right" aria-hidden="true"></i>Enter maintenance mode
</button>
<button type="button" class="btn btn-sm btn-primary" ng-disabled="(node.Status | lowercase) !== 'cordoned'" ng-click="uncordonNodeAction()">
<i class="fa fa-power-off space-right" aria-hidden="true"></i>Exit maintenance mode
</button>
</rd-widget-header>
<rd-widget-body classes="no-padding">
<table class="table description-table">
<tbody>
<tr>
<td>Name</td>
<td>{{ node.Name }}</td>
</tr>
<tr>
<td>Domain</td>
<td>{{ node.Domain }}</td>
</tr>
<tr>
<td>Domain ID</td>
<td>{{ node.DomainID }}</td>
</tr>
<tr>
<td>Node status</td>
<td>
<i class="fa fa-heartbeat space-right {{ node.Status | storidgeNodeStatusBadge }}"></i>
{{ node.Status }}
</td>
</tr>
<tr>
<td>Operating condition</td>
<td>
<i class="fa fa-heartbeat space-right {{ node.Condition | storidgeClusterConditionBadge }}"></i>
{{ node.Condition }}
</td>
</tr>
<tr>
<td>Metadata version</td>
<td>{{ node.MetadataVersion }}</td>
</tr>
<tr>
<td>Nodes</td>
<td>{{ node.Nodes }}</td>
</tr>
<tr>
<td>HDDs</td>
<td>{{ node.Hdds }}</td>
</tr>
<tr>
<td>SSDs</td>
<td>{{ node.Ssds }}</td>
</tr>
<tr>
<td>VDisks</td>
<td>{{ node.Vdisks }}</td>
</tr>
</tbody>
</table>
</rd-widget-body>
</rd-widget>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12">
<rd-widget>
<rd-widget-header icon="fa-object-group" title-text="Bandwidth details"></rd-widget-header>
<rd-widget-body classes="no-padding">
<table class="table description-table">
<tbody>
<tr>
<td>Free</td>
<td>{{ node.FreeBandwidth }}</td>
</tr>
<tr>
<td>Used</td>
<td>{{ node.UsedBandwidth }}</td>
</tr>
<tr>
<td>Provisioned</td>
<td>{{ node.ProvisionedBandwidth }}</td>
</tr>
<tr>
<td>Total</td>
<td>{{ node.TotalBandwidth }}</td>
</tr>
</tbody>
</table>
</rd-widget-body>
</rd-widget>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12">
<rd-widget>
<rd-widget-header icon="fa-object-group" title-text="Capacity details"></rd-widget-header>
<rd-widget-body classes="no-padding">
<table class="table description-table">
<tbody>
<tr>
<td>Free</td>
<td>{{ node.FreeCapacity | bytes }}</td>
</tr>
<tr>
<td>Used</td>
<td>{{ node.UsedCapacity | bytes }}</td>
</tr>
<tr>
<td>Provisioned</td>
<td>{{ node.ProvisionedCapacity | bytes }}</td>
</tr>
<tr>
<td>Total</td>
<td>{{ node.TotalCapacity | bytes }}</td>
</tr>
</tbody>
</table>
</rd-widget-body>
</rd-widget>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12">
<rd-widget>
<rd-widget-header icon="fa-object-group" title-text="IOPS details"></rd-widget-header>
<rd-widget-body classes="no-padding">
<table class="table description-table">
<tbody>
<tr>
<td>Free</td>
<td>{{ node.FreeIOPS }}</td>
</tr>
<tr>
<td>Used</td>
<td>{{ node.UsedIOPS }}</td>
</tr>
<tr>
<td>Provisioned</td>
<td>{{ node.ProvisionedIOPS }}</td>
</tr>
<tr>
<td>Total</td>
<td>{{ node.TotalIOPS }}</td>
</tr>
</tbody>
</table>
</rd-widget-body>
</rd-widget>
</div>
</div>