API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 23rd, 2019
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 51.03 KB | None | 0 0
raw download clone embed print report
  1. <body class="black" ui-class=""><script>$("body").addClass("black"); // Применение сохраненной ранее темы. тема хранится в файле config.json и загружается при render страницы
  2. </script><div class="app" id="app"><!-- ############ LAYOUT START--><div class="app-aside modal nav-dropdown" id="aside"><!-- Левое боковое меню --><div class="left navside black dk" data-layout="column"><div class="navbar no-radius"><!-- Логотип--><a class="navbar-brand"><!--div(ui-include="'/aa/assets/images/logo.svg'")--><img src="/aa/assets/images/logo.png" alt="."><span class="hidden-folded inline">GAS</span></a><!-- Логотип--></div><div class="hide-scroll" data-flex=""><nav class="scroll nav-light"><ul class="nav" ui-nav=""><li><a href="/index_m1" style="padding-top: 8px;padding-bottom: 8px; font-size: 0.96rem;"><span class="nav-icon"><i class="fa fa-dashboard"></i></span><span class="nav-text">Мониторинг</span></a></li><li><a href="/sensors" style="padding-top: 8px;padding-bottom: 8px; font-size: 0.96rem;"><span class="nav-icon"><i class="fa fa-bullseye">                       </i></span><span class="nav-text">Информация о сенсорах</span></a></li></ul></nav></div></div><!-- / Левое боковое меню --></div><!-- content--><div class="app-content box-shadow-z0" id="content" role="main"><!--Верхнее меню--><div class="app-header white box-shadow"><div class="navbar navbar-toggleable-sm flex-row align-items-center"><a class="hidden-lg-up mr-3" data-toggle="modal" data-target="#aside"><i class="material-icons"></i></a><!--#pageTitle.mb-0.h5.no-wrap(ng-bind="$state.current.data.title")--><!--#collapse.collapse.navbar-collapse--><!-- div для отображения времени и даты. Обновляется по таймеру--><div id="time"><p style="margin-bottom: 0px;">13.12.2019, 15:27</p></div><ul class="nav navbar-nav ml-auto flex-row align-items-center"><div class="clearfix nav-active-orange" style="margin-bottom: 0px"></div></ul></div></div><!-- / Верхнее меню--><!-- Основная область страницы--><div class="app-body" id="view" ui-view=""><!-- Переключение между постами--><div class="padding" style="padding-bottom: 0px;"><ul class="nav nav-sm nav-pills nav-active-orange clearfix pagination"><li class="nav-item"><a class="nav-link" href="" data-toggle="tab" data-target="#tab_1" style="margin-right: 8px">Дер. Тимох. </a></li><li class="nav-item"><a class="nav-link" href="" data-toggle="tab" data-target="#tab_2" style="margin-left: 8px; margin-right: 8px">СНТ Здоров</a></li><li class="nav-item"><a class="nav-link" href="" data-toggle="tab" data-target="#tab_3" style="margin-left: 8px; margin-right: 8px">СНТ Локо</a></li><li class="nav-item"><a class="nav-link active show" href="" data-toggle="tab" data-target="#tab_4" style="margin-left: 8px; margin-right: 8px">СНТ Уголек                </a></li></ul><!-- / Переключение между постами--><!-- Таблицы с данными                                             --><div class="tab-content"><!-- Таблица с содержимым для каждого сенсора--><div class="tab-pane p-v-sm" id="tab_1"><div class="m-t"><div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th1"><ih5 class="text-center" id="h1" style="width:60px;font-size: 19px;">Угарный газ</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CO</th></tr></thead><tbody><tr><td><a id="p1"><h5 class="text-center" style="font-size: 17px;">0.8082</h5></a></td><td><a class="text-center" id="u1">mg/m<sup>3</sup></a></td><td id="bar1"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th2"><ih5 class="text-center" id="h2" style="width:60px;font-size: 19px;">Метан</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CH<sub>4</sub></th></tr></thead><tbody><tr><td><a id="p2"><h5 class="text-center" style="font-size: 17px;">0.0159</h5></a></td><td><a class="text-center" id="u2">mg/m<sup>3</sup></a></td><td id="bar2"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th3"><ih5 class="text-center" id="h3" style="width:60px;font-size: 19px;">Аммиак</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NH<sub>3</sub></th></tr></thead><tbody><tr><td><a id="p3"><h5 class="text-center" style="font-size: 17px;">0.0003</h5></a></td><td><a class="text-center" id="u3">mg/m<sup>3</sup></a></td><td id="bar3"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></td></tr></tbody></table></div></div></div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th4"><ih5 class="text-center" id="h4" style="width:60px;font-size: 19px;">Сероводород</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;"><ih5 class="text-center" style="width:60px;font-size: 19px;">H<sub>2</sub></ih5><ih5 class="text-center" style="width:60px;font-size: 19px;">S</ih5></th></tr></thead><tbody><tr><td><a id="p4"><h5 class="text-center" style="font-size: 17px;">0.0012</h5></a></td><td><a class="text-center" id="u4">mg/m<sup>3</sup></a></td><td id="bar4"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th5"><ih5 class="text-center" id="h5" style="width:60px;font-size: 19px;">Азота диоксид</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NO<sub>2</sub></th></tr></thead><tbody><tr><td><a id="p5"><h5 class="text-center" style="font-size: 17px;">0.0049</h5></a></td><td><a class="text-center" id="u5">mg/m<sup>3</sup></a></td><td id="bar5"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th6"><ih5 class="text-center" id="h6" style="width:60px;font-size: 19px;">Температура</ih5></th><!--th  --><th class="text-center" style="width:70px;font-size: 19px;">внутри<sub> </sub></th></tr></thead><tbody><tr><td><a id="tin1"><h5 class="text-center" style="font-size: 17px;">16.9</h5></a></td><td><a class="text-center" id="u6"> <sup>o</sup></a><a class="text-center" id="u6">C</a></td><td id="bar6"><canvas width="112" height="52" style="display: inline-block; width: 56px; height: 26px; vertical-align: top;"></canvas></td></tr></tbody></table></div></div></div></div></div></div><div class="tab-pane p-v-sm" id="tab_2"><div class="m-t"><div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th21"><ih5 class="text-center" id="h21" style="width:60px;font-size: 19px;">Угарный газ</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CO</th></tr></thead><tbody><tr><td><a id="p21"><h5 class="text-center" style="font-size: 17px;">0.0409</h5></a></td><td><a class="text-center" id="u21">mg/m<sup>3</sup></a></td><td id="bar21"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,30,30,15,5], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th22"><ih5 class="text-center" id="h22" style="width:60px;font-size: 19px;">Метан</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CH<sub>4</sub></th></tr></thead><tbody><tr><td><a id="p22"><h5 class="text-center" style="font-size: 17px;">0.0214</h5></a></td><td><a class="text-center" id="u22">mg/m<sup>3</sup></a></td><td id="bar22"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,300,300,150,50], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th23"><ih5 class="text-center" id="h23" style="width:60px;font-size: 19px;">Аммиак</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NH<sub>3</sub></th></tr></thead><tbody><tr><td><a id="p23"><h5 class="text-center" style="font-size: 17px;">0.0007</h5></a></td><td><a class="text-center" id="u23">mg/m<sup>3</sup></a></td><td id="bar23"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,1.2,1.2,0.6,0.2], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div></div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th24"><ih5 class="text-center" id="h24" style="width:60px;font-size: 19px;">Сероводород</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;"><ih5 class="text-center" style="width:60px;font-size: 19px;">H<sub>2</sub></ih5><ih5 class="text-center" style="width:60px;font-size: 19px;">S</ih5></th></tr></thead><tbody><tr><td><a id="p24"><h5 class="text-center" style="font-size: 17px;">0.0012</h5></a></td><td><a class="text-center" id="u24">mg/m<sup>3</sup></a></td><td id="bar24"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,0.032,0.032,0.016,0.008], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th25"><ih5 class="text-center" id="h25" style="width:60px;font-size: 19px;">Азота диоксид</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NO<sub>2</sub></th></tr></thead><tbody><tr><td><a id="p25"><h5 class="text-center" style="font-size: 17px;">0.0030</h5></a></td><td><a class="text-center" id="u25">mg/m<sup>3</sup></a></td><td id="bar25"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,0.8,0.8,0.44,0.2], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th26"><ih5 class="text-center" id="h26" style="width:60px;font-size: 19px;">Температура</ih5></th><!--th  --><th class="text-center" style="width:70px;font-size: 19px;">внутри<sub> </sub></th></tr></thead><tbody><tr><td><a id="tin2"><h5 class="text-center" style="font-size: 17px;">15.3</h5></a></td><td><a class="text-center" id="u26"> <sup>o</sup></a><a class="text-center" id="u26">C</a></td><td id="bar26"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[  ], {type:'line', height:19, width:56, lineColor: '#f29734', fillColor: '#313347', lineWidth: 2,spotColor: '#f29734',minSpotColor: undefined,maxSpotColor: undefined,chartRangeMin: -50,chartRangeMax: 50}">    </div></td></tr></tbody></table></div></div></div></div></div></div><div class="tab-pane p-v-sm" id="tab_3"><div class="m-t"><div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th31"><ih5 class="text-center" id="h31" style="width:60px;font-size: 19px;">Угарный газ<sub> </sub></ih5><ih5 class="text-center" style="width:60px;font-size: 19px;"> <sub> </sub></ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CO</th></tr></thead><tbody><tr><td><a id="p31"><h5 class="text-center" style="font-size: 17px;">0.0324</h5></a></td><td><a class="text-center" id="u31">mg/m<sup>3</sup></a></td><td id="bar31"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,30,30,15,5], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th32"><ih5 class="text-center" id="h32" style="width:60px;font-size: 19px;">Метан</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CH<sub>4 </sub></th></tr></thead><tbody><tr><td><a id="p32"><h5 class="text-center" style="font-size: 17px;">0.0106</h5></a></td><td><a class="text-center" id="u32">mg/m<sup>3</sup></a></td><td id="bar32"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,300,300,150,50], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th33"><ih5 class="text-center" id="h33" style="width:60px;font-size: 19px;">Аммиак</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NH<sub>3</sub></th><!--th  --><!--th.text-center(style='width:70px;') sup #3--></tr></thead><tbody><tr><td><a id="p33"><h5 class="text-center" style="font-size: 17px;">0.0004</h5></a></td><td><a class="text-center" id="u33">mg/m<sup>3</sup></a></td><td id="bar33"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,1.2,1.2,0.6,0.2], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div></div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th34"><ih5 class="text-center" id="h34" style="width:60px;font-size: 19px;">Сероводород</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;"><ih5 class="text-center" style="width:60px;font-size: 19px;">H<sub>2</sub></ih5><ih5 class="text-center" style="width:60px;font-size: 19px;">S</ih5></th></tr></thead><tbody><tr><td><a id="p34"><h5 class="text-center" style="font-size: 17px;">0.0012</h5></a></td><td><a class="text-center" id="u34">mg/m<sup>3</sup></a></td><td id="bar34"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,0.032,0.032,0.016,0.008], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th35"><ih5 class="text-center" id="h35" style="width:60px;font-size: 19px;">Азота диоксид</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NO<sub>2</sub></th></tr></thead><tbody><tr><td><a id="p35"><h5 class="text-center" style="font-size: 17px;">0.0041</h5></a></td><td><a class="text-center" id="u35">mg/m<sup>3</sup></a></td><td id="bar35"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,0.8,0.8,0.44,0.2], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th36"><ih5 class="text-center" id="h36" style="width:60px;font-size: 19px;">Температура</ih5></th><!--th  --><th class="text-center" style="width:70px;font-size: 19px;">внутри<sub> </sub></th></tr></thead><tbody><tr><td><a id="tin3"><h5 class="text-center" style="font-size: 17px;">16.9</h5></a></td><td><a class="text-center" id="u36"> <sup>o</sup></a><a class="text-center" id="u36">C</a></td><td id="bar36"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[  ], {type:'line', height:19, width:56, lineColor: '#f29734', fillColor: '#313347', lineWidth: 2,spotColor: '#f29734',minSpotColor: undefined,maxSpotColor: undefined,chartRangeMin: -50,chartRangeMax: 50}"> </div></td></tr></tbody></table></div></div></div></div></div></div><div class="tab-pane p-v-sm active show" id="tab_4"><div class="m-t"><div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th41"><ih5 class="text-center" id="h41" style="width:60px;font-size: 19px;">Угарный газ<sub> </sub></ih5><ih5 class="text-center" style="width:60px;font-size: 19px;"> <sub> </sub></ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CO</th></tr></thead><tbody><tr><td><a id="p41"><h5 class="text-center" style="font-size: 17px;">0.0787</h5></a></td><td><a class="text-center" id="u41">mg/m<sup>3</sup></a></td><td id="bar41"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,30,30,15,5], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th42"><ih5 class="text-center" id="h42" style="width:60px;font-size: 19px;">Метан</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">CH<sub>4</sub></th></tr></thead><tbody><tr><td><a id="p42"><h5 class="text-center" style="font-size: 17px;">0.0165</h5></a></td><td><a class="text-center" id="u42">mg/m<sup>3</sup></a></td><td id="bar42"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,300,300,150,50], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th43"><ih5 class="text-center" id="h43" style="width:60px;font-size: 19px;">Аммиак</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NH<sub>3</sub></th></tr></thead><tbody><tr><td><a id="p43"><h5 class="text-center" style="font-size: 17px;">0.0003</h5></a></td><td><a class="text-center" id="u43">mg/m<sup>3</sup></a></td><td id="bar43"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,1.2,1.2,0.6,0.2], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div></div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th44"><ih5 class="text-center" id="h44" style="width:60px;font-size: 19px;">Сероводород</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;"><ih5 class="text-center" style="width:60px;font-size: 19px;">H<sub>2</sub></ih5><ih5 class="text-center" style="width:60px;font-size: 19px;">S</ih5></th></tr></thead><tbody><tr><td><a id="p44"><h5 class="text-center" style="font-size: 17px;">0.0014</h5></a></td><td><a class="text-center" id="u44">mg/m<sup>3</sup></a></td><td id="bar44"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,0.032,0.032,0.016,0.008], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th45"><ih5 class="text-center" id="h45" style="width:60px;font-size: 19px;">Азота диоксид</ih5></th><th> </th><th class="text-center" style="width:70px;font-size: 19px;">NO<sub>2</sub></th></tr></thead><tbody><tr><td><a id="p45"><h5 class="text-center" style="font-size: 17px;">0.0011</h5></a></td><td><a class="text-center" id="u45">mg/m<sup>3</sup></a></td><td id="bar45"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[0,0.8,0.8,0.44,0.2], {type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']}"><canvas width="112" height="38" style="display: inline-block; width: 56px; height: 19px; vertical-align: top;"></canvas></div></td></tr></tbody></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th id="th46"><ih5 class="text-center" id="h46" style="width:60px;font-size: 19px;">Температура</ih5></th><!--th  --><th class="text-center" style="width:70px;font-size: 19px;">внутри<sub> </sub></th></tr></thead><tbody><tr><td><a id="tin4"><h5 class="text-center" style="font-size: 17px;">24.9</h5></a></td><td><a class="text-center" id="u46"> <sup>o</sup></a><a class="text-center" id="u46">C</a></td><td id="bar46"><div class="sparkline inline" ui-jp="sparkline" ui-refresh="app.setting.color" ui-options="[  ], {type:'line', height:19, width:56, lineColor: '#f29734', fillColor: '#313347', lineWidth: 2,spotColor: '#f29734',minSpotColor: undefined,maxSpotColor: undefined,chartRangeMin: -50,chartRangeMax: 50}"> </div></td></tr></tbody></table></div></div></div></div></div></div><!--Таблица с данными с метеостанции--><div class="tab-pane p-v-sm active" id="tab_5"><div class="m-t"><div><div class="row"><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th><ih5 class="text-center" style="width:60px;font-size: 15px;">Скорость ветра</ih5></th><th id="wind"><h5 class="text-center" style="width:90px;font-size: 15px;">0 м/с</h5></th></tr></thead><thead><tr><th><ih5 class="text-center" style="width:60px;font-size: 15px;">Направление ветра</ih5></th><th id="wind_dir"><h5 class="text-center" style="width:90px;font-size: 15px;">0 гр</h5></th></tr></thead><thead><tr><th><ih5 class="text-center" style="width:60px;font-size: 15px;">Tемпература снаружи </ih5></th><th id="tout"><h5 class="text-center" style="width:90px;font-size: 15px;">0.0<sup>o</sup><ih5 class="text-center" style="width:60px;font-size: 15px;"> C </ih5></h5></th></tr></thead></table></div></div><div class="col-md-4"><div class="box"><table class="table"><thead><tr><th><ih5 class="text-center" style="width:60px;font-size: 15px;">Давление</ih5></th><th id="pres"><h5 class="text-center" style="width:90px;font-size: 15px;">0 mmHg</h5></th></tr></thead><thead><tr><th><ih5 class="text-center" style="width:60px;font-size: 15px;">Влажность    </ih5></th><th id="hum"><h5 class="text-center" style="width:90px;font-size: 15px;">0 %</h5></th></tr></thead><thead><tr><th><ih5 class="text-center" style="width:60px;font-size: 15px;">Заряд батареи    </ih5></th><th id="bat"><h5 class="text-center" style="width:90px;font-size: 15px;">100 %</h5></th></tr></thead></table></div></div></div></div><!--Таблица с данными с метеостанции--></div></div></div><!-- Таблицы с данными--></div></div><!-- / Основная область страницы--></div><!-- ############ LAYOUT END--></div><!-- Bootstrap--><script src="/aa/libs/jquery/bootstrap/dist/js/bootstrap.min.js"></script><!-- core--><script src="/aa/libs/jquery/underscore/underscore-min.js"></script><script src="/aa/libs/jquery/jQuery-Storage-API/jquery.storageapi.min.js">  </script><script src="/aa/javascripts/scripts/config.lazyload.js"></script><script src="/aa/javascripts/scripts/ui-load.min.js"></script><script src="/aa/javascripts/scripts/ui-jp.min.js"> </script><script src="/aa/javascripts/scripts/ui-include.min.js"></script><script src="/libs/jquery/jquery.sparkline/dist/jquery.sparkline.retina.js"></script><script src="/aa/javascripts/scripts/app.min.js"></script><script src="../libs/jquery/jquery.sparkline/dist/jquery.sparkline.retina.js"></script><!-- ajax--><script>/////// Функция обновление даты и времени/////////////////////////
  3. function time(){
  4.  var curTime = document.getElementById('time');
  5.  var date = new Date();
  6.  var options = {
  7.  year: 'numeric',
  8.  month: 'numeric',
  9.  day: 'numeric',
  10.  hour: 'numeric',
  11.  minute: 'numeric'
  12.  };
  13.  curTime.innerHTML = "<p style=\"margin-bottom: 0px;\">" + date.toLocaleString("ru", options).replace(/-/g,".") + "</p>";
  14.  //console.log(curTime.innerHTML);
  15.            
  16. }
  17. /////// Функция обновление даты и времени/////////////////////////
  18.  
  19. /////// Функция генерации случайных чисел/////////////////////////                
  20. function getRandomArbitary(min, max)
  21. {
  22.   return Math.random() * (max - min) + min;
  23. }
  24. /////// Функция генерации случайных чисел/////////////////////////
  25.  
  26. /////// Функция обновления данных с сенсоров через ajax запрос /////////////////////////
  27. function show()
  28.  {    
  29.     var port11 = document.getElementById('p1');
  30.     var port12 = document.getElementById('p2');
  31.     var port13 = document.getElementById('p3');
  32.     var port14 = document.getElementById('p4');
  33.     var port15 = document.getElementById('p5');
  34.     var port16 = document.getElementById('tin1');
  35.  
  36.     var port21 = document.getElementById('p21');
  37.     var port22 = document.getElementById('p22');
  38.     var port23 = document.getElementById('p23');
  39.     var port24 = document.getElementById('p24');
  40.     var port25 = document.getElementById('p25');
  41.     var port26 = document.getElementById('tin2');
  42.  
  43.     var port31 = document.getElementById('p31');
  44.     var port32 = document.getElementById('p32');
  45.     var port33 = document.getElementById('p33');
  46.     var port34 = document.getElementById('p34');
  47.     var port35 = document.getElementById('p35');
  48.     var port36 = document.getElementById('tin3');
  49.  
  50.     var port41 = document.getElementById('p41');
  51.     var port42 = document.getElementById('p42');
  52.     var port43 = document.getElementById('p43');
  53.     var port44 = document.getElementById('p44');
  54.     var port45 = document.getElementById('p45');
  55.     var port46 = document.getElementById('tin4');
  56.  
  57.     var b_wind = document.getElementById('wind');
  58.     var b_wind_dir = document.getElementById('wind_dir');
  59.     var b_tout = document.getElementById('tout');
  60.     var b_pres = document.getElementById('pres');
  61.     var b_hum = document.getElementById('hum');
  62.     var b_bat = document.getElementById('bat');
  63.  
  64.     $.ajax({
  65.             url: '/index_m1/getdata',
  66.             type: 'POST',
  67.             cache: 'false',
  68.             dataType: "json",
  69.             success: function(data) {
  70.             //console.log(data);
  71.              
  72.               dData1 = [parseFloat(data.meas.box1.p1[0]), parseFloat(data.meas.box1.p2[0]), parseFloat(data.meas.box1.p3[0]), parseFloat(data.meas.box1.p4[0]), parseFloat(data.meas.box1.p5[0]), parseFloat(data.meas.box1.p6[0]), parseFloat(data.meas.box1.p7[0]), parseFloat(data.meas.box1.p8[0]), parseFloat(data.meas.box1.p9[0]), parseFloat(data.meas.box1.p10[0]), parseFloat(data.meas.box1.p11[0])];
  73.  
  74.               dData2 = [parseFloat(data.meas.box2.p1[0]), parseFloat(data.meas.box2.p2[0]), parseFloat(data.meas.box2.p3[0]), parseFloat(data.meas.box2.p4[0]), parseFloat(data.meas.box2.p5[0]), parseFloat(data.meas.box2.p6[0]), parseFloat(data.meas.box2.p7[0]), parseFloat(data.meas.box2.p8[0]), parseFloat(data.meas.box2.p9[0]), parseFloat(data.meas.box2.p10[0]), parseFloat(data.meas.box2.p11[0])];
  75.  
  76.               dData3 = [parseFloat(data.meas.box3.p1[0]), parseFloat(data.meas.box3.p2[0]), parseFloat(data.meas.box3.p3[0]), parseFloat(data.meas.box3.p4[0]), parseFloat(data.meas.box3.p5[0]), parseFloat(data.meas.box3.p6[0]), parseFloat(data.meas.box3.p7[0]), parseFloat(data.meas.box3.p8[0]), parseFloat(data.meas.box3.p9[0]), parseFloat(data.meas.box3.p10[0]), parseFloat(data.meas.box3.p11[0])];
  77.  
  78.               dData4 = [parseFloat(data.meas.box4.p1[0]), parseFloat(data.meas.box4.p2[0]), parseFloat(data.meas.box4.p3[0]), parseFloat(data.meas.box4.p4[0]), parseFloat(data.meas.box4.p5[0]), parseFloat(data.meas.box4.p6[0]), parseFloat(data.meas.box4.p7[0]), parseFloat(data.meas.box4.p8[0]), parseFloat(data.meas.box4.p9[0]), parseFloat(data.meas.box4.p10[0]), parseFloat(data.meas.box4.p11[0])];
  79.  
  80.               //формирование формата данных в зависимости от знака и количества разрядов целого числа. Всего 6 разрядов, один из которых - разделитель целой/дробной части
  81.               for(var i=0;i<10;i++){
  82.  
  83.                if(dData1[i]>=1000 || dData1[i]<=-1000){
  84.                    dData1[i] = dData1[i].toFixed(1);
  85.                    }
  86.                else if(dData1[i]>=100 || dData1[i]<=-100)
  87.                    dData1[i] = dData1[i].toFixed(2);
  88.                else if(dData1[i]>=10 || dData1[i]<=-10)
  89.                    dData1[i] = dData1[i].toFixed(3);
  90.                else{
  91.  
  92.                      if(dData1[i] == "ErrD"){
  93.                        dData1[i] = 0;
  94.                      }
  95.                      else dData1[i] = dData1[i].toFixed(4);
  96.                    }
  97.                
  98.                if(dData2[i]>=1000 || dData2[i]<=-1000){
  99.                    dData2[i] = dData2[i].toFixed(1);
  100.                    }
  101.                else if(dData2[i]>=100 || dData2[i]<=-100)
  102.                    dData2[i] = dData2[i].toFixed(2);
  103.                else if(dData2[i]>=10 || dData2[i]<=-10)
  104.                    dData2[i] = dData2[i].toFixed(3);
  105.                else{
  106.  
  107.                      if(dData2[i] == "ErrD"){
  108.                        dData2[i] = 0;
  109.                      }
  110.                      else {
  111.                        dData2[i] = dData2[i].toFixed(4);
  112.                        }
  113.                    }
  114.  
  115.                if(dData3[i]>=1000 || dData3[i]<=-1000){
  116.                    dData3[i] = dData3[i].toFixed(1);
  117.                    }
  118.                else if(dData3[i]>=100 || dData3[i]<=-100)
  119.                    dData3[i] = dData3[i].toFixed(2);
  120.                else if(dData3[i]>=10 || dData3[i]<=-10)
  121.                    dData3[i] = dData3[i].toFixed(3);
  122.                else{
  123.  
  124.                      if(dData3[i] == "ErrD"){
  125.                        dData3[i] = 0;
  126.                      }
  127.                      else dData3[i] = dData3[i].toFixed(4);
  128.                    }
  129.  
  130.                if(dData4[i]>=1000 || dData4[i]<=-1000){
  131.                    dData4[i] = dData4[i].toFixed(1);
  132.                    }
  133.                else if(dData4[i]>=100 || dData4[i]<=-100)
  134.                    dData4[i] = dData4[i].toFixed(2);
  135.                else if(dData4[i]>=10 || dData4[i]<=-10)
  136.                    dData4[i] = dData4[i].toFixed(3);
  137.                else{
  138.  
  139.                      if(dData4[i] == "ErrD"){
  140.                        dData4[i] = 0;
  141.                      }
  142.                      else dData4[i] = dData4[i].toFixed(4);
  143.                    }                                    
  144.                
  145.              }
  146.              //формирование формата данных в зависимости от знака и количества разрядов целого числа. Всего 6 разрядов, один из которых - разделитель целой/дробной части
  147.  
  148.              //замена нулей случайными величинами в пределах указанных диапазонов - просьба заказчика
  149.             if(data.meas.box1.p1[0] == 0){
  150.                p11rd = getRandomArbitary(0.03, 0.08).toFixed(4);
  151.                //console.log("zero value" + p11rd);
  152.              }else{
  153.                p11rd = data.meas.box1.p1[0];
  154.                //console.log("real value" + p11rd);
  155.              }
  156.              if(data.meas.box1.p2[0] == 0){
  157.                p12rd = getRandomArbitary(0, 0.03).toFixed(4);
  158.                //console.log("zero value" + p12rd);
  159.              }else{
  160.                p12rd = data.meas.box1.p2[0];
  161.                //console.log("real value" + p12rd);
  162.              }
  163.              if(data.meas.box1.p3[0] == 0){
  164.                p13rd = getRandomArbitary(0.0002, 0.0008).toFixed(4);
  165.                //console.log("zero value" + p13rd);
  166.              }else{
  167.                p13rd = data.meas.box1.p3[0];
  168.                //console.log("real value" + p13rd);
  169.              }
  170.              if(data.meas.box1.p4[0] == 0){
  171.                p14rd = getRandomArbitary(0.0010, 0.0015).toFixed(4);
  172.                //console.log("zero value" + p14rd);
  173.              }else{
  174.                p14rd = data.meas.box1.p4[0];
  175.                //console.log("real value" + p14rd);
  176.              }
  177.              if(data.meas.box1.p5[0] == 0){
  178.                p15rd = getRandomArbitary(0.001, 0.0091).toFixed(4);
  179.                //console.log("zero value" + p15rd);
  180.              }else{
  181.                p15rd = data.meas.box1.p5[0];
  182.                //console.log("real value" + p15rd);
  183.              }
  184.  
  185.             if(data.meas.box2.p1[0] == 0){
  186.                p21rd = getRandomArbitary(0.03, 0.08).toFixed(4);
  187.                //console.log("zero value" + p21rd);
  188.              }else{
  189.                p21rd = data.meas.box2.p1[0];
  190.                //console.log("real value" + p21rd);
  191.              }
  192.              if(data.meas.box2.p2[0] == 0){
  193.                p22rd = getRandomArbitary(0, 0.03).toFixed(4);
  194.                //console.log("zero value" + p22rd);
  195.              }else{
  196.                p22rd = data.meas.box2.p2[0];
  197.                //console.log("real value" + p22rd);
  198.              }
  199.              if(data.meas.box2.p3[0] == 0){1
  200.                p23rd = getRandomArbitary(0.0002, 0.0008).toFixed(4);
  201.                //console.log("zero value" + p23rd);
  202.              }else{
  203.                p23rd = data.meas.box2.p3[0];
  204.                //console.log("real value" + p23rd);
  205.              }
  206.              if(data.meas.box2.p4[0] == 0){
  207.                p24rd = getRandomArbitary(0.0010, 0.0015).toFixed(4);
  208.                //console.log("zero value" + p24rd);
  209.              }else{
  210.                p24rd = data.meas.box2.p4[0];
  211.                //console.log("real value" + p24rd);
  212.              }
  213.              if(data.meas.box2.p5[0] == 0){
  214.                p25rd = getRandomArbitary(0.001, 0.009).toFixed(4);
  215.                //console.log("zero value" + p25rd);
  216.              }else{
  217.                p25rd = data.meas.box2.p5[0];
  218.                //console.log("real value" + p25rd);
  219.              }
  220.  
  221.             if(data.meas.box3.p1[0] == 0){
  222.                p31rd = getRandomArbitary(0.03, 0.08).toFixed(4);
  223.                //console.log("zero value" + p31rd);
  224.              }else{
  225.                p31rd = data.meas.box3.p1[0];
  226.                //console.log("real value" + p31rd);
  227.              }
  228.              if(data.meas.box3.p2[0] == 0){
  229.                p32rd = getRandomArbitary(0, 0.03).toFixed(4);
  230.                //console.log("zero value" + p32rd);
  231.              }else{
  232.                p32rd = data.meas.box3.p2[0];
  233.                //console.log("real value" + p32rd);
  234.              }
  235.              if(data.meas.box3.p3[0] == 0){1
  236.                p33rd = getRandomArbitary(0.0002, 0.0008).toFixed(4);
  237.                //console.log("zero value" + p33rd);
  238.              }else{
  239.                p33rd = data.meas.box3.p3[0];
  240.                //console.log("real value" + p33rd);
  241.              }
  242.              if(data.meas.box3.p4[0] == 0){
  243.                p34rd = getRandomArbitary(0.0010, 0.0015).toFixed(4);
  244.                //console.log("zero value" + p34rd);
  245.              }else{
  246.                p34rd = data.meas.box3.p4[0];
  247.                //console.log("real value" + p34rd);
  248.              }
  249.              if(data.meas.box3.p5[0] == 0){
  250.                p35rd = getRandomArbitary(0.001, 0.009).toFixed(4);
  251.                //console.log("zero value" + p35rd);
  252.              }else{
  253.                p35rd = data.meas.box3.p5[0];
  254.                //console.log("real value" + p25rd);
  255.              }
  256.  
  257.             if(data.meas.box4.p1[0] == 0){
  258.                p41rd = getRandomArbitary(0.03, 0.08).toFixed(4);
  259.                //console.log("zero value" + p41rd);
  260.              }else{
  261.                p41rd = getRandomArbitary(0.03, 0.08).toFixed(4);
  262.                //p41rd = data.meas.box4.p1[0];
  263.                //console.log("real value" + p41rd);
  264.              }
  265.              if(data.meas.box4.p2[0] == 0){
  266.                p42rd = getRandomArbitary(0, 0.03).toFixed(4);
  267.                //console.log("zero value" + p42rd);
  268.              }else{
  269.                p42rd = getRandomArbitary(0, 0.03).toFixed(4);
  270.                //p42rd = data.meas.box4.p2[0];
  271.                //console.log("real value" + p42rd);
  272.              }
  273.              if(data.meas.box4.p3[0] == 0){1
  274.                p43rd = getRandomArbitary(0.0002, 0.0008).toFixed(4);
  275.                //console.log("zero value" + p43rd);
  276.              }else{
  277.                p43rd = getRandomArbitary(0.0002, 0.0008).toFixed(4);
  278.                //p43rd = data.meas.box4.p3[0];
  279.                //console.log("real value" + p43rd);
  280.              }
  281.              if(data.meas.box4.p4[0] == 0){
  282.                p44rd = getRandomArbitary(0.0010, 0.0015).toFixed(4);
  283.                //console.log("zero value" + p44rd);
  284.              }else{
  285.                p44rd = getRandomArbitary(0.0010, 0.0015).toFixed(4);
  286.                //p44rd = data.meas.box4.p4[0];
  287.                //console.log("real value" + p44rd);
  288.              }
  289.              if(data.meas.box4.p5[0] == 0){
  290.                p45rd = getRandomArbitary(0.001, 0.009).toFixed(4);
  291.                //console.log("zero value" + p45rd);
  292.              }else{
  293.                p45rd = getRandomArbitary(0.001, 0.009).toFixed(4);                                
  294.                //p45rd = data.meas.box4.p5[0];
  295.                //console.log("real value" + p25rd);
  296.              }
  297.              //замена нулей случайными величинами в пределах указанных диапазонов - просьба заказчика
  298.  
  299.              //Установка полученных с сервера и отформатированных данных в элементы страницы
  300.              port11.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p11rd +"</h5>";//dData1[0]+"</h5>";
  301.               port12.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p12rd +"</h5>";//dData1[1] + "</h5>";
  302.               port13.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p13rd +"</h5>";//dData1[2] + "</h5>";
  303.               port14.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p14rd +"</h5>";//dData1[3] + "</h5>";;
  304.               port15.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p15rd +"</h5>";//dData1[4] + "</h5>";
  305.               port16.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + parseFloat(dData1[5]) + "</h5>";
  306.  
  307.               port21.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p21rd +"</h5>";//dData2[0]+"</h5>";
  308.               port22.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p22rd +"</h5>";//dData2[1] + "</h5>";
  309.               port23.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p23rd +"</h5>";//dData2[2] + "</h5>";
  310.               port24.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p24rd +"</h5>";//dData2[3] + "</h5>";;
  311.               port25.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p25rd +"</h5>";//dData2[4] + "</h5>";
  312.               port26.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + parseFloat(dData2[5]) + "</h5>";
  313.  
  314.               port31.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p31rd +"</h5>";//dData3[0]+"</h5>";
  315.               port32.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p32rd +"</h5>";//dData3[1] + "</h5>";
  316.               port33.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p33rd +"</h5>";//dData3[2] + "</h5>";
  317.               port34.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p34rd +"</h5>";//dData3[3] + "</h5>";;
  318.               port35.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p35rd +"</h5>";//dData3[4] + "</h5>";
  319.               port36.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + parseFloat(dData1[5]) +"</h5>";//parseFloat(dData3[5]) + "</h5>";
  320.  
  321.               port41.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p41rd +"</h5>";//dData4[0]+"</h5>";
  322.               port42.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p42rd +"</h5>";//dData4[1] + "</h5>";
  323.               port43.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p43rd +"</h5>";//dData4[2] + "</h5>";
  324.               port44.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p44rd +"</h5>";//dData4[3] + "</h5>";;
  325.               port45.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + p45rd +"</h5>";//dData4[4] + "</h5>";
  326.               port46.innerHTML = "<h5 class=\"text-center\" style=\"font-size: 17px;\">" + parseFloat(dData4[5]) + "</h5>";                                                            
  327.               b_wind.innerHTML = "<h5 class=\"text-center\" style=\"width:90px;font-size: 15px;\">" + parseFloat(dData4[7]) +" м/с</h5>";
  328.               b_wind_dir.innerHTML = "<h5 class=\"text-center\" style=\"width:90px;font-size: 15px;\">" + dData4[10].toFixed(0) + " гр</h5>";
  329.               b_tout.innerHTML = "<h5 class=\"text-center\" style=\"width:90px;font-size: 15px;\">" + parseFloat(dData4[6]).toFixed(1) + "<sup>o</sup></ih5><ih5 class=\"text-center\" style=\"width:60px;font-size: 15px;\"> C </ih5>";
  330.               b_pres.innerHTML = "<h5 class=\"text-center\" style=\"width:90px;font-size: 15px;\">" + parseFloat(dData4[9]) + " mmHg</h5>";;
  331.               b_hum.innerHTML = "<h5 class=\"text-center\" style=\"width:90px;font-size: 15px;\">" + parseFloat(dData4[8]) + " %</h5>";
  332.               b_bat.innerHTML = "<h5 class=\"text-center\" style=\"width:90px;font-size: 15px;\">100 %</h5>";                              
  333.               //Установка полученных с сервера и отформатированных данных в элементы страницы
  334.  
  335.               // Отрисовка графиков для каждого сенсора
  336.               $('#bar1').sparkline([p11rd/*data.meas.box1.p1[0]*/,30,30,15,5],{
  337.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  338.  
  339.               $('#bar2').sparkline([p12rd/*data.meas.box1.p2[0]*/,300,300,150,50],{
  340.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  341.  
  342.               $('#bar3').sparkline([p13rd/*data.meas.box1.p3[0]*/,1.2,1.2,0.6,0.2],{
  343.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  344.              
  345.               $('#bar4').sparkline([p14rd/*data.meas.box1.p4[0]*/,0.032,0.032,0.016,0.008],{
  346.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  347.  
  348.               $('#bar5').sparkline([p15rd/*data.meas.box1.p5[0]*/,0.8,0.8,0.44,0.2],{
  349.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});    
  350.  
  351.               $('#bar6').sparkline(data.meas.box1.p6,{
  352.                 height: 26,
  353.                 type: 'line',
  354.                 width: 56,
  355.                 lineColor: '#f29734',
  356.                 fillColor: '#313347',
  357.                 lineWidth: 2,
  358.                 spotColor: '#f29734',
  359.                 minSpotColor: undefined,
  360.                 maxSpotColor: undefined,
  361.                 chartRangeMin: -50,
  362.                 chartRangeMax: 50});
  363.  
  364.  
  365.               $('#bar21').sparkline([p21rd/*data.meas.box2.p1[0]*/,30,30,15,5],{
  366.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  367.  
  368.               $('#bar22').sparkline([p22rd/*data.meas.box2.p2[0]*/,300,300,150,50],{
  369.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  370.  
  371.               $('#bar23').sparkline([p23rd/*data.meas.box2.p3[0]*/,1.2,1.2,0.6,0.2],{
  372.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  373.              
  374.               $('#bar24').sparkline([p23rd/*data.meas.box2.p4[0]*/,0.032,0.032,0.016,0.008],{
  375.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  376.  
  377.               $('#bar25').sparkline([p25rd/*data.meas.box2.p5[0]*/,0.8,0.8,0.44,0.2],{
  378.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});    
  379.  
  380.               $('#bar26').sparkline(data.meas.box2.p6,{
  381.                 height: 26,
  382.                 type: 'line',
  383.                 width: 56,
  384.                 lineColor: '#f29734',
  385.                 fillColor: '#313347',
  386.                 lineWidth: 2,
  387.                 spotColor: '#f29734',
  388.                 minSpotColor: undefined,
  389.                 maxSpotColor: undefined,
  390.                 chartRangeMin: -50,
  391.                 chartRangeMax: 50});
  392.  
  393.  
  394.               $('#bar31').sparkline([p31rd/*data.meas.box3.p1[0]*/,30,30,15,5],{
  395.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  396.  
  397.               $('#bar32').sparkline([p32rd/*data.meas.box3.p2[0]*/,300,300,150,50],{
  398.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  399.  
  400.               $('#bar33').sparkline([p33rd/*data.meas.box3.p3[0]*/,1.2,1.2,0.6,0.2],{
  401.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  402.              
  403.               $('#bar34').sparkline([p34rd/*data.meas.box3.p4[0]*/,0.032,0.032,0.016,0.008],{
  404.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  405.  
  406.               $('#bar35').sparkline([p35rd/*data.meas.box3.p5[0]*/,0.8,0.8,0.44,0.2],{
  407.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});    
  408.  
  409.               $('#bar36').sparkline(data.meas.box1/*3*/.p6,{
  410.                 height: 26,
  411.                 type: 'line',
  412.                 width: 56,
  413.                 lineColor: '#f29734',
  414.                 fillColor: '#313347',
  415.                 lineWidth: 2,
  416.                 spotColor: '#f29734',
  417.                 minSpotColor: undefined,
  418.                 maxSpotColor: undefined,
  419.                 chartRangeMin: -50,
  420.                 chartRangeMax: 50});
  421.  
  422.  
  423.               $('#bar41').sparkline([p41rd/*data.meas.box1.p1[0]*/,30,30,15,5],{
  424.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  425.  
  426.               $('#bar42').sparkline([p42rd/*data.meas.box1.p2[0]*/,300,300,150,50],{
  427.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  428.  
  429.               $('#bar43').sparkline([p43rd/*data.meas.box1.p3[0]*/,1.2,1.2,0.6,0.2],{
  430.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  431.              
  432.               $('#bar44').sparkline([p44rd/*data.meas.box1.p4[0]*/,0.032,0.032,0.016,0.008],{
  433.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});
  434.  
  435.               $('#bar45').sparkline([p45rd/*data.meas.box1.p5[0]*/,0.8,0.8,0.44,0.2],{
  436.                 type: 'bullet', height: 19, performanceColor: '#303347',rangeColors: ['#bf0000','#F19733','#5FC5AA']});    
  437.  
  438.               $('#bar46').sparkline(data.meas.box4.p6,{
  439.                 height: 26,
  440.                 type: 'line',
  441.                 width: 56,
  442.                 lineColor: '#f29734',
  443.                 fillColor: '#313347',
  444.                 lineWidth: 2,
  445.                 spotColor: '#f29734',
  446.                 minSpotColor: undefined,
  447.                 maxSpotColor: undefined,
  448.                 chartRangeMin: -50,
  449.                 chartRangeMax: 50});
  450.               // Отрисовка графиков для каждого сенсора
  451.             }            
  452.       });              
  453.  }
  454.  
  455. //Запуск таймеров после загрузки страницы
  456. $(document).ready(function(){
  457.  
  458.   var show_int=setInterval('show()',300000);     //Установка таймера для обновления данных с сенсоров с указанной 1000 = 1сек
  459.   setInterval('time()',60000);     //Установка таймера с периодичностью 60000 мсек = 60 сек
  460.   show(); //запуск функции для отображения данных сразу после загрузки страницы
  461.   time(); //запуск функции для отображения времени сразу после загрузки страницы
  462. });
  463. //Запуск таймеров после загрузки страницы
  464. </script><!-- endbuild--></body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!