69 lines
3.7 KiB
HTML
69 lines
3.7 KiB
HTML
<div ng-controller="partitionCtrl">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<table class="table table-hover nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th>Mount Point</th>
|
|
<th>Size Percentage (%)</th>
|
|
<th>Max Size (G)</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<input ng-model="newPartition.mount_point" type="text" placeholder="Mount Point" class="input-medium">
|
|
</td>
|
|
<td>
|
|
<input ng-model="newPartition.percentage" type="text" placeholder="Size Percentage" class="input-medium">
|
|
</td>
|
|
<td>
|
|
<input ng-model="newPartition.max_size" type="text" placeholder="Max Size" class="input-medium">
|
|
</td>
|
|
<td>
|
|
<span ng-click="addPartition()" class="action" >
|
|
<i class="fa fa-plus-circle bigger-140 blue"S></i>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr ng-repeat="(key, data) in partition">
|
|
<td>
|
|
<span>{{key}}</span>
|
|
</td>
|
|
<td>
|
|
<span ng-hide="editPartitionMode">{{data.percentage}}</span>
|
|
<input ng-show="editPartitionMode" ng-model="data.percentage" type="text" placeholder="Size Percentage" class="input-medium">
|
|
</td>
|
|
<td>
|
|
<span ng-hide="editPartitionMode">{{data.max_size}}</span>
|
|
<input ng-show="editPartitionMode" ng-model="data.max_size" type="text" placeholder="Max Size" class="input-medium">
|
|
</td>
|
|
<td>
|
|
<!--edit button-->
|
|
<button ng-hide="editPartitionMode" ng-click="editPartitionMode = true;" class="btn btn-xs btn-black-white btn-edit-hover border-radius-4">
|
|
<i class="ace-icon fa fa-pencil bigger-120"></i>
|
|
</button>
|
|
<!--delete button-->
|
|
<span ng-hide="editPartitionMode" ng-click="editPartitionMode = true; deletePartition(key)" class="action border-radius-4">
|
|
<i class="fa fa-minus-circle bigger-140 blue"></i>
|
|
</span>
|
|
<!--save button-->
|
|
<button ng-show="editPartitionMode" ng-click="editPartitionMode = false;" class="btn btn-xs btn-black-white btn-topmargin-8 btn-sumbit-hover border-radius-4">
|
|
<i class="ace-icon fa fa-check bigger-120"></i>
|
|
</button>
|
|
<!--cancel button-->
|
|
<button ng-show="editPartitionMode" ng-click="editPartitionMode = false; cancel()" class="btn btn-xs btn-black-white btn-topmargin-8 btn-trash-hover border-radius-4">
|
|
<i class="ace-icon fa fa-times bigger-120"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-lg-4 text-center partition-chart">
|
|
<piechart piedata="partitionarray"></piechart>
|
|
</div>
|
|
</div>
|
|
</div>
|