подробно

Back

Подробно (label)
OHM_data (custom)
<style type="text/css"> /* @import url("../css/font-awesome/css/font-awesome.min.css"); */ #item571 { /* здесь item571 - это номер ID пункта меню в котором он размещен - меняйте на свой! */ padding: 0; } progress { -webkit-appearance: none; height: 14px; width: 120px; } progress[value]::-webkit-progress-bar { background-color: rgb(68, 68, 68); border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; } progress[value]::-webkit-progress-value { border-radius: 3px; } s_grey progress[value]::-webkit-progress-value { background-color: grey; } s_yellow progress[value]::-webkit-progress-value { background-color: yellow; } s_greenyellow progress[value]::-webkit-progress-value { background-color: greenyellow; } s_lime progress[value]::-webkit-progress-value { background-color: lime; } s_green progress[value]::-webkit-progress-value { background-color: green; } s_orange progress[value]::-webkit-progress-value { background-color: orange; } s_red progress[value]::-webkit-progress-value { background-color: red; } div.vov { width: 12px; line-height: 3px; font-size: 18px; float: left; margin-top: -7px; padding-bottom: 14px; } div.vov-cont { float: right; } .wp-table { width: 100%; margin: 1 auto; border-collapse: collapse; font-size: 11px; font-family: arial; color: rgb(200, 200, 200); } /* Background-color of the odd rows */ .wp-table tr:nth-child(odd) { background-color: rgb(49, 49, 49); } /* Background-color of the even rows */ .wp-table tr:nth-child(even) { background-color: rgb(59, 59, 59); } .wp-table td { padding: 2px; border-top: 2px solid rgb(42, 42, 42); } .toggle_ip { font-size: 150%; float: right; color: grey; cursor: pointer; } </style> <div align="center" style="font-size:14px;"><span style="font-size:24px; color:orange;"><b>LENOVO</b></span><br>
<table class="wp-table"> <tbody> <tr> <td colspan="3" align="center"> <b>CPU: <span style="font-size:12px; color:orange;">%ohm02.CPUtip%</span></b><br>
</td> </tr> <tr> <td><br>
Внешний IP<br>
<br>
</td> <td align="right"> <span style='font-size:12px; color:orange; display:%Sets.displayIPext|"none;block"%'><pre>%ohm02.MyIPext%</pre></span> <span style='font-size:12px; color:orange; display:%Sets.displayIPext|"block;none"%'><pre>***.***.***.***</pre></span> </td> <td> <div class="toggle_ip" onclick="ajaxSetGlobal('Sets.displayIPext','0');" style = 'display:%Sets.displayIPext|"none;block"%'><span class='toggle_icon fa fa-toggle-on' aria-hidden="true"></span></div> <div class="toggle_ip" onclick="ajaxSetGlobal('Sets.displayIPext','1');" style = 'display:%Sets.displayIPext|"block;none"%'><span class='toggle_icon fa fa-toggle-off' aria-hidden="true"></span></div> </td> </tr> <tr> <td><br>
Внутрений IP<br>
<br>
</td> <td align="right"><span style="font-size:12px; color:orange;"><pre>%ohm02.MyIPint%</pre></span></td> <td></td> </tr> <tr> <td>Последнее сообщение<br>
</td> <td colspan="2" align="right">"<span style="font-size:11px; color:orange;">%ThisComputer.lastSayMessage%</span>"</td> </tr> <tr> <td><br>
Громкос. сист.<br>
<br>
</td> <td align="left"><div class="vov-cont"><s_orange><progress value="%ThisComputer.volumeLevel%" max="100"></progress></s_orange></div></td> <td> <span style="font-size:12px; color:orange;">%ThisComputer.volumeLevel%</span> %</td> </tr> <tr> <td><br>
Занято HDD<br>
<br>
</td> <td align="left"><div class="vov-cont"><s_%ohm02.DISKused_color%><progress value="%ohm02.DISKused%" max="100"></progress></s_%ohm02.DISKused_color%></div></td> <td> <span style="font-size:12px; color:orange;">%ohm02.DISKused%</span> %</td> </tr> <tr> <td><br>
Температура HDD<br>
<br>
</td> <td align="left"><div class="vov-cont"><s_%ohm02.DISKtemp_color%><progress value="%ohm02.DISKtemp%" max="100"></progress></s_%ohm02.DISKtemp_color%></div></td> <td> <span style="font-size:12px; color:orange;">%ohm02.DISKtemp%</span> °C</td> </tr> <tr> <td><br>
Таймер обновлений<br>
<br>
</td> <td align="left"><div class="vov-cont"><s_%ohm02.DISKused_color%><progress value="%ohm02.timer%" max="10"></progress></s_%ohm02.DISKused_color%></div></td> <td> <span style="font-size:12px; color:orange;">%ohm02.timer%</span> сек.</td> </tr> <tr> <td>Загрузка CPU</td> <td align="left">   <div class="vov-cont"> <div class="vov"> <font color="%ohm02.CPUload_color_9%"><b>%ohm02.CPUload_9%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_8%"><b>%ohm02.CPUload_8%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_7%"><b>%ohm02.CPUload_7%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_6%"><b>%ohm02.CPUload_6%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_5%"><b>%ohm02.CPUload_5%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_4%"><b>%ohm02.CPUload_4%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_3%"><b>%ohm02.CPUload_3%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_2%"><b>%ohm02.CPUload_2%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_1%"><b>%ohm02.CPUload_1%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUload_color_0%"><b>%ohm02.CPUload_0%</b></font> </div> </div> <br>
</td> <td>  <span style="font-size:12px; color:orange;">%ohm02.CPUload%</span> % </td> </tr> <tr> <td>Температ. CPU</td> <td align="left">   <div class="vov-cont"> <div class="vov"> <font color="%ohm02.CPUtemp_color_9%"><b>%ohm02.CPUtemp_9%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_8%"><b>%ohm02.CPUtemp_8%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_7%"><b>%ohm02.CPUtemp_7%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_6%"><b>%ohm02.CPUtemp_6%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_5%"><b>%ohm02.CPUtemp_5%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_4%"><b>%ohm02.CPUtemp_4%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_3%"><b>%ohm02.CPUtemp_3%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_2%"><b>%ohm02.CPUtemp_2%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_1%"><b>%ohm02.CPUtemp_1%</b></font> </div> <div class="vov"> <font color="%ohm02.CPUtemp_color_0%"><b>%ohm02.CPUtemp_0%</b></font> </div> </div> <br>
</td> <td>  <span style="font-size:12px; color:orange;">%ohm02.CPUtemp%</span> °C </td> </tr>   <tr> <td><br>
Uptime<br>
<br>
</td> <td align="right"><span style="font-size:11px; color:orange;">%ohm02.uptime_str%</span></td> <td></td> </tr> </tbody> </table> </div>
Выключатели свг (custom)
<style> #item427 { /* здесь item427 - это номер ID пункта меню в котором он размещен - меняйте на свой! */ padding: 0; } svg { font-family: FreeSans; } </style> <?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg id="svg8" version="1.1" viewBox="0 0 148 41" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs id="defs2"> <linearGradient id="linGradDimmerpca02" x1="%Dimmerpca02.level%" y1="0" x2="0" y2="0" gradientUnits="userSpaceOnUse"> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="0"/> <stop id="stop853" stop-color="#000" stop-opacity="0.5" offset="0"/> <stop id="stop845" stop-color="#a7ff52" stop-opacity="0.9" offset="0"/> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="1"/> </linearGradient> <linearGradient id="LGToggleGrey"> <stop id="stop23456" stop-color="#f9f9f9" offset="0"/> <stop id="stop23458" stop-color="#5f5c5d" offset="1"/> </linearGradient> <linearGradient id="LGToggleGreen"> <stop id="stop11822" stop-color="#a9ff00" offset="0"/> <stop id="stop11824" stop-color="#005600" offset="1"/> </linearGradient> <linearGradient id="LGToggleRed"> <stop id="stop862" stop-color="#ff9488" offset="0"/> <stop id="stop864" stop-color="#f10303" offset="1"/> </linearGradient> <linearGradient id="LGToggleOrange"> <stop id="stop908" stop-color="#ffd300" offset="0"/> <stop id="stop906" stop-color="#f27b0f" offset="1"/> </linearGradient> </defs> <text id="textminus" x="12" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">-</text> <text x="55" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">L%Dimmerpca02.level%</text> <text x="95" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">M%Dimmerpca02.memory%</text> <text id="textplas" x="138" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">+</text> <rect x=".05" y=".5" rx="2" ry="2" width="22" height="19" fill="url(#LGToggleGreen)" opacity=".8" stroke="#444" stroke-width=".5" onClick='callMethod("Dimmerpca02.minus");return false;'/> <rect x="24" y=".5" rx="2" ry="2" width="100" height="19" fill="url(#LGToggleGrey" opacity=".7" stroke="#444" stroke-width=".5"/> <rect x="24" y=".5" rx="2" ry="2" width="%Dimmerpca02.level%" height="19" fill="url(#LGToggleGreen)" opacity=".7" stroke="#444" stroke-width=".5"/> <rect x="126" y=".5" rx="2" ry="2" width="22" height="19" fill="url(#LGToggleGreen)" opacity=".8" stroke="#444" stroke-width=".5" onClick='callMethod("Dimmerpca02.plus");return false;'/> <rect x=".08" y="21" rx="10" ry="10" width="44" height="19" fill="url(#LGToggleGreen)" opacity=".8" stroke="#444" stroke-width=".5" onClick='callMethod("Dimmerpca02.minus");return false;'/> <rect x="46" y="21" rx="10" ry="10" width="56" height="19" fill="url(#LGToggleOrange)" opacity=".8" stroke="#444" stroke-width=".5" onClick='callMethod("Dimmerpca02.minus");return false;'/> <rect x="103.5" y="21" rx="10" ry="10" width="44" height="19" fill="url(#LGToggleRed)" opacity=".8" stroke="#444" stroke-width=".5" onClick='callMethod("Dimmerpca02.minus");return false;'/> <ellipse rx="9" ry="9" cy="30.5" cx='%EconomMode.active|"113;138;"%' stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('EconomMode.switch');"> <title id="tEconomMode">%EconomMode.active|"Режим экономии выключен;Режим экономии включен;"%</title> </ellipse> </svg> <?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 860 150" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg id="LGBattonOrange00" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 150" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="LGToggleOrange"> <stop id="stop908" stop-color="#ffd300" offset="0"/> <stop id="stop906" stop-color="#f27b0f" offset="1"/> </linearGradient> <linearGradient id="LGToggleGrey"> <stop id="stop23456" stop-color="#f9f9f9" offset="0"/> <stop id="stop23458" stop-color="#5f5c5d" offset="1"/> </linearGradient> </defs> <rect width="278" height="148" x="1" y="1" rx="74" ry="73" stroke="#000" stroke-width="1" fill="#ffd300" fill-opacity=".6" stroke-opacity=".4"/> <rect width="270" height="140" x="5" y="5" rx="70" ry="73" fill='%EconomMode.active|"url(#LGToggleGrey);url(#LGToggleOrange);"%' fill-opacity=".8"/> <rect width="140" height="148" x="0" y="0" rx="74" ry="73" fill="#ccc" fill-opacity=".01" onclick="callMethod('EconomMode.deactivate');"/> <rect width="140" height="148" x="140" y="0" rx="74" ry="73" fill="#000" fill-opacity=".01" onclick="callMethod('EconomMode.activate');"/> <ellipse rx="68" ry="68" cy="75" cx='%EconomMode.active|"75;204;"%' stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('EconomMode.switch');"> <title id="tEconomMode">%EconomMode.active|"Режим экономии выключен;Режим экономии включен;"%</title> </ellipse> </svg> <svg id="LGBattonRed01" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 150" x="-290" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="LGToggleGrey"> <stop id="stop23456" stop-color="#f9f9f9" offset="0"/> <stop id="stop23458" stop-color="#5f5c5d" offset="1"/> </linearGradient> <linearGradient id="LGToggleRed"> <stop id="stop862" stop-color="#ff9488" offset="0"/> <stop id="stop864" stop-color="#f10303" offset="1"/> </linearGradient> </defs> <rect width="278" height="148" x="1" y="1" rx="74" ry="73" stroke="#000" stroke-width="1" fill="#ff9488" fill-opacity=".6" stroke-opacity=".4"/> <rect width="270" height="140" x="5" y="5" rx="70" ry="73" fill='%EconomMode.active|"url(#LGToggleGrey);url(#LGToggleRed);"%' fill-opacity=".8"/> <rect width="140" height="148" x="0" y="0" rx="74" ry="73" fill="#ccc" fill-opacity=".01" onclick="callMethod('EconomMode.deactivate');"/> <rect width="140" height="148" x="140" y="0" rx="74" ry="73" fill="#000" fill-opacity=".01" onclick="callMethod('EconomMode.activate');"/> <ellipse rx="68" ry="68" cy="75" cx='%EconomMode.active|"75;204;"%' stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('EconomMode.switch');"> <title id="tEconomMode">%EconomMode.active|"Режим экономии выключен;Режим экономии включен;"%</title> </ellipse> </svg> <svg id="LGBattonGreen02" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 150" x="290" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="LGToggleGrey"> <stop id="stop23456" stop-color="#f9f9f9" offset="0"/> <stop id="stop23458" stop-color="#5f5c5d" offset="1"/> </linearGradient> <linearGradient id="LGToggleGreen"> <stop id="stop11822" stop-color="#a9ff00" offset="0"/> <stop id="stop11824" stop-color="#005600" offset="1"/> </linearGradient> </defs> <rect width="278" height="148" x="1" y="1" rx="74" ry="73" stroke="#000" stroke-miterlimit="10" stroke-width="1" fill="#0f0" fill-opacity=".6" stroke-opacity=".4"/> <rect width="270" height="140" x="5" y="5" rx="70" ry="73" fill='%EconomMode.active|"url(#LGToggleGrey);url(#LGToggleGreen);"%' fill-opacity=".8" stroke-width="1"/> <rect width="140" height="148" x="0" y="0" rx="74" ry="73" fill="#ccc" fill-opacity=".01" onclick="callMethod('EconomMode.deactivate');"/> <rect width="140" height="148" x="140" y="0" rx="74" ry="73" fill="#000" fill-opacity=".01" onclick="callMethod('EconomMode.activate');"/> <ellipse rx="68" ry="68" cy="75" cx='%EconomMode.active|"75;204;"%' stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('EconomMode.switch');"> <title id="tEconomMode">%EconomMode.active|"Режим экономии выключен;Режим экономии включен;"%</title> </ellipse> </svg> </svg> <?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg id="svg8" version="1.1" viewBox="0 0 148 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs id="defs2"> <linearGradient id="linGradDimmerpca02" x1="%Dimmerpca02.level%" y1="0" x2="0" y2="0" gradientUnits="userSpaceOnUse"> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="0"/> <stop id="stop853" stop-color="#000" stop-opacity="0.5" offset="0"/> <stop id="stop845" stop-color="#a7ff52" stop-opacity="0.9" offset="0"/> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="1"/> </linearGradient> <linearGradient id="LGToggleGrey"> <stop id="stop23456" stop-color="#f9f9f9" offset="0"/> <stop id="stop23458" stop-color="#5f5c5d" offset="1"/> </linearGradient> <linearGradient id="LGToggleGreen"> <stop id="stop11822" stop-color="#a9ff00" offset="0"/> <stop id="stop11824" stop-color="#005600" offset="1"/> </linearGradient> </defs> <text id="textminus" x="12" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">-</text> <text x="55" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">L%Dimmerpca02.level%</text> <text x="95" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">M%Dimmerpca02.memory%</text> <text id="textplas" x="138" y="14" fill="#000" font-size="12" stroke-width="1px" font-family="FreeSans" font-weight="600" text-anchor="middle">+</text> <rect x=".05" y=".5" rx="1" ry="1" width="22" height="19" fill="url(#LGToggleGreen)" opacity=".8" stroke="#444" stroke-width=".5" onClick='callMethod("Dimmerpca02.minus");return false;'/> <rect x="24" y=".5" rx="1" ry="1" width="100" height="19" fill="#fff" opacity=".5" stroke="#444" stroke-width=".5"/> <rect x="24" y=".5" rx="1" ry="1" width="%Dimmerpca02.level%" height="19" fill="url(#LGToggleGreen)" opacity=".5" stroke="#444" stroke-width=".5"/> <rect x="126" y=".5" rx="1" ry="1" width="22" height="19" fill="url(#LGToggleGreen)" opacity=".8" stroke="#444" stroke-width=".5" onClick='callMethod("Dimmerpca02.plus");return false;'/> </svg> <?xml version="1.0" encoding="UTF-8"?>  <svg id="svg8" version="1.1" viewBox="0 0 440 40" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs id="defs2"> <linearGradient id="linGradDimmer02" x1="%Dimmerpca02.level%" y1="0" x2="0" y2="0" gradientUnits="userSpaceOnUse"> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="0"/> <stop id="stop853" stop-color="#000" stop-opacity="0.5" offset="0"/> <stop id="stop845" stop-color="#a7ff52" stop-opacity="0.9" offset="0"/> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="1"/> </linearGradient> </defs> <text id="text822" x="25" y="30" fill="#000" font-size="20px" font-weight="600" text-anchor="middle" letter-spacing="0px" stroke-width="1px" word-spacing="0px">%Motion02.countTime%</text> <rect id="rect833" x=".05" y=".05" width="50px" height="40px" fill="#5fbd02" opacity="0.8" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="paint-order:normal" onClick='callMethod("Dimmerpca02.minus");return false;'/> <text id="text820" x="150" y="30" fill="#000" font-weight="600" text-anchor="middle" font-size="32px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">L%Dimmerpca02.level%</text> <text id="text820" x="250" y="30" fill="#000" font-weight="600" text-anchor="middle" font-size="32px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">M%Dimmerpca02.memory%</text> <rect id="rect834" x=".05" y=".05" width="100px" height="40px" fill="url(#linGradDimmer02)" opacity=".99" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5" style="paint-order:normal" transform="matrix(2.6, 0, 0, 1, 60, 0)"/> <text id="text823" x="355" y="30" fill="#000" font-weight="600" text-anchor="middle" font-size="32px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">+</text> <rect id="rect833" x="330" y=".05" width="50px" height="40px" fill="#5fbd02" opacity=".8" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="paint-order:normal" onClick='callMethod("Dimmerpca02.plus");return false;'/> <text id="textOn" x="415" y="28" fill="#000" font-weight="600" text-anchor="middle" font-size="20px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">%Dimmerpca02.memory%</text> <rect id="battonOn" x="390" y=".05" width="50px" height="40px" fill="#5fbd02" opacity=".8" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="paint-order:normal" onclick='callMethod("Dimmerpca02.memorySwitch");return false;'/> </svg> <?xml version="1.0" encoding="UTF-8"?>  <svg id="svg8" version="1.1" viewBox="0 0 440 40" style="background: none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="linGradDimmer03" x1="%Dimmerpca02.level%" y1="0" x2="0" y2="0" gradientUnits="userSpaceOnUse"> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="0"/> <stop id="stop853" stop-color="#000" stop-opacity="0.5" offset="0"/> <stop id="stop845" stop-color="#a7ff52" stop-opacity="0.9" offset="0"/> <stop id="stop845" stop-color="#fff" stop-opacity="0.5" offset="1"/> </linearGradient> <linearGradient id="linGradDimmer00" x1="%Dimmerpca02.level%" y1="0" x2="0" y2="0" gradientUnits="userSpaceOnUse"> <stop stop-color="#fff" stop-opacity="1"/> <stop stop-color="#a7ff52" stop-opacity="1"/> </linearGradient> </defs> <text x="25" y="30" fill="#000" font-family="FreeSans" font-weight="600" text-anchor="middle" font-size="32px" letter-spacing="0px" stroke-width="1px" text-anchor="middle" word-spacing="0px">-</text> <rect x=".05" y=".05" width="50px" height="40px" fill="#5fbd02" opacity=".8" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="paint-order:normal" onClick='callMethod("Dimmerpca02.minus");return false;'/> <rect x=".05" y=".05" width="100px" height="40px" fill="url(#linGradDimmer00)" opacity=".9" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5" style="paint-order:normal" transform="matrix(2.6, 0, 0, 1, 60, 0)"/> <text x="355" y="30" fill="#000" font-family="FreeSans" font-weight="600" text-anchor="middle" font-size="32px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">+</text> <rect x="330" y=".05" width="50px" height="40px" fill="#5fbd02" opacity=".8" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="paint-order:normal" onClick='callMethod("Dimmerpca02.plus");return false;'/> <text id="textOn" x="415" y="28" fill="#000" font-family="FreeSans" font-weight="600" text-anchor="middle" font-size="20px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">%Dimmerpca02.memory%</text> <rect id="battonOn" x="390" y=".05" width="50px" height="40px" fill="#5fbd02" opacity=".8" stroke="#444" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="paint-order:normal" onclick='callMethod("Dimmerpca02.memorySwitch");return false;'/> <text x="150" y="30" fill="#000" font-family="FreeSans" font-weight="600" text-anchor="middle" font-size="32px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">L%Dimmerpca02.level%</text> <text x="250" y="30" fill="#000" font-family="FreeSans" font-weight="600" text-anchor="middle" font-size="32px" letter-spacing="0px" stroke-width="1px" word-spacing="0px">M%Dimmerpca02.memory%</text> </svg> <?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg id="demoWheel1809" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 460" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs id="defs6"> <marker id="markerCircle" markerWidth="8" markerHeight="8" refX="5" refY="5" orient="auto" overflow="visible"> <circle cx="5" cy="5" r="2" stroke="#fff" stroke-width="1pt" stroke-opacity=".5" fill="#ccc"/> </marker> <pattern id="Strips4_3" x="1" y="1" width=".015" height=".015" patternTransform="rotate(45)"> <rect id="rect434" x="0" y="0" width="2" height="100%" fill="#14303b" fill-opacity=".9"/> </pattern> <pattern id="Strips4_2" x="0" y="0" width=".03" height=".03" fill="#0f85af"> <rect id="rect434" x="0" y="0" width="6" height="100%" fill="#0f85af" fill-opacity="1"/> </pattern> <pattern id="Strips4_1" x="0" y="0" width=".04" height=".04"> <rect id="rect371" x="0" y="0" width="6" height="100%" fill="#fc7108" fill-opacity="1"/> </pattern> <mask id="mask2582"> <circle style="paint-order:stroke fill markers" cx="205" cy="196" r="161" stroke-width="0" fill="#fff"/> </mask> </defs> <rect y=".8" x="0.25" rx="8" ry="8" height="459" width="412" style="paint-order:stroke fill markers" stroke="#ab773b" stroke-width="0.5" stroke-opacity=".6" stroke-linecap="round" stroke-linejoin="round" fill="#14303b" fill-opacity=".8" fill-rule="evenodd"/> <rect y=".8" x="0.25" rx="8" ry="8" height="459" width="412" style="paint-order:stroke fill markers" stroke="#ab773b" stroke-width="0.5" stroke-opacity=".6" stroke-linecap="round" stroke-linejoin="round" fill="url(#Strips4_3)" fill-opacity="1" fill-rule="evenodd"/> <image id="image24569" width="322" height="322" y="34" x="44" xlink:href="/templates_alt/meteoIcon/day.svg" style="image-rendering:optimizeQuality" mask="url(#mask2582)" stroke-width="1"/> <circle id="demoWheel06569" cx="206" cy="195" r="59" stroke-linejoin="round" style="paint-order:stroke fill markers" stroke-opacity=".5" fill-rule="evenodd" stroke-linecap="round" stroke="#fff" stroke-width="6" fill="#152d37"/> <path marker-end="url(#markerCircle)" d="m167.71 210.9 77.124.50567" stroke-opacity=".5" fill-opacity=".5" marker-start="url(#markerCircle)" stroke="#fff" stroke-linecap="round" fill="#fff"/> <circle style="paint-order:stroke fill markers" fill-rule="evenodd" cx="207" cy="165" r="19" fill="#fc0002"/> <circle style="paint-order:stroke fill markers" fill-rule="evenodd" cx="197" fill-opacity=".5" cy="182" r="19" fill="#0100fb"/> <circle style="paint-order:stroke fill markers" fill-rule="evenodd" cx="216" fill-opacity=".7" cy="182" r="19" fill="#0f0"/> <text font-family="FreeSans" font-weight="600" text-anchor="middle" font-size="18px" line-height="0px" y="237" x="205" fill="#c3ccd2">RGB</text> <circle stroke-linejoin="round" style="paint-order:stroke fill markers" cx="205" stroke-linecap="round" stroke="#97a3a8" cy="195" r="162" stroke-width="3" fill="none"/> <g id="demoWheel109"> <g class="iro__wheel9" transform="translate(205 195)"> <circle class="iro__wheel__border9" fill="none" stroke="#fff" stroke-width="2" cx="0" cy="0" r="151"></circle> <g class="iro__wheel__hue9" stroke-width="1" fill="none"> <path stroke="hsl(360,100%,50%)" d="M 254.97 153.96 A 75 75 0 0 0 255 152"></path> </g> <circle class="iro__wheel__saturation9" cx="180" cy="152" r="150" fill="url(#iroGradient0)"></circle> <circle class="iro__wheel__lightness9" opacity="0" cx="180" cy="152" r="150"></circle> <g class="iro__marker9" transform="translate(124 102.268)"> <circle class="iro__marker__outer9" fill="none" stroke-width="5" stroke="#000" cx="0" cy="0" r="8"></circle> <circle class="iro__marker__inner9" fill="none" stroke-width="2" stroke="#fff" cx="0" cy="0" r="8"></circle> </g> </g> <g> <rect class="iro__slider" width="375" height="47" x="18" y="391" rx="5" ry="5" fill="#fff" fill-rule="evenodd" fill-opacity=".2" stroke-opacity=".5" stroke-linejoin="round" stroke="#fff" stroke-linecap="round"></rect> <rect width="358" height="34" x="26" y="398" rx="1" ry="1" fill="url(#Strips4_2)" fill-rule="evenodd" stroke="#ccc" stroke-width=".1" stroke-linecap="round" stroke-linejoin="round"></rect> <rect class="iro__slider__value" width="258" height="34" x="26" y="398" rx="1" ry="1" fill="#fc7108" fill-opacity=".5" fill-rule="evenodd" stroke-width=".1" stroke="#ccc" stroke-linecap="round" stroke-linejoin="round"></rect> <g class="iro__marker9" transform="translate(375 415)"> <circle class="iro__marker__outer" fill-rule="evenodd" cx="0" cy="0" r="30" stroke="#f00" stroke-width=".1" fill="#da7823"></circle> <circle class="iro__marker__inner" fill-rule="evenodd" cx="0" cy="0" r="27" stroke="#f00" stroke-width=".1" fill="#08384a"></circle> <text y="7" x="0" font-family="FreeSans" font-weight="600" text-anchor="middle" font-size="21px" line-height="5px" fill="#fd900c">%Dimmer01.level%%</text> </g> </g> </g> </svg>  <?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 220" version="1.1"> <defs> <marker id="DotM" refY="0" refX="0" orient="auto" overflow="visible"> <path d="m-2.5-1c0 2.76-2.24 5-5 5s-5-2.24-5-5 2.24-5 5-5 5 2.24 5 5z" stroke-opacity=".5" fill-rule="evenodd" stroke="#fff" stroke-width="1pt" fill="#ccc"/> </marker> <marker id="DotL" refY="0" refX="0" orient="auto" overflow="visible"> <path d="m-2.5-1c0 2.76-2.24 5-5 5s-5-2.24-5-5 2.24-5 5-5 5 2.24 5 5z" fill-rule="evenodd" stroke="#ccc" stroke-width="1pt"/> </marker> <marker id="MarkerArrow" viewBox="0 0 20 20" refX="0" refY="10" markerUnits="userSpaceOnUse" orient="auto" markerWidth="20" markerHeight="20"> <polyline id="markerPoly1" points="0,0 20,10 0,20 2,10" fill="#ccc"/> </marker> <marker id="MarkerCircle" viewBox="0 0 6 6" refX="3" refY="3" markerUnits="userSpaceOnUse" markerWidth="6" markerHeight="6"> <circle cx="3" cy="3" r="3" fill="#ccc"/> </marker> </defs> <rect width="199" height="108" x=".5" y="110" rx="6" ry="6" onclick="changedValue1();" opacity=".9" fill="#14303b" fill-rule="evenodd" stroke-linejoin="round" stroke-opacity=".3" stroke="#ff8100" stroke-linecap="round" style="paint-order:stroke fill markers"/> <rect width="98.5" height="108" x=".5" y=".4" rx="6" ry="6" onclick="changedValue2();" opacity=".9" fill="#14303b" fill-rule="evenodd" stroke-linejoin="round" stroke-opacity=".3" stroke="#ff8100" stroke-linecap="round" style="paint-order:stroke fill markers"> <title>Минус</title> </rect> <rect width="98.5" height="108" x="100.9" y=".4" rx="6" ry="6" onclick="changedValue3();" opacity=".9" fill="#14303b" fill-rule="evenodd" stroke="#ff8100" stroke-opacity=".3" stroke-linejoin="round" stroke-linecap="round" style="paint-order:stroke fill markers"> <title>Плюс</title> </rect> <ellipse rx="75" ry="75" cy="114" cx="100" opacity=".9" fill="#0f85af" fill-rule="evenodd" stroke="#0a81b0" stroke-linejoin="round" stroke-linecap="round" style="paint-order:stroke fill markers"/> <ellipse rx="72" ry="72" cy="114" cx="100" opacity=".9" fill="#03171e" fill-rule="evenodd" stroke="#0a81b0" stroke-linejoin="round" stroke-linecap="round" style="paint-order:stroke fill markers"/> <ellipse rx="68" ry="68" cy="114" cx="100" opacity=".9" fill="none" stroke="#a59553" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="1, 5" style="paint-order:stroke fill markers"/> <ellipse rx="62" ry="62" cy="114" cx="100" opacity=".9" fill="#172e36" fill-rule="evenodd" stroke="#22404a" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" style="paint-order:stroke fill markers"/> <path marker-end="url(#MarkerCircle)" d="m52.576 132.85 94.964.006" stroke-opacity=".5" marker-start="url(#MarkerCircle)" stroke="#fff" stroke-linecap="round" stroke-width="1" fill="#ccc"/> <text font-weight="400" text-anchor="middle" font-size="48px" line-height="4px" y="117" x="100" fill="#fd900c">%Dimmerpca03.level%°</text> <text font-weight="400" text-anchor="middle" font-size="12px" line-height="4px" y="150" x="100" fill="#ccc">ОТОПЛЕНИЕ</text> <text font-weight="400" text-anchor="middle" font-size="12px" y="20" x="45" fill="#ccc">Прохладнее</text> <text font-weight="400" text-anchor="middle" font-size="38px" y="50" x="40" fill="#fd900c">-</text> <text font-weight="400" text-anchor="middle" font-size="12px" y="20" x="170" fill="#ccc">Теплее</text> <text font-weight="400" text-anchor="middle" font-size="38px" y="50" x="165" fill="#fd900c">+</text> <text font-weight="400" text-anchor="middle" font-size="32px" y="205" x="35" fill="#fd900c">%Dimmerpca03.level%°</text> <text font-weight="400" text-anchor="middle" font-size="10px" y="205" x="100" fill="#ccc">ТЕМПЕРАТУРА</text> </svg> <script type="text/javascript"> $('#element').mousedown(function(event) { switch (event.which) { case 1: alert('Левая кнопка мыши.'); break; case 2: alert('Средняя кнопка мыши.'); break; case 3: alert('Правая кнопка мыши'); break; default: alert('У вас странная мышь!'); } }); function changedValue() { url='/objects/?object=Megad2wm_relay01&op=m&m=switch' AJAXRequest(url); } function changedValue1() { location.reload(); callMethod("Megad2wm_relay01.switch"); } function changedValue2() { callMethod("Dimmerpca03.minus"); } function changedValue3() { callMethod("Dimmerpca03.plus"); } </script>
Подробности (custom)
места <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> Админ: <font size="2" color="%admin.homeColor%"> <i class="fa fa-home"></i></font> <font size="2" color="%admin.addrColor%" title="%admin.lastgpssync%"> %admin.short_address% </font> %ThisComputer.somebodyHomeText%<br/>
%Security.stateDetails% %System.stateDetails% %Communication.stateDetails% %Elektro.stateDetails% %Fire.stateDetails% %Guards.stateDetails% %Health.stateDetails% %Tasks.stateDetails% <br/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg id="svg2" viewBox="0 0 415 220" onload="startup(evt)" onmousemove="null" onmouseup="unready()" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs id="defs6"> <pattern id="Strips4_2" width="0.8" height="1" patternUnits="userSpaceOnUse" patternTransform="translate(0) scale(10)"> <rect width=".5" height="2" x="0" y="-.5" fill="#069df7" fill-opacity=".8"/> </pattern> <linearGradient id="Rainbow" x1="0" x2="100%"> <stop offset="0" stop-color="#f00"/> <stop offset=".167" stop-color="#f0f"/> <stop offset=".333" stop-color="#00f"/> <stop offset=".50" stop-color="#0ff"/> <stop offset=".667" stop-color="#0f0"/> <stop offset=".833" stop-color="#ff0"/> <stop offset="1" stop-color="#f00"/> </linearGradient> <linearGradient id="zoom" x1="0" x2="100%"> <stop id="o1" offset="0" stop-color="#0019ff"/> <stop id="o2" offset=".50" stop-color="#0099ff"/> <stop id="o3" offset="1" stop-color="#00ffe5"/> </linearGradient> <linearGradient id="bri" x1="0" x2="100%"> <stop id="b1" offset="0" stop-color="#000"/> <stop id="b2" offset="1" stop-color="#0099ff"/> </linearGradient> <linearGradient id="sat" x1="0" x2="100%"> <stop id="s1" offset="0" stop-color="#0099ff"/> <stop id="s2" offset="1" stop-color="#fff"/> </linearGradient> </defs> <rect id="RR" width="415" height="219" x=".25" y=".3" rx="5" ry="5" fill="#14303b" stroke="#ab773b" stroke-opacity=".6" stroke-width=".5" onchange="ajaxSetGlobal('Dimmer01.level',+ document.getElementById('RR').fill);"/> <rect id="RS" width="150" height="35" x="20" y="20" fill="url(#sat)" onmouseover="null"/> <rect id="fon" width="415" height="219" x=".25" y=".3" rx="5" ry="5" fill="#14303b" stroke="#ab773b" stroke-opacity=".6" stroke-width=".5"/> <rect id="fonb" width="148" height="43.5" x="21" y="19" rx="22" ry="22" opacity=".9" fill="#055571" stroke="#000" stroke-width=".1"/> <rect id="RZ" width="140" height="35" x="24.5" y="23" rx="18" ry="18" fill="url(#zoom)" onmouseover="null"/> <g id="arrow1" onmousedown="ready(evt,1)" transform="translate(-108,0)"> <circle cx="130" cy="40" r="15" fill="#08384a" fill-opacity=".6" stroke="#08384a" stroke-width="1"/> </g> <text id="TX" x="223" y="51" fill="#c3ccd2" line-height="0px" font-size="32px" font-family="FreeSans">RGB лента</text> <rect id="RB" width="375" height="47" x="21" y="156" rx="5" ry="5" fill="url(#bri)" fill-opacity="1" stroke="#fff" stroke-opacity=".5" stroke-linecap="round"/> <rect id="r9" width="358" height="34" x="29" y="163" rx="1" ry="1" opacity=".3" fill="url(#Strips4_2)" stroke="#fff" stroke-linecap="round" stroke-width=".1"/> <g id="arrow2" onmousedown="ready(evt,2)" transform="translate(-108,0)"> <circle cx="130" cy="180" r="26" fill="#da7823" stroke="#f00" stroke-width=".1"/> <circle cx="130" cy="180" r="24" fill="#08384a" stroke="#f00" stroke-width=".1"/> <text x="130" y="187" fill="#fd900c" line-height="5px" font-size="18px" font-family="FreeSans" style="text-anchor:middle;">50%</text> </g> <rect id="rainbox" width="374" height="56" x="21" y="82" rx="5" ry="5" fill="url(#Rainbow)" stroke="#8da8bb" stroke-width="3" onmouseover="null"/> <g id="arrow0" onmousedown="ready(evt,0)" transform="translate(-108,0)"> <circle cx="130" cy="110" r="22" fill="#08384a" fill-opacity=".6" stroke="#08384a" stroke-width="1"/> </g> <script type="application/ecmascript"><![CDATA[ var document=null; var O=null; var rainbox; var left; var wide; var right; var posy=0 var x=10 var Hue=180 var Bri=1 var Sat=1 var C var RCS=new Array("rainbox","RZ","RB","RS") var RA=new Array() var svgns = 'http://www.w3.org/2000/svg'; var xlinkns = 'http://www.w3.org/1999/xlink'; arrow=new Array() function startup(evt){ O=evt.target document=O.ownerDocument for (i=0;i<4;i++){ RA[i]=document.getElementById(RCS[i]) arrow[i]=document.getElementById("arrow"+i) } RR=document.getElementById("RR") o1=document.getElementById("o1") o2=document.getElementById("o2") o3=document.getElementById("o3") b2=document.getElementById("b2") s1=document.getElementById("s1") p1=(750 - 180)%360 p3=(690 - 180)%360 } function HSVtoRGB(Hue,S,I){ // H is between 0 and 360; S is between 0 and 1; is between 0 and 1 // H составляет от 0 до 360; S находится между 0 и 1; I между 0 и 1 Hue=Hue%360 var SixP=Hue/60; var main=Math.floor(SixP) var secondary=SixP-main //var a=(1-S)/I var a=(1-S)*I var b=(1-(S*secondary))*I var c=(1-(S*(1-secondary)))*I if (main==0){ R=I;G=c;B=a} else if (main==1){ R=b;G=I;B=a} else if (main==2){ R=a;G=I;B=c} else if (main==3){ R=a;G=b;B=I} else if (main==4){ R=c;G=a;B=I} else { R=I;G=a;B=b} var A=new Array(R,G,B) var C="#" for (k=0;k<3;k++){ var x=Math.floor(A[k]*255) if (x<16) C+="0" C+=x.toString(16) } document.getElementById("TX").firstChild.nodeValue=C ajaxSetGlobal("Rgb02.1234",C); return C } function colorAtPoint(evt,z){ left=RA[z].getBBox().x wide=(RA[z].getBBox().width) x=evt.clientX - left; if ((x<1)||(x>wide)) return proportion=x/wide if (z==0){ Hue=360-proportion*360 p1=(750-proportion*360)%360 p3=(690-proportion*360)%360 C=HSVtoRGB(Hue,Sat,Bri) o3.setAttribute("stop-color",HSVtoRGB(p3,Sat,Bri)) o2.setAttribute("stop-color",C) b2.setAttribute("stop-color",C) s1.setAttribute("stop-color",C) o1.setAttribute("stop-color",HSVtoRGB(p1,Sat,Bri)) } if (z==1){ Hue= p1 - proportion*(p1-p3) C=HSVtoRGB(Hue,Sat,Bri) b2.setAttribute("stop-color",C) s1.setAttribute("stop-color",C) } if (z==2){ Bri=proportion C=HSVtoRGB(Hue,Sat,Bri) s1.setAttribute("stop-color",C) } if (z==3){ Sat= p1 - proportion C=HSVtoRGB(Hue,Sat,Bri) s1.setAttribute("stop-color",C) } RR.setAttribute("fill",C) arrow[z].setAttribute("transform","translate("+(x + left - 130)+",0)") } function ready(evt,z){ O.setAttribute("onmousemove","colorAtPoint(evt,"+z+")") O.setAttribute("onmouseup","unready()") if (z==0) arrow[1].setAttribute("transform","translate("+0+",0)") } function unready(){ O.setAttribute("onmousemove",null) for (i=0;i<4;i++){ RA[i].setAttribute("onmouseover",null) } } function activate(evt){ posy=evt.target.getBBox().y zoomfactor=Math.round(1+posy/25) posx=x arrow.setAttribute("transform","translate("+posx+",0)") } ]]> </script> </svg>