ESPUI-Мультиблок

Naladchik · #1

Версия мультиблока на основе библиотеки ESPUI и блоков от User8.
Так как предыдущие версии мультиблока уже в середине ветки от Евгения решил создать свою.
Если происходит конфликт с блоками то пробуйте сначала в проект добавлять их и только потом ESPUI, ну или их выносите на первую плату а на последующих блоки ESPUI.
Важно!
1. Платы, на которых установлены блоки ESPUI, в обязательном порядке должны обработаться в первом цикле после запуска контроллера.
2. При создании на странице (1й программный цикл) таких блоков как Slider, InputText, InputNumber и т.п. на блоке отображается значение по умолчанию (из параметра) и оно же появляется на выходе блока. Значение, если оно уже появилось на входе, запишется в блок и, соответственно, передастся на его выход в следующем программном цикле. Для версии 1.6 не актуально.
3. Библиотека плохо реагирует на одновременный вывод информации сразу на несколько блоков.
4. Библиотека очень чувствительна к качеству WiFi сети (сигнал, скорость), имейте в виду, чуть что - картинка виснет.
5. Если на блоке Graph ничего не отображается - подайте импульс на вход Clear Graph для его очистки.
Да и вообще Graph глючный элемент, никак его разрабы не допилят. Лучше не использовать.
Если кто знает о неиспользованных в данном блоке возможностях библиотеки ESPUI - пишите. По возможности буду дорабатывать.

Предыдущие версииПоказать

Версия мультиблока ESPUI 1.4.

ESPUI_1.4.zip: (5.62 МБ) 186 скачиваний

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

Отличия от предыдущей версии:
1. Встроены детекторы изменения данных на входах блоков.
Обновление блока по фронту на входе Update сохранилось, каким образом обновлять данные - выбирается параметром.
По описаниям параметров все должно быть понятно.
2. Добавил автоматическую расстановку блоков по вкладкам.
Добавляются блоки в проект - оказываются на основной странице, как только добавился блок Tab все последующие блоки будут уже на этой вкладке до появления следующего блока Tab и т.д. Само собой если блок Tab будет первым последующие блоки будут на вкладке.
Возможность ручной расстановки так же сохранилась. Вариант расстановки выбирается параметром.
3. Переделал часть кода, целью было увеличение количества отображаемых блоков на странице, ранее и десятка иногда не набиралось.
Надо проверять получилось или нет.

Блок собран на подправленной библиотеке ESPUI 2.0.2 (заменен один файл, взят из ESPUI 2.0.1). Блоки Pad с такой заменой отображаются корректно.
Необходимые для работы мультиблока библиотеки уже встроены в него, ну и в архив на всякий случай положил, там же и тестовые примеры.
P.S.
Версия, конечно же, корявенькая, причина тут.

Обновление блока, версия мультиблока ESPUI 1.5.

ESPUI_1.5.zip: (6.21 МБ) 1125 скачиваний

Добавлена возможность скрывать элементы.
Работает только с модифицированной библиотекой ESPUI-2_0_2_mod.
Библиотека в архиве и в блоке.

Обновление блока ESPUI_1.5.

ESPUI_1.5+WiFiManager.zip: (2.42 МБ) 355 скачиваний

Интегрирован WiFiManager. Тестировалось как на ESP8266 так и на ESP32.
Для корректной работы отключить стандартные настройки WiFi в FLProg.
Библиотеки в архиве, из блока удалены по причине избыточного веса.
Настройки WiFiManager в своей папке параметров, для сброса настроек отдельный блок.

Когда модифицировал библиотеку неудачно переименовал файлы , из за этого FLProg ругается на отсутствующую библиотеку но все работает.
Когда выйдет новый релиз библиотеки ESPUI, в которой новые функции, добавленные мной, будут добавлены на постоянку (уже есть в мастер-версии), тогда верну все имена файлов обратно и ошибка уйдет.
Для ESP32 работа проверялась с ядром версии 1.0.6. С ядром версии 2.х.х совместимость, в данный момент, отсутствует!!!

Upd 23.07.2021 Исправлена ошибка в блоке ESPUI InputText (спасибо megahamster3) , архив перезалит.
Upd 03.10.2021. Исправлена ошибка в блоке Graph (спасибо DrMario), архивы перезалиты.

