199 lines
8.5 KiB
JavaScript
199 lines
8.5 KiB
JavaScript
const FfmpegPath = {
|
|
str_current_path: null,
|
|
is_found: false,
|
|
obj_modal: null,
|
|
|
|
init: () => {
|
|
FfmpegPath._create_badge();
|
|
FfmpegPath._create_modal();
|
|
FfmpegPath._bind_events();
|
|
},
|
|
|
|
_create_badge: () => {
|
|
let obj_nav_right = document.querySelector("nav .d-flex.gap-2");
|
|
let obj_badge = document.createElement("button");
|
|
obj_badge.id = "btn_ffmpeg_status";
|
|
obj_badge.className = "btn btn-sm btn-outline-secondary";
|
|
obj_badge.title = "Chemin FFmpeg";
|
|
obj_badge.innerHTML = '<i class="mdi mdi-video-outline"></i>';
|
|
obj_nav_right.insertBefore(obj_badge, obj_nav_right.firstChild);
|
|
|
|
obj_badge.addEventListener("click", () => {
|
|
FfmpegPath._open_modal();
|
|
});
|
|
},
|
|
|
|
_create_modal: () => {
|
|
let obj_modal_el = document.createElement("div");
|
|
obj_modal_el.id = "modal_ffmpeg_path";
|
|
obj_modal_el.className = "modal fade";
|
|
obj_modal_el.tabIndex = -1;
|
|
obj_modal_el.innerHTML =
|
|
'<div class="modal-dialog modal-dialog-centered">' +
|
|
'<div class="modal-content bg-dark text-light border-secondary">' +
|
|
'<div class="modal-header border-secondary">' +
|
|
'<h6 class="modal-title"><i class="mdi mdi-video-outline me-2"></i>Chemin FFmpeg</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-2" style="font-size: 0.85rem;">' +
|
|
'Selectionnez l\'executable FFmpeg sur votre machine.' +
|
|
'</p>' +
|
|
'<p class="mb-3" style="font-size: 0.8rem;">' +
|
|
'<a href="https://ffmpeg.org/download.html" target="_blank" class="text-info">' +
|
|
'<i class="mdi mdi-download me-1"></i>Telecharger FFmpeg' +
|
|
'</a>' +
|
|
'</p>' +
|
|
'<div class="input-group input-group-sm mb-3">' +
|
|
'<input type="text" id="input_ffmpeg_path" class="form-control bg-dark text-light border-secondary" placeholder="Aucun chemin configure" readonly>' +
|
|
'<button id="btn_browse_ffmpeg" class="btn btn-outline-primary" type="button">' +
|
|
'<i class="mdi mdi-folder-search-outline"></i> Parcourir' +
|
|
'</button>' +
|
|
'</div>' +
|
|
'<div class="d-flex justify-content-between align-items-center">' +
|
|
'<button id="btn_detect_ffmpeg" class="btn btn-sm btn-outline-secondary">' +
|
|
'<i class="mdi mdi-magnify me-1"></i>Detecter automatiquement' +
|
|
'</button>' +
|
|
'<span id="label_ffmpeg_status" class="badge bg-danger">' +
|
|
'<i class="mdi mdi-close-circle me-1"></i>Non trouve' +
|
|
'</span>' +
|
|
'</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_validate_ffmpeg" type="button" class="btn btn-sm btn-primary" disabled>' +
|
|
'<i class="mdi mdi-check me-1"></i>Valider' +
|
|
'</button>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'</div>';
|
|
|
|
document.body.appendChild(obj_modal_el);
|
|
FfmpegPath.obj_modal = new bootstrap.Modal(obj_modal_el);
|
|
},
|
|
|
|
_bind_events: () => {
|
|
let obj_btn_browse = document.getElementById("btn_browse_ffmpeg");
|
|
obj_btn_browse.addEventListener("click", () => {
|
|
FfmpegPath._browse();
|
|
});
|
|
|
|
let obj_btn_detect = document.getElementById("btn_detect_ffmpeg");
|
|
obj_btn_detect.addEventListener("click", () => {
|
|
FfmpegPath._detect();
|
|
});
|
|
|
|
let obj_btn_validate = document.getElementById("btn_validate_ffmpeg");
|
|
obj_btn_validate.addEventListener("click", () => {
|
|
FfmpegPath._validate();
|
|
});
|
|
|
|
window.api.on_ffmpeg_path_status((obj_data) => {
|
|
FfmpegPath.str_current_path = obj_data.str_path;
|
|
FfmpegPath.is_found = obj_data.is_found;
|
|
FfmpegPath._update_badge();
|
|
});
|
|
},
|
|
|
|
_open_modal: () => {
|
|
let obj_input = document.getElementById("input_ffmpeg_path");
|
|
obj_input.value = FfmpegPath.is_found ? FfmpegPath.str_current_path : "";
|
|
FfmpegPath._update_modal_status(FfmpegPath.is_found, FfmpegPath.str_current_path);
|
|
FfmpegPath.obj_modal.show();
|
|
|
|
if (!FfmpegPath.is_found) {
|
|
FfmpegPath._detect();
|
|
}
|
|
},
|
|
|
|
_browse: () => {
|
|
window.api.select_ffmpeg_exe()
|
|
.then((str_path) => {
|
|
if (!str_path) {
|
|
return;
|
|
}
|
|
let obj_input = document.getElementById("input_ffmpeg_path");
|
|
obj_input.value = str_path;
|
|
FfmpegPath._update_modal_status(true, str_path);
|
|
})
|
|
.catch((obj_err) => {
|
|
ConsoleLog.add("Erreur selection FFmpeg : " + obj_err.message);
|
|
});
|
|
},
|
|
|
|
_detect: () => {
|
|
let obj_btn = document.getElementById("btn_detect_ffmpeg");
|
|
obj_btn.disabled = true;
|
|
obj_btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>Detection...';
|
|
|
|
window.api.get_ffmpeg_path()
|
|
.then((obj_data) => {
|
|
obj_btn.disabled = false;
|
|
obj_btn.innerHTML = '<i class="mdi mdi-magnify me-1"></i>Detecter automatiquement';
|
|
|
|
if (obj_data.is_found) {
|
|
let obj_input = document.getElementById("input_ffmpeg_path");
|
|
obj_input.value = obj_data.str_path;
|
|
FfmpegPath._update_modal_status(true, obj_data.str_path);
|
|
} else {
|
|
FfmpegPath._update_modal_status(false, null);
|
|
}
|
|
})
|
|
.catch(() => {
|
|
obj_btn.disabled = false;
|
|
obj_btn.innerHTML = '<i class="mdi mdi-magnify me-1"></i>Detecter automatiquement';
|
|
FfmpegPath._update_modal_status(false, null);
|
|
});
|
|
},
|
|
|
|
_validate: () => {
|
|
let str_path = document.getElementById("input_ffmpeg_path").value;
|
|
if (!str_path) {
|
|
return;
|
|
}
|
|
|
|
window.api.set_ffmpeg_path(str_path)
|
|
.then((obj_result) => {
|
|
if (obj_result.is_success) {
|
|
FfmpegPath.str_current_path = obj_result.str_path;
|
|
FfmpegPath.is_found = true;
|
|
FfmpegPath._update_badge();
|
|
FfmpegPath.obj_modal.hide();
|
|
ConsoleLog.add("Chemin FFmpeg configure : " + obj_result.str_path);
|
|
} else {
|
|
FfmpegPath._update_modal_status(false, null);
|
|
ConsoleLog.add("Chemin FFmpeg invalide : " + (obj_result.str_error || ""));
|
|
}
|
|
})
|
|
.catch((obj_err) => {
|
|
ConsoleLog.add("Erreur configuration FFmpeg : " + obj_err.message);
|
|
});
|
|
},
|
|
|
|
_update_badge: () => {
|
|
let obj_badge = document.getElementById("btn_ffmpeg_status");
|
|
if (FfmpegPath.is_found) {
|
|
obj_badge.className = "btn btn-sm btn-outline-success";
|
|
obj_badge.title = "FFmpeg : " + FfmpegPath.str_current_path;
|
|
} else {
|
|
obj_badge.className = "btn btn-sm btn-outline-danger";
|
|
obj_badge.title = "FFmpeg non trouve";
|
|
}
|
|
},
|
|
|
|
_update_modal_status: (is_valid, str_path) => {
|
|
let obj_label = document.getElementById("label_ffmpeg_status");
|
|
let obj_btn_validate = document.getElementById("btn_validate_ffmpeg");
|
|
|
|
if (is_valid && str_path) {
|
|
obj_label.className = "badge bg-success";
|
|
obj_label.innerHTML = '<i class="mdi mdi-check-circle me-1"></i>Trouve';
|
|
obj_btn_validate.disabled = false;
|
|
} else {
|
|
obj_label.className = "badge bg-danger";
|
|
obj_label.innerHTML = '<i class="mdi mdi-close-circle me-1"></i>Non trouve';
|
|
obj_btn_validate.disabled = true;
|
|
}
|
|
},
|
|
};
|