Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Русский
  3. ioBroker
  4. Визуализация
  5. DashUI и другие дополнения визуализации
  6. Вопросы создания интерфейса в DashUI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.3k

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

Geplant Angeheftet Gesperrt Verschoben DashUI и другие дополнения визуализации
27 Beiträge 5 Kommentatoren 17.0k Aufrufe
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • BluefoxB Offline
    BluefoxB Offline
    Bluefox
    schrieb am zuletzt editiert von
    #5

    @skifer:

    2. Как изменить фон в элементе вывода графика? `
    48_grafik.png
    И потом получившийся линк использовать в IFrame виджете.

    > Фон на странице, как?
    48_step1.png
    48_step2.png

    1 Antwort Letzte Antwort
    0
    • E Offline
      E Offline
      electric69
      schrieb am zuletzt editiert von
      #6

      @skifer:

      Я за полгода столько систем умного дома перебрал, что страшно подумать. На старый компьютер ставил и проверял работу одного и того же набора: ардуино с эзернет шилдом, один датчик температуры на нём, реле на два выхода. Везде свои плюсы и минусы. Остановился на ccu.io. Мне она показалось более понятной и лёгкой в настройке. `
      Взаимно.

      У меня этапы были такие:

      1. Самопальная автоматизация на базе роутера MR3020 с опенврт. Работа по крону, визуализация в lighttp+sqlite.

      Что то серьезное замутить - нужны хорошие знания html, javascript, PHP, SQL

      2. Попробовал MajorDoMo. Поначалу просто плакал от счастья, немного погодя от косяков и бардака в моей системе.

      Платформа была RasPi, переехал на кубитрак. Там на форуме есть мои гайды по настройке, запуску.

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

      3. На сайте (точнее форуме) ab-log.ru увидел CCU.IO, зачитался, поставил за 5 мин на малинку - покрутил и понял что это то, что мне надо.

      Единственное что сдерживает, точнее не пускает сразу с головой - нет знаний Javascript.

      4. Параллельно пробую node-red, openHAB.

      @skifer:

      Вчера пришли два температурных датчика. Заказывал ещё до твоего сообщения о дешёвых. Зависла посылка с ещё одной ардуино и датчиками движения, хотя высылали её из Китая раньше температурных датчиков. Буду надеяться, что всё же посылку я получу.)))) `
      Получишь, не беспокойся, я пока (тьфу-тьфу-тьфу) ни одной не терял и мои коллеги/друзья/знакомые (был правда один инцидент - у моего друга посылка пришла чуть оплавлена упаковка, пахло гарью - где то была статья на хабре как на сортировочном почты России в Москве пожар был и посылки сортировали большим трактором с погребашкой :D ).
      @skifer:

      Это хозяйство я планирую прикрутить на роутер WR703N через usb порт - прошивка openWRT. Плюс в наличии 2 web-камеры, блютуз, msp430, герконовый датчик открытия двери. `
      Я работал долгое время с эмуляцией USB-UART. Глючная, блин. Стабильно раз-два в мес. все зависало. Хотя, может, я просто не правильно готовлю?))
      @skifer:

      Хочу ещё Фокса попытать насчёт голосовых команд и голос_от_системы.)))) `
      По поводу проговаривания голосом - все элементарно, есть адаптер textCommands кажется называется. Там в хелпе все расписано. В итоге в переменную отправляешь текст, из динамиков слышишь уже знакомый и приятный голос google-бабоньки.

      По поводу голосовых команд, я пока не разбирался, но вроде есть приложение для андроид - фокс писал и вывкладывал на форуме ab-log.ru. Можно применить альтернативу - таскер называется для андроид опять же, при желании скачать в инете реально ну или купить. Можно ли напрямую подключить к серверу микрофон и обрабатывать голос - не знаю, но думаю пока нет.

      1 Antwort Letzte Antwort
      0
      • S Offline
        S Offline
        skifer
        schrieb am zuletzt editiert von
        #7

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

        1 Antwort Letzte Antwort
        0
        • E Offline
          E Offline
          electric69
          schrieb am zuletzt editiert von
          #8

          @skifer:

          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 и поиграться…

          1 Antwort Letzte Antwort
          0
          • BluefoxB Offline
            BluefoxB Offline
            Bluefox
            schrieb am zuletzt editiert von
            #9

            @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

            1 Antwort Letzte Antwort
            0
            • S Offline
              S Offline
              skifer
              schrieb am zuletzt editiert von
              #10

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

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

              1 Antwort Letzte Antwort
              0
              • BluefoxB Offline
                BluefoxB Offline
                Bluefox
                schrieb am zuletzt editiert von
                #11

                @skifer:

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

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

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

                Ну и, как вариант, воспользоватся Импорт/Экспорт функцией dashui и перенести все странички по одной:
                48_export.png
                Сначала на старой системе выбираем страницу, нажимаем "Экспорт". Копируем всё в буфер обмена.

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

                1 Antwort Letzte Antwort
                0
                • S Offline
                  S Offline
                  skifer
                  schrieb am zuletzt editiert von
                  #12

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

                  1 Antwort Letzte Antwort
                  0
                  • S Offline
                    S Offline
                    skifer
                    schrieb am zuletzt editiert von
                    #13

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

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

                    1 Antwort Letzte Antwort
                    0
                    • aurodionovA Offline
                      aurodionovA Offline
                      aurodionov
                      schrieb am zuletzt editiert von
                      #14

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

                      Пишу с пульта….

                      1 Antwort Letzte Antwort
                      0
                      • BluefoxB Offline
                        BluefoxB Offline
                        Bluefox
                        schrieb am zuletzt editiert von
                        #15

                        @skifer:

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

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

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

                        #dui_container {
                            overflow: hidden;
                        }
                        body {
                            overflow: hidden;
                        }
                        
                        
                        1 Antwort Letzte Antwort
                        0
                        • aurodionovA Offline
                          aurodionovA Offline
                          aurodionov
                          schrieb am zuletzt editiert von
                          #16

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

                          Пишу с пульта….

                          1 Antwort Letzte Antwort
                          0
                          • E Offline
                            E Offline
                            electric69
                            schrieb am zuletzt editiert von
                            #17

                            @aurodionov:

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

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

                            1 Antwort Letzte Antwort
                            0
                            • aurodionovA Offline
                              aurodionovA Offline
                              aurodionov
                              schrieb am zuletzt editiert von
                              #18

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

                              Пишу с пульта….

                              1 Antwort Letzte Antwort
                              0
                              • BluefoxB Offline
                                BluefoxB Offline
                                Bluefox
                                schrieb am zuletzt editiert von
                                #19

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

                                1 Antwort Letzte Antwort
                                0
                                • aurodionovA Offline
                                  aurodionovA Offline
                                  aurodionov
                                  schrieb am zuletzt editiert von
                                  #20

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

                                  1. http://192.168.55.180:8080/dashui/edit.html?phone#home - работает

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

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

                                  как победить

                                  Пишу с пульта….

                                  1 Antwort Letzte Antwort
                                  0
                                  • BluefoxB Offline
                                    BluefoxB Offline
                                    Bluefox
                                    schrieb am zuletzt editiert von
                                    #21

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • aurodionovA Offline
                                      aurodionovA Offline
                                      aurodionov
                                      schrieb am zuletzt editiert von
                                      #22

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

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

                                      Пишу с пульта….

                                      1 Antwort Letzte Antwort
                                      0
                                      • aurodionovA Offline
                                        aurodionovA Offline
                                        aurodionov
                                        schrieb am zuletzt editiert von
                                        #23

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

                                        идём /ccu.io/datastore

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

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

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

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

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

                                        Пишу с пульта….

                                        1 Antwort Letzte Antwort
                                        0
                                        • E Offline
                                          E Offline
                                          electric69
                                          schrieb am zuletzt editiert von
                                          #24

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

                                          Есть переменная, она может принимать значения 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, но в этом случае в переменной надо передавать полный путь, а не только цвет. Такое решение не нравится, хотелось бы подставлять как описал выше…

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

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          479

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe