Страница 15 из 43

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

Добавлено: Сб мар 24, 2018 10:53 pm
AlexL
Jilber писал(а):Попробовал этот код:

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

<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. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.

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

Добавлено: Пн мар 26, 2018 8:08 am
Vovix
AlexL писал(а):
Jilber писал(а):Попробовал этот код:

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

<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. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.
вот в миллионный раз заявляю - все это последствия отваливания веб-соккетов, даже если они у вас не отваливаются, то значит несработки происходят во время перезапуска цикла!

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

Добавлено: Пн мар 26, 2018 11:34 am
AlexL
Vovix писал(а):
AlexL писал(а):
Jilber писал(а):Попробовал этот код:

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

<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 писал(а):Печалька, но надо отметить что после обновления .deviceString, цвет объектов меняется в другом окне браузера и даже на другом компе без обновления страницы. То есть какая то связь есть.

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

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

Добавлено: Ср мар 28, 2018 4:54 am
AlexL
AlexL писал(а):
nick7zmail писал(а):Об этом я, вроде, писал...что косячек с этим вышел...подписка вебсокетов не осуществляется на свойства, указанные внутри других свойств...и эт скорее что-то системное....Сергею бы над написать про это)) хотя может так и должно быть...я хз.
Печалька, но надо отметить что после обновления .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
Изображение

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

Добавлено: Вт май 15, 2018 10:33 am
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>

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

Добавлено: Вт май 15, 2018 11:07 am
nick7zmail
Не совсем понимаю, что вы хотите увидеть на самом деле...но в целом что-тото да будет работать. В вашем блоке будет текст
Вкл <значение поля name>
Выкл <значение поля name>
И непонятные div.

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


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

Добавлено: Вт май 15, 2018 12:42 pm
neromih
nick7zmail писал(а): Вт май 15, 2018 11:07 am Не совсем понимаю, что вы хотите увидеть на самом деле...но в целом что-тото да будет работать. В вашем блоке будет текст
Вкл <значение поля 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 - один скрыт другой показан, в зависимости от того какое состояние реле.
код работает. Отображает кнопку и управляет реле.

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

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

Добавлено: Ср июн 27, 2018 9:00 pm
C_3AXAPOB
Здравствуйте, подскажите где увидеть код этого шаблона?
3EE8mpX.jpg
3EE8mpX.jpg (21.52 КБ) 5500 просмотров

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

Добавлено: Чт июн 28, 2018 1:59 am
Vit
C_3AXAPOB писал(а): Ср июн 27, 2018 9:00 pm Здравствуйте, подскажите где увидеть код этого шаблона?
Это был пример...кода не было.

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

Добавлено: Чт июн 28, 2018 8:39 am
Logrus