GyverPortal

Всем привет. Предлагаю здесь обсуждать все вопросы по этой библиотеке!

GitHub - GyverLibs/GyverPortal: Простой конструктор веб интерфейса для esp8266 и ESP32

Простой конструктор веб интерфейса для esp8266 и ESP32 - GitHub - GyverLibs/GyverPortal: Простой конструктор веб интерфейса для esp8266 и ESP32

github.com

 

[pingemall]

@gidiara666, такой вылет и младшем брате если обновлять много

 

[gambeet]

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

void setup() {
    WiFi.mode(WIFI_AP);
    WiFi.softAP("esp32", "12345678");
 
    GyverPortal portal;
 
    if (!LittleFS.begin()) Serial2.println("FS Error");
 
    portal.uploadAuto(true);   //не уверен что здесь это нужно
    portal.downloadAuto(true); //но и так пробовал
    portal.enableAuth("admin", "12345678");
    portal.attachBuild(build);
    portal.start("point");
}

void build(GyverPortal &p) {
    GP.BUILD_BEGIN();
    GP.THEME(GP_DARK);

    GP.ICON_SUPPORT(); //вроде тоже не нужно, но попробовал

    GP.UI_MENU("Configurator", GP_ORANGE);
    String a = GP.ICON_FILE("/wum-color.svg"); // хотел вставить в боковом
    GP.LABEL(a);                               // меню сверху списка вкладок, не вышло
    GP.BREAK();
    GP.LABEL("some text");
    GP.UI_LINK("/", "Home");
    GP.UI_LINK("/serial1", "Serial port 1");
    GP.UI_LINK("/gsm", "GPRS/LTE");
    GP.UI_LINK("/terminal", "Terminal");
    GP.UI_LINK("/service", "Service");
    GP.UI_LINK("/upgrade", "Upgrade");
    GP.BREAK();
    GP.BREAK();
    GP.LABEL("1.0.0");

    GP.UI_BODY();
    GP.LABEL("some text");
    String b = GP.ICON_FILE("/icons/wum-color.svg");  // просто на странице вкладки
    GP.LABEL(b);                                      // не вышло
    GP.LABEL(GP.ICON_FILE("/gp_data/gear.svg") + "Text"); // подумал что мой svg какой то не такой, взял из примера, не вышло
    GP.BREAK();                                        
    GP.LABEL(GP.ICON_FILE("/gp_data/gear.svg", 30) + "Text"); // менял размеры
    GP.BREAK();
    GP.LABEL(GP.ICON_FILE("/gp_data/gear.svg", 50, GP_RED) + "Text");
    GP.BREAK();
    GP.ICON_FILE_BUTTON("icnf", "/gp_data/gear.svg", 70, GP_RED); //пробовал кнопку сделать
    GP.BREAK();
    GP.UI_END();

    GP.BUILD_END();
}

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

Файловая система монтируется, тот же файл config.json грузится по крайней мере. Плата esp32 wroom 32ue

P.S. Разобрался.
Надо класс правильно инициализировать:
GyverPortal portal(&LittleFS);

Правда мой svg идет цветным, в несколько цветов. Неплохо было бы конечно таким его и грузить. Попробую поковыряться, я не очень в html.

 

[gidiara666]

Подскажите пожалуйста, как сделать авторизацию на отдельный пункт меню?
Висит старый планшет, показывает всё о доме, ребёнок пришёл в гости, потыкал- и настройки Telegram, Blynk, wifi - усё...
ui.enableAuth("admin", "admin"); - это на весь портал. Но какой смысл вешать пароль на всю графическую систему информации?? Надо ж как обычно: логин на отдельный пункт меню, где хранятся ценные данные...