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
    #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
                                  • BluefoxB Offline
                                    BluefoxB Offline
                                    Bluefox
                                    schrieb am zuletzt editiert von
                                    #25

                                    @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" (например в скрипте) и для значений пишут "" и т.д.

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

                                      @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" и передаю ему строчку с полным путем до иконки. Получилось как костыль (лишняя переменная), но работает.

                                      1 Antwort Letzte Antwort
                                      0
                                      • B Offline
                                        B Offline
                                        bzaugolnov
                                        schrieb am zuletzt editiert von
                                        #27

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

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

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

                                        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

                                        514

                                        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