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

Сообщение **Rovki** » 14 сен 2022, 18:25

Naladchik писал(а): 14 сен 2022, 18:17
Rovki писал(а): 13 сен 2022, 20:00 ... espui, но там нет обновления по воздуху...
Откуда такая информация?
Со штатным, встроенным в FLProg, OTA все работает, специально, только что, скачал последний проект со своей темы с мультиблоком и проверил.
Несколько раз заливал, проблем не увидел.
Нужна будет помощь в настройке данной связки (ESPUI + OTA от FLProg) - пишите в личку.

Спасибо, я имел ввиду БП UPDATE

Naladchik · Сообщение **Naladchik** » 14 сен 2022, 18:40

artemka19 писал(а): 14 сен 2022, 18:19 видимо webupdate подразумевался под "обновлением по воздуху"

С webupdate да, не работает, так как для поднятия вебсервера в ESPUI используется библиотека ESPAsyncWebserver, а для работы webupdate требуется библиотека WebServer.

Сообщение **aidar_i** » 14 сен 2022, 19:53

Imran писал(а): 14 сен 2022, 17:47 Аа очень сложно сделать не по вытаскивания а по построению блоков ?

Вставьте блок на отдельной плате.
В новой версии программы это должно быть исправлено. Это может сделать только Сергей.
В GP , чтобы прошивать по воздуху нужно открывать страницу по указанному в описании адресу, не проверял, но можно поставить кнопку ссылку или текст ссылку и нажатием открывать страницу эту.

Imran · Сообщение **Imran** » 14 сен 2022, 21:48

aidar_i писал(а): 14 сен 2022, 19:53 Это может сделать только Сергей.

А с чем это связано? просто очень интересно стало,понимаю долго объяснять ну если можно хотя бы в двух словах. JeeUI2 по построению работает а в GyverPortal нет.

Сообщение **aidar_i** » 15 сен 2022, 09:53

Imran писал(а): 14 сен 2022, 21:48
aidar_i писал(а): 14 сен 2022, 19:53 Это может сделать только Сергей.
А с чем это связано? просто очень интересно стало,понимаю долго объяснять ну если можно хотя бы в двух словах. JeeUI2 по построению работает а в GyverPortal нет.

Постарался ответить на вопросы в продолжении ВИДЕО
Еще вот проект с ОТА, страница которого запускается с кнопки ссылки(можно и из текста ссылки аналогично).
[spoiler]

Безымянный.png

[/spoiler]

Отправлено спустя 14 минут 9 секунд:
Перезалил библиотеку, примеры и блоки с исправлениями и добавлениями выявленными при снятии видео.

Сообщение **aidar_i** » 16 сен 2022, 19:12

Испытал на светодиоде возможность задания любого цвета - получилось!
Создал еще стартовые блоки с возможностью задания любого цвета фона страницы.
Можете попробовать, для этого изменил библиотеку и добавил еще блоки. Блоки установите из примера. Нужно задать цвет, его название берете в интернете, ссылка в описании блоков
Библиотеку измененную перезалил в первом сообщении.
Пример с новыми блоками, установите их оттуда.

Блоки с выбором цвета.flp

[spoiler]

Новые блоки.png

[/spoiler]

Сообщение **aidar_i** » 17 сен 2022, 08:54

В последнюю библиотеку добавлено некоторые дополнительные цвета, в описание блоков не вставил, можете взять отсюда:
[spoiler]//Цвет фона без эффекта наведения курсора
// (взят отсюда https://colorscheme.ru/html-colors.html)
//Красные тона:
".bg_red {background-color:red !important;}\n"
".bg_crimson {background-color:crimson !important;}\n"
".bg_pink {background-color:pink !important;}\n"
".bg_darkred {background-color:darkred !important;}\n"
".bg_lightsalmon {background-color:lightsalmon !important;}\n"
".bg_salmon {background-color:salmon !important;}\n"

