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

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

Добавлено: Пн фев 20, 2017 10:01 am
Ged
Утонула тема?

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

Добавлено: Пт фев 24, 2017 1:04 pm
sergejey
Ged писал(а):Как получить в шаблоне имя объекта?
А то сейчас приходится извращаться
Можно использовать %.object_title% или даже %.object_description%

примеры кодов можно взять из ./templates/classes/views/

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

Добавлено: Вт мар 21, 2017 3:10 pm
maleha
Подскажите. Есть класс blokrele - это модуль из 8 реле который управляется esp8266. Также был создан класс rele - это сами релюшки со своими свойствами. Каждый обьект релюшки называется %имя blokrele%_d# релюшки. Сделал шаблон отображения для blokrele
<style>
.openclose-widget {
Float: left;
padding-right: 6px;
}
.openclose-text {
padding-top:10px;
cursor:pointer;
vertical-align:middle;
}
.openclose-light {
border-radius: 50%;
width: 12px;
height: 12px;
border: 2px solid #3d3d3d;
margin-top: 5px;
float: left;
margin-left: 3px;
margin-right: 10px;
}
.openclose-light.on {
background-color:#C7FF73;
box-shadow: 0px 0px 15px #99FF00;
border-color:#FDF1DF;
}
</style>
<div class="openclose-widget">
<div>№1</div>
<div class="openclose-light %%.mac%_d0.status|"off;on"%"></div>
<div class="openclose-text" style='display:%%.object_title%_d0.status|"none;block"%;cursor:pointer'></div>
<div class="openclose-text" style='display:%%.object_title%_d0.status|"block;none"%;cursor:pointer'></div>
</div>
<div class="openclose-widget">
<div>№2</div>
<div class="openclose-light %%.mac%_d1.status|"off;on"%"></div>
<div class="openclose-text" style='display:%5ccf7f2cb630_d1.status|"none;block"%;cursor:pointer'>%.object_description%</div>
<div class="openclose-text" style='display:%5ccf7f2cb630_d1.status|"block;none"%;cursor:pointer'>%.object_description%</div>
</div>
и так далее для все реле в блоке. Так вот проблема в том что смена состояния происходит только при обновлнении страницы. Если такой шаблон создать непосредсьвенно для класса rele то все нормально...

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

Добавлено: Ср апр 05, 2017 2:00 pm
serge_wddm
Данный вопрос уже подымался в начале темы.
Возник затык при использовании элемента "ползунок" в шаблоне класса.
Объект вместе с ползунком без проблем визуализируется на dashboard.
ползунок изменяет своё значение при изменении связанного с ним свойства объекта Light_Brightness_Max.
Проблема в том, что я не могу изменить значение связанного свойства Light_Brightness_Max при перемещении ползунка мышкой.

фрагмент html кода шаблона объекта:

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

<input type="range" name="brMax" id="rngBrMax" value="%.Light_Brightness_Max%" oninput="setBrMax()" min="0" max="100" step="1">

<script type="text/javascript">
 function setBrMax() {
    var newVal = document.getElementById("rngBrMax").value;
    callMethod('HallLight.SetBrightnessMax', 'param1=newVal');
}
 </script>
javascript вызывает метод объекта HallLight.SetBrightnessMax. Но вместо числового значения передаёт в параметре 'param1' строку 'newVal'

Отвечу сам себе. Проблема была в синтаксисе передачи второго параметра метода callMethod. Т.е. вторым параметром идёт строка вида 'param1=10', где 10 - это значение параметра.
Чтобы всё правильно работало нужно самим сгенерировать строку и передать её вторым параметром. Вот рабочий код:

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

<input type="range" name="brMax" id="rngBrMax" value="%.light_brightness_max%" onchange="setBrMax()" min="0" max="100" step="1">

<script type="text/javascript">
 function setBrMax() 
 {
    var newVal = document.getElementById("rngBrMax").value;
   var par = "param1=" + newVal.toString();
    callMethod('HallLight.SetBrightnessMax', par);
 }
 </script>
Далее в методе "SetBrightnessMax" объекта HallLight (в моём случае) получаем значение ползунка из параметра:

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

$newBr = $params['param1']; 
и дальше используем значение ползунка в переменной $newBr по своему усмотрению.

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

