Имеется скрипт на php и javascript (исходник), который при заполнении текстовых полей веб формы отправляет данные в telegram, скринкаст работы:
Нужно на основе этого исходника сделать несколько страниц, добавить новые функции. С Вас лишь код, встраивать ни в какой сайт и дизайн ничего не надо. Работать должно по такому алгоритму:
1). Посетитель на первой странице "A" заполняет текстовые поля формы, жмёт "Submit".
2). Открывается страница "B" с формой на 3 поля и 1 "Browse..." (загрузка файла картинки), заполняет, выбирает файл(ы) и жмёт "Submit".
3). Открывается страница "C" с 2 "Browse...", выбирает файлы и жмёт "Submit".
4). Открывается страница "D" с 1 "Browse...", выбирает файл(ы) и жмёт "Submit".
5). Открывается страница "E" с формой на 1 поле, запоняет её и жмёт "Submit".
6). Открывается финальная страница "F" с текстом "Заявка принята, ожидайте звонка!".
#Формы#:
Кнопка "Submit" должна быть неактивная (серая), пока не заполнены все обязательные поля в отображаемой форме или не загружены обязательные файлы на 100%.
Поля и кнопки выбора файлов "Browse..." могут быть обязательными и необязательными к заполнению.
Пока загружаются картинки, рядом с каждой кнопкой "Browse..." показывать анимированную шкалу загрузки от 0% до 100%. Пока файлы не выбраны шкалу скрывать.
При "Browse..." должна быть возможность выбора и загрузки более 1 файла одновременно (сейчас лишь один). Картинки не переименовывать, если же в названиях есть [^A-Za-z1-9] – их можно заменять. Проверка загрузки только картинок (jpg,jpeg,png,gif), чтобы никакие шеллы не заливали :)
Все поля и кнопки "Browse..." должны отправлять данные по мере заполнения (или выбора файлов) сразу автоматически, вне зависимости от нажатия "Submit". Так сейчас и работает. Нажатие на "Submit" должно лишь перенаправлять на следующую страницу при вышеописанных условиях.
#Админка#
Должна быть сделана простейшая web админка, где указав id юзера, видно:
1. Логирование всех действий, что на какой странице он заполнял, какие файлы закачивал со ссылками на них, когда, ip и useragent, мои действия с ним.
2. Кликнув по тексту поля, его содержимое должно копироваться в буфер обмена.
3. Мои действия: зная, что юзер в данный момент находится на одной из страниц, у меня должна быть возможность:
3.1. Сделать редирект на любой url который укажу.
3.2. Показать попап по центру с легким затемнением фона, который нельзя закрыть, с показом юзеру любого html кода зарнее не вшитым в скрипт, произвольными текстовыми полями и кнопками "Browse..." по моему желанию, с той же логикой их работы как на страницах. Возможность дополнительно показать в попапе картинку выбрав ее на моём компьютере.
Выбор выполнять п3.1. и п3.2. прямо сейчас, либо после нажатия юзером "Submit" на странице где он в данный момент находится (делать через websocket не надо, пингуем админку каждые 1.5-2.5 сек).
4. Если вдруг ТГ недоступен по любой причине – только в админке сохраняем, чтобы ничего не терялось вообще.
#Данные#
Вводимые данные одним юзером должны сохраняться в одно сообщение в ТГ. У текущей формы есть глюк: если обновить страницу или отправить форму и повторно начать заполнять, формируется новое сообщение в тг. А должно быть всё в одном – один уникальный юзер = 1 сообщение в админке и в ТГ, увеличивающееся по мере заполнения полей во всех формах. Данные с полей и в админке, и в ТГ должны показывать ВСЕ значения которые вводил юзер – внимательно посмотрите видео которое я приложил в начале (либо скрипт могу скинуть этот) – именно так и никак иначе, в столбик, должны добавляться данные по каждому полю, если начнет заново заполнять, удалять введенный текст целиком или частично, либо повторно окажется на этой странице и продолжит заполнять.
Пишите в ЛС если есть вопросы, оплата USDT.