Идеи/проблемы на обновление v3.5 #55

GyverLibs · 2022-12-14T20:45:17Z

v3.5

Добавлено
- Отображение границ таблицы TABLE_BORDER()
- Опасные copy- и click-парсеры (для опроса в условии)
- Ширина для AREA
- Всплывающее окно с ошибкой, если "клик" не дошёл до сервера
- Можно получить логин и пароль, которые вводятся при авторизации, login() и pass()
- Настройка размера/толщины текста и переноса для текстовых подписей TITLE, LABEL, LABEL_BLOCK. Подписи SPAN/BOLD/PLAIN больше не нужны
- encodeDMY для GPdate (день.месяц.год)
- Цвет GP_YELLOW_B
- Настройка цвета для LED
- RELOAD_CLICK работает с popup (ALERT, PROMPT, CONFIRM)
- Проверка подключен ли клиент, функции online() и onlineTimeout()
- У веб-лога добавлены кнопки для очистки и остановки прокрутки
- Компонент RADIO для списков выбора
Пофикшено
- Глаз в PASSWORD() поставлен на место
- Баг с макросом M_TR10
- SPINNER() повинуется выравниванию
- Таблица SYSTEM_INFO вернулась в компактный вид
- HINT (сломался в v3.4)
- Невероятный баг с вечной загрузкой CHECK() и проблемой с опросом его значения с формы
Улучшено
- Оптимизированы скрипты
- Автоматическое удаление пробелов в списке UPDATE()
- Ширину окна CAM_STREAM() и cam_stream_window можно задать стрингой
- В ONLINE_CHECK() добавлена возможность отправлять свой js код при пропадании связи с платой
- Дизайн таблички FILE_MANAGER + добавлена ширина вторым аргументом
- Переделан механизм перезагрузки страницы, теперь работает гораздо быстрее и стабильнее
- UPDATE запрашивает обновления только когда окно браузера активно
- UPDATE при пропадании связи сигнализирует всплывающим баннером
- Скрыты пустые ячейки у таблицы с заданными ширинами
Изменено
- В SPINNER() вернулась ширина предпоследним аргументом, её установка отключает автоширину
- ONLINE_CHECK() теперь выдаёт всплывающий баннер вместо иконки в названии страницы
- Убран setReloadTimeout(), механизм улучшен, задаётся общий таймаут в setTimeout()
- Дизайн LABEL_BLOCK, чтобы отличался от кнопок
- Поле пароля с "глазом" теперь вызывается компонентом PASS_EYE

TODO v3.5

ОТА через cmd/shell curl -vF firmware=@firmware.bin http://x.x.x.х/GP_OTAupload

ROADMAP

двойной слайдер https://w3collective.com/double-range-slider-html-css-js/
джойстик
нативные графики
вебсокет
аналог grid ui
асинхронный сервер

The text was updated successfully, but these errors were encountered:

DenysChuhlib · 2022-12-15T00:03:37Z

Вы забыли релиз 3.4 сделать)

DenysChuhlib · 2022-12-15T00:03:50Z

Или это специально?

GyverLibs · 2022-12-15T05:38:01Z

я спать ушёл да

Tisero · 2022-12-15T10:01:25Z

GP.UPDATE("lbl1, lbl2, lbl3, lbl4");

GP.LABEL("NAN", "lbl1");
GP.LABEL("NAN", "lbl2");
GP.LABEL("NAN", "lbl3");
GP.LABEL("NAN", "lbl4");

void action() {
if (portal.update()) {
String i = "Kek";
portal.updateString("lbl1", i); // Обновляется
portal.updateString("lbl2", i); // обновляется
portal.updateString("lbl3", i); // Нет обновления
portal.updateString("lbl4", i); // Нет обновления итд.
}
}

Обновляются значения только у первых двух компонентов, дальше обновления не происходят. На v3.3 и 3,4 проверял.

GyverLibs · 2022-12-15T10:26:27Z

список id должен быть без пробелов. Но это действительно баг, т.к. у меня сделано удаление пробелов через js, но оно удаляет только один)) спасибо за репорт