Добавлено: Вт дек 19, 2017 9:02 pm
nick7zmail
И снова рубрика "дело было вечером, делать было...есть чего"))
Добрался я наконец и до тестирования шаблонов класса =) Да и тихо в этой темке))
Просто надоела эта унылая строка в меню...
viber image.jpg
viber image.jpg (10.83 КБ) 8727 просмотров
И захотелось чего нить по-оригинальнее))) Не скажу что сильно "красочно"...но, вроде, вполне себе неплохо =)
111.png
111.png (104.27 КБ) 8727 просмотров
Самое прикольное, что работает везде...и в меню, и в дашборде, и на сценах (правда на сцене, как обычно, со шрифтами фигня какая-то)))
Вот код, кому надо.
Шаблон классаПоказать

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

 <style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
.container {
  background-color: rgba(0, 0, 0, 0.3);
  width: 270px;
  height: 100px;
  border-radius: 15px;
  border:1px solid #444;
}
.container img {
  width: 80px;
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
}
.batt {
  padding-right: 20px;
  padding-top: 15px;
  float: right;
}

.info {
  padding-top: 10px;
  height: 80px;
}
.name {
  font-size: 140%;
  font-family: fantasy;
}
.loc {
  font-size: 100%;
  padding-top: 10px;
  padding-bottom: 10px;

}
.time {
  font-size: 60%;
  color:grey;
}
 </style>


<div class="container">
    <img src="%.user_icon%">
    <div class="batt">
      %.BattLevel% % <span class="batt_icon fa fa-%.BattPic%" aria-hidden="true"></span>
     </div>
    <div class="info">
      <div class="name">%.user_name%</div>
      <div class="loc"><span class="loc_icon fa fa-map-marker" aria-hidden="true"></span> %.seenAt%</div>
      <div class="time"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> %.TimeUpdated%</div>
    </div>
  </div>
Для тех кто ещё не понял - вставлять в шаблоны класса users, у пользователей должны быть свойства (помимо стандартных) user_icon BattPic user_name TimeUpdated. В первом - путь к картинке, остальные, думаю, и так понятно))
В общем пользуйтесь, если надо...если что нить оригинальнее придумаю - выложу...а то этот места многовато занимает, при минимуме информации...

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

Добавлено: Вт дек 19, 2017 10:03 pm
Logrus
СпойлерПоказать
пользователи.PNG
пользователи.PNG (23.54 КБ) 8711 просмотров
с наскока не все получилось, хотя я вроде б все поменял в тексте и шаблоне одинаково
а повторение (Smart Repeat) для этого не увидел
до картинки не дошел, попробовал
СпойлерПоказать
пользователи1.PNG
пользователи1.PNG (22.93 КБ) 8701 просмотр
еще раз, спасибо )))

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

Добавлено: Вт дек 19, 2017 10:06 pm
nick7zmail
Хах)) не учел момент, что имена могут быть гораздо длиннее)) поменять надо размер шрифта вот тут
.name {
font-size: 140%;
font-family: fantasy;
}
ну и путь к картинке указать в свойстве...и пожалуй под ваше меню основной размер чуть уменьшить надо
.container {
width: 270px;
height: 100px
тут

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

Добавлено: Ср дек 20, 2017 2:26 am
igorewa
А у меня стазу несколько проблем. 1я это заряд батареи BattLevel отображается 92.00000166893 ( а в самом модуле iDevices 92 ) и нет данных о последнем обновлении
Снимок экрана 2017-12-20 в 01.17.19.png
Снимок экрана 2017-12-20 в 01.17.19.png (78.08 КБ) 8683 просмотра
Свойства Объект: Alena
СпойлерПоказать
Снимок экрана 2017-12-20 в 01.21.35.png
Снимок экрана 2017-12-20 в 01.21.35.png (177.4 КБ) 8683 просмотра

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

Добавлено: Ср дек 20, 2017 6:14 am
nick7zmail
1) В свойствах батарею округляйте.
2) Время можете указать не %.TimeUpdated% а %.CoordinatesUpdate% в вашем случае.
3) У Вас не записано свойство SeenAt, по-этому местоположение не отображается.
4) В BattPic у меня запихано название иконки из шрифта AwesomeFont.

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

Добавлено: Ср дек 20, 2017 6:23 am
Logrus
4. fa fa-plug
( отвлекли) а вот при нуле какую?