Extension of the PHP JavaScript script

Job ID: 36456758

Budget: $10 – $30 USD

I am looking for a PHP + JavaScript specialist to add some additional functions to an existing script.

The operation of the script is shown in the attached video (please see).

The script is a proprietary client to control the JDownloader application. It works via official My.JDownloader API + ready to use php class.

As for the front-end issue, Bootstrap is implemented.

Links entered into the form are added to the JDownloader application and the file is automatically downloaded. Everything will ultimately work on a VPS server - downloaded files will be hosted on the same server.

Your tasks:

1. Adding a "Downloaded" module whose task is to display downloaded files from a given directory on the server - it's about files that were previously added to the form script.

UI design of the Downloaded module on the attached screen.

The "Downloaded" module should have the following functions:

- the ability to download and delete the selected file from the browser interface
- display the status of the file being downloaded in the form of a progress bar or at least display the status
a: "downloading" - marked with a red control
b: "ready" - green light
- the "download file" and "delete" button should only be displayed after the file download is complete.
- It should display the size of the file being downloaded
- "Downloads" module should refresh the view automatically (without manual reloading).

I already have the PHP code that displays the files. You can use this but it needs to be tweaked to work according to the UI design I've attached.

2. Add validation of the entered links and confirmation of adding the link (the validation script is ready, only a minor correction is required).
The form should only accept links from a few selected domains, e.g.: https://uptobox.com/0xltsimadxh (it will indicate 2-3 http addresses in a private message).

Please consider making offers.
Related categories: PHP JavaScript AJAX Software Architecture HTML5