forked from Signaltec/aggregator-graphics
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
235 lines (167 loc) · 10.3 KB
/
index.html
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<!-- saved from url=(0028)https://localhost:3001/ports -->
<html ng-app="app" data-ng-app="app"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
<meta charset="UTF-8">
<base href=".">
<link href="./index_files/sega2.css" rel="stylesheet" type="text/css">
<!-- TSG -->
<script src="./index_files/d3.min.js" charset="utf-8"></script>
<link href="./index_files/tsg.css" rel="stylesheet">
<script src="./index_files/tsg.js"></script>
<link rel="stylesheet" href="./index_files/all.css">
<title ng-bind="this_page.title" class="ng-binding">Статистика</title>
<body ng-controller="AppCtrl">
<!-- вроде как вытягивает body по вертикали (вроде как-то связано с fixed-head) -->
<div class="body_stretcher"></div>
<!-- показывается, когда приложение загружено -->
<div class="main_content">
<img src="./index_files/multiple.png" id="dragimage" class="">
<div class="fixed-head" sg-output-height-to="top_panel_height" ng-mousedown="Device_GUI.start_selection($event)">
<ul class="menu">
<!-- логотип -->
<li ng-mouseenter="show_user_panel = true" ng-mouseleave="show_user_panel = false" class="ng-binding">
ВЕКТОР АТ
</li>
<!-- все доступные разделы -->
<!-- ngRepeat: page in pages | filter:{'menu':true} --><li ng-repeat="page in pages | filter:{'menu':true}" ng-class="{ 'selected': page.url == location.path() }" class="ng-scope selected">
<a href="./index_files/index.html" class="ng-binding">Порты</a>
</li><!-- end ngRepeat: page in pages | filter:{'menu':true} --><li ng-repeat="page in pages | filter:{'menu':true}" ng-class="{ 'selected': page.url == location.path() }" class="ng-scope">
<a href="https://localhost:3001/rules" class="ng-binding">Правила</a>
</li><!-- end ngRepeat: page in pages | filter:{'menu':true} --><li ng-repeat="page in pages | filter:{'menu':true}" ng-class="{ 'selected': page.url == location.path() }" class="ng-scope">
<a href="https://localhost:3001/settings" class="ng-binding">Настройки</a>
</li><!-- end ngRepeat: page in pages | filter:{'menu':true} -->
<!-- псевдо раздел "Конфигурация" -->
<li class="configuration">
<div class="dropdown">
<a class="-pseudo-link dropdown-toggle-alt ng-binding ng-isolate-scope" dropdown-close-when="close_configuration_menu_dropdown">Конфигурация</a>
<div class="dropdown-menu"><div class="configuration_menu">
<img src="./index_files/close.png" dropdown-close="" class="close">
<ul>
<li>
<!-- Загрузить конфигурацию -->
<span sg-file-chooser="" sg-file-chooser-button="parent(li)" class="upload_configuration">
<span title="Загрузить конфигурацию из файла" class="ng-binding"><i class="mdi mdi-folder-outline"></i> Открыть</span>
<!-- onclick is a hack to fire the on-upload handler when selecting the same file again -->
<input type="file" onclick="this.value = null" ng-file-select="on_upload_configuration($files)">
</span>
</li>
<li ng-click="Configurations.download()">
<!-- Сохранить конфигурацию -->
<span title="Сохранить" class="ng-binding"><i class="mdi mdi-content-save"></i> Сохранить</span>
</li>
</ul>
</div></div>
</div>
</li>
<!-- псевдо раздел "Выход" -->
<li class="logout">
<a ng-click="Login.logout()" translate="" class="ng-scope">Выход</a>
</li>
</ul>
<!-- Строка статуса и сообщений об ошибках -->
<div class="default-status-place">
</div>
<!-- Панель устройства -->
<div class="device_container">
<!-- Картинка свича -->
</div>
<div class="login-form-head-stretcher"></div>
</div>
<!-- Содержимое -->
<section class="layout" ng-class="{ nodesign: thispage.nodesign }">
<!-- Текущая страница -->
<div class="paper minwidth maxwidth" ng-class="{'-nopaddings': this_page.nopaddings}">
<!-- Заголовок страницы -->
<hgroup class="default-title">
<h1 ng-hide="this_page.notitle" class="ng-binding">Статистика</h1>
</hgroup>
<!-- Содержимое страницы -->
<article autoscroll="true" class="ng-scope">
<div class="aggregator-graphics" ng-controller="aggregatorGraphicsCtrl">
<div class="main-graph-wrapper clearfix -clearfix">
<!-- Aside panel with optional ports navigation -->
<aside>
<input type="checkbox" ng-model="summarize" ng-change="updateBigPortChart()"> Суммировать
<div class="port-navigator">
<label ng-repeat="port in ports track by $index" class="port" ng-hide="port.hide">
<input type="checkbox"
ng-model="port.checked"
ng-change="updateBigPortChart()" />
<span ng-style="{'color': portColors(port.name)}">{{port.num}}</span>
</label>
</div>
</aside>
<!-- Main graphic -->
<big-port-chart ports="ports" color="portColors" time-nav="timeNav">
</big-port-chart>
</div>
<!-- Toolbar with work modes -->
<div class="toolbar shift-left -clearfix">
<div class="taps" style="float:left">
<span class="tap" ng-class="{'-active': timeNav.floor == -366}" ng-click="timeNav.changeFloor(-366)">Дни</span>
<span class="tap" ng-class="{'-active': timeNav.floor == -4400}" ng-click="timeNav.changeFloor(-4400)">Месяцы</span>
</div>
<div class="taps" style="float:left">
<span class="tap" ng-class="{'-active': timeNav.aggregate == 'max'}" ng-click="timeNav.aggregate = 'max'">Макс.</span>
<span class="tap" ng-class="{'-active': timeNav.aggregate == 'mean'}" ng-click="timeNav.aggregate = 'mean'">Средние</span>
</div>
<div class="taps">
<span class="tap">
<input type="checkbox" ng-model="hideEmpty" ng-change="toggleEmpty()"/> Скрыть порты без трафика
</span>
</div>
</div>
<!-- Time Slider + Axis -->
<div class="time-axis-container shift-left">
<slider floor="{{timeNav.floor}}" ceiling="{{timeNav.ceiling}}" step="1" precision="1" ng-model-low="timeNav.start" ng-model-high="timeNav.end" translate="timeNav.formatDate"></slider>
<time-axis now="timeNav.now" floor="timeNav.floor"></time-axis>
</div>
<!-- Ports Microcharts -->
<div class="ports-microcharts">
<div class="selection"></div>
<micro-port-chart ng-repeat="port in ports track by $index"
class="port-wrapper"
port="port"
color="portColors(port.name)"
time-nav="timeNav"
ng-hide="port.hide">
</micro-port-chart>
</div>
<!-- Time Slider + Axis >
<div class="time-axis-container shift-left">
<slider floor="{{timeNav.floor}}" ceiling="{{timeNav.ceiling}}" step="1" precision="1" ng-model-low="timeNav.start" ng-model-high="timeNav.end" translate="timeNav.formatDate" change="timeNavChange()"></slider>
<time-axis now="timeNav.now" floor="timeNav.floor"></time-axis>
</div>
-->
</div>
<!-- Scripts -->
<script src="./index_files/lib/angular/angular.js"></script>
<script src="./index_files/lib/angular-sanitize/angular-sanitize.js"></script>
<script src="./index_files/lib/angular-messages/angular-messages.js"></script>
<script src="./index_files/lib/angular-animate/angular-animate.js"></script>
<script src="./index_files/lib/angular-route/angular-route.js"></script>
<script src="./index_files/lib/angular-translate/angular-translate.js"></script>
<script src="./index_files/roundProgress.min.js"></script>
<!-- slider -->
<link href="./angular-slider.css" rel="stylesheet" type="text/css">
<script src="./index_files/lib/moment/moment.js"></script>
<script src="./angular-slider.js"></script>
<script src="./index_files/configuration.js"></script>
<link href="./style.css" rel="stylesheet" type="text/css" />
<script src="app.js"></script>
</article>
</div>
</section>
<footer>
</footer>
</div>
<noscript>
<h1>
Javascript is disabled in your web browser. Enable Javascript in order to make this application work.
В браузере отключена поддержка Javascript. Для работы приложения включите Javascript.
</h1>
</noscript>
<div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div><div style="height: 0px; font-size: 0px; margin: 0px; clear: both; float: none;"></div></body></html>