Обновление блока, версия мультиблока ESPUI 1.6.
Добавлено:
1. Блоки: Разделитель, Время (позволяет получить текущее время с подключенного устройства).
2. Возможность менять оформление блоков CSS стилями.
3. Отключение компонентов (не совсем понятна надобность но раз есть в библиотеке то и тут пусть будет).
4. Группировка элементов в одном блоке.

группировка, описаниеПоказать

1. Каждый элемент веб страницы, как и сама страница, имеют уникальные номера (ID, присваиваются по порядку инициализации блоков и их элементов, сама страница имеет ID=0) для организации возможности взаимодействия с ними (управление, обратная связь, смена оформления и т.д.).
2. Если элемент имеет возможность стать контейнером для группировки элементов то у него присутствует параметр, в котором его можно назначить инициатором группы. При назначении у него появляется выход, на котором его ID.
3. Если элемент имеет возможность стать членом группы то у него присутствует параметр, в котором его можно объявить членом группы. При этом у него появляется вход, на который нужно передать ID инициатора группы.
3.1 Следует учитывать, что по порядку размещения блоков (по порядку компиляции) ВСЕГДА! должен идти сначала инициатор группы только потом ее члены (для прямых связей данное условие выполнится само, а вот если ID передавать через переменную/клемму то за этим нужно следить).
3.2 При объявлении элемента членом группы у него исчезает параметр title... , т.к. у члена группы его нет (особенность библиотеки).

5. Вертикальная ориентация для слайдера и переключателя.
6. У блока "Ввод текста" появились режимы отображения "Дата", "Время", "Цвет", "Ввод пароля".
7. Для блоков "Переключатель", "Слайдер", "Ввод числа", "Ввод текста" при включенном режиме "обновления по изменению значения на входе" значение со входа передается на выход при инициализации блока (раньше сначала передавалось "Значение при инициализации").
8. Теперь нет надобности задавать максимальное количество вкладок, вычисляется автоматически.
9. ВСЕ! блоки должны располагаться на тех платах, для которых гарантируется их работа при первом программном цикле, иначе просто не выполнится инициализация блоков.

Ну и по классике, какие то косяки убраны, какие то добавлены.
Блок из открытого проекта сохранить в папку с блоками,

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

Правой кнопкой в проекте по любому блоку из состава мультиблока.
Если именно такого мультиблока в библиотеке нет, то появится пункт в меню "Добавить в библиотеку".

библиотеки из архива распаковать в папку с библиотеками (а вдруг кто то этого не знает).

ESPUI 1.6-Test_group.rar: (212.67 КБ) 438 скачиваний

libraries_06.02.23.zip: (2.03 МБ) 241 скачивание

_
Upd 28.09.22 Исправления выявленных ошибок/недочетов.

ESPUI_1.6.1___WiFiManager_(Code_-_Professional).zip: (267.99 КБ) 182 скачивания

Upd. 04.01.23 Исправлена ошибка в блоке Select (спасибо DrMario).

ESPUI_1.6.2___WiFiManager_(Code_-_Professional).zip: (345.27 КБ) 176 скачиваний

Upd 15.05.23 Исправлена ошибка в блоке InputText (спасибо RedSky).

ESPUI_1.6.3___WiFiManager_(Code_-_Professional).zip: (268.73 КБ) 110 скачиваний

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

Upd 06.01.24 Исправлена ошибка в блоке InputText (спасибо selihov).

ESPUI_1.6.4___WiFiManager_(Code_-_Professional).zip: (269.28 КБ) 66 скачиваний

_
Прошу обратить внимание!
Использование в одном проекте блоков из мультиблоков разных версий НЕДОПУСТИМО!!!
Ошибки при компиляции проекта!

koroleves · #81

сообщение стерто

DrMario · #82

Не работает вход Set Point в блоке графика. Значения не отображаются совсем, по шкале Y всегда NAN. Проверял на ESPUI_1.5

#83

Naladchik писал(а): ↑
05.06.2021{, 18:27}
Если происходит конфликт с блоками типа WiFiManager

Испытайте ESPUI с этой библиотекой WiFiManager. viewtopic.php?f=71&t=7599&p=107201#p107109

Naladchik · #84

DrMario писал(а): ↑
03.10.2021{, 05:17}
Не работает вход Set Point в блоке графика

