2022-07-06 06:08:45 +00:00
< page-header
ng-if="ctrl.state.viewReady"
title="'Node stats'"
breadcrumbs="[
{ label:'Cluster', link:'kubernetes.cluster' },
{
label:ctrl.state.transition.nodeName,
link: 'kubernetes.cluster.node',
linkParams:{name: ctrl.state.transition.nodeName}
},
ctrl.state.transition.nodeName,
]"
reload="true"
>< / page-header >
2021-06-14 00:29:41 +00:00
< 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" >
2022-01-17 05:53:32 +00:00
< i class = "fa fa-exclamation-circle orange-icon" aria-hidden = "true" style = "margin-right: 2px" > < / i >
2021-06-14 00:29:41 +00:00
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" >
2022-01-17 05:53:32 +00:00
< label for = "refreshRate" class = "col-sm-3 col-md-2 col-lg-2 margin-sm-top control-label text-left" > Refresh rate < / label >
2021-06-14 00:29:41 +00:00
< 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 >
2022-01-17 05:53:32 +00:00
< i id = "refreshRateChange" class = "fa fa-check green-icon" aria-hidden = "true" style = "margin-top: 7px; display: none" > < / i >
2021-06-14 00:29:41 +00:00
< / 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 >
2022-01-17 05:53:32 +00:00
< div class = "chart-node" style = "position: relative" >
2021-06-14 00:29:41 +00:00
< 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 >
2022-01-17 05:53:32 +00:00
< div class = "chart-node" style = "position: relative" >
2021-06-14 00:29:41 +00:00
< canvas id = "cpuChart" width = "770" height = "300" > < / canvas >
< / div >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >
< / div >