diff options
| author | Gunnar Mills <gmills@us.ibm.com> | 2018-09-25 14:10:45 -0500 |
|---|---|---|
| committer | Gunnar Mills <gmills@us.ibm.com> | 2018-09-25 21:11:35 +0000 |
| commit | 5f0b776753678897722eb9fc7bb269cf5e47c10a (patch) | |
| tree | 4244ea54671377be73c3089b2d8de63d4131dae4 /app/server-health | |
| parent | 3d0a4d96d8f02208e0fb6ad7bfb2d20a6753c5e7 (diff) | |
| download | phosphor-webui-5f0b776753678897722eb9fc7bb269cf5e47c10a.tar.gz phosphor-webui-5f0b776753678897722eb9fc7bb269cf5e47c10a.zip | |
Remove tabs from HTML files
From https://google.github.io/styleguide/htmlcssguide.html
"Indentation
Indent by 2 spaces at a time.
Don't use tabs or mix tabs and spaces for indentation."
Tested: Manual regression testing on a Witherspoon.
Change-Id: Ief7137dabc869b73b73f9947337fbb0abb5ca497
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
Diffstat (limited to 'app/server-health')
| -rw-r--r-- | app/server-health/controllers/inventory-overview-controller.html | 102 | ||||
| -rw-r--r-- | app/server-health/controllers/sensors-overview-controller.html | 130 |
2 files changed, 116 insertions, 116 deletions
diff --git a/app/server-health/controllers/inventory-overview-controller.html b/app/server-health/controllers/inventory-overview-controller.html index 29f2c37..b9f6f27 100644 --- a/app/server-health/controllers/inventory-overview-controller.html +++ b/app/server-health/controllers/inventory-overview-controller.html @@ -1,57 +1,57 @@ <loader loading="loading"></loader> <div class="inventory-overview"> - <div class="row column no-padding"> - <h1>Hardware status</h1> - <div class="page-header"> - <h2 class="inline h4">All hardware in the system</h2> - <a ng-href="data:text/json;charset=utf-8,{{originalData}}" class="inline btn-export float-right" download="export_inventory.json" ng-show="hardwares.length">Export</a> + <div class="row column no-padding"> + <h1>Hardware status</h1> + <div class="page-header"> + <h2 class="inline h4">All hardware in the system</h2> + <a ng-href="data:text/json;charset=utf-8,{{originalData}}" class="inline btn-export float-right" download="export_inventory.json" ng-show="hardwares.length">Export</a> - </div> - </div> - <section class="row column"> - <!-- search --> - <p class="content-label" aria-label="hardware filter">Filter hardware components</p> - <div class="content__search"> - <label for="content__search-input">Search</label> <input id="content__search-input" type="text" - ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> - <div class="search-submit__wrapper"> - <button class="clear-input" ng-click="clear()">✕</button> - <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> - </div> + </div> + </div> + <section class="row column"> + <!-- search --> + <p class="content-label" aria-label="hardware filter">Filter hardware components</p> + <div class="content__search"> + <label for="content__search-input">Search</label> <input id="content__search-input" type="text" + ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> + <div class="search-submit__wrapper"> + <button class="clear-input" ng-click="clear()">✕</button> + <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> + </div> - </div> + </div> - </section> - <!-- end search --> - <section id="inventory-categories" class="row column"> - <div class="row column header-row"> - <div class="column large-12 header__actions-bar"> - <div class="inline inventory__heading inventory__device-col">Hardware</div> - <div class="inline inventory__heading inventory__function-col"> </div> - <div class="inline inventory__heading inventory__assoc-event"><!--Associated events--></div> - </div> - </div> - <div ng-repeat="inventory in hardwares|filter:filterBySearchTerms" class="inventory__group" ng-class="{'active': inventory.expanded}" ng-click="inventory.expanded = ! inventory.expanded"> - <p class="inline inventory__device-col">{{inventory.title}}</p> - <p class="inline inventory__function-col"></p> - <p class="inline inventory__assoc-event"><!--<a href="#/server-health/event-log">View 3 events</a>--></p> - <button class="accord-trigger float-right" ng-class="{'active': inventory.expanded}"></button> - <div class="row inventory__metadata" ng-class="{'active': inventory.expanded}" ng-click="$event.stopPropagation()"> - <div class="column large-9 no-padding"> - <div ng-repeat="item in inventory.items" class="inline inventory__metadata-block"> - <p class="content-label">{{item.key}}</p> - <p class="courier-bold">{{item.value}}</p> - </div> - </div> - <div class="column large-3 no-padding" ng-show="inventory.sub_components.length"> - <div class="inventory__metadata-scroll show-scroll"> <!-- If content overflows; add 'show-scroll' class via JS to force visible scrollbar in webkit browsers--> - <div class="content-label">Subcomponents</div> - <div ng-repeat="sub_component in inventory.sub_components" class="inline inventory__metadata-block" ng-if="sub_component.Present"> - <p class="courier-bold">{{sub_component.title}}<span class="icon icon__warning" ng-if="!sub_component.Functional"></span></p> - </div> - </div> - </div> - </div> - </div> - </section> + </section> + <!-- end search --> + <section id="inventory-categories" class="row column"> + <div class="row column header-row"> + <div class="column large-12 header__actions-bar"> + <div class="inline inventory__heading inventory__device-col">Hardware</div> + <div class="inline inventory__heading inventory__function-col"> </div> + <div class="inline inventory__heading inventory__assoc-event"><!--Associated events--></div> + </div> + </div> + <div ng-repeat="inventory in hardwares|filter:filterBySearchTerms" class="inventory__group" ng-class="{'active': inventory.expanded}" ng-click="inventory.expanded = ! inventory.expanded"> + <p class="inline inventory__device-col">{{inventory.title}}</p> + <p class="inline inventory__function-col"></p> + <p class="inline inventory__assoc-event"><!--<a href="#/server-health/event-log">View 3 events</a>--></p> + <button class="accord-trigger float-right" ng-class="{'active': inventory.expanded}"></button> + <div class="row inventory__metadata" ng-class="{'active': inventory.expanded}" ng-click="$event.stopPropagation()"> + <div class="column large-9 no-padding"> + <div ng-repeat="item in inventory.items" class="inline inventory__metadata-block"> + <p class="content-label">{{item.key}}</p> + <p class="courier-bold">{{item.value}}</p> + </div> + </div> + <div class="column large-3 no-padding" ng-show="inventory.sub_components.length"> + <div class="inventory__metadata-scroll show-scroll"> <!-- If content overflows; add 'show-scroll' class via JS to force visible scrollbar in webkit browsers--> + <div class="content-label">Subcomponents</div> + <div ng-repeat="sub_component in inventory.sub_components" class="inline inventory__metadata-block" ng-if="sub_component.Present"> + <p class="courier-bold">{{sub_component.title}}<span class="icon icon__warning" ng-if="!sub_component.Functional"></span></p> + </div> + </div> + </div> + </div> + </div> + </section> </div> diff --git a/app/server-health/controllers/sensors-overview-controller.html b/app/server-health/controllers/sensors-overview-controller.html index 8137b84..17030ba 100644 --- a/app/server-health/controllers/sensors-overview-controller.html +++ b/app/server-health/controllers/sensors-overview-controller.html @@ -1,72 +1,72 @@ <loader loading="loading"></loader> <div id="sensors-overview"> - <div class="row column"> - <h1>Sensors</h1> - </div> - <section class="row column"> - <div class="page-header"> - <h2 class="inline h4">All sensors present in the system</h2> - <a ng-href="data:text/json;charset=utf-8,{{export_data}}" class="inline btn-export float-right" download="{{export_name}}">Export</a> - </div> - </section> - <section class="row column"> - <!-- search --> - <p class="content-label" aria-label="sensors filter">Filter sensors</p> - <div class="content__search"> - <label for="content__search-input">Sensors Search</label> - <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> - <div class="search-submit__wrapper"> - <button class="clear-input" ng-click="clear()">✕</button> - <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> - </div> + <div class="row column"> + <h1>Sensors</h1> + </div> + <section class="row column"> + <div class="page-header"> + <h2 class="inline h4">All sensors present in the system</h2> + <a ng-href="data:text/json;charset=utf-8,{{export_data}}" class="inline btn-export float-right" download="{{export_name}}">Export</a> + </div> + </section> + <section class="row column"> + <!-- search --> + <p class="content-label" aria-label="sensors filter">Filter sensors</p> + <div class="content__search"> + <label for="content__search-input">Sensors Search</label> + <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> + <div class="search-submit__wrapper"> + <button class="clear-input" ng-click="clear()">✕</button> + <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> + </div> - </div> - <div class="toggle-filter"> - <p class="content-label">FILTER BY SEVERITY</p> - <button class="inline first btn-primary" ng-click="toggleSeverityAll()" - ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All - </button> - <button class="inline " ng-click="toggleSeverity('critical')" - ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical - </button> - <button class="inline" ng-click="toggleSeverity('warning')" - ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning - </button> - <button class="inline" ng-click="toggleSeverity('normal')" - ng-class="selectedSeverity.normal ? 'btn-primary' : 'btn-secondary'">Normal - </button> - </div> + </div> + <div class="toggle-filter"> + <p class="content-label">FILTER BY SEVERITY</p> + <button class="inline first btn-primary" ng-click="toggleSeverityAll()" + ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All + </button> + <button class="inline " ng-click="toggleSeverity('critical')" + ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical + </button> + <button class="inline" ng-click="toggleSeverity('warning')" + ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning + </button> + <button class="inline" ng-click="toggleSeverity('normal')" + ng-class="selectedSeverity.normal ? 'btn-primary' : 'btn-secondary'">Normal + </button> + </div> - </section> <!-- end search --> + </section> <!-- end search --> - <section class="row column" ng-show="filteredSensorData.length == 0"> - <!-- message --> - <span ng-if="selectedSeverity.all">{{messages.NO_SENSOR_DATA}}</span> - <span ng-if="selectedSeverity.critical">{{messages.CRITICAL_NO_SENSOR_DATA}}</span> - <span ng-if="selectedSeverity.warning">{{messages.WARNING_NO_SENSOR_DATA}}</span> - <span ng-if="selectedSeverity.normal">{{messages.NORMAL_NO_SENSOR_DATA}}</span> - <!-- end message --> - </section> + <section class="row column" ng-show="filteredSensorData.length == 0"> + <!-- message --> + <span ng-if="selectedSeverity.all">{{messages.NO_SENSOR_DATA}}</span> + <span ng-if="selectedSeverity.critical">{{messages.CRITICAL_NO_SENSOR_DATA}}</span> + <span ng-if="selectedSeverity.warning">{{messages.WARNING_NO_SENSOR_DATA}}</span> + <span ng-if="selectedSeverity.normal">{{messages.NORMAL_NO_SENSOR_DATA}}</span> + <!-- end message --> + </section> - <section id="sensor-categories" class="row column" ng-show="filteredSensorData.length"> - <div class="row column header-row"> - <div class="column large-12 header__actions-bar"> - <p class="inline sensor__title">Sensors</p> - <p class="inline sensor__reading">Low critical</p> - <p class="inline sensor__reading">Low warning</p> - <p class="inline sensor__reading sensor__heading-current">Current</p> - <p class="inline sensor__reading">High warning</p> - <p class="inline sensor__reading">High critical</p> - </div> - </div> - <!-- sensor --> - <div class="sensor__readings-row" ng-repeat="sensor in data|filter:filterBySeverity|filter:filterBySearchTerms|orderBy:'+custom_order' as filteredSensorData"> - <p class="inline sensor__title"><span class="icon" ng-class="{'icon__critical': sensor.status == 'critical', 'icon__warning': sensor.status == 'warning', 'icon__normal': sensor.status == 'normal'}" aria-label="sensor.status" ></span>{{sensor.title}}</p> - <p class="inline sensor__reading"><span class="sensor__label">Low critical</span>{{sensor.CriticalLow}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> - <p class="inline sensor__reading"><span class="sensor__label">Low warning</span>{{sensor.WarningLow}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> - <p class="inline sensor__reading sensor__current" ng-class="{'sensor__critical': sensor.status == 'critical', 'sensor__warn': sensor.status == 'warning', 'sensor__normal': sensor.status == 'normal'}"><span class="sensor__label">Current</span>{{sensor.Value}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></span></p> - <p class="inline sensor__reading"><span class="sensor__label">High warning</span>{{sensor.WarningHigh}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> - <p class="inline sensor__reading"><span class="sensor__label">High critical</span>{{sensor.CriticalHigh}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> - </div> - </section> + <section id="sensor-categories" class="row column" ng-show="filteredSensorData.length"> + <div class="row column header-row"> + <div class="column large-12 header__actions-bar"> + <p class="inline sensor__title">Sensors</p> + <p class="inline sensor__reading">Low critical</p> + <p class="inline sensor__reading">Low warning</p> + <p class="inline sensor__reading sensor__heading-current">Current</p> + <p class="inline sensor__reading">High warning</p> + <p class="inline sensor__reading">High critical</p> + </div> + </div> + <!-- sensor --> + <div class="sensor__readings-row" ng-repeat="sensor in data|filter:filterBySeverity|filter:filterBySearchTerms|orderBy:'+custom_order' as filteredSensorData"> + <p class="inline sensor__title"><span class="icon" ng-class="{'icon__critical': sensor.status == 'critical', 'icon__warning': sensor.status == 'warning', 'icon__normal': sensor.status == 'normal'}" aria-label="sensor.status" ></span>{{sensor.title}}</p> + <p class="inline sensor__reading"><span class="sensor__label">Low critical</span>{{sensor.CriticalLow}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> + <p class="inline sensor__reading"><span class="sensor__label">Low warning</span>{{sensor.WarningLow}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> + <p class="inline sensor__reading sensor__current" ng-class="{'sensor__critical': sensor.status == 'critical', 'sensor__warn': sensor.status == 'warning', 'sensor__normal': sensor.status == 'normal'}"><span class="sensor__label">Current</span>{{sensor.Value}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></span></p> + <p class="inline sensor__reading"><span class="sensor__label">High warning</span>{{sensor.WarningHigh}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> + <p class="inline sensor__reading"><span class="sensor__label">High critical</span>{{sensor.CriticalHigh}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">°</span></p> + </div> + </section> </div>
\ No newline at end of file |
