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

Новые релизы, обновления и т.п.

Модератор: immortal

AlexL
Сообщения: 40
Зарегистрирован: Ср дек 27, 2017 10:51 am
Благодарил (а): 31 раз
Поблагодарили: 6 раз

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

Сообщение AlexL » Сб мар 24, 2018 10:53 pm

Jilber писал(а):Попробовал этот код:

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

<a href="#" onClick="$.get('/objects/?object=Wemos1&op=m&m=switch&');return false;"><i class="fa fa-lightbulb-o"></i></a> 
Срабатывает только иногда.
При этом отсюда вызов метода срабатывает.
СпойлерПоказать
Метод.jpg
Специально проверил раз 30. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.
За это сообщение автора AlexL поблагодарил:
Jilber (Сб мар 24, 2018 11:01 pm)
Рейтинг: 1.16%
Аватара пользователя
Vovix
Сообщения: 1155
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 60 раз
Поблагодарили: 531 раз
Контактная информация:

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

Сообщение Vovix » Пн мар 26, 2018 8:08 am

AlexL писал(а):
Jilber писал(а):Попробовал этот код:

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

<a href="#" onClick="$.get('/objects/?object=Wemos1&op=m&m=switch&');return false;"><i class="fa fa-lightbulb-o"></i></a>
Срабатывает только иногда.
При этом отсюда вызов метода срабатывает.
СпойлерПоказать
Метод.jpg
Специально проверил раз 30. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.
вот в миллионный раз заявляю - все это последствия отваливания веб-соккетов, даже если они у вас не отваливаются, то значит несработки происходят во время перезапуска цикла!
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
AlexL
Сообщения: 40
Зарегистрирован: Ср дек 27, 2017 10:51 am
Благодарил (а): 31 раз
Поблагодарили: 6 раз

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

Сообщение AlexL » Пн мар 26, 2018 11:34 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> 
Срабатывает только иногда.
При этом отсюда вызов метода срабатывает.
СпойлерПоказать
Метод.jpg
Специально проверил раз 30. Ни одного прокола. А вообще я заметил что часто глючит сам хром. И полная его перезагрузка решает вопрос. Особенно часто это проявляется с двойными или даже тройными голосовыми сообщениями от Алисы.
вот в миллионный раз заявляю - все это последствия отваливания веб-соккетов, даже если они у вас не отваливаются, то значит несработки происходят во время перезапуска цикла!
AlexL писал(а):Печалька, но надо отметить что после обновления .deviceString, цвет объектов меняется в другом окне браузера и даже на другом компе без обновления страницы. То есть какая то связь есть.

А как синьку со снежинки убрать хз?
Я поигрался с CSS в шаблоне классов, но квалификации не хватило.
А если прямо в .deviceString серый цвет или transparent передать, то фонт подсвечивается...
Две снежинка должны быть по идее одинаковые, но это не так.
ерунда конечно, но задевает.
Насчет веб-соккетов я пока глубоко не копал, но у меня тоже есть подозрение именно в эту сторону. Пока это интуиция. Только думаю это не технология виновата, а не совсем корректное ее использование. И упомянутое выше не обновление цвета иконок в меню скорей всего отсюда же. То есть соккет очевидно соединен потому что моментально после обновления .deviceString происходит изменение цвета иконок на другом компьютере. Скорее всего какая то кривизна в обработке сигналов поступающих от меню на сервер.
AlexL
Сообщения: 40
Зарегистрирован: Ср дек 27, 2017 10:51 am
Благодарил (а): 31 раз
Поблагодарили: 6 раз

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

Сообщение AlexL » Ср мар 28, 2018 4:54 am

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

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

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

<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>
Изображение Изображение
Частично заработало изменение цвета иконки в меню. Занимался другим и краем глаза увидел что цвет поменялся. Правда меняется с задержкой в несколько секунд. Возможно и полностью работает, просто у меня связи не настроены. Если кликать по самой иконке или по объекту на сцене, цвет иконки актуализируется через несколько секунд. Если кликать по выключателю или переключать программно, цвет не актуализируется. При этом сам выключатель и объект на сцене синхронизируются моментально во всех вариантах. Чудеса. Копаю...
СпойлерПоказать
Изображение
neromih
Сообщения: 154
Зарегистрирован: Чт апр 20, 2017 5:32 am
Откуда: Томск
Благодарил (а): 55 раз
Поблагодарили: 22 раза

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

Сообщение neromih » Вт май 15, 2018 10:33 am

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

Нужен совет.
Верна ли конструкция для переключателя?
В 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>
Raspberry Pi2, Pi3, MegaD2561RTC + 14 in + 14R, WemosD1, Mega2560, Arduino nano v.3, Arduino Uno, ESP8266 12f.
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

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

Сообщение nick7zmail » Вт май 15, 2018 11:07 am

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

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

Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
neromih
Сообщения: 154
Зарегистрирован: Чт апр 20, 2017 5:32 am
Откуда: Томск
Благодарил (а): 55 раз
Поблагодарили: 22 раза

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

Сообщение neromih » Вт май 15, 2018 12:42 pm

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 - один скрыт другой показан, в зависимости от того какое состояние реле.
код работает. Отображает кнопку и управляет реле.

А вопрос был, правильно ли это все сделано :) или можно как то проще шаблон сделать?
Вложения
Снимок экрана_2018-05-15_16-40-25.png
Снимок экрана_2018-05-15_16-40-25.png (2.36 КБ) 4767 просмотров
Снимок экрана_2018-05-15_16-40-14.png
Снимок экрана_2018-05-15_16-40-14.png (2.36 КБ) 4767 просмотров
Raspberry Pi2, Pi3, MegaD2561RTC + 14 in + 14R, WemosD1, Mega2560, Arduino nano v.3, Arduino Uno, ESP8266 12f.
C_3AXAPOB
Сообщения: 510
Зарегистрирован: Ср июн 08, 2016 4:17 pm
Благодарил (а): 124 раза
Поблагодарили: 101 раз

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

Сообщение C_3AXAPOB » Ср июн 27, 2018 9:00 pm

Здравствуйте, подскажите где увидеть код этого шаблона?
3EE8mpX.jpg
3EE8mpX.jpg (21.52 КБ) 4550 просмотров
Orange pi pc plus, megaD-2561, Xiaomi
--------------------------------------------------
http://connect.smartliving.ru/profile/908
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

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

Сообщение Vit » Чт июн 28, 2018 1:59 am

C_3AXAPOB писал(а):
Ср июн 27, 2018 9:00 pm
Здравствуйте, подскажите где увидеть код этого шаблона?
Это был пример...кода не было.
Logrus
Сообщения: 2079
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 313 раз
Поблагодарили: 457 раз

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

Сообщение Logrus » Чт июн 28, 2018 8:39 am

За это сообщение автора Logrus поблагодарили (всего 2):
C_3AXAPOB (Чт июн 28, 2018 9:34 am) • tarasfrompir (Пт авг 31, 2018 10:43 am)
Рейтинг: 2.33%
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
Ответить