| {{! |
| * 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. |
| }} |
| |
| <div class="heatmap"> |
| |
| <div class="container-fluid"> |
| <div class="row-fluid"> |
| <div class="span2 legend-column"> |
| <div class="btn-group"> |
| <button class="btn">{{t charts.heatmap.selectMetric}}</button> |
| <button class="btn dropdown-toggle" data-toggle="dropdown"> |
| <span class="caret"></span> |
| </button> |
| <ul class="dropdown-menu"> |
| {{#each category in controller.allMetrics}} |
| <li class="dropdown-submenu"> |
| <a tabindex="-1" >{{category.label}}</a> |
| <ul class="dropdown-menu"> |
| {{#each metric in category.items}} |
| <li> |
| <a tabindex="-1" {{action showHeatMapMetric metric target="controller"}}>{{metric.name}}</a> |
| </li> |
| {{/each}} |
| </ul> |
| </li> |
| {{/each}} |
| </ul> |
| </div> |
| {{#if controller.selectedMetric}} |
| <table class="legend"> |
| {{#each slot in controller.selectedMetric.slotDefinitions}} |
| <tr> |
| <td> |
| <div class="tile" {{bindAttr style="slot.cssStyle"}}></div> |
| </td> |
| <td>{{slot.label}}</td> |
| </tr> |
| {{/each}} |
| </table> |
| {{t common.maximum}}: |
| <div> |
| {{view Ember.TextField type="text" valueBinding="controller.selectedMetric.maximumValue" class="span6"}} |
| {{controller.selectedMetric.units}} |
| </div> |
| {{/if}} |
| </div> |
| <div class="span10"> |
| <h4 id="heatmap-metric-loading"> |
| <span id="heatmap-metric-title">{{controller.selectedMetric.name}}</span> |
| </h4> |
| <div class="row-fluid"> |
| {{#each rack in controller.cluster.racks}} |
| <div {{bindAttr class="controller.rackClass"}}> |
| {{view App.MainChartsHeatmapRackView rackBinding="rack" }} |
| </div> |
| {{/each}} |
| </div> |
| {{view App.MainChartsHeatmapHostDetailView}} |
| </div> |
| </div> |
| </div> |
| |
| </div> |