jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add volume status indicator

Browse Source
This commit is contained in:
Girish Ramakrishnan
2021-05-13 15:33:07 -07:00
parent 95e2b726c1
commit 247dcbfe11
3 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/volumes.html
+9 -3
View File
@@ -10,6 +10,7 @@
<form name="volumeConfigureForm" role="form" novalidate ng-submit="volumeConfigure.submit()" autocomplete="off">
<fieldset>
<p class="has-error text-center" ng-show="volumeConfigure.error">{{ volumeConfigure.error }}</p>
<p class="has-error text-center" ng-show="!volumeConfigure.adding && volumeConfigure.volume.status">{{ volumeConfigure.volume.status.message }}</p>
<div class="form-group" ng-show="volumeConfigure.adding">
<label class="control-label">{{ 'volumes.name' | tr }}</label>
@@ -106,13 +107,18 @@
<table class="table table-hover" style="margin-top: 10px;">
<thead>
<tr>
<th class="text-left">{{ 'volumes.name' | tr }}</th>
<th class="text-left">{{ 'volumes.hostPath' | tr }}</th>
<th style="width: 100px" class="text-right">{{ 'main.actions' | tr }}</th>
<th style="width: 5%"></th>
<th style="width: 30%" class="text-left">{{ 'volumes.name' | tr }}</th>
<th style="width: 60%" class="text-left">{{ 'volumes.hostPath' | tr }}</th>
<th style="width: 10%" class="text-right">{{ 'main.actions' | tr }}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="volume in volumes">
<td>
<i class="fa fa-circle" ng-style="{ color: volume.status.state === 'active' ? '#27CE65' : '#d9534f' }" ng-show="volume.status" uib-tooltip="{{ volume.status.message }}"></i>
<i class="fa fa-circle-notch fa-spin" ng-hide="volume.status"></i>
</td>
<td class="elide-table-cell hand" ng-click="volumeConfigure.show(volume)">
{{ volume.name }}
</td>