Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Русский
    3. ioBroker
    4. Визуализация
    5. DashUI и другие дополнения визуализации
    6. Вопросы создания интерфейса в DashUI

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • Bluefox
      Bluefox last edited by

      @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 Reply Last reply Reply Quote 0
      • S
        skifer last edited by

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

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

        1 Reply Last reply Reply Quote 0
        • Bluefox
          Bluefox last edited by

          @skifer:

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

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

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

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

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

          1 Reply Last reply Reply Quote 0
          • S
            skifer last edited by

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

            1 Reply Last reply Reply Quote 0
            • S
              skifer last edited by

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

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

              1 Reply Last reply Reply Quote 0
              • aurodionov
                aurodionov last edited by

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

                1 Reply Last reply Reply Quote 0
                • Bluefox
                  Bluefox last edited by

                  @skifer:

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

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

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

                  #dui_container {
                      overflow: hidden;
                  }
                  body {
                      overflow: hidden;
                  }
                  
                  
                  1 Reply Last reply Reply Quote 0
                  • aurodionov
                    aurodionov last edited by

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

                    1 Reply Last reply Reply Quote 0
                    • E
                      electric69 last edited by

                      @aurodionov:

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

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

                      1 Reply Last reply Reply Quote 0
                      • aurodionov
                        aurodionov last edited by

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

                        1 Reply Last reply Reply Quote 0
                        • Bluefox
                          Bluefox last edited by

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

                          1 Reply Last reply Reply Quote 0
                          • aurodionov
                            aurodionov last edited by

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

                            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 Reply Last reply Reply Quote 0
                            • Bluefox
                              Bluefox last edited by

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

                              1 Reply Last reply Reply Quote 0
                              • aurodionov
                                aurodionov last edited by

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

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

                                1 Reply Last reply Reply Quote 0
                                • aurodionov
                                  aurodionov last edited by

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

                                  идём /ccu.io/datastore

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

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

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

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

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

                                  1 Reply Last reply Reply Quote 0
                                  • E
                                    electric69 last edited by

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

                                    Есть переменная, она может принимать значения 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 Reply Last reply Reply Quote 0
                                    • Bluefox
                                      Bluefox last edited by

                                      @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 Reply Last reply Reply Quote 0
                                      • E
                                        electric69 last edited by

                                        @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 Reply Last reply Reply Quote 0
                                        • B
                                          bzaugolnov last edited by

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

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

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

                                          1 Reply Last reply Reply Quote 0
                                          • First post
                                            Last post

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          698
                                          Online

                                          31.6k
                                          Users

                                          79.6k
                                          Topics

                                          1.3m
                                          Posts

                                          5
                                          27
                                          15775
                                          Loading More Posts
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          The ioBroker Community 2014-2023
                                          logo