Страница 3 из 25

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

Добавлено: 25 май 2022, 21:37
ibalabanov
Что то не соображу как это сделать)

Отправлено спустя 1 час 19 секунд:
ibalabanov писал(а): 25 май 2022, 20:37 Что то не соображу как это сделать)
Сделал :smile9:

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

Добавлено: 25 май 2022, 21:39
ArtemArable
Понравилось. Надо развивать. Автору респект.

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

Добавлено: 26 май 2022, 10:36
aidar_i
Обновил файлы здесь.
Все старое удалите, в примерах настройки стоят по умолчанию , в скетче " ", в параметр Настройки поставьте нужные вам настройки через пробел.
Например, для круглой кнопки: width150 height150 fontred_a5381b backgroundblue_264280 borderradius75
Создание круглого компонента.flp
[spoiler]
Круглая кнопка.png
[/spoiler]

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

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

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

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

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

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

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

Добавлено: 26 май 2022, 14:51
aidar_i
Oleg писал(а): 26 май 2022, 13:55 не отображается инфа со входов блоков.
Автор пишет не все поддерживается в ЕСП32.
Со входа должен отображаться.
Проверю.
Если подождать немного, все равно нет?

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

Добавлено: 26 май 2022, 16:33
Oleg
Да не отображается и с учетом времени.

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

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

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

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

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

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

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

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

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

Добавлено: 29 май 2022, 07:20
aidar_i
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 А можно сделать так, что бы при перетаскивании слайдера, значение отображалось сразу а не после отпускания его?
Можно, но нужно сделать :)

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

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

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

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

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

Добавлено: 29 май 2022, 20:44
aidar_i
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.
Проверите, отпишитесь

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

Добавлено: 29 май 2022, 21:45
ibalabanov
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.
Проверите, отпишитесь
Спасибо) попробую отпишусь)

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

Добавлено: 30 май 2022, 08:02
aidar_i
Сам уже исправил и проверил, работает.В первом сообщении выложил.

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

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

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

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

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

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

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

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

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

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