MajorDoMo

А мне вот это нравится
https://connect.smartliving.ru/profile/1594/blog87.html

Отправлено с моего Redmi 4X через Tapatalk

Друзья помогите избавиться от этих предупреждений log:
Alena.ChangeBattLevel ->
Alena.ChangeBattLevel
16:10:31 0.41367300 Warning: cross-linked call of igor.ChangeBattLevel

Так ведь метод завязан на себя смотри методы.… бат левела ...

Vovix писал(а): Пн дек 25, 2017 9:13 pm на iPhone у меня теперь так:
Файл 25.12.2017, 22 08 49.jpeg

а как себе так сделать ?

Всем привет. Совсем недавно поставил себе MajorDoMo.
Сразу же решил написать классы под свои задачи.
Нужен был выключатель на 3 позиции (включить свет = 0, выключить свет = 1 и авто = 2 с использованием датчика движения).

Создал новый класс с единственным свойством "status" и единственным методом "Switch": В шаблоне класса прописал стиль и Использую в сцене как объект.
При клике вызывается метод "Switch".
Всё хорошо, но он не обновляется. Переключение происходит, но что бы в этом убедиться - нужно обновлять страницу.
Вопрос как сделать автоматическое обновление отображения объекта в сцене (как это происходит со стандартными выключателями)

А ещё хочется, что бы это работало и при изменение свойств. По MQTT переодически получаю актуальную информацию, её нужно выводить и обновлять, без обновления страницы.

народ, давайте кнопочками делиться, вот моя кнопочка

sega6549 писал(а): Чт авг 30, 2018 8:20 am народ, давайте кнопочками делиться, вот моя кнопочка

SPOILERSPOILER_SHOW

Код: Выделить всё

<style>
.openclose-light.on,
.openclose-light.off {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  width: 60px;
  height: 25px;
  padding-top:8px;
  padding-left:10px;
  color: #ccc;
  border-radius: 7.5px;
  text-shadow: 0 -1px 0 #000;
  box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);
  cursor: pointer;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
 /*цвет и анимация свечения кнопки вкл*/
.openclose-light.on {
 background-color: #126be0;
  background: -webkit-linear-gradient(#0d448c, #126be0);
  background: linear-gradient(#0d448c, #126be0);
  -webkit-animation: pulsate 1s linear infinite;
  animation: pulsate 1s linear infinite;
}
 /* цвет кнопки выкл*/
 .openclose-light.off {
  background-color: #555;
  background: -webkit-linear-gradient(#888, #555);
  background: linear-gradient(#888, #555);
}

 /* анимация при наведении на кнопку вкл и при наведении на текст кнопки вкл*/
.openclose-light.on:focus,
.openclose-light.off:focus
{
  -webkit-animation: pulsate 0.5s linear infinite;
  animation: pulsate 0.5s linear infinite;
}
 @-webkit-keyframes pulsate 
{
  0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
  50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
  100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
     
@keyframes pulsate
{
  0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
  50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
  100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
.openclose-light.off:active,
.openclose-light.on:active
{
  color: #fff;
  text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 1px 0 #666, 0 2px 0 #444, 0 2px 2px rgba(0,0,0,0.9);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-animation: none;
  animation: none;
}
</style>
<div>свет зал</div>
<div class='openclose-light %.status|"on;off"%' onClick='callMethod("%.action");'>%.status|"вкл;выкл;"%</div>

Снимок.PNG

а чего кнопка не на весь размер ?

sega6549, а у вас обратная связь на этой кнопке работает? Что я имею ввиду... вижу, что при нажатии на кнопку срабатывает метод (onClick='callMethod("%.action");).
А если свойство "status" изменится не по нажатию на эту кнопку, а откуда-нибудь из другого места, то в этом случае состояние кнопки изменится?

tarasfrompir1 писал(а): Чт авг 30, 2018 8:38 am

sega6549 писал(а): Чт авг 30, 2018 8:20 am народ, давайте кнопочками делиться, вот моя кнопочка

SPOILERSPOILER_SHOW

Код: Выделить всё

<style>
.openclose-light.on,
.openclose-light.off {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  width: 60px;
  height: 25px;
  padding-top:8px;
  padding-left:10px;
  color: #ccc;
  border-radius: 7.5px;
  text-shadow: 0 -1px 0 #000;
  box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);
  cursor: pointer;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
 /*цвет и анимация свечения кнопки вкл*/
.openclose-light.on {
 background-color: #126be0;
  background: -webkit-linear-gradient(#0d448c, #126be0);
  background: linear-gradient(#0d448c, #126be0);
  -webkit-animation: pulsate 1s linear infinite;
  animation: pulsate 1s linear infinite;
}
 /* цвет кнопки выкл*/
 .openclose-light.off {
  background-color: #555;
  background: -webkit-linear-gradient(#888, #555);
  background: linear-gradient(#888, #555);
}

 /* анимация при наведении на кнопку вкл и при наведении на текст кнопки вкл*/
.openclose-light.on:focus,
.openclose-light.off:focus
{
  -webkit-animation: pulsate 0.5s linear infinite;
  animation: pulsate 0.5s linear infinite;
}
 @-webkit-keyframes pulsate 
{
  0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
  50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
  100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
     
@keyframes pulsate
{
  0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
  50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
  100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
.openclose-light.off:active,
.openclose-light.on:active
{
  color: #fff;
  text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 1px 0 #666, 0 2px 0 #444, 0 2px 2px rgba(0,0,0,0.9);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-animation: none;
  animation: none;
}
</style>
<div>свет зал</div>
<div class='openclose-light %.status|"on;off"%' onClick='callMethod("%.action");'>%.status|"вкл;выкл;"%</div>

Снимок.PNG

а чего кнопка не на весь размер ?

ну поменять не долго если надо, мне так больше нравится

Chainik писал(а): Чт авг 30, 2018 8:51 am sega6549, а у вас обратная связь на этой кнопке работает? Что я имею ввиду... вижу, что при нажатии на кнопку срабатывает метод (onClick='callMethod("%.action");).
А если свойство "status" изменится не по нажатию на эту кнопку, а откуда-нибудь из другого места, то в этом случае состояние кнопки изменится?

конечно меняется, и у вас будет если проблем с веб сокетами нету, вроде так называется..