133 lines
5.9 KiB
JavaScript
133 lines
5.9 KiB
JavaScript
const NotificationConfig = {
|
|
is_notify_each_image: false,
|
|
is_notify_all_done: true,
|
|
obj_modal: null,
|
|
|
|
init: () => {
|
|
NotificationConfig._create_badge();
|
|
NotificationConfig._create_modal();
|
|
NotificationConfig._bind_events();
|
|
NotificationConfig._load_config();
|
|
},
|
|
|
|
_create_badge: () => {
|
|
let obj_nav_right = document.querySelector("nav .d-flex.gap-2");
|
|
let obj_badge = document.createElement("button");
|
|
obj_badge.id = "btn_notification_config";
|
|
obj_badge.className = "btn btn-sm btn-outline-secondary";
|
|
obj_badge.title = "Notifications";
|
|
obj_badge.innerHTML = '<i class="mdi mdi-bell-outline"></i>';
|
|
let obj_blender_btn = document.getElementById("btn_blender_status");
|
|
if (obj_blender_btn) {
|
|
obj_nav_right.insertBefore(obj_badge, obj_blender_btn.nextSibling);
|
|
} else {
|
|
obj_nav_right.insertBefore(obj_badge, obj_nav_right.firstChild);
|
|
}
|
|
|
|
obj_badge.addEventListener("click", () => {
|
|
NotificationConfig._open_modal();
|
|
});
|
|
},
|
|
|
|
_create_modal: () => {
|
|
let obj_modal_el = document.createElement("div");
|
|
obj_modal_el.id = "modal_notification_config";
|
|
obj_modal_el.className = "modal fade";
|
|
obj_modal_el.tabIndex = -1;
|
|
obj_modal_el.innerHTML =
|
|
'<div class="modal-dialog modal-dialog-centered modal-sm">' +
|
|
'<div class="modal-content bg-dark text-light border-secondary">' +
|
|
'<div class="modal-header border-secondary">' +
|
|
'<h6 class="modal-title"><i class="mdi mdi-bell-outline me-2"></i>Notifications</h6>' +
|
|
'<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>' +
|
|
'</div>' +
|
|
'<div class="modal-body">' +
|
|
'<p class="text-light-emphasis mb-3" style="font-size: 0.85rem;">' +
|
|
'Configurez les notifications systeme.' +
|
|
'</p>' +
|
|
'<div class="form-check mb-2">' +
|
|
'<input class="form-check-input" type="checkbox" id="check_notify_each_image">' +
|
|
'<label class="form-check-label" for="check_notify_each_image">' +
|
|
'A chaque image rendue' +
|
|
'</label>' +
|
|
'</div>' +
|
|
'<div class="form-check">' +
|
|
'<input class="form-check-input" type="checkbox" id="check_notify_all_done" checked>' +
|
|
'<label class="form-check-label" for="check_notify_all_done">' +
|
|
'Quand tous les rendus sont termines' +
|
|
'</label>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="modal-footer border-secondary">' +
|
|
'<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Annuler</button>' +
|
|
'<button id="btn_save_notification" type="button" class="btn btn-sm btn-primary">' +
|
|
'<i class="mdi mdi-check me-1"></i>Valider' +
|
|
'</button>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'</div>';
|
|
|
|
document.body.appendChild(obj_modal_el);
|
|
NotificationConfig.obj_modal = new bootstrap.Modal(obj_modal_el);
|
|
},
|
|
|
|
_bind_events: () => {
|
|
let obj_btn_save = document.getElementById("btn_save_notification");
|
|
obj_btn_save.addEventListener("click", () => {
|
|
NotificationConfig._save_config();
|
|
});
|
|
},
|
|
|
|
_open_modal: () => {
|
|
document.getElementById("check_notify_each_image").checked = NotificationConfig.is_notify_each_image;
|
|
document.getElementById("check_notify_all_done").checked = NotificationConfig.is_notify_all_done;
|
|
NotificationConfig.obj_modal.show();
|
|
},
|
|
|
|
_load_config: () => {
|
|
window.api.get_notification_config()
|
|
.then((obj_config) => {
|
|
if (obj_config) {
|
|
NotificationConfig.is_notify_each_image = obj_config.is_notify_each_image || false;
|
|
NotificationConfig.is_notify_all_done = obj_config.is_notify_all_done !== undefined ? obj_config.is_notify_all_done : true;
|
|
NotificationConfig._update_badge();
|
|
}
|
|
})
|
|
.catch(() => {
|
|
// Config non trouvee, valeurs par defaut
|
|
});
|
|
},
|
|
|
|
_save_config: () => {
|
|
NotificationConfig.is_notify_each_image = document.getElementById("check_notify_each_image").checked;
|
|
NotificationConfig.is_notify_all_done = document.getElementById("check_notify_all_done").checked;
|
|
|
|
let obj_config = {
|
|
is_notify_each_image: NotificationConfig.is_notify_each_image,
|
|
is_notify_all_done: NotificationConfig.is_notify_all_done,
|
|
};
|
|
|
|
window.api.set_notification_config(obj_config)
|
|
.then(() => {
|
|
NotificationConfig._update_badge();
|
|
NotificationConfig.obj_modal.hide();
|
|
ConsoleLog.add("Configuration notifications sauvegardee.");
|
|
})
|
|
.catch((obj_err) => {
|
|
ConsoleLog.add("Erreur sauvegarde notifications : " + obj_err.message);
|
|
});
|
|
},
|
|
|
|
_update_badge: () => {
|
|
let obj_badge = document.getElementById("btn_notification_config");
|
|
let is_any_active = NotificationConfig.is_notify_each_image || NotificationConfig.is_notify_all_done;
|
|
if (is_any_active) {
|
|
obj_badge.className = "btn btn-sm btn-outline-success";
|
|
obj_badge.title = "Notifications activees";
|
|
} else {
|
|
obj_badge.className = "btn btn-sm btn-outline-secondary";
|
|
obj_badge.title = "Notifications desactivees";
|
|
}
|
|
},
|
|
};
|