diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-09-24 08:32:42 -0700 |
|---|---|---|
| committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-10-02 07:02:24 -0700 |
| commit | 4b366b5aeb97b35ab3612bfe1dc7d93a1f8a6e79 (patch) | |
| tree | 5e184f589c9ddad570f582d8b5818ac933c89e14 /app/server-control/controllers/power-operations-controller.html | |
| parent | ea4968c0e8e6a71a7a23263bd05e04147339e6c5 (diff) | |
| download | phosphor-webui-4b366b5aeb97b35ab3612bfe1dc7d93a1f8a6e79.tar.gz phosphor-webui-4b366b5aeb97b35ab3612bfe1dc7d93a1f8a6e79.zip | |
Clean up icons
Clean up duplicate svg icons from assets directory.
Created a statusIcon component to dynamically render
status icons instead of using background-image in
scss files.
- Moved/removed on, off, critical, warning svg icons from
assets directory
- Updated background-image status icons to use <icon>
or <status-icon> directive
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ic0f06d78b0861d6f60d40b2dcc0b80fd6dad2a88
Diffstat (limited to 'app/server-control/controllers/power-operations-controller.html')
| -rw-r--r-- | app/server-control/controllers/power-operations-controller.html | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/app/server-control/controllers/power-operations-controller.html b/app/server-control/controllers/power-operations-controller.html index ab83437..e44ef1f 100644 --- a/app/server-control/controllers/power-operations-controller.html +++ b/app/server-control/controllers/power-operations-controller.html @@ -13,11 +13,20 @@ <!-- Power Indicator Bar --> <div class="row column"> <div id="power-indicator-bar" class="power__indicator-bar" - ng-class="{'power__state-on': dataService.server_state == 'Running', 'power__state-off': dataService.server_state == 'Off', 'power__state-indet': dataService.server_state == 'Standby', 'power__state-error': dataService.server_state == 'Quiesced'}"> + ng-class="{'power__state-on': dataService.server_state == 'Running', + 'power__state-off': dataService.server_state == 'Off', + 'power__state-indet': dataService.server_state == 'Standby', + 'power__state-error': dataService.server_state == 'Quiesced'}"> <p class="inline"> {{ dataService.hostname }} - {{ dataService.server_id }} </p> <h3 class="power__state inline no-margin h3"> + <status-icon status="{{ dataService.server_state == 'Running' ? 'on' : + dataService.server_state == 'Off' ? 'off' : + dataService.server_state == 'Unreachable' ? 'off' : + dataService.server_state == 'Standby' ? 'warn' : + dataService.server_state == 'Quiesced' ? 'error' : null }}"> + </status-icon> <span>{{ dataService.server_state | quiescedToError }}</span> </h3> </div> |
