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