// желтые тона
".bg_yellow {background-color:yellow !important;}\n"
".bg_gold {background-color:gold !important;}\n"
".bg_lightyellow {background-color:lightyellow !important;}\n"
".bg_khaki {background-color:khaki !important;}\n"
".bg_lemonchiffon {background-color:lemonchiffon !important;}\n"

//Зеленые тона
".bg_green {background-color:green !important;}\n"
".bg_darkgreen {background-color:darkgreen !important;}\n"
".bg_olive {background-color:olive !important;}\n"
".bg_teal {background-color:teal !important;}\n"
".bg_greenyellow {background-color:green !important;}\n"
".bg_lime {background-color:lime !important;}\n"
".bg_lightgreen {background-color:lightgreen !important;}\n"

//Синие тона
".bg_blue {background-color:blue !important;}\n"
".bg_skyblue {background-color:skyblue !important;}\n"
".bg_darkblue {background-color:garkblue !important;}\n"
".bg_RoyalBlue {background-color:RoyalBlue !important;}\n"
".bg_LightBlue {background-color:LightBlue !important;}\n"
".bg_Aqua {background-color:Aqua !important;}\n"
".bg_Aquamarine {background-color:Aquamarine !important;}\n"
".bg_LightCyan {background-color:LightCyan !important;}\n"
".bg_DodgerBlue {background-color:DodgerBlue !important;}\n"

//Фиолетовые тона
".bg_purple {background-color:purple !important;}\n"
".bg_Fuchsia {background-color:Fuchsia !important;}\n"
".bg_Indigo {background-color:Indigo !important;}\n"
".bg_DarkViolet {background-color:DarkViolet !important;}\n"
".bg_Lavender {background-color:Lavender !important;}\n"
".bg_Plum {background-color:Plum !important;}\n"
".bg_Violet {background-color:Violet !important;}\n"
".bg_MediumPurple {background-color:MediumPurple !important;}\n"

//Оранжевые тона
".bg_Orange {background-color:Orange !important;}\n"
".bg_DarkOrange {background-color:DarkOrange !important;}\n"
".bg_OrangeRed {background-color:OrangeRed !important;}\n"
".bg_Tomato {background-color:Tomato !important;}\n"
".bg_OrangeRed {background-color:OrangeRed !important;}\n"
".bg_Coral {background-color:Coral !important;}\n"

//Коричневые тона
".bg_Maroon {background-color:Maroon !important;}\n"
".bg_Brown {background-color:Brown !important;}\n"
".bg_SaddleBrown {background-color:SaddleBrown !important;}\n"
".bg_Tomato {background-color:Tomato !important;}\n"
".bg_OrangeRed {background-color:OrangeRed !important;}\n"
".bg_Cornsilk {background-color:Cornsilk !important;}\n"
".bg_Bisque {background-color:Bisque !important;}\n"
".bg_Tan {background-color:Tan !important;}\n"
".bg_Chocolate {background-color:Chocolate !important;}\n"
[/spoiler]

Сообщение **aidar_i** » 17 сен 2022, 09:02

Сидел вбивал дополнительные цвета и пришла в голову мысль, почему не сделать в компонентах настройку всех их свойств через Параметры.
Подумал - сделал.
Убрал все классы созданные мной, убрал темы, попробовал на кнопке, все работает.
Выложу здесь для теста библиотеку и пример с новыми блоками. Пока только кнопка, если будет нужно, то продолжу. Изменяя ширину, высоту и радиус закругления (особенно в (%)) можно создать разнообразную форму кнопки.

GyverPortal_4.rar

Тест кнопки с настройками.flp

Сообщение **Rovki** » 17 сен 2022, 10:32

Что то не могу добавить этот архив, может лучше сразу делать Zip , а не rar?

Сообщение **aidar_i** » 17 сен 2022, 11:37

Rovki писал(а): 17 сен 2022, 10:32 Что то не могу добавить этот архив, может лучше сразу делать Zip , а не rar?