Спасибо, ошибку нашел. Была еще в версии 1.4, оказалось причина в одинаковых имени параметра и имени входа (проглядел, когда наводил косметику), в итоге ошибка переползла и в 1.5. Исправил в обоих версиях.

Отправлено спустя 32 минуты 15 секунд:
aidar_i,
Ответил в личку.

#85

Naladchik писал(а): ↑
05.06.2021{, 18:27}
Если происходит конфликт с блоками типа WiFiManager WebUpdate и подобным то пробуйте сначала в проект добавлять их и только потом ESPUI, ну или их выносите на первую плату а на последующих блоки ESPUI.

Разбирался снова , почему появляется ошибка типа:

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

In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:62:18: error: 'HTTP_GET' conflicts with a previous declaration
62 | HTTP_GET = 0b00000001,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:29: note: previous declaration 'HTTPMethod HTTP_GET'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };
| ^~~~~~~~
In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:63:18: error: 'HTTP_POST' conflicts with a previous declaration
63 | HTTP_POST = 0b00000010,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:50: note: previous declaration 'HTTPMethod HTTP_POST'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };
| ^~~~~~~~~
In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:64:18: error: 'HTTP_DELETE' conflicts with a previous declaration
64 | HTTP_DELETE = 0b00000100,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:83: note: previous declaration 'HTTPMethod HTTP_DELETE'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };
| ^~~~~~~~~~~
In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:65:18: error: 'HTTP_PUT' conflicts with a previous declaration
65 | HTTP_PUT = 0b00001000,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:61: note: previous declaration 'HTTPMethod HTTP_PUT'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };
| ^~~~~~~~
In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:66:18: error: 'HTTP_PATCH' conflicts with a previous declaration
66 | HTTP_PATCH = 0b00010000,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:71: note: previous declaration 'HTTPMethod HTTP_PATCH'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };
| ^~~~~~~~~~
In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:67:18: error: 'HTTP_HEAD' conflicts with a previous declaration
67 | HTTP_HEAD = 0b00100000,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:39: note: previous declaration 'HTTPMethod HTTP_HEAD'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };
| ^~~~~~~~~
In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:68:18: error: 'HTTP_OPTIONS' conflicts with a previous declaration
68 | HTTP_OPTIONS = 0b01000000,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:96: note: previous declaration 'HTTPMethod HTTP_OPTIONS'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };
| ^~~~~~~~~~~~
In file included from C:\Users\��\Documents\Arduino\libraries\ESPUI-2_0_2_mod\src/ESPUI-mod.h:24,
from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:4:
C:\Users\��\Documents\Arduino\libraries\ESPAsyncWebServer\src/ESPAsyncWebServer.h:69:18: error: 'HTTP_ANY' conflicts with a previous declaration
69 | HTTP_ANY = 0b01111111,
| ^~~~~~~~~~
In file included from C:\Users\Айдар\Documents\Arduino\sketch_oct04a\sketch_oct04a.ino:3:
C:\Users\��\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2\libraries\ESP8266WebServer\src/ESP8266WebServer.h:47:19: note: previous declaration 'HTTPMethod HTTP_ANY'
47 | enum HTTPMethod { HTTP_ANY, HTTP_GET, HTTP_HEAD, HTTP_POST, HTTP_PUT, HTTP_PATCH, HTTP_DELETE, HTTP_OPTIONS };

Нашел в в интернете такую рекомендацию : поставить первым строку #define WEBSERVER_H, ошибки пропали,немного ругается на SPIFFS, но компиляция идет корректно.
При включении клиента появляется ошибка : Компилятор ругается на метод HTTP_ANY, говорит не декларируется он здесь.
Библиотеки FLProg располагает так:

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

#include <ESP8266WiFi.h>
#include <ESPUI-mod.h>
#include <WiFiManager.h>
#include <Ticker.h>
#include <WiFiUdp.h>
#include <ESP8266mDNS.h>
#include <ESP8266WebServer.h>
#include <ArduinoOTA.h>
#include <DNSServer.h>

Нужно всего то переставить строку вперед после #include <ESP8266WiFi.h>

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

#define WEBSERVER_H // эту строку добавить
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h> //переставил
#include <ESPUI-mod.h>
#include <WiFiManager.h>
#include <Ticker.h>
#include <WiFiUdp.h>
#include <ESP8266mDNS.h>
#include <ArduinoOTA.h>
#include <DNSServer.h>

