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
+2 -13
View File
@@ -17,20 +17,9 @@ try {
ipcRenderer.on("progress", (event, resp) => {
try{
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){
}
contextBridge.exposeInMainWorld('electron', {
progress: (callback) => ipcRenderer.on('progress', callback)
})
ipcRenderer.on("error", (event, err) => {alert(err)})
electron/main/renderer.js
+60
View File
@@ -113,3 +113,63 @@ cur_speaker.addEventListener("change", (e) =>{
}
})
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++;
}
});
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);
const outputType = document.getElementById("output_type");
const transcriptionType = document.getElementById("transkript_type");
@@ -289,53 +293,6 @@ function showStep(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
var speakerAudios = {};