mirror of https://github.com/portainer/portainer
70 lines
3.1 KiB
HTML
70 lines
3.1 KiB
HTML
<kubernetes-view-header title="Node stats" state="kubernetes.cluster.node.stats" view-ready="ctrl.state.viewReady">
|
|
<a ui-sref="kubernetes.cluster">Cluster</a> > <a ui-sref="kubernetes.cluster.node({name: ctrl.state.transition.nodeName})"> {{ ctrl.state.transition.nodeName }} </a> >
|
|
{{ ctrl.state.transition.nodeName }}
|
|
</kubernetes-view-header>
|
|
|
|
<kubernetes-view-loading view-ready="ctrl.state.viewReady"></kubernetes-view-loading>
|
|
|
|
<div ng-if="ctrl.state.viewReady">
|
|
<information-panel ng-if="!ctrl.state.getMetrics" title-text="Unable to retrieve node metrics">
|
|
<span class="small text-muted">
|
|
<i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px"></i>
|
|
Portainer was unable to retrieve any metrics associated to that node. Please contact your administrator to ensure that the Kubernetes metrics feature is properly configured.
|
|
</span>
|
|
</information-panel>
|
|
<div class="row" ng-if="ctrl.state.getMetrics">
|
|
<div class="col-md-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-info-circle" title-text="About statistics"> </rd-widget-header>
|
|
<rd-widget-body>
|
|
<form class="form-horizontal">
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<span class="small text-muted">
|
|
This view displays real-time statistics about the node <b>{{ ctrl.state.transition.nodeName }}</b
|
|
>.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="refreshRate" class="col-sm-3 col-md-2 col-lg-2 margin-sm-top control-label text-left"> Refresh rate </label>
|
|
<div class="col-sm-3 col-md-2">
|
|
<select id="refreshRate" ng-model="ctrl.state.refreshRate" ng-change="ctrl.changeUpdateRepeater()" class="form-control">
|
|
<option value="30">30s</option>
|
|
<option value="60">60s</option>
|
|
</select>
|
|
</div>
|
|
<span>
|
|
<i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" ng-show="ctrl.state.getMetrics">
|
|
<div class="col-lg-6 col-md-12 col-sm-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-chart-area" title-text="Memory usage"></rd-widget-header>
|
|
<rd-widget-body>
|
|
<div class="chart-node" style="position: relative">
|
|
<canvas id="memoryChart" width="770" height="300"></canvas>
|
|
</div>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12 col-sm-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-chart-area" title-text="CPU usage"></rd-widget-header>
|
|
<rd-widget-body>
|
|
<div class="chart-node" style="position: relative">
|
|
<canvas id="cpuChart" width="770" height="300"></canvas>
|
|
</div>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
</div>
|