bryan
/
BangleApps
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add progress bar for uploads

master
Gordon Williams 2019-12-05 11:48:56 +00:00
parent cc06038619
commit ffc0bff6a3
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.js
View File

@ -28,6 +28,28 @@ function showToast(message, type) {
msgDiv.remove();
}, 5000);
}
var progressToast;
Puck.writeProgress = function(charsSent, charsTotal) {
if (charsSent===undefined) {
if (progressToast) progressToast.remove();
progressToast = undefined;
return;
}
var percent = Math.round(charsSent*100/charsTotal);
if (!progressToast) {
var toastcontainer = document.getElementById("toastcontainer");
progressToast = htmlElement(`<div class="toast">
<div class="bar bar-sm">
<div class="bar-item" id="progressToast" role="progressbar" style="width:${percent}%;" aria-valuenow="${percent}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>`);
toastcontainer.append(progressToast);
} else {
var pt=document.getElementById("progressToast");
pt.setAttribute("aria-valuenow",percent);
pt.style.width = percent+"%";
}
}
function showPrompt(title, text) {
return new Promise((resolve,reject) => {
var modal = htmlElement(`<div class="modal active">