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

[GPL]

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

[artemka19]

ESP-Monitor

GIF:

СпойлерПоказать

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

СпойлерПоказать

разное.flp

(2.69 МБ) 93 скачивания

data.rar

(10.91 КБ) 85 скачиваний

[artemka19]

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

[artemka19]

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

СпойлерПоказать

файлы.rar

(403.86 КБ) 87 скачиваний

миниФАК

СпойлерПоказать

инструкция:
ЭТО НУЖНО СДЕЛАТЬ ОДИН РАЗ:
на примере флпрог-портабл:
-идем по пути \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"
-происходит загрузка файлов в файловую систему
------------------------------------------------------------------------
-теперь можно загрузить сам проект в еспшку.

[artemka19]

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

СпойлерПоказать

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

(198.76 КБ) 116 скачиваний

[artemka19]

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

СпойлерПоказать

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

(194.83 КБ) 110 скачиваний

[artemka19]

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

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

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



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

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

СпойлерПоказать

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

(318.15 КБ) 123 скачивания

[karen]

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

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

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



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


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

СпойлерПоказать

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

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

[artemka19]

remountxy

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

[karen]

remountxy

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

[karen]

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

[artemka19]

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

[karen]

karen, а в чем отличие от 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

(109.11 КБ) 71 скачивание

color.mp4

(5.04 МБ) 81 скачивание

[karen]

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

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

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

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

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

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

[artemka19]

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

СпойлерПоказать

ФОРУМ-COLOR.flp

(248.64 КБ) 76 скачиваний

[artemka19]

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

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

СпойлерПоказать

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

(247.24 КБ) 103 скачивания

[artemka19]

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

СпойлерПоказать

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

(275.22 КБ) 105 скачиваний

[ArtemArable]

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