add download page and share link ui
This commit is contained in:
parent
7da6a953b6
commit
a71161bf20
7 changed files with 310 additions and 123 deletions
|
@ -1,53 +1,64 @@
|
|||
const FileReceiver = require('./fileReceiver');
|
||||
|
||||
let download = () => {
|
||||
const fileReceiver = new FileReceiver();
|
||||
|
||||
let li = document.createElement('li');
|
||||
let name = document.createElement('p');
|
||||
li.appendChild(name);
|
||||
let progress = document.createElement('p');
|
||||
li.appendChild(progress);
|
||||
|
||||
document.getElementById('downloaded_files').appendChild(li);
|
||||
|
||||
fileReceiver.on('progress', percentComplete => {
|
||||
progress.innerText = `Progress: ${percentComplete}%`;
|
||||
|
||||
if (percentComplete === 100) {
|
||||
fileReceiver.removeAllListeners('progress');
|
||||
|
||||
let finished = document.createElement('p');
|
||||
finished.innerText = 'Your download has finished.';
|
||||
li.appendChild(finished);
|
||||
|
||||
let close = document.createElement('button');
|
||||
close.innerText = 'Ok';
|
||||
close.addEventListener('click', () => {
|
||||
document.getElementById('downloaded_files').removeChild(li);
|
||||
});
|
||||
li.appendChild(close);
|
||||
}
|
||||
$(document).ready(function(){
|
||||
$('.send-new').click(()=>{
|
||||
window.location.replace(`${window.location.origin}`);
|
||||
});
|
||||
let download = () => {
|
||||
const fileReceiver = new FileReceiver();
|
||||
|
||||
fileReceiver.download()
|
||||
.catch((err) => {
|
||||
console.log('The file has expired, or has already been deleted.');
|
||||
document.getElementById('downloaded_files').removeChild(li);
|
||||
return;
|
||||
})
|
||||
.then(([decrypted, fname]) => {
|
||||
name.innerText = fname;
|
||||
let dataView = new DataView(decrypted);
|
||||
let blob = new Blob([dataView]);
|
||||
let downloadUrl = URL.createObjectURL(blob);
|
||||
let li = document.createElement('li');
|
||||
let name = document.createElement('p');
|
||||
let progress = document.createElement('p');
|
||||
let btn = $('#download-btn');
|
||||
|
||||
let a = document.createElement('a');
|
||||
a.href = downloadUrl;
|
||||
a.download = fname;
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
});
|
||||
};
|
||||
// li.appendChild(name);
|
||||
// li.appendChild(progress);
|
||||
|
||||
window.download = download;
|
||||
//document.getElementById('downloaded_files').appendChild(li);
|
||||
|
||||
fileReceiver.on('progress', percentComplete => {
|
||||
progress.innerText = `Progress: ${percentComplete}%`;
|
||||
|
||||
if (percentComplete === 100) {
|
||||
fileReceiver.removeAllListeners('progress');
|
||||
btn.text('Download complete!');
|
||||
btn.attr("disabled", "true");
|
||||
// let finished = document.createElement('p');
|
||||
// finished.innerText = 'Your download has finished.';
|
||||
// li.appendChild(finished);
|
||||
|
||||
// let close = document.createElement('button');
|
||||
// close.innerText = 'Ok';
|
||||
// close.addEventListener('click', () => {
|
||||
// document.getElementById('downloaded_files').removeChild(li);
|
||||
// });
|
||||
// li.appendChild(close);
|
||||
}
|
||||
});
|
||||
|
||||
fileReceiver.download()
|
||||
.catch((err) => {
|
||||
$('.title').text('This link has expired or never existed in the first place.');
|
||||
$('#download-btn').hide();
|
||||
$('#expired-img').show();
|
||||
console.log('The file has expired, or has already been deleted.');
|
||||
// document.getElementById('downloaded_files').removeChild(li);
|
||||
return;
|
||||
})
|
||||
.then(([decrypted, fname]) => {
|
||||
name.innerText = fname;
|
||||
let dataView = new DataView(decrypted);
|
||||
let blob = new Blob([dataView]);
|
||||
let downloadUrl = URL.createObjectURL(blob);
|
||||
|
||||
let a = document.createElement('a');
|
||||
a.href = downloadUrl;
|
||||
a.download = fname;
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
});
|
||||
};
|
||||
|
||||
window.download = download;
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue