Вопросы создания интерфейса в DashUI

electric69

electric69, а noolite не использовал? На мэджэрдомо форуме хвалят эту нашу минскую контору. Как-нибудь прикуплю пару выключателей и попробую подключить в систему. Пугают помехи на частоте работе данного оборудования. `
Да, много читал, смотрел видео. Останавливает на попробовать сейчас проблемы с финансами (перешел на др. работу - жду первой ЗП) и некоторые нюансы:

1. в многоквартирном доме много шума на 433МГц

2. протокол не защищен - есть случаи взлома.

3. нет обратной связи…

Вроде хотят 2-ую версию выпустить скоро - там решат вопросы с шифрованием и обратной связью.

Была идея купить на тесты http://intelmart.ru/product_info.php?products_id=33, http://intelmart.ru/product_info.php?products_id=845, силовой блок http://intelmart.ru/product_info.php?products_id=45 и кнопочный пост http://intelmart.ru/product_info.php?products_id=180.

USB-свисток подключить к cubietruck, благо есть драйвера на linux и поиграться…

Bluefox

~~@skifer:~~

3. Большая тема и вопрос - сценарии. Запуск и остановка по некоторому событию - это отдельный модуль в папке scripts с условиями и параметрами? Как реализовать выполнение при нажатии на кнопку и остановка сценария по повторному нажатию? Есть такое в примерах - кнопочка с галочкой. `
Это скрипты.

var isRolloScenario = true;

setObject(100021, {
    Name: "ScenarioActive",
    TypeName: "VARDP"
}, function () {
   setState(100021, isRolloScenario);
});

on(100021, function (obj) {
      isRolloScenario  = (obj.newState.value === true || obj.newState.value === "true" || obj.newState.value == 1);
});

// Каждый день в 7:30 Открывать жалюзи на 100%
shedule("30 7 * * *", function () {
     // Только если сценарий активен
     if (isRolloScenario) {
         setState(12345, 1);   // жалюзи в зале
         setState(12346, 1);   // жалюзи на кухне
     }
});
// Каждый день в 19:30 закрывать жалюзи на 10%
shedule("30 19 * * *", function () {
     // Только если сценарий активен
     if (isRolloScenario) {
         setState(12345, 0.1);   // жалюзи в зале
         setState(12346, 0.1);   // жалюзи на кухне
     }
});

В примере на сайте использовались специальные сценарии, которые Homematic(Система автоматизации дома, как KNX) поддерживает сам. Тебе необходимо эти сценарии запрограммировать самому.

> 4\. Открытия окошек по нажатию кнопок с графиками. Какой элемент?
hqWidgets / Charts

skifer

А как перенести интерфейс из одного места и развернуть на другом ccu.oi сервере?

Платформа (win –> linux) имеет значение?

Bluefox

~~@skifer:~~

А как перенести интерфейс из одного места и развернуть на другом ccu.oi сервере?

Платформа (win –> linux) имеет значение? `
Самый простой способ - сделать в ccu.io бэкап и восстановить его на новой системе.

Посложнее, это ручками скопировать файл из datastore (что то с dashui-views.json) с одной системы в другую.

Ну и, как вариант, воспользоватся Импорт/Экспорт функцией dashui и перенести все странички по одной:

Сначала на старой системе выбираем страницу, нажимаем "Экспорт". Копируем всё в буфер обмена.

Потом на новой системе нажимаем "Импорт", вводим внизу название страницы и вставляем сверху содержимое буфера.

skifer

Скопировать ручками наиболее лёгкий.))) Вечером попробую развернуть в новом месте. Спасибо.
493_cuxd_protokoll.jpg
493_cuxd_ger_te.jpg

skifer

Фон страницы стабильно блэк установить как-то можно, без градиентов? Придумал только натянуть картинку с блэк заливкой.

Как можно жёстко задать границы страницы. Выставляю шаблоном ipad, открываю в ipad'e и могу сдвигать всё окно вправо и вижу кнопку РЕДАКТИРОВАТЬ. Не айс.
909_image.png

aurodionov

По разрешению, смотрел сколь тянет девайс и выставлял.
493_enum_heizung.jpg

Bluefox

~~@skifer:~~

Фон страницы стабильно блэк установить как-то можно, без градиентов? Придумал только натянуть картинку с блэк заливкой. `

~~@skifer:~~

Как можно жёстко задать границы страницы. Выставляю шаблоном ipad, открываю в ipad'e и могу сдвигать всё окно вправо и вижу кнопку РЕДАКТИРОВАТЬ. Не айс. `
Можно только нарисовать границы. Выход только один: не рисовать за границами экрана ничего.

Ну или танцы с бубном и перeгрузить css дляв css/dashui-user.css

#dui_container {
    overflow: hidden;
}
body {
    overflow: hidden;
}

aurodionov

Bluefo, подскажите куда дашь складывает странички , ошибся с меню ,теперь не могу зайти в редактирование

electric69

~~@aurodionov:~~

Bluefo, подскажите куда дашь складывает странички , ошибся с меню ,теперь не могу зайти в редактирование `
В URL index.html поменяйте на edit.html перед символом "?"

Смотри на http://www.youtube.com/watch?v=SztQvWVttnM&list=PLhZP6yZlpKQ_MLdWUIs-dKBhqxBJAT4Jz по временной линейке на 18.35.

aurodionov

Это да, так и редактировал. Напутал со ссылками не могу зайти.

Bluefox

http://ipaddr:8080/dashui/edit.html

aurodionov

не все так просто , есть гуй для двух девайсов

http://192.168.55.180:8080/dashui/edit.html?phone#home - работает
http://192.168.55.180:8080/dashui/edit.html#Home - не заходит ,не даёт редактировать

причём http://192.168.55.180:8080/dashui/index.html#Home заходит и щёлкает кнопки ,обновляет инфу

как победить

Bluefox

Скорее всего там JavaScript ошибка. Можешь прислать мне snapshot я смогу ошибку воспроизвести. http://dashui.ccu.io/#manual

aurodionov

Вобщем проблема решилась после полной перезагрузки машины на которой установлена система.

Что это было так и не понял.

aurodionov

Оставлю себе памятку, если не редактируется дашь

идём /ccu.io/datastore

находим два файла

dashui-views.json , dashui-views.json.bak в них лежат профили для отображения на устройствах ,если устройств больше одного будут и другие файлы

делаем копию и прибиваем

кидаем с резервной копии или с чистой установки - :) вуаля

недастаток прийдётся ваять все по новой или с последнего сохранения

electric69

Как отображать динамическую картинку?

Есть переменная, она может принимать значения green/yellow/red.

В директорию /dashui/img скопировал иконки png с именами system_green.png, system_yellow.png, system_red.png.

Какой виджет можно использовать, чтобы в зависимости от состояния переменной - показывалась соответствующая картинка?

Пробовал модуль basic - val String (unescaped), при этом "html_prepend= "html_append=.png>" и сама переменная принимает значения соотв. цвета - но так не работает почему то((

Есть еще виджет basic - String img src, но в этом случае в переменной надо передавать полный путь, а не только цвет. Такое решение не нравится, хотелось бы подставлять как описал выше…

Что посоветуете?

Bluefox

~~@electric69:~~

Как отображать динамическую картинку?

Есть переменная, она может принимать значения green/yellow/red.

В директорию /dashui/img скопировал иконки png с именами system_green.png, system_yellow.png, system_red.png.

Какой виджет можно использовать, чтобы в зависимости от состояния переменной - показывалась соответствующая картинка?

Пробовал модуль basic - val String (unescaped), при этом "html_prepend= "html_append=.png>" и сама переменная принимает значения соотв. цвета - но так не работает почему то((

Есть еще виджет basic - String img src, но в этом случае в переменной надо передавать полный путь, а не только цвет. Такое решение не нравится, хотелось бы подставлять как описал выше…

Что посоветуете? `
Для таких целей существует ValueList HTML 8. Для этого переменную из "green/yellow/red" нужно переделать в "0/1/2" (например в скрипте) и для значений пишут "" и т.д.

electric69

~~@Bluefox:~~

~~@electric69:~~

Как отображать динамическую картинку?

Есть переменная, она может принимать значения green/yellow/red.

В директорию /dashui/img скопировал иконки png с именами system_green.png, system_yellow.png, system_red.png.

Какой виджет можно использовать, чтобы в зависимости от состояния переменной - показывалась соответствующая картинка?

Пробовал модуль basic - val String (unescaped), при этом "html_prepend= "html_append=.png>" и сама переменная принимает значения соотв. цвета - но так не работает почему то((

Есть еще виджет basic - String img src, но в этом случае в переменной надо передавать полный путь, а не только цвет. Такое решение не нравится, хотелось бы подставлять как описал выше…

Что посоветуете? Для таких целей существует ValueList HTML 8\. Для этого переменную из "green/yellow/red" нужно переделать в "0/1/2" (например в скрипте) и для значений пишут "![](/dashui/img/state/system_green.png)" и т.д.
Я воспользовался модулем "basic val - String img scr" и передаю ему строчку с полным путем до иконки. Получилось как костыль (лишняя переменная), но работает.

bzaugolnov

Подскажите, каким элементом DashUI можно воспользоваться для реализации следующей задумки:

Есть клапан, который можно открывать / закрывать. У него есть состояния открыт/закрыт/закрывается/открывается (есть датчики).

Хотелось чтобы в dushUI это выглядело в виде кнопки "Открыть" (если состояние "Закрыт") , при нажатии на которую она запускала бы сценарий открытия, а когда клапан полностью откроется, кнопка меняла бы надпись на "Закрыть". А при последующем нажатии запускался бы сценарий закрытия.

Community Forum

NEWS

Вопросы создания интерфейса в DashUI

Support us

597

32.5k

81.6k

1.3m