Allexnero · 2022-12-15T11:22:49Z

В примерах из раздела projects стоит BUILD_BEGIN(); а с 3,4 он перестал компилироваться, надо заменить на GP.BUILD_BEGIN(); и GP.BUILD_END(); соответственно.

GyverLibs · 2022-12-15T11:47:16Z

всё таки пропустил)

Serega88kos · 2022-12-15T14:02:55Z

в wiki не прописаны

// подключить функцию которая вызывается при ошибке
    void attachError(void (*handler)(const String& UpdateError)) {
        _OTAerror = *handler;
    }
    
    // отключить функцию которая вызывается при ошибке
    void detachError() {
        _OTAerror = nullptr;
    }

нужно ли их вызывать, перед?
String error(); // вывести описание ошибки (например в label)

GyverLibs · 2022-12-15T14:03:28Z

@DenysChuhlib поясни

Serega88kos · 2022-12-15T15:38:46Z

@GyverLibs в новой версии этот код что-то не работает)

    GP.FILE_MANAGER(&LittleFS);  // передать ссылку на свою ф. систему (&LittleFS, &SPIFFS..) выводит список файлов из Flash памяти с кнопками для удаления (нужно настроить delete)
    GP.SYSTEM_INFO();            // выводит таблицу системной информации
    GP_VERSION;

на дисплее пусто

p.s. убрал GP.NAV_TABS_LINKS и все прогрузилось)

и как я вижу, для UI дизайн надо переделывать, иначе все разъезжается в ПК версии)
в мобильной все ок

GyverLibs · 2022-12-15T16:11:49Z

@Serega88kos
GP_VERSION; это строка char*, см. документацию. Её нужно куда-то вывести чтобы увидеть

для UI дизайн надо переделывать

Да вроде не надо, там такая же центральная колонка. Я тестировал на своих скетчах, сразу выглядело норм

DenysChuhlib · 2022-12-15T16:18:32Z

в wiki не прописаны
// подключить функцию которая вызывается при ошибке
    void attachError(void (*handler)(const String& UpdateError)) {
        _OTAerror = *handler;
    }
    
    // отключить функцию которая вызывается при ошибке
    void detachError() {
        _OTAerror = nullptr;
    }
нужно ли их вызывать, перед?
String error(); // вывести описание ошибки (например в label)

Можно когда угодно

Serega88kos · 2022-12-15T16:25:09Z

@GyverLibs поправил предыдущее сообщение, не знаю, прочитал ли исправление...
В UI в ПК получается у меня так, надпись слева, поле ввода справа, между ними огромное пустое пространство)

M_BLOCK(GP_THIN, "",
            "Настройки WIFI",
            M_BOX(GP.LABEL("SSID"); GP.TEXT("ssid", "", w.ssid, "200px"); );
            M_BOX(GP.LABEL("PASS"); GP.PASS("pass", "", w.pass, "200px"); ););

переходить на таблицы?)

Можно когда угодно

как его вызывать тогда? что-то у меня не получилось...

GyverLibs · 2022-12-15T16:28:06Z

надпись слева, поле ввода справа, между ними огромное пустое пространство

всё верно. У UI по умолчанию ширина 1000 пикс, у BOX ширина 100% и выравнивание по краям. Либо уменьшать ширину UI, либо уменьшать ширину BOX, либо сложить всё в таблицу и задать ширину её или UI

DenysChuhlib · 2022-12-15T16:33:43Z

Можно когда угодно

как его вызывать тогда? что-то у меня не получилось...

Придумай, там просто подключил функцию, и через сериал выводишь, например

GyverLibs · 2022-12-15T16:48:23Z

по задумке error можно вывести в LABEL прямо под кнопкой OTA обновления. Если будет ошибка - он появится. Если плата перезагрузится - и лейбл чист - ошибки нет

Serega88kos · 2022-12-15T16:51:53Z

@GyverLibs файл темы с глазом смотрю подправил, но у меня что-то не вернулся на нужное место...

GP.BUILD_BEGIN(GP_LIGHT);
GP.UI_BEGIN("Меню", "", "");

