emily/video2document
1
0
Fork 0
mirror of https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git synced 2026-06-15 18:01:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Implemented the color change of the progressbar

Browse Source
This commit is contained in:
eric.minning
2025-12-09 17:03:02 +01:00
parent b182e0a3c7
commit 6eef82bb64
3 changed files with 69 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
electron/main/preload.js
+4 -15
View File
@@ -16,23 +16,12 @@ try {
}) })
ipcRenderer.on("progress", (event, resp) => { contextBridge.exposeInMainWorld('electron', {
try{ progress: (callback) => ipcRenderer.on('progress', callback)
if(resp.curstep == 1){
setCircleOne();
}else if(resp.curstep == 2){
setCircleZwo();
}else if(resp.curstep == 3){
setCircleThree();
}else if(resp.curstep == 4){
setCircleFour();
}
}catch(error){
}
}) })
ipcRenderer.on("error", (event, err) => {alert(err)}) ipcRenderer.on("error", (event, err) => {alert(err)})
} catch (error) { } catch (error) {
console.log("Error in preload.js"); console.log("Error in preload.js");
electron/main/renderer.js
+61 -1
View File
@@ -112,4 +112,64 @@ cur_speaker.addEventListener("change", (e) =>{
} catch (error) { } catch (error) {
} }
}) })
window.electron.progress((event, arg) => {
if(arg.curstep == 1){
setCircleOne();
}else if(arg.curstep == 2){
setCircleZwo();
} else if(arg.curstep == 3){
setCircleThree();
}else if(arg.curstep == 4){
setCircleFour();
}
});
function setCircleOne(){
try {
if(document.getElementById("box1").style.backgroundColor == "green"){
document.getElementById("box1").style.backgroundColor = "red";
}else{
document.getElementById("box1").style.backgroundColor = "green";
}
} catch (error) {
}
}
function setCircleZwo(){
try {
if(document.getElementById("box2").style.backgroundColor == "green"){
document.getElementById("box2").style.backgroundColor = "red";
}else{
document.getElementById("box2").style.backgroundColor = "green";
}
} catch (error) {
}
}
function setCircleThree(){
try {
if(document.getElementById("box3").style.backgroundColor == "green"){
document.getElementById("box3").style.backgroundColor = "red";
}else{
document.getElementById("box3").style.backgroundColor = "green";
}
} catch (error) {
}
}
function setCircleFour(){
try {
if(document.getElementById("box4").style.backgroundColor == "green"){
document.getElementById("box4").style.backgroundColor = "red";
}else{
document.getElementById("box4").style.backgroundColor = "green";
}
} catch (error) {
}
}
electron/main/script.js
+4 -47
View File
@@ -37,6 +37,10 @@ function checkBoxes() {
iter++; iter++;
} }
}); });
document.getElementById("box1").style.backgroundColor = "red";
document.getElementById("box2").style.backgroundColor = "red";
document.getElementById("box3").style.backgroundColor = "red";
document.getElementById("box4").style.backgroundColor = "red";
console.log(selectedCheckboxes); console.log(selectedCheckboxes);
const outputType = document.getElementById("output_type"); const outputType = document.getElementById("output_type");
const transcriptionType = document.getElementById("transkript_type"); const transcriptionType = document.getElementById("transkript_type");
@@ -289,53 +293,6 @@ function showStep(stepNumber) {
currentStep = stepNumber; currentStep = stepNumber;
} }
function setCircleOne(){
try {
if(document.getElementById("block1").style.backgroundColor == "red"){
document.getElementById("block1").style.backgroundColor = "green";
}else{
document.getElementById("block1").style.backgroundColor = "red";
}
} catch (error) {
}
}
function setCircleZwo(){
try {
if(document.getElementById("block2").style.backgroundColor == "red"){
document.getElementById("block2").style.backgroundColor = "green";
}else{
document.getElementById("block2").style.backgroundColor = "red";
}
} catch (error) {
}
}
function setCircleThree(){
try {
if(document.getElementById("block3").style.backgroundColor == "red"){
document.getElementById("block3").style.backgroundColor = "green";
}else{
document.getElementById("block3").style.backgroundColor = "red";
}
} catch (error) {
}
}
function setCircleFour(){
try {
if(document.getElementById("block4").style.backgroundColor == "red"){
document.getElementById("block4").style.backgroundColor = "green";
}else{
document.getElementById("block4").style.backgroundColor = "red";
}
} catch (error) {
}
}
//Audio value setter //Audio value setter
var speakerAudios = {}; var speakerAudios = {};