Merge branch 'feature/ui-test' of gitlab.rlp.net:proj-wise2526-video2document/video2document into feature/ui-test

electron/main/index.html

@@ -110,11 +110,7 @@
     <div class="step" id="step4" style="display:none;">
       <button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button>
 
-      <div class="progressbar" id="progressbar">
+      <div class="testy" id="testy">
-        <div class="progress_fill"></div>
-        <span class="progress_text">0%</span>
-      </div>
-      <div class="testy">
         <div class="box2" id="box1">
         </div>
         <p>---Starting---</p>
@@ -144,9 +140,10 @@
       </div>
       <div class="speakerWrite" id="speakerWrite">
         <label id="labelSpeakerWriter">Write name:</label>
-        <input type="text">
+        <input type="text" id="newSpeaker">
       </div>
-      <button id="speakerLocker" >Lock Speaker</button>
+      <button id="speakerLocker" onclick="rewriteSpeakerName()">Rename Speaker</button>
+      <button id="speakerResender" onclick="sendSpeakerPackages()">Rewrite document</button>
     </div>
 
     <div class="step" id="step6" style="display:none;">

electron/main/preload.js

@@ -15,13 +15,17 @@ try {
         getModuleNames: () => ipcRenderer.invoke('get-module-names')
     })
 
-
-   
-
     contextBridge.exposeInMainWorld('electron', {
         progress: (callback) => ipcRenderer.on('progress', callback)
     })
 
+    contextBridge.exposeInMainWorld('audios', {
+        speakerAudios: (callback) => ipcRenderer.on('speakerAudios', callback)
+    })
+    contextBridge.exposeInMainWorld("submitSpeaker", {
+        submitSpeaker: (speaker_names) => {ipcRenderer.send("speaker_submit", speaker_names)}
+    })
+    
     ipcRenderer.on("error", (event, err) => {alert(err)})
 } catch (error) {
     console.log("Error in preload.js");

electron/main/renderer.js

@@ -105,6 +105,68 @@ nextBtn.addEventListener("click", () => {
   }
 });
 
+//Checkboxlistener so that only one can be selected at a time
+docFormat.addEventListener("change", (e) =>{
+  try {
+    if(docFormat.checked){
+      docFormatSummary1.checked = false;
+      docFormatSummary2.checked = false;
+      docFormatSummary3.checked = false;
+      docFormatCustom.checked = false;
+    }
+  } catch (error) {
+    
+  }
+})
+docFormatSummary1.addEventListener("change", (e) =>{
+  try {
+    if(docFormatSummary1.checked){
+      docFormat.checked = false;
+      docFormatSummary2.checked = false;
+      docFormatSummary3.checked = false;
+      docFormatCustom.checked = false;
+    }
+  } catch (error) {
+    
+  }
+})
+docFormatSummary2.addEventListener("change", (e) =>{
+  try {
+    if(docFormatSummary2.checked){
+      docFormatSummary1.checked = false;
+      docFormat.checked = false;
+      docFormatSummary3.checked = false;
+      docFormatCustom.checked = false;
+    }
+  } catch (error) {
+    
+  }
+})
+docFormatSummary3.addEventListener("change", (e) =>{
+  try {
+    if(docFormatSummary3.checked){
+      docFormatSummary1.checked = false;
+      docFormatSummary2.checked = false;
+      docFormat.checked = false;
+      docFormatCustom.checked = false;
+    }
+  } catch (error) {
+    
+  }
+})
+docFormatCustom.addEventListener("change", (e) =>{
+  try {
+    if(docFormatCustom.checked){
+      docFormatSummary1.checked = false;
+      docFormatSummary2.checked = false;
+      docFormatSummary3.checked = false;
+      docFormat.checked = false;
+    }
+  } catch (error) {
+    
+  }
+})
+
 //Speaker change listener
 cur_speaker.addEventListener("change", (e) =>{
   try {
@@ -114,6 +176,10 @@ cur_speaker.addEventListener("change", (e) =>{
   }
 })
 
+window.electron.speakerAudios((event, arg) => {
+  setSpeakerAudiosValue(arg);
+})
+
 window.electron.progress((event, arg) => {
     if(arg.curstep == 1){
       setCircleOne();
@@ -173,3 +239,5 @@ function setCircleFour(){
   } 
 }
 
+
+

electron/main/script.js

@@ -37,6 +37,7 @@ function checkBoxes() {
           iter++;
           } 
         });
+        document.getElementById("testy").style.visibility = "visible"
         document.getElementById("box1").style.backgroundColor = "red";
         document.getElementById("box2").style.backgroundColor = "red";
         document.getElementById("box3").style.backgroundColor = "red";
@@ -300,6 +301,7 @@ function showStep(stepNumber) {
 
 //Audio value setter
 var speakerAudios = {};
+var speakerEndValues = {};
 function setSpeakerAudiosValue(valy){
   try {
     speakerAudios = valy;
@@ -309,3 +311,22 @@ function setSpeakerAudiosValue(valy){
   }
 }
 
+function rewriteSpeakerName(){
+  try {
+    var tempy = document.getElementById("cur_speaker").textContent;
+    speakerAudios[document.getElementById("newSpeaker").textContent] = speakerAudios[tempy];
+    delete speakerAudios[tempy];
+    document.getElementById("cur_speaker").textContent = document.getElementById("newSpeaker").textContent;
+  } catch (error) {
+    
+  }
+}
+
+function sendSpeakerPackages(){
+  try {
+    window.sendSpeakerPackages(speakerAudios);
+  } catch (error) {
+    
+  }
+}
+

electron/main/style.css

@@ -343,6 +343,7 @@ input[type="file"] {
   border-color: black;
   border-style: solid;
   border-radius: 6px;
+  visibility: hidden;
 }
 
 .box2 {