Шаблоны Оформления для Веб-Интерфейса

[GPL]

[ref]karen[/ref],
Спасибо теперь дошло.

[artemka19]

ESP-Monitor

GIF:

bandicam-2022-03-09-01-34-13-636.gif

3.jpg

[spoiler]

1.jpg

2.jpg

3.jpg

[/spoiler]
файлы из папки "data" закинуть в файловую систему еспшки
[spoiler]

разное.flp

data.rar

[/spoiler]

[artemka19]

до обеда прошивка#1,,после обеда прошивка#2 (локально, без использования пк и ардуино иде, файл/файлы прошивок .bin при этом хранятся в spiffs): есть мысли для практического применения?)

[artemka19]

Антисанкционный проект
Доступ к файловой системе есп8266/32 ЛОКАЛЬНО без наличия интернета (в предыдущей версии скрипты загружались только при наличии Интернета):
GIFка

bandicam-2022-03-21-21-08-29-042.gif

[spoiler]

1.jpg

2.jpg

файлы.rar

[/spoiler]

миниФАК
[spoiler]
инструкция:
ЭТО НУЖНО СДЕЛАТЬ ОДИН РАЗ:
на примере флпрог-портабл:
-идем по пути \PortableFLProg_7-4-6_Win64\ideV8\tools
-здесь создаем папки ESP32FS и ESP8266FS
-в каждой из этих папок создаем папку tool
-кладем esp8266fs.jar и esp32fs.jar в соответствующие папки
-теперь после запуска/перезапуска Ардуино ИДЕ, в разделе "инструменты"
у нас должны появится пункты "ESP32 Sketch Data Upload" и "ESP8266 Sketch Data Upload"
-Теперь после компиляции в флпрог и загрузки Ардуино ИДЕ из флпрог, выбираем "скетч"->"показать папку скетча"
-в открывшееся окно папки копируем папку "data" из вложения.
-выбираем в меню "инструменты" пункт "Flash Size 1 MB"
-нажимаем на "ESP8266 Sketch Data Upload"
-происходит загрузка файлов в файловую систему
------------------------------------------------------------------------
-теперь можно загрузить сам проект в еспшку.
[/spoiler]

[artemka19]

WebUpdate есп8266 теперь на штатном порту (80)
Основан на блоке от User8.
GIFка

bandicam-2022-03-23-22-38-38-882.gif

[spoiler]

форум-WebUpdate-esp8266-port=80.flp

[/spoiler]

[artemka19]

Теперь WebUpdate и для esp32 из штатного веб интерфейса на порту (80)
GIFка

bandicam-2022-03-27-23-34-22-260.gif

[spoiler]

форум-WebUpdate-esp32-port=80.flp

[/spoiler]

[artemka19]

Удержание кнопки в веб-интерфейсе
Пока кнопка в веб-интерфейсе нажата и удерживается, выполняем код в есп.
Когда отпускаем кнопку - код не выполняется.
На мобильных устройствах с мультитачем также можно ОДНОВРЕМЕННО(!) нажимать и удерживать несколько кнопок.
При этом в есп будет выполнятся код прописанный для каждой кнопки.

Теперь можно делать мультиджойстик (с мобильного браузера поддерживающего мультитач)

*в мобильной версии нюанс - нажимать нужно на кнопку так, чтобы не попадать на текст (иначе он выделяется и мешает работе). допилю позже. Либо можно удалить текст с самой кнопки



GIFка десктопного браузера:

bandicam-2022-03-28-20-38-42-840.gif

GIFка с мобильного устройства (с мультитачем и возможностью отработки одновременных нажатий нескольких кнопок):

XRecorder_28032022_204151.gif

[spoiler]

форум-удержание кнопки.flp

[/spoiler]

[karen]

Удержание кнопки в веб-интерфейсе
Пока кнопка в веб-интерфейсе нажата и удерживается, выполняем код в есп.
Когда отпускаем кнопку - код не выполняется.
На мобильных устройствах с мультитачем также можно ОДНОВРЕМЕННО(!) нажимать и удерживать несколько кнопок.
При этом в есп будет выполнятся код прописанный для каждой кнопки.

Теперь можно делать мультиджойстик (с мобильного браузера поддерживающего мультитач)

*в мобильной версии нюанс - нажимать нужно на кнопку так, чтобы не попадать на текст (иначе он выделяется и мешает работе). допилю позже



GIFка десктопного браузера:
bandicam-2022-03-28-20-38-42-840.gif


GIFка с мобильного устройства (с мультитачем и возможностью отработки одновременных нажатий нескольких кнопок):
XRecorder_28032022_204151.gif

[spoiler]
форум-удержание кнопки.flp
[/spoiler]

Вот и remountxy ушёл в туман 🌫)

[artemka19]

remountxy

я думал только в ESPUI была такая фишка)

[karen]

remountxy

я думал только в ESPUI была такая фишка)

[karen]

может кому пригодится) webupdates в Web flp

[artemka19]

[ref]karen[/ref], а в чем отличие от viewtopic.php?f=202&t=7761&start=80#p113273 ?

[karen]

[ref]karen[/ref], а в чем отличие от viewtopic.php?f=202&t=7761&start=80#p113273 ?

Там веб работает на другом порте а этот работает на одном порте с web_мордой flp, ну и кусок загрузки .bin вставлен в общий шаблон.
Проект тот же кроме webupdates.

[maxcrimea]

День добрый, слайдер и color box в отладке работают в реале на 8266 не работают, то-есть анимация отрабатывает но с них выхода нет.

Добрый день. Не разобрались? У меня тоже не работает. Пробовал на ESP32

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

Может кому пригодиться

Получается следующее.
Если диапазон ползунка установлен 0-100, то фактически рабочий диапазон 49-58. А данные которые уходят в 1-9

[artemka19]

Добрый день. Не разобрались

на 8266 работает

1 (1).flp

color.mp4

[karen]

День добрый, слайдер и color box в отладке работают в реале на 8266 не работают, то-есть анимация отрабатывает но с них выхода нет.

Добрый день. Не разобрались? У меня тоже не работает. Пробовал на ESP32

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

Может кому пригодиться

Получается следующее.
Если диапазон ползунка установлен 0-100, то фактически рабочий диапазон 49-58. А данные которые уходят в 1-9

Проблему нашёл, просто пересобрал проект с нуля, видимо баг.

[artemka19]

Варианты оформления Выбора цвета:

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

[spoiler]

ФОРУМ-COLOR.flp

[/spoiler]

[artemka19]

Всплывающие уведомления в веб-интерфейсе
GIFка

bandicam-2022-04-06-23-55-09-819.gif

Уведомление управляется переменной.

[spoiler]

скрин проекта.jpg

1.jpg

2.jpg

3.jpg

форум-уведомления.flp

[/spoiler]

[artemka19]

Пример вывода значения переменной в окне уведомления:
[spoiler]

форум-уведомления-с выводом значения переменной в окне уведомления.flp

[/spoiler]

[ArtemArable]

На работе использую отечественный продукт rapidscada.ru Клиента не имеет - визуализация реализована через Web-браузер. В среде разработки есть редактор схем и в нем удобно реализовано создание Web-представлений. Было бы удобно и для нашего случая иметь редактор. В особенности это касается расположения объектов на экране.