Если у Вас точка доступа или не используется штатные настройки (там нет #include <ESP8266WiFi.h>), то поставить #include <ESP8266WebServer.h> после #include <WiFiManager.h>, но выше #include <ESPUI-mod.h> .

#86

Пример

ESP_ESPUI_1.5.1.rar: (1.45 МБ) 68 скачиваний

Здесь не надо библиотеки переставлять.
Добавить в начале скетча только #define WEBSERVER_H.
Запустил пример уже без изменений библиотек, выложенных здесь , на плате ESP8266 2.6.3.
Данный способ можно применять и при других случаях, когда появляется аналогичная ошибка компиляции.

chess · #87

aidar_i писал(а): ↑
04.10.2021{, 23:19}
Пример
ESP_ESPUI_1.5.1.rar
(1.45 МБ) 5 скачиваний

aidar_i, а где библиотеку взять:

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

#88

chess писал(а): ↑
05.10.2021{, 15:21}
aidar_i, а где библиотеку взять

в первом сообщении в этой теме ESPUI_1.5.zip
И WiFiManager отсюда

Naladchik · #89

DrMario · #90

Если на одну вкладку положить график и вывод текста, то график не обновляется. Это только у меня такое?

Naladchik · #91

DrMario,
проект скиньте, желательно проблемную часть, посмотрю.

DrMario · #92

Да проект даже не нужен. Попробуйте на одной вкладке поместить блок вывода текста и график. У меня почему то одновременно блоки не работ, график даже не разворачивается.

Naladchik · #93

DrMario писал(а): ↑
07.10.2021{, 09:12}
Да проект даже не нужен...

Вообще то нужен. Объясняю. У каждого блока есть настройки и далеко не одна. Я ведь не знаю при какой конфигурации блоков у Вас происходит проблема.
Вы предлагаете мне перебирать все конфигурации? Для Вас так сложно накидать проект из пары блоков, где Вы нашли проблему чтоб мне ее локализовать?
Что такое блок "Вывод текста"? Вы про блок Label или InputText? Даже на этой фразе уже вопросы.

DrMario · #94

Посмотрите график на первой вкладке. Вместо значения подайте рандомный блок

Naladchik · #95

DrMario писал(а): ↑
07.10.2021{, 10:31}
Посмотрите график на первой вкладке. Вместо значения подайте рандомный блок

Проверил, проблем не обнаружено.

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

DrMario · #96

Возможно я не точно изложил проблему. У меня не работает одновременно график и вывод текста, когда меняются значения на датчике

Naladchik · #97

Naladchik писал(а): ↑
07.10.2021{, 14:06}
У меня не работает одновременно...

То, что одновременных вывод на несколько блоков работает очень плохо я заметил, когда пытался менять цвет сразу на нескольких блоках (ради интереса накидайте проект и посмотрите как тормознуто это происходит). Так что тут только разделять. Сначала данные на один блок, потом на другой.
В случае 2х блоков проще всего использовать несимметричный мультивибратор с небольшой длиной импульса, где информация по фронту будет отправляться в один блок а по спаду (через FTrig) в другой.
Между прочим, а зачем на первой плате у Вас последовательно включены 2 FTrig? Какой смысл?
И еще, блокам ESPUI на дискретных входах триггеры не нужны, так как они уже там стоят.

DrMario · #98

Naladchik писал(а): ↑
07.10.2021{, 18:10}
Между прочим, а зачем на первой плате у Вас последовательно включены 2 FTrig? Какой смысл?
И еще, блокам ESPUI на дискретных входах триггеры не нужны, так как они уже там стоят.

По двум последовательным триггерам перебор - сработала привычка. По входам блоков в справке не указано, а в код не заглядывал.
Спасибо за подсказку, выкину лишнее.

Naladchik · #99

DrMario писал(а): ↑
07.10.2021{, 19:39}
... По входам блоков в справке не указано...

Первое сообщение в теме, спойлер, п.1. Подразумевалось что все входа имеют детекторы.

Naladchik · #100

Интегрировал WiFiManager в мультиблок ESPUI.
Выложен в первом сообщении. Тестируйте.

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

Спасибо Айдару aidar_i за исходные данные и рекомендации.