Видос это врядли, 2,5 года назад рисовал, не уверен что воспроизведу) Виджет где-то тут на форуме находил и его под свои свойства правил. Могу сцену выгрузить если чем то поможет...
В свойстве у меня хранится одна зона, 1 чек-бокс = 1 зона. А у вас 4 зоны, так не тестировал, возможно и будет работать.
Да, все верно.Divan писал(а): ↑Сб фев 29, 2020 12:48 pmТак подкорректировал код, вставил id="Gostinaya" и value="%XiaomiMiRobotVacuum.zone_Gostinaya%" - правильно ли я тут написал?Код: Выделить всё
<div class="form-group"> <input type="checkbox" id="Gostinaya" value="%XiaomiMiRobotVacuum.zone_Gostinaya%"> <label for="Gostinaya">Гостиная</label> </div>
Как вариант можно подумать, что какой то метод при открытии шторы будет подменять координаты зон на "расширенные" в свойстве XiaomiMiRobotVacuum.zone_Gostinaya, а при закрытии возвращать на другие.Divan писал(а): ↑Сб фев 29, 2020 12:48 pmУ меня уборка настроена так, если умные шторы открыты, то пылесос уберется за шторами, если они закрыты, то только около штор. Все дело в том, что от штор до стены 30 см и пылесос там застревает, он заезжает за шторы, но вот выехать уже не может
Вот думаю, сделать свойство-метод, где при установке чебокса на уборку в гостиной, в значении должна появиться 1, где сработает метод с сценарием на проверку штор. Как это сделать?
Для красоты вот CSS )
Код: Выделить всё
/* This css is for normalizing styles. You can skip this. */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.new {
padding: 50px;
background: rgba(234, 234, 234, 0.8); /* Цвет фона */
border: 1px solid black; /* Параметры рамки */
padding: 15px; /* Поля вокруг текста */
margin-bottom: 10px; /* Отступ снизу */
border-radius: 10px;
}
.form-group {
display: block;
margin-bottom: 15px;
}
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.form-group label {
position: relative;
cursor: pointer;
font-size: 200%;
color: green;
}
.form-group label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 3px solid #0079bf;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 15px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: -1px;
left: 13px;
width: 12px;
height: 30px;
border: solid #0079bf;
border-width: 0 4px 4px 0;
transform: rotate(45deg);
}
/*Button Transitions */
button {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-out;
}
/* General styling */
button {
background: rgba(158, 212, 200, 0.5);
border: 2px solid #fff;
border-radius: 1em;
color: #222;
cursor: pointer;
font-size: 18px;
width: 180px;
height: 60px;
font: Helvetica, Arial, Sans-serif;
padding: 5px;
}
button:hover {
background: green;
color: #fff;
font-size: 18px;
}
body {
background: #222;
}
}