Ок, просто у меня архиватор по умолчанию rar.

Сообщение **Rovki** » 17 сен 2022, 11:57

В ручную поместил в нужную папку- полет нормальный

artemka19 · Сообщение **artemka19** » 17 сен 2022, 18:35

aidar_i писал(а): 14 сен 2022, 04:55 встрой, пожалуйста , в новую библиотеку проверку статуса соеднения, как сделано в jeeui2, чтобы загорался красный при обрыве связи

может это - я покажу КАК встроить, а дальше уже по примеру?)
Так в целом копипастой можно обойтись.

*просто часто изменяется библиотека - зачем кого то просить?)))

Сообщение **aidar_i** » 17 сен 2022, 18:55

artemka19 писал(а): 17 сен 2022, 18:35
aidar_i писал(а): 14 сен 2022, 04:55 встрой, пожалуйста , в новую библиотеку проверку статуса соеднения, как сделано в jeeui2, чтобы загорался красный при обрыве связи
может это - я покажу КАК встроить, а дальше уже по примеру?)
Так в целом копипастой можно обойтись.

*просто часто изменяется библиотека - зачем кого то просить?)))

Один раз встрой и́ли покажи последний вариант, где нет зелёного,и дальше сам, спасибо.

artemka19 · Сообщение **artemka19** » 17 сен 2022, 19:22

aidar_i писал(а): 17 сен 2022, 18:55 , где нет зелёного

недопонял про зеленый)

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

artemka19 писал(а): 13 май 2022, 21:12 Включить/Отключить Статус соединения при сборке проекта в ФЛПрог

эту опцию оставить?

Сообщение **aidar_i** » 17 сен 2022, 19:26

artemka19 писал(а): 17 сен 2022, 19:22
aidar_i писал(а): 17 сен 2022, 18:55 , где нет зелёного
недопонял про зеленый)

Отправлено спустя 1 минуту 44 секунды:
artemka19 писал(а): 13 май 2022, 21:12 Включить/Отключить Статус соединения при сборке проекта в ФЛПрог
эту опцию оставить?

Когда в первый вариант вставляли загоралось зелёное поле о наличии связи, а в jeeui2 загорается только красный, так имел ввиду. Как сам считаешь нужно, так сделай.

artemka19 · Сообщение **artemka19** » 17 сен 2022, 19:34

aidar_i писал(а): 17 сен 2022, 19:26 , так имел ввиду

ок, попробую

Сообщение **aidar_i** » 17 сен 2022, 20:00

artemka19 писал(а): 17 сен 2022, 19:34
aidar_i писал(а): 17 сен 2022, 19:26 , так имел ввиду
ок, попробую

В версии GyerPortal 3.2

Imran · Сообщение **Imran** » 18 сен 2022, 11:50

Оба проекта экспериментирую и ваш [ref]artemka19[/ref], JeeUI2 , и ваш [ref=#ff8000]aidar_i[/ref], GyverPortal, в обеих есть свои плюсы и конечно минусы (без минусов не как не обойтись это очень даже хорошо для развития проекта ) в последнее время почему то у меня зависает контроллер или же связь разрывается именно с проектом JeeUI2 ( оставляю просто в рабочем режиме ухожу через примерно минут 10 + - 20,30 открываю страницу связь потеряна, обновляю страницу, бесполезно, приходится в ручную перезагружать контроллер ) а в GyverPortal нечего такого не видел, В чем дело может быть? может Я что то не так делаю ?

Вот проект JeeUI2
Контроллер Wemos D1 Mini Pro

UCS1903_WEMD1MP_JeeUI2_v_11.zip

Сообщение **Rovki** » 18 сен 2022, 12:11

А проекты одни и те же?

Imran · Сообщение **Imran** » 18 сен 2022, 12:15

[ref]Rovki[/ref], У обеих задача одинакова.

FlProg