Шаблон класса / Class Template

[AlexL]

Попробовал этот код:

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

<a href="#" onClick="$.get('/objects/?object=Wemos1&op=m&m=switch&');return false;"><i class="fa fa-lightbulb-o"></i></a> 

Срабатывает только иногда.
При этом отсюда вызов метода срабатывает.

SPOILERSPOILER_SHOW

Метод.jpg

Специально проверил раз 30. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.

[Vovix]

Попробовал этот код:

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

<a href="#" onClick="$.get('/objects/?object=Wemos1&op=m&m=switch&');return false;"><i class="fa fa-lightbulb-o"></i></a>

Срабатывает только иногда.
При этом отсюда вызов метода срабатывает.

SPOILERSPOILER_SHOW

Метод.jpg

Специально проверил раз 30. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.

вот в миллионный раз заявляю - все это последствия отваливания веб-соккетов, даже если они у вас не отваливаются, то значит несработки происходят во время перезапуска цикла!

[AlexL]

Попробовал этот код:

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

<a href="#" onClick="$.get('/objects/?object=Wemos1&op=m&m=switch&');return false;"><i class="fa fa-lightbulb-o"></i></a> 

Срабатывает только иногда.
При этом отсюда вызов метода срабатывает.

SPOILERSPOILER_SHOW

Метод.jpg

Специально проверил раз 30. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.

вот в миллионный раз заявляю - все это последствия отваливания веб-соккетов, даже если они у вас не отваливаются, то значит несработки происходят во время перезапуска цикла!

Печалька, но надо отметить что после обновления .deviceString, цвет объектов меняется в другом окне браузера и даже на другом компе без обновления страницы. То есть какая то связь есть.

А как синьку со снежинки убрать хз?
Я поигрался с CSS в шаблоне классов, но квалификации не хватило.
А если прямо в .deviceString серый цвет или transparent передать, то фонт подсвечивается...
Две снежинка должны быть по идее одинаковые, но это не так.
ерунда конечно, но задевает.

Насчет веб-соккетов я пока глубоко не копал, но у меня тоже есть подозрение именно в эту сторону. Пока это интуиция. Только думаю это не технология виновата, а не совсем корректное ее использование. И упомянутое выше не обновление цвета иконок в меню скорей всего отсюда же. То есть соккет очевидно соединен потому что моментально после обновления .deviceString происходит изменение цвета иконок на другом компьютере. Скорее всего какая то кривизна в обработке сигналов поступающих от меню на сервер.

[AlexL]

Об этом я, вроде, писал...что косячек с этим вышел...подписка вебсокетов не осуществляется на свойства, указанные внутри других свойств...и эт скорее что-то системное....Сергею бы над написать про это)) хотя может так и должно быть...я хз.

Печалька, но надо отметить что после обновления .deviceString, цвет объектов меняется в другом окне браузера и даже на другом компе без обновления страницы. То есть какая то связь есть.

А как синьку со снежинки убрать хз?
Я поигрался с CSS в шаблоне классов, но квалификации не хватило.
А если прямо в .deviceString серый цвет или transparent передать, то фонт подсвечивается...
Две снежинка должны быть по идее одинаковые, но это не так.
ерунда конечно, но задевает.

SPOILERSPOILER_SHOW

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

<i class="fa fa-lightbulb-o" aria-hidden="true" ></i>
<i class="fa fa-lightbulb-o" aria-hidden="true" style="color:none"></i>
<i class="fa fa-snowflake-o" aria-hidden="true"></i>
<a href="#" onClick="$.get('/objects/?object=snf01&op=m&m=switch');return false;"  style="color:transparent"><i class="fa fa-snowflake-o" aria-hidden="true"></i></a>
<i class="fa fa-television" aria-hidden="true"></i>
<i class="fa fa-plug" aria-hidden="true"></i>
<a href="#" onClick="$.get('/objects/?object=snf01&op=m&m=switch');return false;" style="color:%snf01.color%"><i class="fa fa-plug" aria-hidden="true" ></i></a>

