96 lines
3.9 KiB
JavaScript
96 lines
3.9 KiB
JavaScript
const ProgressBar = {
|
|
init: () => {
|
|
window.api.on_render_progress((obj_data) => {
|
|
ProgressBar.update(obj_data);
|
|
});
|
|
},
|
|
|
|
update: (obj_data) => {
|
|
let nb_current = obj_data.nb_current || 0;
|
|
let nb_total = obj_data.nb_total || 0;
|
|
let str_camera = obj_data.str_camera || "-";
|
|
let nb_frame = obj_data.nb_frame || 0;
|
|
let str_status = obj_data.str_status || "idle";
|
|
let nb_avg_render_ms = obj_data.nb_avg_render_ms || 0;
|
|
let nb_remaining = obj_data.nb_remaining || 0;
|
|
|
|
let nb_percent = 0;
|
|
if (nb_total > 0) {
|
|
nb_percent = Math.round((nb_current / nb_total) * 100);
|
|
}
|
|
|
|
let obj_bar = document.getElementById("bar_progress");
|
|
obj_bar.style.width = nb_percent + "%";
|
|
|
|
let obj_count = document.getElementById("label_progress_count");
|
|
obj_count.textContent = nb_current + " / " + nb_total;
|
|
|
|
let obj_status = document.getElementById("label_progress_status");
|
|
if (str_status === "running") {
|
|
obj_status.textContent = "Rendu en cours...";
|
|
} else if (str_status === "paused") {
|
|
obj_status.textContent = "En pause";
|
|
} else if (str_status === "idle" && nb_current >= nb_total && nb_total > 0) {
|
|
obj_status.textContent = "Termine";
|
|
} else {
|
|
obj_status.textContent = "En attente";
|
|
}
|
|
|
|
let obj_camera_label = document.getElementById("label_current_camera");
|
|
obj_camera_label.textContent = str_camera;
|
|
|
|
let obj_frame_label = document.getElementById("label_current_frame");
|
|
obj_frame_label.textContent = nb_frame !== null && nb_frame !== undefined ? String(nb_frame) : "-";
|
|
|
|
let obj_time_label = document.getElementById("label_progress_time");
|
|
if (nb_avg_render_ms > 0 && nb_remaining > 0 && str_status === "running") {
|
|
let nb_remaining_ms = nb_avg_render_ms * nb_remaining;
|
|
let str_remaining = ProgressBar._format_duration(nb_remaining_ms);
|
|
let obj_eta = new Date(Date.now() + nb_remaining_ms);
|
|
let str_eta_hours = String(obj_eta.getHours()).padStart(2, "0");
|
|
let str_eta_minutes = String(obj_eta.getMinutes()).padStart(2, "0");
|
|
obj_time_label.textContent = "Restant : " + str_remaining + " — Fin : " + str_eta_hours + ":" + str_eta_minutes;
|
|
} else if (str_status === "idle" && nb_current >= nb_total && nb_total > 0) {
|
|
obj_time_label.textContent = "Termine";
|
|
} else {
|
|
obj_time_label.textContent = "";
|
|
}
|
|
|
|
RenderQueue.update_progress(obj_data);
|
|
},
|
|
|
|
reset: () => {
|
|
let obj_bar = document.getElementById("bar_progress");
|
|
obj_bar.style.width = "0%";
|
|
document.getElementById("label_progress_count").textContent = "0 / 0";
|
|
document.getElementById("label_progress_status").textContent = "En attente";
|
|
document.getElementById("label_current_camera").textContent = "-";
|
|
document.getElementById("label_current_frame").textContent = "-";
|
|
document.getElementById("label_progress_time").textContent = "";
|
|
},
|
|
|
|
_format_duration: (nb_ms) => {
|
|
let nb_total_seconds = Math.ceil(nb_ms / 1000);
|
|
let nb_days = Math.floor(nb_total_seconds / 86400);
|
|
nb_total_seconds %= 86400;
|
|
let nb_hours = Math.floor(nb_total_seconds / 3600);
|
|
nb_total_seconds %= 3600;
|
|
let nb_minutes = Math.floor(nb_total_seconds / 60);
|
|
let nb_seconds = nb_total_seconds % 60;
|
|
|
|
let str_result = "";
|
|
if (nb_days > 0) {
|
|
str_result += nb_days + "j ";
|
|
}
|
|
if (nb_hours > 0 || nb_days > 0) {
|
|
str_result += nb_hours + "h ";
|
|
}
|
|
if (nb_minutes > 0 || nb_hours > 0 || nb_days > 0) {
|
|
str_result += nb_minutes + "m ";
|
|
}
|
|
str_result += nb_seconds + "s";
|
|
|
|
return str_result;
|
|
},
|
|
};
|