заголовок меню в мобильной версии на черном фоне, так и задумано?

GyverLibs · 2022-12-15T17:07:05Z

у меня что-то не вернулся на нужное место...

обнови браузер и почисть кеш. Я специально скачал всяких говнобраузеров и проверил, глаз везде работает корректкно

заголовок меню в мобильной версии на черном фоне

в мобильной светлой теме верхний бар чёрный

Serega88kos · 2022-12-15T17:26:35Z

Скачал новый, Brave, глаз за пределами.

GyverLibs · 2022-12-15T17:28:37Z

ну тут мои полномочия всё)

Serega88kos · 2022-12-15T17:29:33Z

по задумке error можно вывести в LABEL прямо под кнопкой OTA обновления.

это понятно, непонятно к чему привязать, никак не принимает компилятор...
даже Денис ответил, придумай что-нибудь)

Serega88kos · 2022-12-15T17:30:45Z

ну тут мои полномочия всё)

margin-left:260px;margin-top:-5px;
мой старый вариант

тут глаз плавает, в зависимости от ширины)

DenysChuhlib · 2022-12-15T17:32:26Z

по задумке error можно вывести в LABEL прямо под кнопкой OTA обновления.

это понятно, непонятно к чему привязать, никак не принимает компилятор...
даже Денис ответил, придумай что-нибудь)

Что не принимает? Покажи тогда

GyverLibs · 2022-12-15T17:37:05Z

тут глаз плавает, в зависимости от ширины

что это за браузер?

Serega88kos · 2022-12-15T17:43:12Z

тут глаз плавает, в зависимости от ширины

что это за браузер?

brave.com
да и в любом другом...

SPINNER(): УБРАНА ШИРИНА, сделана автоширина, значение по центру

как теперь обходить этот момент. если спиннеров несколько и все разные значения, то уже не выходят все под одну ширину)

Serega88kos · 2022-12-15T17:46:00Z

@MalfurionST у тебя тоже глазик барахлил, как сейчас дела?)

GyverLibs · 2022-12-15T17:47:05Z

проблема явно где то у тебя. Вот хром/яндекс/brave/edge

GyverLibs · 2022-12-15T17:47:48Z

не выходят все под одну ширину)

что нибудь придумаю
upd. Сделал

Serega88kos · 2022-12-15T18:45:36Z

сделал проще макрос и решил с таблицей)

    M_TABLE(
            M_TR(
              GP.LABEL("SSID");
              GP.TEXT("ssid", "", w.ssid););
            M_TR(
              GP.LABEL("PASS");
              GP.PASS("pass", "", w.pass);););

вот в таком виде глаз идеально встает)
а было так

M_BLOCK(GP_THIN, "", "Настройки WIFI",
            M_BOX(GP.LABEL("SSID"); GP.TEXT("ssid", "", w.ssid, "150px"););
            M_BOX(GP.LABEL("PASS"); GP.PASS("pass", "", w.pass, "150px");););

GyverLibs · 2023-01-01T20:24:00Z

было также просто по схеме и реализации как здесь

Но зачем? Уже есть ведь такой проект и видео про него, зачем плодить одинаковый контент?

DenysChuhlib · 2023-01-02T15:48:01Z

Здраствуйте, у меня есть важное предложение. Можете сделать сделать и остальные скрипты (особенно графики) в формате PROGMEM? Просто все скрипты разом занимают 800кб а если использовать их через FS остается свободная память, которую под скетчи не деть(. А я умудрился так, что мне нужно 2 мб для скетча но и нужно чтобы графики были доступны без интернета.
Спасибо за внимание)

DenysChuhlib · 2023-01-02T15:49:14Z

я про esp32

А я умудрился так, что мне нужно 2 мб для скетча но и нужно чтобы графики были доступны без интернета.

GyverLibs · 2023-01-02T15:51:46Z

Скопируй себе в скетч через прогмем и отправь через send

DenysChuhlib · 2023-01-02T15:55:43Z

Я так думал... , ладно попробую

DenysChuhlib · 2023-01-03T00:07:28Z

