There is a script in PHP and JavaScript (source code) that, when filling out the text fields of a web form, sends data to Telegram, screencast of the work: https://dropmefiles.com/fFux2
Based on this source code, several pages need to be created, and new functions added. All you need to provide is the code; there is no need to integrate it into any website or design. It should work according to the following algorithm:
1). The visitor on the first page "A" fills out the text fields of the form and clicks "Submit".
2). Page "B" opens with a form containing 3 fields and 1 "Browse..." (file upload for images), fills it out, selects file(s), and clicks "Submit".
3). Page "C" opens with 2 "Browse...", selects files, and clicks "Submit".
4). Page "D" opens with 1 "Browse...", selects file(s), and clicks "Submit".
5). Page "E" opens with a form containing 1 field, fills it out, and clicks "Submit".
6). The final page "F" opens with the text "Application accepted, please wait for a call!".
#Forms#:
The "Submit" button should be inactive (grey) until all required fields in the displayed form are filled or all required files are uploaded 100%.
The fields and file selection buttons "Browse..." can be mandatory or optional to fill out.
While images are being uploaded, an animated loading bar from 0% to 100% should be displayed next to each "Browse..." button. The bar should be hidden until files are selected.
When using "Browse...", there should be the ability to select and upload more than 1 file at the same time (currently only one). Images should not be renamed; if there are [^A-Za-z1-9] in the names, they can be replaced. The upload should only check for images (jpg, jpeg, png, gif) to ensure no shells are uploaded :)
All fields and "Browse..." buttons should send data as they are filled (or files selected) automatically, regardless of whether "Submit" is pressed. This is how it currently works. Pressing "Submit" should only redirect to the next page under the conditions described above.
#Admin Panel#
A simple web admin panel should be created where, by specifying the user ID, you can see:
1. Logging of all actions, what page they filled out, which files they uploaded with links to them, when, IP, and user agent, my actions with them.
2. Clicking on the text field should copy its content to the clipboard.
3. My actions: knowing that the user is currently on one of the pages, I should have the ability:
3.1. To redirect to any URL I specify.
3.2. To show a popup in the center with a slight darkening of the background that cannot be closed, displaying any HTML code to the user not previously embedded in the script, arbitrary text fields, and "Browse..." buttons at my discretion, with the same logic of their operation as on the pages. Additionally, the ability to show an image in the popup by selecting it from my computer.
The selection should be performed in p3.1. and p3.2. right now, or after the user clicks "Submit" on the page they are currently on (there is no need to do this via websocket, ping the admin panel every 1.5-2.5 seconds).
4. If Telegram is unavailable for any reason - only in the admin panel should we save it so that nothing is lost at all.
#Data#
The data entered by one user should be saved in one message in Telegram. The current form has a glitch: if the page is refreshed or the form is submitted and the user starts filling it out again, a new message is created in Telegram. It should all be in one - one unique user = 1 message in the admin panel and in Telegram, increasing as the fields in all forms are filled out.
The data from the fields in both the admin panel and Telegram should show ALL values that the user entered - please carefully watch the video I attached at the beginning (or I can send this script) - it should be exactly as described, in a column, data should be added for each field, if they start filling it out again, deleting the entered text entirely or partially, or if they find themselves on this page again and continue filling it out.
Please write to me in private messages if you have any questions, payment in USDT.
