2022-07-06 06:08:45 +00:00
< page-header
ng-if="ctrl.state.viewReady"
title="'Node stats'"
breadcrumbs="[
{ label:'Cluster', link:'kubernetes.cluster' },
2022-08-12 18:22:45 +00:00
{
2022-07-06 06:08:45 +00:00
label:ctrl.state.transition.nodeName,
2022-08-12 18:22:45 +00:00
link: 'kubernetes.cluster.node',
2022-07-06 06:08:45 +00:00
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" >
2022-08-12 18:22:45 +00:00
< span class = "small text-muted vertical-center" >
2022-11-28 02:00:28 +00:00
< pr-icon icon = "'alert-triangle'" mode = "'primary'" > < / pr-icon >
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 >
2023-02-12 21:04:24 +00:00
< div class = "toolBar px-5 pt-5" >
2022-08-12 18:22:45 +00:00
< div class = "toolBarTitle flex" >
2022-11-28 02:00:28 +00:00
< div class = "widget-icon space-right" >
< pr-icon icon = "'info'" > < / pr-icon >
< / div >
2022-08-12 18:22:45 +00:00
< span class = "vertical-center" > About statistics < / span >
< / div >
< / div >
2021-06-14 00:29:41 +00:00
< 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-11-28 02:00:28 +00:00
< pr-icon id = "refreshRateChange" icon = "'check'" mode = "'success'" style = "display: none" > < / pr-icon >
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 >
2023-02-12 21:04:24 +00:00
< div class = "toolBar px-5 pt-5" >
2022-08-12 18:22:45 +00:00
< div class = "toolBarTitle flex" >
2022-11-28 02:00:28 +00:00
< div class = "widget-icon space-right" >
< pr-icon icon = "'svg-memory'" > < / pr-icon >
< / div >
2022-08-12 18:22:45 +00:00
< span class = "vertical-center" > Memory usage < / span >
< / div >
< / div >
2021-06-14 00:29:41 +00:00
< 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 >
2023-02-12 21:04:24 +00:00
< div class = "toolBar px-5 pt-5" >
2022-08-12 18:22:45 +00:00
< div class = "toolBarTitle flex" >
2022-11-28 02:00:28 +00:00
< div class = "widget-icon space-right" >
< pr-icon icon = "'cpu'" > < / pr-icon >
< / div >
2022-08-12 18:22:45 +00:00
< span class = "vertical-center" > CPU usage < / span >
< / div >
< / div >
2021-06-14 00:29:41 +00:00
< 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 >