MirrorMirror
/
lufi
mirror of https://framagit.org/fiat-tux/hat-softwares/lufi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix download progress display

This commit is contained in:
Booteille 2024-11-26 23:37:28 +01:00
parent 50f62fd8b3
commit 117fe87282
No known key found for this signature in database
GPG Key ID: 0AB6C6CA01272646
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
themes/default/public/css/lufi.css
View File

@ -842,7 +842,7 @@ main form select {
height: 4px; height: 4px;
} }
.file-card .progress-bar { .progress-bar {
height: 100%; height: 100%;
background-color: var(--progress-fg-color); background-color: var(--progress-fg-color);
transition: width 0.5s linear; transition: width 0.5s linear;
@ -1056,6 +1056,14 @@ dialog .actions {
margin-right: auto; margin-right: auto;
} }
.download-card .progress-container {
width: 100%;
margin: 0 4px;
background-color: var(--progress-bg-color);
border-radius: 4px;
height: 4px;
}
/** Download Card --- End */ /** Download Card --- End */
/** Download --- End */ /** Download --- End */

11
themes/default/public/js/lufi-download.js
View File

@ -102,11 +102,14 @@ document.addEventListener("DOMContentLoaded", () => {
warnOnReload(); warnOnReload();
job.onProgress(() => { job.onProgress(() => {
const percent = Math.round( const percent =
(job.lufiFile.chunksReady * 100) / job.lufiFile.totalChunks Math.round(
); (job.lufiFile.chunksReady * 100) / job.lufiFile.totalChunks
) + "%";
cardDOM.querySelector(".progress-bar").style.width = `${percent}%`; cardDOM.querySelector(".progress-bar").style.width = percent;
cardDOM.querySelector(".loading-message").innerText =
i18n.loading.replace("XX1", job.lufiFile.chunksReady);
}); });
document.querySelector(".action-abort").onclick = () => { document.querySelector(".action-abort").onclick = () => {