не получилось( ну ладно

DenysChuhlib · 2023-01-03T00:08:47Z

еще й видимо файловую систему в новом ядре esp32 поломали( у меня не работает литлфс

GyverLibs · 2023-01-03T00:09:43Z

Как я уже устал от этого китайского софта)

DenysChuhlib · 2023-01-03T00:10:43Z

espressif/arduino-esp32#7634

еще й видимо файловую систему в новом ядре esp32 поломали( у меня не работает литлфс

DenysChuhlib · 2023-01-03T00:11:43Z

мдаа... ладно старую версию никто не отменял

DenysChuhlib · 2023-01-03T00:20:12Z

Как я уже устал от этого китайского софта)

Это хорошо что оно обновляется и баги исправляются, просто некому чательно проверять такой объём обновлений.

Serega88kos · 2023-01-03T15:35:14Z

ESP32-S2 попробуй для компиляции)

gorlanovmax · 2023-01-05T08:45:34Z

При попытке указания задержки обновления страницы
GP.setReloadTimeout(5000);
Получаем ошибку, что класс не указан в библиотеке
'struct Builder' has no member named 'setReloadTimeout'

GyverLibs · 2023-01-05T08:53:43Z

в рабочей версии setReloadTimeout убран, он больше не нужен

gorlanovmax · 2023-01-05T09:22:31Z

Пытаюсь реализовать следующий механизм:
На странице есть кнопка. У нее в настройках перезагрузка страницы по нажатию отключена.
По action click выполняется проверка, в случае, если флаги установлены, идет некое вычисление, alert и потом перезагрузка страницы.
Реализовано так:

build()
  GP.ALERT("alt");
  GP.RELOAD("reload");
  GP.UPDATE("current_adc36,reload,alt", 250); 
 ....
  GP.BUTTON_MINI("cal_stop", "Сохранить данные калибровки","","","",0,0);

action()
    if (portal.click("cal_stop")) { //остановка калибровки
      if (check_point()) {
        save_calibrate(0);
        cal_start = false;
        cal_ok = 1;
        alertCal = 1; // флаг вывода popup
      }
    }

    if (alertCal && portal.update("alt")) { //вывод popup
      alertCal = 0;
      portal.answer(String("Калибровка выполнена!"));
    }

    if (portal.update("reload")) {
      portal.answer(cal_ok);
      cal_ok = 0;
    }

Но при указанном коде, popup не появляется, сразу идет перезагрузка страницы

GyverLibs · 2023-01-05T09:46:30Z

Все верно, так оно и будет работать. Можно попробовать в списке update передать алерт ДО релоада. Также могу попробовать добавить попапам возможность перезагрузки страницы, это будет полезно

gorlanovmax · 2023-01-05T10:04:58Z

Также могу попробовать добавить попапам возможность перезагрузки страницы, это будет полезно

Вот это наверное будет идеально

GyverLibs · 2023-01-05T11:36:58Z

Да, без проблем вообще добавляется, через пару часов буду у пк сделаю

GyverLibs · 2023-01-05T15:54:50Z

закинул

gorlanovmax · 2023-01-05T15:57:24Z

огромное спасибо, каков синтаксис?

GyverLibs · 2023-01-05T16:03:50Z

ну RELOAD_CLICK передать имя алёрта

gorlanovmax · 2023-01-06T08:25:59Z

Чего-то поломалось))))
Не компилируется
In file included from C:\Arduino\libraries\GyverPortal-main\src/GyverPortal.h:57,
from D:\Google диск\NMEA\Разработка\Устройства\Digital Boats\Датчик уровня 1 канал\Level\Level.ino:23:
C:\Arduino\libraries\GyverPortal-main\src/portal.h: In member function 'void GyverPortal::sendFile(fs::File)':
C:\Arduino\libraries\GyverPortal-main\src/portal.h:1189:33: error: 'mime' has not been declared
server.streamFile(file, mime::getContentType(file.name()));

GyverLibs · 2023-01-06T08:29:16Z

А, ну это есп32 гавной пахнет

gorlanovmax · 2023-01-06T08:29:49Z

