Web интерфейс CRMui3

#1

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

Пример_CRMui_0.5.1.flp.zip: (77.43 КБ) 113 скачиваний

Библиотека

CRM-UI_v3.zip: (209.45 КБ) 99 скачиваний

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

СпойлерПоказать

Видео

Naladchik · #2

Phazz писал(а): ↑
07.07.2021{, 22:34}
Скажите возможно будет с него наделать пользовательских блоков?

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

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

#3

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

#4

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

#5

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

#6

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

#7

Phazz, Так нужно?

test_(Code_-_Professional).ubi: (167.31 КБ) 62 скачивания

#8

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

#9

Phazz, Вот тут вопрос к суппорту

#10

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

NickNeo · #11

Phazz писал(а): ↑
25.07.2021{, 15:49}
Обновил шапку. Добавил блоки:
Вкладка
Разделитель
WIFI
Карточка переключатель
Уведомления
Ввод строки
Ввод числа
Чекбокс
Таблица
Текстовое поле

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

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

#12

NickNeo, это из примера?

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

NickNeo · #13

Если в блоке 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 секунд:

Phazz писал(а): ↑
25.07.2021{, 20:58}
NickNeo, это из примера?

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

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

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

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

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

NickNeo · #14

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

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

#15

NickNeo, Поправил, в шапке обновил

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

NickNeo · #16

Phazz писал(а): ↑
25.07.2021{, 21:29}
5

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

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

#17

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

NickNeo · #18

Phazz писал(а): ↑
25.07.2021{, 21:48}
В точке доступа IP 192.168.4.1

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

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

#19

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

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

JonyBest · #20

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