| {{!-- |
| Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --}} |
| |
| {{breadcrumb-bar breadcrumbs=breadcrumbs}} |
| |
| <div class="row"> |
| <div class="col-md-2 container-fluid"> |
| <div class="panel panel-default"> |
| <div class="panel-heading"> |
| <h4>Nodes</h4> |
| </div> |
| <div class="panel-body"> |
| <ul class="nav nav-pills nav-stacked" id="stacked-menu"> |
| <ul class="nav nav-pills nav-stacked collapse in"> |
| |
| {{#link-to "yarn-nodes.table" tagName="li"}} |
| {{#link-to 'yarn-nodes.table'}}Information |
| {{/link-to}} |
| {{/link-to}} |
| |
| {{#link-to 'yarn-nodes.heatmap' tagName="li"}} |
| {{#link-to 'yarn-nodes.heatmap'}}Nodes Heatmap Chart |
| {{/link-to}} |
| {{/link-to}} |
| |
| </ul> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <div class="col-md-10 container-fluid"> |
| {{#if model.clusterMetrics}} |
| <div class="row"> |
| <div class="col-lg-6 container-fluid"> |
| <div class="panel panel-default"> |
| <div class="panel-heading"> |
| Node Managers |
| </div> |
| <div class="container-fluid" id="nodes-donut-chart"> |
| {{donut-chart data=model.clusterMetrics.firstObject.getNodesDataForDonutChart |
| showLabels=true |
| parentId="nodes-donut-chart" |
| ratio=0.6 |
| maxHeight=350 |
| colorTargets="good error warn"}} |
| </div> |
| </div> |
| </div> |
| </div> |
| {{/if}} |
| |
| {{outlet}} |
| </div> |
| </div> |