Ну до замены файлов на обновленные все компилировалось)

gorlanovmax · 2023-01-06T08:31:14Z

А как теперь правильно подключать файловую систему? В описании не обновлено.
У меня по старинке

#include <LittleFS.h> // подключить библиотеку файловой системы (до #include GyverPortal)
#include <GyverPortal.h> // подключаем библиотеку вэб-интерфейса 
GyverPortal portal(&LittleFS);  // передать ссылку на fs (SPIFFS/LittleFS)

GyverLibs · 2023-01-06T08:47:45Z

до замены файлов на обновленные все компилировалось)

Да я вижу, вернул обратно

как теперь правильно подключать файловую систему

Так же как раньше, ничего не менялось

gorlanovmax · 2023-01-06T08:48:38Z

Так же как раньше, ничего не менялось

В описании появилась функция
void setFS(fs::FS *useFS); // подключить файловую систему (&LittleFS, &SPIFFS, &SD...)

GyverLibs · 2023-01-06T08:52:01Z

Ну и хорошо, значит файловую систему можно менять на лету

GyverLibs · 2023-01-06T14:24:37Z

Пока хватит, релизаю

GyverLibs mentioned this issue Dec 14, 2022

Идеи/проблемы на обновление v3.4 #52

Closed

GyverLibs closed this as completed Jan 6, 2023

Идеи/проблемы на обновление v3.5 #55

Идеи/проблемы на обновление v3.5 #55

Comments

GyverLibs commented Dec 14, 2022 • edited Loading

v3.5

TODO v3.5

ROADMAP

DenysChuhlib commented Dec 15, 2022

DenysChuhlib commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

Tisero commented Dec 15, 2022 • edited Loading

GyverLibs commented Dec 15, 2022 • edited Loading

Allexnero commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

Serega88kos commented Dec 15, 2022 • edited Loading

GyverLibs commented Dec 15, 2022 • edited Loading

DenysChuhlib commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

DenysChuhlib commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

DenysChuhlib commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

Serega88kos commented Dec 15, 2022

GyverLibs commented Dec 15, 2022

GyverLibs commented Dec 15, 2022 • edited Loading

Serega88kos commented Dec 15, 2022 • edited Loading

GyverLibs commented Jan 1, 2023

DenysChuhlib commented Jan 2, 2023

DenysChuhlib commented Jan 2, 2023

GyverLibs commented Jan 2, 2023

DenysChuhlib commented Jan 2, 2023

DenysChuhlib commented Jan 3, 2023

DenysChuhlib commented Jan 3, 2023

GyverLibs commented Jan 3, 2023

DenysChuhlib commented Jan 3, 2023

DenysChuhlib commented Jan 3, 2023

DenysChuhlib commented Jan 3, 2023

Serega88kos commented Jan 3, 2023

gorlanovmax commented Jan 5, 2023

GyverLibs commented Jan 5, 2023

gorlanovmax commented Jan 5, 2023

GyverLibs commented Jan 5, 2023

gorlanovmax commented Jan 5, 2023

GyverLibs commented Jan 5, 2023

GyverLibs commented Jan 5, 2023

gorlanovmax commented Jan 5, 2023

GyverLibs commented Jan 5, 2023

gorlanovmax commented Jan 6, 2023

GyverLibs commented Jan 6, 2023

gorlanovmax commented Jan 6, 2023

gorlanovmax commented Jan 6, 2023

GyverLibs commented Jan 6, 2023

gorlanovmax commented Jan 6, 2023

GyverLibs commented Jan 6, 2023

GyverLibs commented Jan 6, 2023

GyverLibs commented Dec 14, 2022 •

edited

Loading

Tisero commented Dec 15, 2022 •

edited

Loading

GyverLibs commented Dec 15, 2022 •

edited

Loading

Serega88kos commented Dec 15, 2022 •

edited

Loading

GyverLibs commented Dec 15, 2022 •

edited

Loading

GyverLibs commented Dec 15, 2022 •

edited

Loading

Serega88kos commented Dec 15, 2022 •

edited

Loading