GyverPortal - простой конструктор веб интерфейса.

ibalabanov · Сообщение **ibalabanov** » 25 май 2022, 21:37

Что то не соображу как это сделать)

Отправлено спустя 1 час 19 секунд:

ibalabanov писал(а): 25 май 2022, 20:37 Что то не соображу как это сделать)

Сделал

ArtemArable · Сообщение **ArtemArable** » 25 май 2022, 21:39

Понравилось. Надо развивать. Автору респект.

Сообщение **aidar_i** » 26 май 2022, 10:36

Обновил файлы здесь.
Все старое удалите, в примерах настройки стоят по умолчанию , в скетче " ", в параметр Настройки поставьте нужные вам настройки через пробел.
Например, для круглой кнопки: width150 height150 fontred_a5381b backgroundblue_264280 borderradius75

Создание круглого компонента.flp

[spoiler]

Круглая кнопка.png

[/spoiler]

ArtemArable · Сообщение **ArtemArable** » 26 май 2022, 11:14

На работе для графического представления SCADA использую программу Draw.io. Большая библиотека готовых элементов, если нет - легко создаётся.
Может и в данном деле пригодиться.

Oleg · Сообщение **Oleg** » 26 май 2022, 13:55

Добрый день. Вот сраницы с прошивками для ESP32 и ESP8266 одной и той же проги ПБ Обновление настройки.flp

Отправлено спустя 1 час 6 минут 49 секунд:
У меня плата D1MINI так с ней очень туго идет обновление страницы. А если в ручную обновить вообще виснет и отваливается .

Отправлено спустя 5 минут 49 секунд:
На ESPЗ2 все шустро открывается. Но не отображается инфа со входов блоков.
[spoiler]

ESP8266.png

ESP32.png

[/spoiler]

Сообщение **aidar_i** » 26 май 2022, 14:51

Oleg писал(а): 26 май 2022, 13:55 не отображается инфа со входов блоков.

Автор пишет не все поддерживается в ЕСП32.
Со входа должен отображаться.
Проверю.
Если подождать немного, все равно нет?

Oleg · Сообщение **Oleg** » 26 май 2022, 16:33

Да не отображается и с учетом времени.

ArtemArable · Сообщение **ArtemArable** » 27 май 2022, 16:47

А есть рабочий пример?
Не работает вывод данных в UART. Wemos D1 Mini Pro. Тянул со слайдера, полей ввода даты, времени.

Сообщение **aidar_i** » 27 май 2022, 19:10

ArtemArable писал(а): 27 май 2022, 16:47 А есть рабочий пример?
Не работает вывод данных в UART. Wemos D1 Mini Pro. Тянул со слайдера, полей ввода даты, времени.

Лучше свой проект выложите, так проще проверить и исправить.

ArtemArable · Сообщение **ArtemArable** » 27 май 2022, 20:35

aidar_i писал(а): 27 май 2022, 19:10
ArtemArable писал(а): 27 май 2022, 16:47 А есть рабочий пример?
Не работает вывод данных в UART. Wemos D1 Mini Pro. Тянул со слайдера, полей ввода даты, времени.
Лучше свой проект выложите, так проще проверить и исправить.

Это простой проект для пробы вывода данных с Web/

ibalabanov · Сообщение **ibalabanov** » 28 май 2022, 20:26

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

Сообщение **aidar_i** » 29 май 2022, 07:20

ArtemArable писал(а): 27 май 2022, 20:35
aidar_i писал(а): 27 май 2022, 19:10
ArtemArable писал(а): 27 май 2022, 16:47 А есть рабочий пример?
Не работает вывод данных в UART. Wemos D1 Mini Pro. Тянул со слайдера, полей ввода даты, времени.
Лучше свой проект выложите, так проще проверить и исправить.
Это простой проект для пробы вывода данных с Web/

Уберите блоки режима обновления. Оставьте только слайдер, он у Вас из режима Клик, срабатывает при изменении положения движка.

Отправлено спустя 1 минуту 20 секунд:

ibalabanov писал(а): 28 май 2022, 20:26 А можно сделать так, что бы при перетаскивании слайдера, значение отображалось сразу а не после отпускания его?

Можно, но нужно сделать

ArtemArable · Сообщение **ArtemArable** » 29 май 2022, 20:38

Пытаюсь сваять у сдайдера вход стартового значения. Но при перезагрузке ESP или обновлении страницы на выходе блока значение 0.
Для реальных проектов такой вход нужен.

Отправлено спустя 47 минут 12 секунд:
Что то получилось.

Отправлено спустя 18 минут 1 секунду:
Еще пример.

Сообщение **aidar_i** » 29 май 2022, 20:44

ibalabanov писал(а): 28 май 2022, 20:26 А можно сделать так, что бы при перетаскивании слайдера, значение отображалось сразу а не после отпускания его?

В файле GyverPortal.h в функции
void SLIDER(const char* name, int value, int min, int max, int step = 1) {
......
_gp_sptr += F("\" onchange=\"GP_click(this)\">\n");
......
}
замените onchange на oninput.
Проверите, отпишитесь

ibalabanov · Сообщение **ibalabanov** » 29 май 2022, 21:45

aidar_i писал(а): 29 май 2022, 20:44
ibalabanov писал(а): 28 май 2022, 20:26 А можно сделать так, что бы при перетаскивании слайдера, значение отображалось сразу а не после отпускания его?
В файле GyverPortal.h в функции
void SLIDER(const char* name, int value, int min, int max, int step = 1) {
......
_gp_sptr += F("\" onchange=\"GP_click(this)\">\n");
......
}
замените onchange на oninput.
Проверите, отпишитесь

Спасибо) попробую отпишусь)

Сообщение **aidar_i** » 30 май 2022, 08:02

Сам уже исправил и проверил, работает.В первом сообщении выложил.

Изменил цвет положения ползунка в темной теме

ArtemArable · Сообщение **ArtemArable** » 30 май 2022, 08:43

aidar_i писал(а): 30 май 2022, 08:02 Сам уже исправил и проверил, работает. Выложил файл библиотеки, замените его в библиотеке.
GyverPortal.h

1. Планируете Вы как автор дополнить блоки входами предустановки? Пример выложил выше. В практике необходимо для сохранения настроек.
2. Планируете расширять набор блоков в соответствии с первоисточником? В частности, трендами.

Сообщение **aidar_i** » 30 май 2022, 09:26

ArtemArable писал(а): 30 май 2022, 08:43 1. Планируете Вы как автор дополнить блоки входами предустановки? Пример выложил выше. В практике необходимо для сохранения настроек.

Вот блок для слайдера, подправил Вашу. Да, нужно все аналогично сделать, может поможете?

Слайдер со стартовым значением.flp

Удалите в ПБ и добавьте эту.

ArtemArable · Сообщение **ArtemArable** » 30 май 2022, 09:30

aidar_i писал(а): 30 май 2022, 09:26
ArtemArable писал(а): 30 май 2022, 08:43 1. Планируете Вы как автор дополнить блоки входами предустановки? Пример выложил выше. В практике необходимо для сохранения настроек.
Вот блок для слайдера, подправил Вашу. Да, нужно все аналогично сделать, может поможете?
Слайдер со стартовым значением.flp

Постараюсь как могу, но я делитант в ПО. Но, думаю, направление перспективно. Штатный Web интерфейс трудоёмок для быстрого создания проектов.

Сообщение **aidar_i** » 30 май 2022, 13:51

Блок для настройки страницы: цвета фона , высоту и цвет и стиль шрифтов и тп

Настройки страницы BODY.flp

Ставьте блок add.BODY(......) после add.THEME(......);
Для фона создайте дополнительно сами классы с нужными цветами в файле themes.h
".backgroundgreen_4CAF50 {background-color:#4CAF50!important;}\n"
меняя эти выделенные названия и хекс код цвета.
Библиотеку с последними изменениями выложу в первую тему 6 версия.

Отправлено спустя 11 минут :
Всё на этом нужно остановиться, думаю. Что то затянуло. Эстафету примите

FlProg