Частично заработало изменение цвета иконки в меню. Занимался другим и краем глаза увидел что цвет поменялся. Правда меняется с задержкой в несколько секунд. Возможно и полностью работает, просто у меня связи не настроены. Если кликать по самой иконке или по объекту на сцене, цвет иконки актуализируется через несколько секунд. Если кликать по выключателю или переключать программно, цвет не актуализируется. При этом сам выключатель и объект на сцене синхронизируются моментально во всех вариантах. Чудеса. Копаю...

SPOILERSPOILER_SHOW

[neromih]

Здравствуйте!

Нужен совет.
Верна ли конструкция для переключателя?
В div#relay, div#relay2 - буду описывать как будет все выглядеть когда ВКЛ, ВЫКЛ.
Или же можно проще сделать?

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

<div id="relay" style='display:%.status|"none;block"%;cursor:pointer' onClick='callMethod("%.object_title%.turnOff");'>Вкл  %.name%</div>
<div id="relay2" style='display:%.status|"block;none"%;cursor:pointer' onClick='callMethod("%.object_title%.turnOn");'>Выкл %.name%</div>

<style>
		div#relay {
 
 }
		div#relay2 {

 }
</style>

[nick7zmail]

Не совсем понимаю, что вы хотите увидеть на самом деле...но в целом что-тото да будет работать. В вашем блоке будет текст
Вкл <значение поля name>
Выкл <значение поля name>
И непонятные div.

Отправлено с моего Xperia XZ1 Compact через Tapatalk

[neromih]

Не совсем понимаю, что вы хотите увидеть на самом деле...но в целом что-тото да будет работать. В вашем блоке будет текст
Вкл <значение поля name>
Выкл <значение поля name>
И непонятные div.

Отправлено с моего Xperia XZ1 Compact через Tapatalk

Спасибо за ответ.

Конструкция такого типа.

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

<div id="relay1" style='display:%.status|"none;block"%;cursor:pointer' onClick='callMethod("%.object_title%.turnOff");'><p>Вкл  %.name.%</p></div>
<div id="relay2" style='display:%.status|"block;none"%;cursor:pointer' onClick='callMethod("%.object_title%.turnOn");'><p>Выкл %.name.%</p></div>

<style>
	div p {
 position: relative; 
 top: 20px; 
 left: 15px;
 width: 80px;
 height: 40px;
 font-size: 19px;
 
}		
	 div#relay2 {
  width: 80px;
 height: 40px;
 font-size: 12px;
  border:solid 1px #004F72; 
 -webkit-border-radius:5px;
 -moz-border-radius:5px; 
 border-radius: 5px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3ba4c7; 
 background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
 background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
 background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
 background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
 background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 }
		div#relay1 {
  width: 80px;
 height: 40px;
 font-size: 12px;
 border:solid 1px #004F72; 
 -webkit-border-radius:5px;
 -moz-border-radius:5px; 
 border-radius: 5px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#c73b3b; 
 background-image: -moz-linear-gradient(top, #c73b3b 0%, #ff0000 100%); 
 background-image: -webkit-linear-gradient(top, #c73b3b 0%, #ff0000 100%); 
 background-image: -o-linear-gradient(top, #c73b3b 0%, #ff0000 100%); 
 background-image: -ms-linear-gradient(top, #c73b3b 0% ,#ff0000 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 ); 
 background-image: linear-gradient(top, #c73b3b 0% ,#ff0000 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 }
</style>

Я как понимаю:
есть два div - один скрыт другой показан, в зависимости от того какое состояние реле.
код работает. Отображает кнопку и управляет реле.

А вопрос был, правильно ли это все сделано или можно как то проще шаблон сделать?

[C_3AXAPOB]

Здравствуйте, подскажите где увидеть код этого шаблона?

3EE8mpX.jpg (21.52 КБ) 5503 просмотра

[Vit]

Здравствуйте, подскажите где увидеть код этого шаблона?

Это был пример...кода не было.

[Logrus]

https://connect.smartliving.ru/profile/1481/blog46.html
подобное