source: S-port/trunk/www/index.html@ 1

Last change on this file since 1 was 1, checked in by AlexLir, 3 years ago
File size: 19.9 KB
Line 
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <link rel="stylesheet" type="text/css" href="style.css">
6 <title>S-port</title>
7 </head>
8 <body>
9 <script type="text/javascript" src="jquery-3_6_0_min.js"></script>
10 <script type="text/javascript" src="cvi_busy_lib.js"></script>
11 <script type="text/javascript" src="javascript.js"></script>
12 <div id="popupStack"></div>
13 <div class = "mainSection">
14 <div class="section">
15 <table class = "tableHeader">
16 <tr>
17 <td style="width:150px;">
18 <ul class="parent">
19 <li><img class="menu" src="img/menu.png">
20 <ul class="child">
21 <li>Загрузить конфигурацию</li>
22 <li><a href="config.xml" download>Скачать конфигурацию</a></li>
23 <li id="save">Сохранить конфигурацию</li>
24 <hr>
25 <li><a href="mibs\ADC-MIB.txt">Скачать ADC-MIB</a></li>
26 <li><a href="mibs\ADCPLC.txt">Скачать MIB блока</a></li>
27 <hr>
28 <li id="exit">Завершение сеанса</li>
29 </ul>
30 </li>
31 </ul>
32 </td>
33 <td><div id="boardName"></div></td>
34 <td style="width: 150px;">
35 <img id="ticker" src="img/empty.png" alt="">
36 </td>
37 </tr>
38 </table>
39 <ul class="tabs" id="tabsFirs">
40 <li class="current"id="blocksTab">Блок</li>
41 <li>Часы</li>
42 <li>Обновление ПО</li>
43 <li>Разное</li>
44 </ul>
45 <div class="box visible">
46 <div class="hidden" id="plc">
47 <h3 class="hidden">Опрос отключён, данные на web странице и SNMP не обновляются.</h3>
48 <div class="units-LeftBlock">
49 <div style="display:flex; align-items:center;" id="enable-all-poll"><input type="checkbox"><p style="margin:auto; margin-left:0px;">Отключить опрос</p></div>
50 <ul class="PLC-tabs-units">
51 <li class="current-units"><div class="sect_name"><div id="state_block" style="background:darkgray;" title="Статус: Отсутствует"></div><p>Имя блока</p></div><div class="sect_ip"><p>IP блока</p></div></li>
52 </ul>
53 <div id="blockBtn">
54 <button type="button" id="PLC_addBlock" onclick="return PLC_BlockEdit(true)"><p>+</p></button>
55 </div>
56 </div>
57 <div class="units-RightBlock">
58 <table width="100%">
59 <tr>
60 <td><h2 style="text-align:center;margin:5px;color:#1f4e6b;" id="nameUnit"></h2></td>
61 <td width="38px">
62 <div class="plc_btn_act">
63 <img onclick="return PLC_BlockEdit(false)" src="img/settings.png" id="" alt="edit" title="Редактировать">
64 <img id="PLC_block_rm" class="hidden" onclick="return PLC_remove_block()" src="img/delete.png" id="" alt="delete" title="Удалить">
65 </div>
66 </td>
67 </tr>
68 </table>
69 <div style="padding: 12px 12px 12px 12px;" id ="mainParams">
70 <div style="overflow:auto;display:flex;">
71 <fieldset class="units-combo">
72 <legend><b>Общие</b></legend>
73 <table class="units-table" id="common">
74 <tr><td>Версия платы МД02</td><td>-</td></tr>
75 <tr><td>Тип приемника</td><td>-</td></tr>
76 <tr><td>Аттенюатор приемника</td><td>-</td></tr>
77 <tr><td>Мощность передатчика</td><td>-</td></tr>
78 </table>
79 </fieldset>
80 <fieldset class="units-combo" id="comboUM_1">
81 <legend><b>УМ02</b></legend>
82 <table class="units-table" id="um1">
83 <tr><td>Плата</td><td>-</td></tr>
84 <tr><td>Авария</td><td>-</td></tr>
85 <tr><td>Уровень передатчика</td><td>-</td></tr>
86 <tr><td>Температура</td><td>-</td></tr>
87 <tr><td>Линейное напряжение</td><td>-</td></tr>
88 </table>
89 </fieldset>
90 <fieldset class="units-combo" id="comboUM_2">
91 <legend><b>УМ02</b></legend>
92 <table class="units-table" id="um2">
93 <tr><td>Плата</td><td>-</td></tr>
94 <tr><td>Авария</td><td>-</td></tr>
95 <tr><td>Уровень передатчика</td><td>-</td></tr>
96 <tr><td>Температура</td><td>-</td></tr>
97 <tr><td>Линейное напряжение</td><td>-</td></tr>
98 </table>
99 </fieldset>
100 </div>
101 <div style="overflow:auto;display:flex;">
102 <fieldset class="units-combo" id="comboHF_1">
103 <legend><b>ВЧ канал 1</b></legend>
104 <table class="units-table" id="vch1">
105 <tr><td>Состояние канала</td><td>-</td></tr>
106 <tr><td>Статус приемника</td><td>-</td></tr>
107 <tr><td>Режим</td><td>-</td></tr>
108 <tr><td>Частота передатчика</td><td>-</td></tr>
109 <tr><td>Частота приемника</td><td>-</td></tr>
110 <tr><td>Уровень приемника</td><td>-</td></tr>
111 <tr><td>Уровень вх. сигнала</td><td>-</td></tr>
112 <tr><td>Скорость передачи</td><td>-</td></tr>
113 <tr><td>Скорость приема</td><td>-</td></tr>
114 <tr><td>Запас по шуму</td><td>-</td></tr>
115 <tr><td>Отношение С/Ш</td><td>-</td></tr>
116 <tr><td>Колличество ошибок</td><td>-</td></tr>
117 <tr><td>Коэффициент ошибок</td><td>-</td></tr>
118 </table>
119 </fieldset>
120 <fieldset class="units-combo" id="comboHF_2">
121 <legend><b>ВЧ канал 2</b></legend>
122 <table class="units-table" id="vch2">
123 <tr><td>Состояние канала</td><td>-</td></tr>
124 <tr><td>Статус приемника</td><td>-</td></tr>
125 <tr><td>Режим</td><td>-</td></tr>
126 <tr><td>Частота передатчика</td><td>-</td></tr>
127 <tr><td>Частота приемника</td><td>-</td></tr>
128 <tr><td>Уровень приемника</td><td>-</td></tr>
129 <tr><td>Уровень вх. сигнала</td><td>-</td></tr>
130 <tr><td>Скорость передачи</td><td>-</td></tr>
131 <tr><td>Скорость приема</td><td>-</td></tr>
132 <tr><td>Запас по шуму</td><td>-</td></tr>
133 <tr><td>Отношение С/Ш</td><td>-</td></tr>
134 <tr><td>Колличество ошибок</td><td>-</td></tr>
135 <tr><td>Коэффициент ошибок</td><td>-</td></tr>
136 </table>
137 </fieldset>
138 <fieldset class="units-combo" id="comboHF_3">
139 <legend><b>ВЧ канал 3</b></legend>
140 <table class="units-table" id="vch3">
141 <tr><td>Состояние канала</td><td>-</td></tr>
142 <tr><td>Статус приемника</td><td>-</td></tr>
143 <tr><td>Режим</td><td>-</td></tr>
144 <tr><td>Частота передатчика</td><td>-</td></tr>
145 <tr><td>Частота приемника</td><td>-</td></tr>
146 <tr><td>Уровень приемника</td><td>-</td></tr>
147 <tr><td>Уровень вх. сигнала</td><td>-</td></tr>
148 <tr><td>Скорость передачи</td><td>-</td></tr>
149 <tr><td>Скорость приема</td><td>-</td></tr>
150 <tr><td>Запас по шуму</td><td>-</td></tr>
151 <tr><td>Отношение С/Ш</td><td>-</td></tr>
152 <tr><td>Колличество ошибок</td><td>-</td></tr>
153 <tr><td>Коэффициент ошибок</td><td>-</td></tr>
154 </table>
155 </fieldset>
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161 <div class="box" id="clock">
162 <div class="clock">
163 <fieldset>
164 <legend><b>Время браузера</b></legend>
165 <span class="clock_head">Дата</span>
166 <span id="pc-date">-</span>
167 <span class="clock_head">Время</span>
168 <span id="pc-time">-</span>
169 <span id="rtc-cor"><button onclick="return sendTime()" id="sync" >→</button></span>
170 </fieldset>
171 <fieldset>
172 <legend><b>Часы реального времени</b></legend>
173 <span class="clock_head">Дата</span>
174 <span id="rtc-date">-</span>
175 <span class="clock_head">Время</span>
176 <span id="rtc-time">-</span>
177 <span id="rtc-cor">Коррекция хода <input type="number" id = "corr" value="0" min="-39" max="72"></span>
178 <span class="rtc-bat">Батарея разряжена!</span>
179 </fieldset>
180 <fieldset style="width: 260px;">
181 <legend><b>Синхронизация времени</b></legend>
182 <button class="edit_button" onclick="return editNTP()">Настроить сервер</button>
183 <table class="sync-time" style="width:100%;" cellspacing="1" cellpadding="0">
184 <tr>
185 <td class="header">Сервер</td>
186 <td>-</td>
187 </tr>
188 <tr>
189 <td class="header">Стратум</td>
190 <td>-</td>
191 </tr>
192 <tr>
193 <td class="header">Опрос</td>
194 <td>-</td>
195 </tr>
196 <tr>
197 <td class="header">Доступность</td>
198 <td>-</td>
199 </tr>
200 </table>
201 </fieldset>
202 </div><br>
203 </div>
204 <div class="box" id="update" >
205 <div id="version" style="float:right;">Версия S-port: <span>n/a</span></div>
206 <div>Здесь будет ОБНОВЛЕНИЕ ПО<br>Здесь будет ОБНОВЛЕНИЕ ПО</div>
207 </div>
208 <div class="box" >
209 <div style="display:flex;margin:10px 0px 10px 10px;" id="other">
210 <div class="other_butt" id="btn_restart" title="Перезапуск S-port">
211 <img src="img/restart.png" alt="restart">
212 <div>Перезапуск</div>
213 </div>
214 <div class="other_butt" id="btn_ethernet" title="Изменить настройки сети">
215 <img src="img/web.png" alt="ethernet">
216 <div>Сеть</div>
217 </div>
218 <div class="other_butt" id="btn_snmp" title="SNMP">
219 <img src="img/snmp.png" alt="snmp">
220 <div>SNMP</div>
221 </div>
222 <div class="other_butt" id="btn_changePass" title="Изменить пароль текущего пользователя">
223 <img src="img/key.png" alt="changePass">
224 <div>Сменить пароль</div>
225 </div>
226 </div>
227 <!-- <div style="margin-left: 15px;width: 150px;"> -->
228 <!-- <fieldset> -->
229 <!-- <legend><b>S-port</b></legend> -->
230 <!-- <span>Темпаратура -31.0 &#8451 </span> -->
231 <!-- </fieldset> -->
232 <!-- </div> -->
233 <!--<div>
234 <fieldset>
235 <legend><b>Пользователи</b></legend>
236 <table class="users" style="width:100%;">
237 <tr>
238 <th>Имя</th>
239 <th>Коментарий</th>
240 <th>Права</th>
241 <th>Действия</th>
242 </tr>
243 <tr>
244 <td>admin</td>
245 <td>Суперпользователь</td>
246 <td>all</td>
247 <td><img src="img/settings.png" onclick="return edit_user()" alt="edit" title="Редактировать"></td>
248 </tr>
249 <tr>
250 <td>demo</td>
251 <td>Демо доступ</td>
252 <td>-</td>
253 <td><img src="img/settings.png" id="" alt="edit" title="Редактировать">
254 <img src="img/delete.png" id="" alt="delete" title="Удалить пользователя"></td>
255 </tr>
256 </table>
257 </fieldset>
258 </div>-->
259 </div>
260 </div>
261 </div>
262 <div id="popup_login" class="hidden">
263 <div class="popup_header">Аутентификация</div>
264 <div class="popup_body dontclose">
265 <div class="login" id="login">
266 <div id = "adc"><img src="img/key.png" ></div>
267 <input class="lat" type = "text" placeholder="Имя" maxlength="16" size="16">
268 <input type = "password" placeholder="Пароль" maxlength="16" size="16">
269 <div id="incorrectLogin" style="text-align:center;"></div>
270 </div>
271 </div>
272 <div class="popup_footer">
273 <button class="default" onclick="return auth()">Войти</button>
274 </div>
275 </div>
276 <div id="popup_ethernet" class="hidden">
277 <div class="popup_header">Настройки сети</div>
278 <div class="popup_body">
279 <table width="100%" id="ethernet">
280 <tr><td>MAC адрес:</td><td>
281 <input type="text" value = "-:-:-:-:-:-" size="17" disabled>
282 </td></tr>
283 <tr><td>IP адрес:</td><td>
284 <input type="text" maxlength="15" class = "ip_mask" size="17">
285 </td></tr>
286 <tr><td>Маска:</td><td>
287 <input type="text" maxlength="15" class = "ip_mask" size="17"><br>
288 </td></tr>
289 <tr><td>Шлюз:</td><td>
290 <input type="text" maxlength="15" class = "ip_mask" size="17"><br>
291 </td></tr>
292 </table>
293 </div>
294 <div class="popup_footer">
295 <button class="default" onclick="return setNet()">ОК</button>
296 <button onclick="return closePopup()">Отмена</button>
297 </div>
298 </div>
299 <div id="popup_snmp" class="hidden">
300 <div class="popup_header">Настройки SNMP</div>
301 <div class="popup_body">
302 <div style="display:inline-block;">
303 <p id="snmp-version" style="margin:auto;">Версия:
304 <select>
305 <option value=0>1</option>
306 <option value=1>2c</option>
307 </select></p>
308 <fieldset>
309 <legend><b>Get запрос</b></legend>
310 <table width="100%" id="community">
311 <tr>
312 <td>Community:</td>
313 <td><input class="lat_" autocomplete="off" type="text" maxlength="16" size="14"></td>
314 </tr>
315 </table>
316 </fieldset>
317 <fieldset>
318 <legend><b>Trap</b></legend>
319 <table width="100%" id="traps">
320 <tr><td colspan="2"><input type="checkbox">Включить</td></tr>
321 <tr>
322 <td>IP адрес:</td>
323 <td><input type="text" maxlength="15" class = "ip_mask" size="14" disabled></td>
324 </tr>
325 <tr>
326 <td>Community:</td>
327 <td><input type="text" class="lat_" autocomplete="off" maxlength="16" size="14" disabled></td>
328 </tr>
329 </table>
330 </fieldset>
331
332 </div>
333 </div>
334 <div class="popup_footer">
335 <button class="default" onclick="return setSnmp()">ОК</button>
336 <button onclick="return closePopup()">Отмена</button>
337 </div>
338 </div>
339 <div id="popup_changePass" class="hidden">
340 <div class="popup_header">Смена пароля для <p style="display:inline-block; margin: auto;"></p></div>
341 <div class="popup_body">
342 <table width="100%" id="tablePass">
343 <tr><td>Текущий пароль:</td><td>
344 <input maxlength="16" type="password"></input>
345 </td></tr>
346 <tr><td>Новый пароль:</td><td>
347 <input maxlength="16" type="password"></input>
348 </td></tr>
349 <tr><td>Повторите пароль:</td><td>
350 <input maxlength="16" type="password"></input>
351 </td></tr>
352 </table>
353 </div>
354 <div class="popup_footer">
355 <button class="default" onclick="return changePass()">ОК</button>
356 <button onclick="return closePopup()">Отмена</button>
357 </div>
358 </div>
359 <div id="popup_ntp" class="hidden">
360 <div class="popup_header">Синхронизация времени</div>
361 <div class="popup_body">
362 <div style="display: inline-block;">
363 <table>
364 <tr><td>IP адрес NTP сервера:</td><td>
365 <input class="ip_mask" id="ip-ntp" style="width:108px;" maxlength="15" type="text">
366 </td></tr>
367 </table>
368 </div>
369 </div>
370 <div class="popup_footer">
371 <button class="default" onclick="return setNTP()">ОК</button>
372 <button onclick="return closePopup()">Отмена</button>
373 </div>
374 </div>
375 <div id="popup_editUser" class="hidden">
376 <div class="popup_header">Настройки пользователя<p style="display:inline-block; margin: auto;"></p></div>
377 <div class="popup_body">
378
379 </div>
380 <div class="popup_footer">
381 <button class="default" onclick="return ">ОК</button>
382 <button onclick="return closePopup()">Отмена</button>
383 </div>
384 </div>
385 <div id="popup_PLC_route" class="hidden">
386 <div class="popup_header">Маршрут до блока <p style="display:inline-block; margin:auto;"></p></div>
387 <div class="popup_body">
388 <table id="table_route">
389 <tr>
390 <td><b>S-port </b></td>
391 <td class="btn_route"><div><img onclick="return PLC_add_route('route_add')" src="img/add.ico" alt="add" title="Добавить узел"></div></td>
392 </tr>
393 </table>
394 </div>
395 <div class="popup_footer">
396 <button class="default" onclick="return PLC_set_route()">ОК</button>
397 <button onclick="return closePopup()">Отмена</button>
398 </div>
399 </div>
400 <div id="popup_PLC_EditBlock" class="hidden">
401 <div class="popup_header">Редактирование настроек<p style="display:inline-block; margin:auto; margin-left: 5px;"></p></div>
402 <div class="popup_body">
403 <div>
404 <fieldset >
405 <legend><b>Общие</b></legend>
406 <table width="50%" id="common_settings">
407 <tr>
408 <td>Имя блока:</td>
409 <td><input type="text" id="inputNameUnit" autocomplete="off" maxlength="16" size="14"></td>
410 </tr>
411 <tr>
412 <td>Интервал опроса:</td>
413 <td><input type="number" id = "timePoll" value="1" min="1" max="30" size="5" step="1"> секунд</td>
414 </tr>
415 <tr><td>Маршрут:<img src="img/settings.png" id="route_settings" alt="settings" title="Настроить маршрут"></td><td>
416 <div id="main_route">Маршрут не задан</div></td>
417 </tr>
418 </table>
419 </fieldset>
420 </div>
421 <div style="display: inline-flex;">
422 <fieldset style="width: min-content;">
423 <legend><b>Сетевые</b></legend>
424 <table width="50%" id="net_settings">
425 <tr><td style="width:140px;">Адрес IP блока:</td><td>
426 <input type="text" maxlength="15" autocomplete="off" class="ip_mask"><br></td>
427 </tr>
428 <tr><td style="width:140px;">Маска блока:</td><td>
429 <input type="text" maxlength="15" autocomplete="off" class="ip_mask"><br></td>
430 </tr>
431 <tr><td style="width:140px;">Шлюз блока:</td><td>
432 <input type="text" maxlength="15" autocomplete="off" class="ip_mask"><br></td>
433 </tr>
434 </table>
435 </fieldset>
436 <fieldset>
437 <legend><b>Приёмник</b></legend>
438 <table width="100%" id="receiver_settings">
439 <tr><td>Тип:</td><td>
440 <select>
441 <option value=0>Несоглас.</option>
442 <option value=1>Соглас.</option>
443 </select></td></tr>
444 <tr><td>Аттенюатор:</td><td>
445 <select>
446 <option value=0>0 dB</option>
447 <option value=1>-6 dB</option>
448 <option value=2>-12 dB</option>
449 <option value=3>-18 dB</option>
450 <option value=4>-24 dB</option>
451 </select>
452 </td></tr>
453 <!-- <tr><td>Мощность:</td><td> -->
454 <!-- <select> -->
455 <!-- <option value=0>20 W</option> -->
456 <!-- <option value=1>40 W</option> -->
457 <!-- </select> -->
458 <!-- </td></tr> -->
459 </table>
460 </fieldset>
461 </div>
462 </div>
463 <div class="popup_footer">
464 <!-- <button class="default" onclick="return PLC_Set_Block(false)">ОК</button> -->
465 <button onclick="return closePopup()">Отмена</button>
466 </div>
467 </div>
468 </body>
469</html>
Note: See TracBrowser for help on using the repository browser.