diff options
Diffstat (limited to 'apiroute/apiroute-service/src/main/resources/iui-metrics/index.html')
| -rw-r--r-- | apiroute/apiroute-service/src/main/resources/iui-metrics/index.html | 256 |
1 files changed, 256 insertions, 0 deletions
diff --git a/apiroute/apiroute-service/src/main/resources/iui-metrics/index.html b/apiroute/apiroute-service/src/main/resources/iui-metrics/index.html new file mode 100644 index 0000000..579d6d7 --- /dev/null +++ b/apiroute/apiroute-service/src/main/resources/iui-metrics/index.html @@ -0,0 +1,256 @@ +<!--
+
+Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)
+
+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.
+
+-->
+<!DOCTYPE html>
+<html>
+<head lang="en">
+<meta charset="UTF-8">
+<title></title>
+<link
+ href="js/fontAwesome/css/font-awesome.min.css"
+ rel="stylesheet" />
+<link
+ href="js/bootstrap/css/bootstrap.min.css"
+ rel="stylesheet" />
+
+
+
+<link href="css/metrics.css" rel="stylesheet" type="text/css" />
+<link href="css/animate.min.css" rel="stylesheet" type="text/css" />
+<link href="js/dataTables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
+
+<style>
+.ms-controller {
+ visibility: hidden
+}
+</style>
+
+</head>
+<body>
+<div class="ms-controller" ms-controller="metricsController">
+<div class="navbar" id="metricsHead">
+ <div class="navbar-inner container-fluid" id="top-bar">
+ <header class="row-fluid">
+ <h3 class="span12" id="title">
+ <img class="logo" src="img/netnumenLogo.png" alt="Logo"/>
+ <small> —— Metrics</small>
+ <button class="btn btn-default pull-right" ms-click="initMetrics()" >
+ <i class=" fa fa-refresh"></i> <span id="org_openo_msb_metrics_btn_refresh" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+ </button>
+ </h3>
+
+
+
+ </header>
+
+ </div>
+</div>
+
+<div ms-visible="vm.isErr" style=" margin-top: 20px;text-align: center;" id="org_openo_msb_metrics_iserr" name_i18n="org_openo_msb_metrics_ui_i18n"></div>
+
+<div ms-visible="!vm.isErr">
+<span class="response_throbber" ms-visible="vm.routeLoading"></span>
+
+
+ <div class="container-fluid">
+
+
+
+ <div class="row" style=" margin-top: 15px;">
+ <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6">
+ <i class="fa fa-cubes fa-lg"></i>
+ <span class=" titlefont" id="org_openo_msb_metrics_jvm_title" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+ </div>
+ <div class="pull-right">
+ <i class="fa fa-clock-o"></i> <span id="org_openo_msb_metrics_jvm_time" name_i18n="org_openo_msb_metrics_ui_i18n"></span> {{vm.jvmTime}}
+ </div>
+ </div>
+ <div class="separator-line"></div>
+
+ <div class="row row-fluid">
+
+ <div class="col-xs-12 col-sm-12 col-md-8 col-lg-7 " >
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <i class="fa fa-stack-overflow fa-fw"></i> <span id="org_openo_msb_metrics_memory" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+ </div>
+ <!-- /.panel-heading -->
+ <div class="panel-body">
+ <div id="memoryBarChartDiv" style="width:100%;height:250px"></div>
+ <div id="memoryPieChartDiv" style="width:100%;height:200px"></div>
+
+ </div>
+ </div>
+ </div>
+
+ <div class="col-xs-12 col-sm-12 col-md-4 col-lg-5 ">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <i class="fa fa-tasks fa-fw"></i> <span id="org_openo_msb_metrics_thread" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+ <div class="pull-right">
+ <span id="org_openo_msb_metrics_thread_num" name_i18n="org_openo_msb_metrics_ui_i18n"></span>{{vm.threadNum}}
+ </div>
+ </div>
+ <!-- /.panel-heading -->
+ <div class="panel-body metricsChart" id="threadsChartDiv" style="height:480px">
+
+ </div>
+ </div>
+ </div>
+
+
+ </div>
+
+ </div>
+
+
+
+ <div class="container-fluid">
+
+ <div class="row">
+ <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 ">
+ <i class="fa fa-internet-explorer fa-lg"></i>
+ <span class=" titlefont" id="org_openo_msb_metrics_http_title" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+
+ </div>
+
+ </div>
+ <div class="separator-line"></div>
+
+
+ <div class="row row-fluid">
+
+ <div class="col-xs-12 col-md-6 col-sm-6 col-lg-6 " >
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <i class="fa fa-link fa-fw"></i> <span id="org_openo_msb_metrics_rest_title" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+ </div>
+ <!-- /.panel-heading -->
+ <div class="panel-body metricsChart" id="restChartDiv" >
+
+ </div>
+ </div>
+ </div>
+
+ <div class="col-xs-12 col-md-6 col-sm-6 col-lg-6 ">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <i class="fa fa-bar-chart fa-fw"></i> <span id="org_openo_msb_metrics_requests_title" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+ </div>
+ <!-- /.panel-heading -->
+ <div class="panel-body metricsChart" id="requestsChartDiv" >
+
+ </div>
+ </div>
+ </div>
+
+
+ </div>
+
+
+ <div class="row-fluid">
+
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <i class="fa fa-file-text-o fa-fw"></i> <span id="org_openo_msb_metrics_http_table_title" name_i18n="org_openo_msb_metrics_ui_i18n"></span>
+ </div>
+ <!-- /.panel-heading -->
+ <div class="panel-body" >
+
+ <div class="table-responsive">
+ <table class="table table-striped table-bordered table-hover" id="restTable">
+ <thead>
+ <tr>
+ <th id="org_openo_msb_metrics_http_table_sn" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ <th id="org_openo_msb_metrics_http_table_restname" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ <th id="org_openo_msb_metrics_http_table_count" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ <th id="org_openo_msb_metrics_http_table_max" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ <th id="org_openo_msb_metrics_http_table_min" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ <th id="org_openo_msb_metrics_http_table_mean" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ <th id="org_openo_msb_metrics_http_table_m1" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ <th id="org_openo_msb_metrics_http_table_m5" name_i18n="org_openo_msb_metrics_ui_i18n"></th>
+ </tr>
+ </thead>
+ <tbody ms-each-rest="restArray">
+ <tr>
+ <td ms-text="$index+1"></td>
+ <td ms-text="metricsUtil.methodShortName(rest.name)" ms-attr-title="rest.name"></td>
+ <td ms-text="rest.count"></td>
+ <td ms-text="rest.max.toFixed(2)"></td>
+ <td ms-text="rest.min.toFixed(2)"></td>
+ <td ms-text="rest.mean.toFixed(2)"></td>
+ <td ms-text="rest.m1_rate"></td>
+ <td ms-text="rest.m5_rate"></td>
+
+ </tr>
+
+ </tbody>
+ </table>
+
+ </div>
+ </div>
+ </div>
+
+ </div>
+
+ </div>
+
+</div>
+</div>
+
+
+
+ <script type="text/javascript" src="js/jquery/jquery-1.10.2.min.js"></script>
+ <script type="text/javascript" src="js/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>
+<script src="i18n/loadi18nApp_iui-metrics_view.js"></script>
+ <script type="text/javascript">
+
+ var url = window.location.search.match(/url=([^&]+)/);
+ if (url && url.length > 1) {
+ url = decodeURIComponent(url[1]);
+ $("#metricsHead").hide();
+ } else {
+ url = "/admin/microservices/v1/metrics";
+ }
+
+ loadPropertiesSideMenu('', 'msb-iui-metrics-i18n', 'i18n/');
+
+</script>
+
+
+ <script type="text/javascript" src="js/bootstrap/js/bootstrap.min.js"></script>
+
+ <script type="text/javascript" src="js/dataTables/jquery.dataTables.min.js"></script>
+ <script type="text/javascript" src="js/dataTables/dataTables.bootstrap.min.js"></script>
+
+ <script type="text/javascript" src="js/avalon.js"></script>
+
+
+ <script src="js/metricsUtil.js"></script>
+
+
+ <script src="js/echarts/echarts-all.js"></script>
+
+ <script src="js/metricsChart.js"></script>
+
+ <script type="text/javascript" src="js/metricsController.js"></script>
+
+ <script type="text/javascript" src="js/iframeResizer/iframeResizer.contentWindow.min.js"></script>
+
+
+</body>
+</html>
\ No newline at end of file |