aboutsummaryrefslogtreecommitdiffstats
path: root/openo-portal/portal-performance/src/main/webapp/performance/performance_view.html
blob: a55a5ac4fed88821b1744320fb3dadd1f6770261 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link href="../common/thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet" id="font_awesome"/>
		<link href="../common/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
		<link href="../common/thirdparty/uniform/css/uniform.default.css" rel="stylesheet"/>
		<link href="../common/thirdparty/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">
		<link href="../common/thirdparty/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet">
		<link href="../common/css/plugins.css" rel="stylesheet" type="text/css">
		<link href="../common/css/ZteIctIcons/style.css" rel="stylesheet" type="text/css"/>
		<link href="../common/css/ngict-component.css" rel="stylesheet" type="text/css">
		<link href="css/pmQueryBox.css" rel="stylesheet" type="text/css">
		<link href="css/performanceQuery.css" rel="stylesheet" type="text/css"/>
		<link href="css/performanceChart.css" rel="stylesheet" type="text/css"/>
	</head>
	<body>
		<div ms-controller="pmQueryController" class="ms-controller">
			<div class="row" ms-visible="boxVisible">
				<div class="row" style="margin-left: 15px;">
					<div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 titlefont">
						<span id="com_zte_ums_ict_pm_query_data" name_i18n="openo_performance_i18n"></span>
					</div>
				</div>
				<div class = "separator-line"></div>
				<div class="row ruleNav" style="margin-left: 50px;width: 93%;">
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
						<div class="carousel-inner" role="listbox">
							<div class="item " ms-repeat-el="pmQueries">
								<div class="col-xs-12" style=" padding-right: 20px; padding-top: 10px;">
									<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 boxPadding" ms-repeat-elem="el.array" data-repeat-rendered="clickSelectedCommonCond" ms-click="queryTabClicked(elem ,this)">
										<a href="#">
											<div class="box" ms-class="boxStyle{{$index % 4 + 1}}">
												<div class="subbox">
													<div class="textImageStyle " ms-class="{{elem.textImage}}">
														<span class="ict-cpu"></span>
													</div>
													<div class="set-title">{{elem.name}}</div>
													<span class="ict-modify" ms-click="queryRuleView(event, elem)"></span>
												</div>
											</div>
											<div class="col-md-12 separator-line separator-line-visibilty" ms-class="boxStyle{{$index % 4 + 1}}"></div>
										</a>
									</div>
								</div>
							</div>
						</div>
						<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="margin-right: -10px;">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
				</div>
				<div class="row-fluid separator">
					<div ms-visible="boxVisible" class="col-xs-12" style="margin-top: 10px;">
						<a href="#" id="upArrow" ms-click="clickDisplayGraphAlink()"><img src="image/up.png"/></a>
					</div>
				</div>
			</div>
			<div class="row-fluid separator">
				<div ms-visible="!boxVisible" class="col-xs-12">
					<a href="#" ms-click="clickDisplayGraphAlink()"><img src="image/down.png"/></a>
				</div>
			</div>
			<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 titlefont">
						<span id="tableTitleText">{{tableTitle}}</span>
						<a href="#" ms-visible="tableIconVisable"><img id="tableImg" src="image/table_icon.png" ms-click="showPerformanceTable()"></a>
						<a href="#" ms-visible="chartIconVisable"><img id="chartImg" src="image/chart_icon.png" ms-click="showPerformanceChart()"></a>
					</div>
				</div>
				<div class = "separator-line"></div>
				<div class="row-fluid " data-name="table_zone">
					<div ms-visible="pmChartVisable" id="chartCanvasDiv" style="width:1000px; height:600px;"></div>
					<div ms-visible="pmDataVisable" id = 'ict_pm_data_div'></div>
					<div ms-visible="queryRuleVisable" ms-include-src="'performance_query_rule.html'"></div>
				</div>
			</div>
		</div>
		<script src="../common/thirdparty/jquery/jquery-1.10.2.min.js"></script>
		<script src="../common/thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>
		<script src="../common/js/international/loadi18n.js" type="text/javascript"></script>
		<script src="../common/js/tools.js"></script>
		<script>
			loadi18n_WebFramework('web-performance-i18n', 'i18n/', 'openo_performance_i18n');
		</script>
		<script src="../common/thirdparty/data-tables/jquery.dataTables.js"></script>
		<script src="../common/thirdparty/bootbox/bootbox.min.js"type="text/javascript"></script>
		<script src="../common/thirdparty/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="../common/thirdparty/jquery-validation/js/jquery.validate.js"></script>
		<script src="../common/thirdparty/jquery-validation/js/additional-methods.min.js"></script>
		<script src="../common/thirdparty/echarts/echarts-all.js" type="text/javascript"></script>
		<script src="../common/thirdparty/bootstrap-daterangepicker/moment.js"></script>
		<script src="../common/thirdparty/bootstrap-daterangepicker/daterangepicker.js"></script>
		<script src="../common/thirdparty/avalon/avalon.js"></script>
		<script src="../common/js/security/aes.js" type="text/javascript"></script>
		<script src="../common/js/security/framework-util.js" type="text/javascript"></script>
		<script src="../common/js/json2.js"></script>
		<script src="js/serverPageTable.js"></script>
		<script src="js/pmUtil.js"></script>
		<script src="js/commonUtil.js"></script>
		<script src="js/performanceQueryController.js"></script>
		<script src="js/performanceChart.js"></script>
	</body>
</html>