Web интерфейс CRMui3

[Phazz]

Наткнулся тут на интересный вэбинтерфейс.
Наделал с него немного блоков для тестов.

Пример_CRMui_0.5.1.flp.zip

Библиотека

CRM-UI_v3.zip

Есть одна особенность связаная с редактором. Очередность элементов зависит от очередности добавления их на плату.
При прошивке нужно поменять эти настройки в IDE

2021-07-25_17-56-07.png

[spoiler]Видео https://drive.google.com/file/d/1gNzNog ... p=drivesdk[/spoiler]

[Naladchik]

Скажите возможно будет с него наделать пользовательских блоков?

Довольно таки своеобразная библиотека.
1. WiFi соединение задается в самой библиотеке.
2. Набор элементов на странице формируется в собственной функции а не в секции Setup или Loop программы.
При создании данной функции могут быть конфликты с другими блоками пользовательскими, которые будут создавать свои функции.
И это главная проблема, т.к. конфликты эти отследить будет проблематично.
Хотя если блоки данной библиотеки группировать на отдельной плате, на которой будет только они, с подключенными переменными (клеммами), то может и получилось бы. Надо попробовать, но попозже.
3. Не увидел (возможно плохо искал) возможность поменять состояние элемента (переключателя, ползунка и т.п.) из программы, меняются только со страницы.
4. Заточена под планшеты, компьютеры, т.е. под экраны более менее приличного размера. Для просмотра на телефоне не удобна, экран маловат.

Ну а вообще красивая страничка получается и работает, по ощущениям, получше чем ESPUI.

[Phazz]

[ref]Naladchik[/ref],
Ну в общем сделал блоки Main и WiFi.
Кнопки можно снаружи переключать.
Для телефона действительно крупноваты плитки Но и в espui не лучше с этим.. Размер кнопок настраивается. Пока потихоньку разбираюсь

[Phazz]

Подскажите пожалуйста, как в функцию одного блока вставить код из другого блока?

[AlexCrane]

[ref=#808080]Phazz[/ref], В общем коде для всех блоков в секции Functions открываете функцию, а затем в коде каждого экземпляра в той же секции Functions добавляете код конкретного блока

[Phazz]

[ref]AlexCrane[/ref], Так он создает еще одну функцию с таким же именем. Или я что-то не так делаю?

[AlexCrane]

[ref=#808080]Phazz[/ref], Так нужно?

test_(Code_-_Professional).ubi

[Phazz]

[ref]AlexCrane[/ref], а если несколько функций?

[AlexCrane]

[ref=#808080]Phazz[/ref], Вот тут вопрос к суппорту

[Phazz]

Обновил шапку. Добавил блоки:
Вкладка
Разделитель
WIFI
Карточка переключатель
Уведомления
Ввод строки
Ввод числа
Чекбокс
Таблица
Текстовое поле

[NickNeo]

Обновил шапку. Добавил блоки:
Вкладка
Разделитель
WIFI
Карточка переключатель
Уведомления
Ввод строки
Ввод числа
Чекбокс
Таблица
Текстовое поле

в десктопном браузере(Chrome) почемуто вот так отображается:

Снимок экрана 2021-07-25 211945.png

если зайти мобильным Chrome и поменять какото значение, то и в десктопном нормально отображается...
а в Firefox кнопки некорректно отображаются:

Снимок экрана 2021-07-25 212239.png

[Phazz]

[ref]NickNeo[/ref], это из примера?

Отправлено спустя 54 секунды:
Настройки IDE правильные?

[NickNeo]

Если в блоке Wifi выбрать режим клиент то при компиляции выдает вот такую ошибку:

C:\Users\user\AppData\Local\Temp\flprog\pr5\pr5.ino: In function 'void interface()':
pr5:246:27: error: expected primary-expression before ',' token
246 | crm.wifiForm(WIFI_STA,, "", "WIF_SSID", "WIFI_PASS");
| ^
exit status 1
expected primary-expression before ',' token

если выбрать Клиент+точка то компиляция проходит без ошибок.

В режиме Точка доступанет возможности задать имя сети и пароль, а также ip адрес. Соответственно не получается подключиться к esp (висит на получение ip адреса)

Отправлено спустя 2 минуты 55 секунд:

[ref]NickNeo[/ref], это из примера?

Отправлено спустя 54 секунды:
Настройки IDE правильные?

Да из примера, ничего не менял, просто скомпилировал
настройки да как у вас в первом сообщении указано стоят.

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

Отправлено спустя 15 минут 35 секунд:
Обновил библиотеку , вроде норм стало отображаться..

но проблема с компиляцией в режиме только Клиент осталась

[NickNeo]

Компиляция в режиме только Клиент проходит нормально если в строку с ошибкой добавить недостающие кавычки:
Было:
crm.wifiForm(WIFI_STA,, "", "matrix", "illrusdf");

стало:
crm.wifiForm(WIFI_STA,"", "", "WFI-SSID", "WIFI-pass");

[Phazz]

[ref]NickNeo[/ref], Поправил, в шапке обновил

Отправлено спустя 2 минуты 7 секунд:
Проект активно развивается, поэтому нужно ставить всегда последнюю версию библиотеки.

[NickNeo]

5

Непрочитанное сообщение Phazz » менее минуты назад
NickNeo, Поправил

ага вижу, сейчас компилится...
а задание ip при режиме "Точка доступа" можно добавить? Ну или хотя бы какое-то значение по умолчанию задать, а то не подключается даже...

[Phazz]

В точке доступа IP 192.168.4.1

[NickNeo]

В точке доступа IP 192.168.4.1

понятно, но в если компилить пример из библиотеки (CRM-UI_v3.ino) там да, поднимается точка "MY-AP" и при подключении у нее ip 192.168.4.1
соответственно когда подключаешься телефоном к этой точке, телефон получает ip из этой же подсети..

А если использовать блоки созданные для FLProg то при подключении к точке телефон IP не получает.

[Phazz]

Я подключался раз 100 наверное за это время) Проблем не было. А вай-фай отключен в настройках флпрог?

Отправлено спустя 2 минуты 26 секунд:
Единственное что нужно немного подождать после прошивки пока проинициализируются настройки вай-фай. Секунд 10-15

[JonyBest]

Интерфейс огонь!!! Первые впечатления - очень положительные. Запускал на есп32 в режиме клиент.
Видео из первого поста не открывается.
Вопрос - как задать статический ip адрес?