Страница 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 по своему усмотрению.
Re: Шаблон класса / Class Template
Добавлено: Вт дек 19, 2017 9:02 pm
nick7zmail
И снова рубрика "дело было вечером, делать было...есть чего"))
Добрался я наконец и до тестирования шаблонов класса =) Да и тихо в этой темке))
Просто надоела эта унылая строка в меню...
- viber image.jpg (10.83 КБ) 8727 просмотров
И захотелось чего нить по-оригинальнее))) Не скажу что сильно "красочно"...но, вроде, вполне себе неплохо =)
- 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 (23.54 КБ) 8711 просмотров
с наскока не все получилось, хотя я вроде б все поменял в тексте и шаблоне одинаково
а повторение (Smart Repeat) для этого не увидел
до картинки не дошел, попробовал
- пользователи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 (78.08 КБ) 8683 просмотра
Свойства Объект: Alena
- Снимок экрана 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
( отвлекли) а вот при нуле какую?