| <!-- |
| Copyright 2017 Huawei Technologies Co., Ltd |
| Licensed 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="dashboardBody"> |
| <div class="row dashboardTitle no-margin"> |
| <div class="col-md-5 col-sm-5 left"> |
| <span class="dashboardName"> {{ "services" | translate }} </span> |
| <span class="dashboardName pull-right">{{ totalServices }}</span> |
| </div> |
| <div class="col-md-5 col-sm-5 right"> |
| <span class="dashboardName"> {{ "instances" | translate }} </span> |
| <span class="dashboardName pull-right">{{ totalInstances }}</span> |
| </div> |
| </div> |
| |
| <div class="row dashboardTitle no-margin" id="pc"> |
| <div class="col-md-5 col-sm-5 left"> |
| <span class="dashboardName"> {{ "providers" | translate }} </span> |
| <span class="dashboardName pull-right">{{ totalProviders }}</span> |
| </div> |
| <div class="col-md-5 col-sm-5 right"> |
| <span class="dashboardName"> {{ "consumers" | translate }} </span> |
| <span class="dashboardName pull-right">{{ totalConsumers }}</span> |
| </div> |
| </div> |
| |
| <div class="row no-margin dashboardChart"> |
| <div class="col-md-12 col-sm-12 dashboardChartLeft"> |
| <div class="dashboardInfo"> |
| <ul> |
| <li><span class="glyphicon glyphicon-stop starting"></span>{{ "starting" | translate }}</li> |
| <li><span class="glyphicon glyphicon-stop up"></span>{{ "up" | translate }}</li> |
| <li><span class="glyphicon glyphicon-stop down"></span>{{ "down" | translate }}</li> |
| <li><span class="glyphicon glyphicon-stop unavailable"></span>{{ "outofservice" | translate }}</li> |
| </ul> |
| </div> |
| <canvas class="chart chart-doughnut" chart-data="servicesData" chart-colors="colors" chart-labels="labels"></canvas> |
| </div> |
| </div> |
| |
| </div> |