Header (custom)
<big style="font-size:24px">%ThisComputer.timeNow%</big>
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle"> %Security.stateDetails%
<img src="/img/icons/status/system_32_%System.stateColor%.png" align="absmiddle"> %System.stateDetails%
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle"> %Communication.stateDetails% <br/>
State (custom)
<br/>
<br/>
%ThisComputer.somebodyHomeText% Денис -- %denis.seenAt% (%denis.CoordinatesUpdated%)<br>
€ %exchange_rate.eurobuy% \ %exchange_rate.eurosale%<br>
$ %exchange_rate.usdbuy% \ %exchange_rate.usdsale%<br>
<br/>
Загрузка цп: %ThisComputer.CPU_usage% % <br/>
Память: %ThisComputer.System_memory% % <br/>
Память: %System_freespace%<br /><br />
Денис (label)
Денис (status) (custom)
%denis.seenAt% (%denis.CoordinatesUpdated%) <br>
<br>
<a href="http://maps.google.com/maps?q=loc:%denis.Coordinates%" target=_blank>
<img src="http://maps.googleapis.com/maps/api/staticmap?center=%denis.Coordinates%&size=300x300&mapty><br />
Пользователи
Сергей (label)
Сергей (custom)
Сергей<br>
%Alien.seenAt% (%Alien.CoordinatesUpdated%)<br>
Батарея -- %Alien.BattLevel%% <a href="https://maps.google.com/maps?q=loc:%Alien.Coordinates%" target=_blank>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=%Alien.Coordinates%&size=300x300&maptype=ROADMAP&sensor=false&zoom=16&markers=%Alien.Coordinates%&key=AIzaSyDkBR0cjZxtimOMUfnqeh3u93EzXKd79lI"></a>
Илья (label)
Илья (custom)
Илья<br>
%Billy.seenAt% (%Billy.CoordinatesUpdated%)<br>
Батарея -- %Billy.BattLevel%% <a href="https://maps.google.com/maps?q=loc:%Billy.Coordinates%" target=_blank>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=%Billy.Coordinates%&size=300x300&maptype=ROADMAP&sensor=false&zoom=16&markers=%Billy.Coordinates%&key=AIzaSyDkBR0cjZxtimOMUfnqeh3u93EzXKd79lI"></a>
Алена (label)
Алена (custom)
Алена<br>
%Alena.seenAt% (%Alena.CoordinatesUpdated%)<br>
Батарея -- %Alena.BattLevel%% <a href="https://maps.google.com/maps?q=loc:%Alena.Coordinates%" target=_blank>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=%Alena.Coordinates%&size=300x300&maptype=ROADMAP&sensor=false&zoom=16&markers=%Alena.Coordinates%&key=AIzaSyDkBR0cjZxtimOMUfnqeh3u93EzXKd79lI"></a><br />
State (custom)
<big style="font-size:24px">%ThisComputer.timeNow%</big> <br>
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle">
<img src="/img/icons/status/system_32_%Energy.stateColor%.png" align="absmiddle">
<img src="/img/icons/status/system_32_%HVAC.stateColor%.png" align="absmiddle">
<img src="/img/icons/status/%System.stateColor%_32.png" align="absmiddle">
<img src="/img/icons/status/server_32_%Server.stateColor%.png" align="absmiddle">
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle">
<img src="/img/icons/status/user_32_%Users.stateColor%.png" align="absmiddle"> <br>
%Users.stateDetails%<br>
%Security.stateDetails%<br>
%HVAC.stateDetails%<br>
%System.stateDetails%<br>
%Communication.stateDetails%<br>
%Energy.stateDetails%<br>
%Server.stateDetails%<br />
radio (custom)
[#module name="app_radio" mode="menu"#]<br />
Температура
ghj (custom)
<font color="green"><p style="margin-left: 40px"><b>Гостинная</b></p></font> Температура: %livingroomInformer.uptime%°C</br> <h3 class="ui-bar ui-bar-b ui-corner-all" align="center">Параметры</h3> <table align="center"> <tr align="center"> <td>
<img src="/img/system/cpu.png"/></td> <td>%server.CpuLoad% %<br>
%server.CpuTemp% °C</td> <td>
<img src="/img/system/ram.png"/></td> <td>%server.ramuse% %</td> </tr> </table> <table align="center"> <tr> <td>
<img src="/img/system/hdd.png"/></td> <td style="width:100%;"> <div class="meter"> <span style="width:%server.disk1use%%"></span> <p>/</p> <p2>%server.disk1use%%</p2> </div> <div class="meter"> <span style="width:%server.disk2use%%"></span> <p>/var/log</p> <p2>%server.disk2use%%</p2> </div> <div class="meter"> <span style="width:%server.disk3use%%"></span> <p>/tmp</p> <p2>%server.disk3use%%</p2> </div> <div class="meter"> <span style="width:%server.disk4use%%"></span> <p>/home/pi/blynk</p> <p2>%server.disk4use%%</p2> </div> <div class="meter"> <span style="width:%server.disk5use%%"></span> <p>/var/www/html/debmes</p> <p2>%server.disk5use%%</p2> </div> </td> </tr> <tr> <td>
<img src="/img/system/clock.png"/></td> <td>Uptime: %server.SystemUptime%</td> </tr> </table> <fieldset data-role="controlgroup" data-theme="b" data-type="horizontal" data-mini="true" align=right> <input type="radio" name="radio-choice-power" id="reboot" value="reboot" onclick="$.get('/objects/?object=ThisComputer&op=m&m=reboot&');"> <label for="reboot" style="background: #616110; padding-left: 0px; padding-right: 0px;"><span class="ui-btn-icon-left ui-icon-refresh"></span></label> <input type="radio" name="radio-choice-power" id="poweroff" value="poweroff" onclick="$.get('/objects/?object=ThisComputer&op=m&m=poweroff&');"> <label for="poweroff" style="background: #8a1111; padding-left: 0px; padding-right: 0px; margin-right: -18px;"><span class="ui-btn-icon-left ui-icon-power"></span></label> </fieldset> <script> var bar = $('span'); var p = $('p'); var width = bar.attr('style'); width = width.replace("width:", ""); width = width.substr(0, width.length-1); var interval; var start = 0; var end = parseInt(width); var current = start; var countUp = function() { current++; if (current === end) { clearInterval(interval); } }; interval = setInterval(countUp, (1000 / (end + 1))); </script> <style> div.meter { position: relative; background:#90a6b5; width: 100%; height: 25px; border: 1px solid #b0b0b0; margin-top: 5px; /* viewing purposes */ -webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0; -moz-box-shadow: inset 0 3px 5px 0 #d3d0d0; box-shadow: inset 0 3px 5px 0 #d3d0d0; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; -ms-border-radius: 12.5px; -o-border-radius: 12.5px; border-radius: 12.5px; } div.meter span { display: block; height: 100%; animation: grower 1s linear; -moz-animation: grower 1s linear; -webkit-animation: grower 1s linear; -o-animation: grower 1s linear; position: relative; top: -1px; left: -1px; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; -ms-border-radius: 12.5px; -o-border-radius: 12.5px; border-radius: 12.5px; -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2); border: 1px solid #3c84ad; background: #6eb2d1; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-background-size: 45px 45px; -moz-background-size: 45px 45px; -o-background-size: 45px 45px; background-size: 45px 45px; } div.meter span:before { content: ''; display: block; width: 100%; height: 50%; position: relative; top: 50%; background: rgba(0, 0, 0, 0.03); } div.meter p { position: absolute; top: 0; margin: 0 10px; line-height: 25px; font-family: 'Helvetica'; font-weight: bold; -webkit-font-smoothing: antialised; font-size: 15px; color: #333; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } div.meter p2 { position: absolute; margin: 0 10px; top: 0; right:0; margin: 10 0px; line-height: 25px; font-family: 'Helvetica'; font-weight: bold; -webkit-font-smoothing: antialised; font-size: 15px; color: #333; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @keyframes grower { 0% { width: 0%; } } @-moz-keyframes grower { 0% { width: 0%; } } @-webkit-keyframes grower { 0% { width: 0%; } } @-o-keyframes grower { 0% { width: 0%; } } </style>
Вывод о температуре в доме (custom)
<font color="green"><p style="margin-left: 40px"><b>Гостинная</b></p></font> Температура: %TempSensor01.Value%°C</br> Влажность: %HumSensor01.Value%%</br> <font color="green"><p style="margin-left: 40px"><b>В комнате Колюни</b></p></font> Температура: %TempSensor02.Value%°C</br> Влажность: %HumSensor02.Value%%</br> <font color="green"><p style="margin-left: 40px"><b>Спальня</b></p></font> Температура: %BMP180.Value%°C</br> Давление: %BMP180.Pres%</br> <font color="green"><p style="margin-left: 40px"><b>Балкон</b></p></font> Температура: %TempSensorBalkon.value%°C <font color="green"><p style="margin-left: 40px"><b>Улица</b></p></font> Температура: %TempSensorUlica.value%°C<br />
Температура
T1 (custom)
<img src="/pChart/?p=DHT_T1.status&type=%ThisComputer.TimePeriod%h&width=280>ype=curve&px=15&%rand%">
Т2 (custom)
<img src="/pChart/?p=DHT_T2.status&type=%ThisComputer.TimePeriod%h&width=280>ype=curve&px=15&%rand%">
Т3 (custom)
<img src="/pChart/?p=BMP180t.status&type=%ThisComputer.TimePeriod%h&width=280>ype=curve&px=15&%rand%"><br />
<style> h1 { text-shadow: 0px 0px 5px rgba(255,255,255,0.7); ui-content {padding-top: 0px;} </style> <h1 align=center> <font size=26>%ThisComputer.timeNow%</font> <br>
%ThisComputer.Day% <br>
%ThisComputer.Date% </h1> <link href="/templates_alt/fontello/css/fontello.min.css" rel="stylesheet" type="text/css"/> <div align="center"> <span style="font-size:16px;"> </span> <br>
<i class="fa %Security.icon%" style="color:%Security.stateColor%; font-size:25px;"></i> <i class="fa icon-119" style="color:%System.stateColor%; font-size:25px;"></i> <i class="fa icon-80" style="color:%Communication.stateColor%; font-size:25px;"></i> <i class="fa %Power.icon%" style="color:%Power.stateColor%; font-size:25px;"></i> <a href="app://voice"><i class="fa %Volume_level.icon%" style="color:%Volume_level.stateColor%; font-size:25px;"></i></a><br>
<span style="font-size:10px;">%Security.stateDetails% %System.stateDetails% %Communication.stateDetails% Аптаим%syswidget.SysUptime%</span><br>
<link rel="stylesheet" href="/templates_alt/fontello/css/font-awesome.min.css"> <br>
<font color='%NightMode.active|"grey;yellow"%'><i class="fa fa-moon-o fa-lg" title="Ночной"></i></font> <font color='%DarknessMode.active|"yellow;grey"%'><i class="fa fa-sun-o fa-lg" title="Темное время суток"></i></font> <font color='%EnergyTariffMode.active|"grey;yellow"%'><i class="fa fa-tachometer fa-lg" title="Энерготариф"></i></font> <font color='%EconomMode.active|"grey;yellow"%'><i class="fa fa-leaf fa-lg" title="Эконом"></i></font> <font color='%NobodyHomeMode.active|"yellow;grey;"%'><i class="fa fa-home fa-lg" title='%NobodyHomeMode.active|"Кто-то дома;Никого нет дома;Все спят"%'></i></font> <font color='%SecurityArmedMode.active|"grey;yellow"%'><i class="fa fa-shield fa-lg" title="Охрана"></i></font> <br>
<font color='%ThisComputer.minMsgLevel|"grey;;yellow;red"%'><i class="fa fa-bullhorn fa-lg" title="Уровень сообщений %ThisComputer.minMsgLevel%"></i></font> <font color='yellow' style='display:\%RadioSetting.On|"none;block"%'><i class="fa fa-music fa-lg" title="%RadioSetting.LastStationName%"></i></font> <font color='%Freeze.FreezeColor%' style='display:\%Freeze.FreezeDisplay|"none;block"%'><br>
<i class="fa fa-snowflake-o fa-lg" title="Вероятность заморозка %Freeze.input%%"></i></font> <span style="font-size:10px;">(%ThisComputer.volumeLevel%) %ThisComputer.HomeStatus%</span></div> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </head> <font color="%admin.batterycolor%"><i class="fa %admin.batteryfa% " title="Vitalii %admin.BattLevel%%"></i></font> <font color="%Katy.batterycolor%"><i class="fa %Katy.batteryfa% " title="Katy %Katy.BattLevel%%"></i></font> <font color="%Alex.batterycolor%"><i class="fa %Alex.batteryfa% " title="Alex %Alex.BattLevel%%"></i></font> <font color="%Chuwi.batterycolor%"><i class="fa %Chuwi.batteryfa% " title="Chuwi %Chuwi.BattLevel%%"></i></font> <br>
Курс валют: <br>
<i class="fa icon-dollar" style="color:lime; font-size:25px;"></i> Долар %exchange_rate.usdsale% грн <br>
<i class="fa icon-euro" style="color:lime; font-size:25px;"></i> Евро %exchange_rate.eurosale% грн <br>
<i class="fa icon-rouble" style="color:lime; font-size:25px;"></i> Рубль %exchange_rate.rursale% грн <br>
Температура процесора %syswidget.CPUtemp% °С <br>
<i class="fa icon-bat4" style="color:lime; font-size:25px;"></i> Vitalii %admin.BattLevel% % [#module name="app_radio" mode="menu"#]<br />
State (custom)
<big style="font-size:24px">%ThisComputer.timeNow%</big>
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle"> %Security.stateDetails%
<img src="/img/icons/status/system_32_%System.stateColor%.png" align="absmiddle"> %System.stateDetails%
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle"> %Communication.stateDetails% <br/>
<img src="/img/icons/status/cpuTemp.png" <br/>
: %ThisComputer.tempCpu% ℃ <br/>
<img src="/img/icons/status/temp.png" <br/>
: %Outdoor.Temperature% ℃ <br/>
<img src="/img/icons/status/tempNord.png" <br/>
: %Outdoor.TemperatureNord% ℃ <br/>
<img src="/img/icons/status/heating.png" <br/>
: %Livingroom.heating% ℃ <br/>
<img src="/img/icons/status/pressure.png" <br/>
: %Outdoor.Pressure% mm.pt<br />
Курсы валют
Валюта (custom)
<p align="center">
<img src="/cms/scenes/info/exchange-dollar.png"> <span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;"><b>1 USD</b></p> <p align="center"><span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;"><b>Продажа: <span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;">%exchange_rate.usdsale% UAN</span></b> </p> <p align="center"><span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;"><b>Покупка: <span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;">%exchange_rate.usdbuy% UAN</span></b> </p> <p> </p> <p align="center">
<img src="/cms/scenes/info/exchange-dollar.png"> <span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;"><b>1 EUR</b></p> <p align="center"><span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;"><b>Продажа: <span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;">%exchange_rate.eurosale% UAN</span></b> </p> <p align="center"><span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;"><b>Продажа: <span style="background-color: #ffffff; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;">%exchange_rate.eurobuy% UAN</span></b> </p><br />