<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<rd-widget>
<rd-widget-header icon="fa-code" title-text="Physical Disks"></rd-widget-header>
<rd-widget-body classes="no-padding">
<table class="table">
<thead>
<tr>
<th>Vendor</th>
<th>Size</th>
</tr>
</thead>
<tbody>
<tr ng-if="$ctrl.disks" ng-repeat="disk in $ctrl.disks">
<td>{{ disk.Vendor }}</td>
<td>{{ disk.Size | humansize }}</td>
<tr ng-if="!$ctrl.disks">
<td colspan="2" class="text-center text-muted">Loading...</td>
<tr ng-if="$ctrl.disks.length === 0">
<td colspan="2" class="text-center text-muted"> No disks available. </td>
</tbody>
</table>
</rd-widget-body>
</rd-widget>
</div>