index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  7. <title>Параметры</title>
  8. <link href="main.css" rel="stylesheet">
  9. <script type="text/javascript" src="role.js"></script>
  10. </head>
  11. <body>
  12. <div class="navbar navbar-default navbar-fixed-top">
  13. <div class="navbar-header">
  14. <div><a href="index.html" class="logo"></a></div>
  15. </div>
  16. <a href="#" id="menu-icon"></a>
  17. <ul class="nav navbar-nav" id="nav">
  18. <li><a href="index.html" class="active">Параметры</a></li>
  19. <li><a href="settings.html">Настройки</a></li>
  20. <li><a href="info.html">Информация</a></li>
  21. <li><a href="history.html">Журнал</a></li>
  22. </ul>
  23. </div>
  24. <div class="wrapper" id="content">
  25. <!--START-->
  26. <h1>Параметры</h1>
  27. <div class="panel panel-default">
  28. <div class="panel-heading" id="sPower">Источник питания<div id="pstate_icons" style="float: right;"></div></div>
  29. <div class="panel-body">
  30. <table class="table tb-stat">
  31. <tr>
  32. <td>Входное напряжение (VAC)</td>
  33. <td ><span id="AC"></span></td>
  34. </tr>
  35. <tr>
  36. <td>Выходное напряжение (VAC)</td>
  37. <td ><span id="DC"></span></td>
  38. </tr>
  39. <tr>
  40. <td>Входная частота</td>
  41. <td ><span id="in_freq"></span></td>
  42. </tr>
  43. <tr class="hidden">
  44. <td>Выходная частота</td>
  45. <td ><span id="out_freq"></span></td>
  46. </tr>
  47. <tr>
  48. <td>Нагрузка</td>
  49. <td ><span id="pwr"></span></td>
  50. </tr>
  51. <tr>
  52. <td>Текущий режим</td>
  53. <td ><span id="pmode"></span></td>
  54. </tr>
  55. <tr class="hidden">
  56. <td>Индикация аварийных ситуаций</td>
  57. <td><span id="alarm"></span></td>
  58. </tr>
  59. </table>
  60. </div>
  61. </div>
  62. <div class="panel panel-default">
  63. <div class="panel-heading" id="sBattery">Аккумуляторные батареи<div id="bstate_icons" style="float: right;"></div></div>
  64. <div class="panel-body">
  65. <table class="table tb-stat">
  66. <tr>
  67. <td>Емкость батареи</td>
  68. <td ><span id="bat_cap"></span></td>
  69. </tr>
  70. <tr>
  71. <td>Внутренняя температура</td>
  72. <td ><span id="inner_temp"></span></td>
  73. </tr>
  74. <tr>
  75. <td>Оставшееся время работы</td>
  76. <td ><span id="bat_time_left"></span></td>
  77. </tr>
  78. </table>
  79. </div>
  80. </div>
  81. <div class="panel panel-default">
  82. <div class="panel-heading" id="">Сухие контакты<div id="dstate_icons" style="float: right;"></div></div>
  83. <div class="panel-body">
  84. <table class="table tb-stat">
  85. <tr>
  86. <td>Дискретный вход</td>
  87. <td ><span id="di1"></span></td>
  88. </tr>
  89. <tr>
  90. <td>Релейный выход 1</td>
  91. <td ><span id="ro1"></span></td>
  92. </tr>
  93. <tr>
  94. <td>Релейный выход 2</td>
  95. <td ><span id="ro2"></span></td>
  96. </tr>
  97. <tr>
  98. <td>Релейный выход 3</td>
  99. <td ><span id="ro3"></span></td>
  100. </tr>
  101. </table>
  102. </div>
  103. </div>
  104. </div>
  105. <!--END-->
  106. </body>
  107. <script type="text/javascript" src="main.js"></script>
  108. <script type="text/javascript">
  109. dataFadeIn();
  110. paramsRefresh();
  111. </script>
  112. </html>