-
RMX3430
(object)
-
Admin
(label)
-
Пять шагов
(custom)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg id="toggle_fiveStep" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 702 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>
<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>
</defs>
<rect width="700" height="148" rx="74" ry="73" stroke="#ccc" y="1" x="1" stroke="#000" stroke-opacity=".4" fill='%Sensor_general01.value|"#ccc;#ad4;#ffd300;red;#ccc;"%' fill-opacity=".6"/>
<rect width="692" height="140" y="5" x="5" rx="70" ry="73" fill='%Sensor_general01.value|"url(#LGToggleGrey);url(#LGToggleGreen);url(#LGToggleOrange);url(#LGToggleRed);url(#LGToggleGrey);"%' fill-opacity=".8" stroke='%Sensor_general01.value|"#ccc;#ad4;#ffd300;"%' stroke-width=".1" stroke-opacity=".8"/>
<rect height="140" width="141" y="5" x="5" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','0');"/>
<rect height="140" width="141" y="5" x="139" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','1');"/>
<rect height="140" width="141" y="5" x="279" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','2');"/>
<rect height="140" width="141" y="5" x="420" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','3');"/>
<rect height="140" width="141" y="5" x="554" rx="70" ry="73" fill='#000' fill-opacity=".06" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','4');"/>
<ellipse rx="68" ry="68" cy="75" cx='%Sensor_general01.value|"75;210;344;485;627;"%' stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('Sensor_general01.value.switch');">
<title>%Sensor_general01.value|"Режим 0;Режим 1;Режим 2;Режим 3;Режим 4;"%</title>
</ellipse>
</svg>
-
Три кнопки
(custom)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) width="280" height="150" -->
<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>
-
Один шаг
(custom)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg id="toggle_oneStep" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 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>
<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>
</defs>
<rect width="148" height="148" rx="74" ry="73" stroke="#ccc" y="1" x="1" stroke="#000" stroke-opacity=".4" fill='%EconomMode.active|"#ccc;red;"%' fill-opacity=".6"/>
<rect width="140" height="140" y="5" x="5" rx="70" ry="73" fill='%EconomMode.active|"url(#LGToggleGrey);url(#LGToggleRed);"%' fill-opacity=".8" stroke='%EconomMode.active|"#ccc;red;"%' stroke-width="0.1" stroke-opacity=".8"/>
<ellipse rx="68" ry="68" cy="75" cx="75" stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('EconomMode.switch');">
<title>%EconomMode.active|"Режим 0;Режим 1;"%</title>
</ellipse>
</svg>
-
Три шага
(custom)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg id="toggle_threeStep" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 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>
<linearGradient id="LGToggleGreen">
<stop id="stop11822" stop-color="#a9ff00" offset="0"/>
<stop id="stop11824" stop-color="#005600" offset="1"/>
</linearGradient>
</defs>
<rect width="418" height="148" rx="74" ry="73" stroke="#ccc" y="1" x="1" stroke="#000" stroke-opacity=".4" fill='%colorsBattscenarios.status|"#ccc;#ad4;#ffd300;"%' fill-opacity=".6"/>
<rect id="rect894" width="410" height="140" y="5" x="5" rx="70" ry="73"
fill='%colorsBattscenarios.status|"url(#LGToggleGrey);url(#LGToggleGreen);url(#LGToggleOrange);"%' fill-opacity=".8"
stroke='%colorsBattscenarios.status|"#ccc;#ad4;#ffd300;"%' stroke-width="0.1" stroke-opacity=".8"/>
<rect height="140" width="141" y="5" x="5" fill='#000' fill-opacity=".01" stroke="none" onclick="ajaxSetGlobal('colorsBattscenarios.status','0');"/>
<rect height="140" width="141" y="5" x="139" fill='#000' fill-opacity=".01" stroke="none" onclick="ajaxSetGlobal('colorsBattscenarios.status','1');"/>
<rect height="140" width="141" y="5" x="279" fill='#000' fill-opacity=".01" stroke="none" onclick="ajaxSetGlobal('colorsBattscenarios.status','2');"/>
<ellipse rx="68" ry="68" cy="75" cx='%colorsBattscenarios.status|"75;210;344;"%' stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('colorsBattscenarios.status.switch');">
<title>%colorsBattscenarios.status|"Режим 0;Режим 1;Режим 2;"%</title>
</ellipse>
</svg>
-
NobodyHomeMode
(custom)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg id="NobodyHomeMode" viewBox="0 0 150 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onclick="callMethod('NobodyHomeMode.switch');">
<title>%NobodyHomeMode.active|"Дома кто-то есть;Никого нет дома;"%</title>
<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>
<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>
</defs>
<rect width="148" height="148" rx="74" ry="73" stroke="#ccc" y="1" x="1" stroke="#000" stroke-opacity=".4" fill='%NobodyHomeMode.active|"#ccc;orange;"%' fill-opacity=".6"/>
<rect width="140" height="140" y="5" x="5" rx="70" ry="73" fill='%NobodyHomeMode.active|"url(#LGToggleGrey);url(#LGToggleOrange);"%' fill-opacity=".8" stroke='%NobodyHomeMode.active|"#ccc;url(#LGToggleOrange);"%' stroke-width=".1" stroke-opacity=".8"/>
<ellipse rx="68" ry="68" cy="75" cx="75" stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6">
<animate
attributeType="XML"
attributeName="stroke-opacity"
values="0.2;0.4;0.6;0.8;1;"
dur='%NobodyHomeMode.active|"0;1;"%s'
repeatCount="indefinite"/>
</ellipse>
<symbol id="sNobodyHomeMode" viewBox="0 0 40 40">
<path id="home" d="m8.15 20.55 11.7-12.4l12 12.4h-3.36v11.3h-17v-11.3z" stroke='%NobodyHomeMode.active|"url(#LGToggleGreen);url(#LGToggleGrey);"%' stroke-width=".3" fill='%NobodyHomeMode.active|"url(#LGToggleGrey);url(#LGToggleGreen);"%' fill-opacity=".4"/>
<path d="m16 18.5c0-6.4 8.1-6.4 8.1 0m-9.4 1.64v6.04h10.6v-6.04z" stroke='%NobodyHomeMode.active|"url(#LGToggleGreen);url(#LGToggleGrey);"%' stroke-width=".5" fill='%NobodyHomeMode.active|"url(#LGToggleGrey);url(#LGToggleRed);"%' fill-opacity=".2"/>
</symbol>
<use xlink:href="#sNobodyHomeMode" x="5" y="5" width="140" height="140"/>
</svg>
-
EconomMode
(custom)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg id="EconomMode" viewBox="0 0 150 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onclick="callMethod('EconomMode.switch');">
<title>%EconomMode.active|"Режим экономии выключен;Режим экономии включен;"%</title>
<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>
<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>
</defs>
<rect width="148" height="148" rx="74" ry="73" stroke="#ccc" y="1" x="1" stroke="#000" stroke-opacity=".4" fill='%EconomMode.active|"#ccc;orange;"%' fill-opacity=".6"/>
<rect width="140" height="140" y="5" x="5" rx="70" ry="73" fill='%EconomMode.active|"url(#LGToggleGrey);url(#LGToggleOrange);"%' fill-opacity=".8" stroke='%EconomMode.active|"#ccc;orange;"%' stroke-width=".1" stroke-opacity=".8"/>
<ellipse rx="68" ry="68" cy="75" cx="75" stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6">
<animate
attributeType="XML"
attributeName="stroke-opacity"
values="0.2;0.4;0.6;0.8;1;"
dur='%EconomMode|"0;1;"%s'
repeatCount="indefinite"/>
</ellipse>
<symbol id="sEconomMode" viewBox="0 0 40 40">
<path id="b" d="m10.3 22.3c-0.632-2.04-0.435-5.5 0.355-6.89 6.53-9.32 13.9-7.31 21.3-7.18 0.622 5.11-5.59 25.6-19 17.6-1.22 1.01-1.55 2.83-1.51 4.99-1.54 1.83-2.7 1.44-3.45-1.51-0.0596-2.35 0.94-4.69 2.3-7.04z"
fill='%EconomMode.active|"url(#LGToggleGrey);url(#LGToggleGreen);"%' fill-opacity=".4" stroke="#000" stroke-width="0"/>
</symbol>
<use xlink:href="#sEconomMode" x="5" y="5" width="140" height="140"/>
</svg>
-
Четыре шага
(custom)
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 561 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>
<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>
</defs>
<rect width="559" height="148" rx="74" ry="73" stroke="#ccc" y="1" x="1" stroke="#000" stroke-opacity=".4" fill='%Sensor_general01.value|"#ccc;#ad4;#ffd300;"%' fill-opacity=".6"/>
<rect width="551" height="140" y="5" x="5" rx="70" ry="73" fill='%Sensor_general01.value|"url(#LGToggleGrey);url(#LGToggleGreen);url(#LGToggleOrange);url(#LGToggleRed);"%' fill-opacity=".8" stroke='%Sensor_general01.value|"#ccc;#ad4;#ffd300;"%' stroke-width=".1" stroke-opacity=".8"/>
<rect height="140" width="141" y="5" x="5" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','0');"/>
<rect height="140" width="141" y="5" x="139" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','1');"/>
<rect height="140" width="141" y="5" x="279" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','2');"/>
<rect height="140" width="141" y="5" x="420" rx="70" ry="73" fill='#000' fill-opacity=".02" stroke="none" onclick="ajaxSetGlobal('Sensor_general01.value','3');"/>
<ellipse rx="68" ry="68" cy="75" cx='%Sensor_general01.value|"75;210;344;485;"%' stroke="#000" stroke-width="1.2" stroke-opacity=".4" fill="#f0f0f0" fill-opacity=".6" onclick="callMethod('Sensor_general01.value.switch');">
<title>%Sensor_general01.value|"Режим 0;Режим 1;Режим 2;Режим 3;"%</title>
</ellipse>
</svg>