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

ibalabanov · Сообщение **ibalabanov** » 18 май 2022, 13:47

Вот что получилось, блоки ставил по порядку так как вы писали
[spoiler]

6C8A989B-D91D-4904-ABBD-F82EEB1EE26C.jpeg

9A863D35-7A88-4E83-AD84-09BF4620D1DA.png

[/spoiler]

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

ESP32 один раз страница открылась с favicon.ico. Потом я убрал favicon.ico в portal.h и после этого уже больше не открывается. Я все возвратил назад. Бесполезно.

Сообщение **aidar_i** » 18 май 2022, 15:06

ibalabanov писал(а): 18 май 2022, 13:47 Вот что получилось, блоки ставил по порядку так как вы писали

Нет, Вы поставили не по порядку.
Например LED засунули потом на второе место, но вытащили его после закрытия блока. Blok end ставьте , когда все другие блоки компонентов вытащены и выставлены.
Очередь вставки в проект и порядок расположения в проекте не одно и то же.
Пока программа работает так.

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

Спасибо, начинает доходить…

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

ibalabanov писал(а): 18 май 2022, 15:28 Спасибо, начинает доходить…

Вообще можно потом проверить в скетче в функции build, она находится сразу после секции setup.
Там код компонентов почти соответствует блокам компонентов, можно там их как нужно переставлять.
Выглядит так

Код: Выделить всё

.   void build() {
  String s;
  BUILD_BEGIN(s);
  add.THEME(GP_DARK);
  add.AJAX_UPDATE("led, st");

  add.LABEL("Settings");
  add.BLOCK_BEGIN();
  add.LABEL("Power:");
  add.SWITCH("sw", data.state);
  add.BREAK();
  add.LABEL("Local status:");
  add.LABEL("OK");
  add.BLOCK_END();

  add.FORM_BEGIN("/save");

  add.LABEL("WiFi");
  add.BLOCK_BEGIN();
  add.TEXT("ssid", "SSID", data.ssid);
  add.BREAK();
  add.TEXT("pass", "Password", data.pass);
  add.BLOCK_END();

  add.LABEL("MQTT");
  add.BLOCK_BEGIN();
  add.TEXT("host", "Host", data.host);
  add.BREAK();
  add.NUMBER("port", "Port", data.port);
  add.BLOCK_END();

  add.SUBMIT("Save");
  add.FORM_END();

  BUILD_END();
}

ibalabanov · Сообщение **ibalabanov** » 18 май 2022, 16:22

Спасибо! Буду пробовать)

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

Возвратил все в исходное. ESP32 открывает страницы только с /favicon.ico после IP. Все работает. Спасибо.

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

Oleg писал(а): 18 май 2022, 11:36 if (req.startsWith(F("/favicon.ico"))) show();

Открывается, но нажимаешь меню, страница снова пропадает.

Сделал:
#ifdef ESP8266
if (req.startsWith(F("/favicon.ico"))) show();
#else
if (req.startsWith(F("/"))) show();
#endif
ЕСП32 открывается, но не реагирует уже на меню, кнопка меню нажимается, идет обновление, но меню не разворачивается.
Пример GyverPortal CLICK_3 работает нормально.

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

Доброго дня! Все получилось с расстановкой элементов) Подскажите пожалуйста как правильно вывести часы, что бы они были посередине… Получилось только так, а с блоком вывода time у меня не компилируется, выдаёт ошибку…
[spoiler]

A8CC422C-58A5-4683-B623-F4AE7A17EFD9.png

[/spoiler]

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

Попробовал много страничность

Код: Выделить всё

void build_i() {
  String i;
  GP_BUILD(i);
i += F("<!DOCTYPE html><html>");
        add.THEME(GP_DARK);
         add.SLIDER("f_sld","Слайдер 1", valSlider_188801767_1, 0, 10, 1);
        add.BREAK();
        add.SLIDER("f_sld1","Слайдер 2", valSlider_188801767_2, 0, 10, 1);
        add.BREAK();
        GP_SHOW();
}  
void build_sw() {
  String sw;
  GP_BUILD(sw);
sw += F("<!DOCTYPE html><html>");
        add.THEME(GP_LIGHT);
        add.LABEL("Название компонента", "f_val");
        add.DATE("f_date", valDate_178033386_1);
        add.BREAK();
        add.LABEL("Название компонента", "f_val");
        add.TIME("f_time", valTime_2589069_1);
        add.BREAK();
        GP_SHOW();
}

Вызывается
portal.attachBuild(build_i);
или
portal.attachBuild(build_sw);

Пока блоки не сделал, есть проблема, надписи кириллица превращается в абракадабру
[spoiler]

Многостраничность.png

[/spoiler]

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

ibalabanov писал(а): 19 май 2022, 14:29 как правильно вывести часы, что бы они были посередине…

Посередине чего?

А светодиоды, чтобы стояли ровно, название дополните пробелами.

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

Выложил в 1 сообщении последние изменения в блоках и в библиотеке, добавил вывод картинок.
В ПБ есть блоки Многостраничность, их не используйте, не доработаны еще.

Fuksas · Сообщение **Fuksas** » 23 май 2022, 14:13

Добрый день.Можно как-то задавать размеры шрифта для отдельного блока?

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

Добрый день. Не получается выводить данные из контроллера. Можно пример.

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

Fuksas писал(а): 23 май 2022, 14:13 Добрый день.Можно как-то задавать размеры шрифта для отдельного блока?

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

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

Oleg писал(а): 23 май 2022, 16:52 Добрый день. Не получается выводить данные из контроллера. Можно пример.

Поподробнее, можете проект прикрепить.
Примеры будут попозже.

Oleg · Сообщение **Oleg** » 24 май 2022, 10:21

Добрый день. Я пытался использовать блоки обновления

chmak2007 · Сообщение **chmak2007** » 24 май 2022, 20:30

[spoiler]

Снимок экрана 2022-05-24 202835.jpg

Снимок экрана 2022-05-24 202811.jpg

[/spoiler]В чем проблема?

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

Fuksas писал(а): 23 май 2022, 14:13 Добрый день.Можно как-то задавать размеры шрифта для отдельного блока?

Потихоньку продвигаюсь, осталось блоки скорректировать.
[spoiler]

Настройки.png

[/spoiler]
Заложил такие настройки, несложно создать свои настройки :
[spoiler]В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto

2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580

5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580

6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient

7. Выравнивание компонента
position_left
position_right
positiontop_btn

8. Радиус закруглений углов
borderradius50
borderradius75

ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.[/spoiler]

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

где "привет" после температуры ? А у меня вообще со входа не передается инфа. Только что напишешь внутри блока. Дайте рабочий пример

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

А возможно приделать ко всему этому WiFi manager или что то подобное?

Сообщение **aidar_i** » 25 май 2022, 16:01

ibalabanov писал(а): 25 май 2022, 13:49 А возможно приделать ко всему этому WiFi manager или что то подобное?

Возможно

FlProg