Mercurial > hg > thermostat-ng > web-client
view src/app/components/jvm-info/jvm-memory/jvm-memory.html @ 265:e3bdfc852d81
Replace jvm-memory donut charts with utilization bars
Reviewed-by: jkang
Review-thread: http://icedtea.classpath.org/pipermail/thermostat/2017-October/025371.html
author | Andrew Azores <aazores@redhat.com> |
---|---|
date | Wed, 11 Oct 2017 14:59:09 -0400 |
parents | 90e9e14c8a29 |
children | 36e99edc6d66 |
line wrap: on
line source
<div class="container-fluid"> <div class="row" style="margin-top:2vh"> <div class="col-xs-12 col-md-3"> <label for="refreshCombo" class="label label-info" translate>jvmMemory.REFRESH_RATE_LABEL</label> <select name="refreshCombo" class="combobox form-control" ng-model="$ctrl.refreshRate"> <option value="-1" translate>jvmMemory.refresh.DISABLED</option> <option value="1000" translate="jvmMemory.refresh.SECONDS" translate-values="{ SECONDS: 1 }" translate-interpolation="messageformat"></option> <option value="2000" translate="jvmMemory.refresh.SECONDS" translate-values="{ SECONDS: 2, DEFAULT: true }" translate-interpolation="messageformat"></option> <option value="5000" translate="jvmMemory.refresh.SECONDS" translate-values="{ SECONDS: 5 }" translate-interpolation="messageformat"></option> <option value="10000" translate="jvmMemory.refresh.SECONDS" translate-values="{ SECONDS: 10 }" translate-interpolation="messageformat"></option> <option value="30000" translate="jvmMemory.refresh.SECONDS" translate-values="{ SECONDS: 30 }" translate-interpolation="messageformat"></option> </select> </div> </div> <div class="row row-cards-pf"> <div class="container-fluid container-cards-pf"> <div class="col"> <div class="card-pf card-pf-view"> <div class="card-pf-heading"> <label class="card-pf-title" translate>jvmMemory.METASPACE</label> <mc-add class="pull-right" svc-name="{{$ctrl.jvmId}}-metaspace" get-fn="$ctrl.multichartMetaspace()"></mc-add> </div> <div class="card-pf-body"> <pf-utilization-bar-chart id="metaspaceChart" layout="{type: 'inline'}" units="$ctrl.metaspaceBarConfig.units" chart-data="$ctrl.metaspaceSnapshotData"></pf-utilization-bar-chart> </div> </div> </div> </div> </div> <div class="row row-cards-pf"> <div class="container-fluid container-cards-pf"> <div ng-repeat="(index, generation) in $ctrl.generationSnapshotData" class="col"> <div class="card-pf card-pf-view"> <div class="card-pf-heading"> <label class="card-pf-title" translate="jvmMemory.COLLECTOR" translate-values="{ name: generation.name, collector: generation.collector }"></label> </div> <div ng-repeat="space in generation.spaces"> <div class="card-pf-body"> <mc-add class="pull-right" svc-name="{{$ctrl.jvmId}}-{{$ctrl.sanitize(generation.name)}}-space{{space.index}}" get-fn="$ctrl.multichartSpace(index, space.index)"></mc-add> <pf-utilization-bar-chart id="gen-{{gen.index}}-space-{{space.index}}" chart-title="$ctrl.spaceBarConfigs['gen-' + generation.index + '-space-' + space.index].title" layout="{type: 'inline'}" units="$ctrl.spaceBarConfigs['gen-' + generation.index + '-space-' + space.index].units" chart-data="space"></pf-utilization-bar-chart> </div> </div> </div> </div> </div> </div> </div>