Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    668

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

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

Geplant Angeheftet Gesperrt Verschoben DashUI и другие дополнения визуализации
27 Beiträge 5 Kommentatoren 17.5k 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

                                        Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                        Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                        Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                        Registrieren Anmelden
                                        Antworten
                                        • In einem neuen Thema antworten
                                        Anmelden zum Antworten
                                        • Älteste zuerst
                                        • Neuste zuerst
                                        • Meiste Stimmen


                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        560

                                        Online

                                        32.7k

                                        Benutzer

                                        82.6k

                                        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