Merge branch 'feature/ui-test' into 'develop'

Feature/ui test

See merge request proj-wise2526-video2document/video2document!66

electron/main/renderer.js

@@ -176,8 +176,8 @@ cur_speaker.addEventListener("change", (e) =>{
 });
 
 window.audios.speakerAudios((event, arg) => {
-    setSpeakerAudiosValue(arg);
     loadSpeakerOptions(arg);
+    setSpeakerAudiosValue(arg);
 });
 
 window.electron.progress((event, arg) => {

electron/main/script.js

@@ -211,11 +211,15 @@ function loadLanguageOptions(){
 //function to load speaker options to the drop down list
 function loadSpeakerOptions(options){
   try {
-    var menu = document.getElementById('speaker_option');
+    var menu = document.getElementById('cur_speaker');
+    var l = document.getElementById("cur_speaker").options.length -1;
+    for(i = l; i >= 0; i--){
+      menu.remove(i);
+    }
     var object_holdy;
     var choice;
-    object_holdy = options.keys();
-    for(i = 0; i < options.length; i++){
+    object_holdy = Object.keys(options);
+    for(i = 0; i < object_holdy.length; i++){
       choice = document.createElement('option');
       choice.textContent = options[object_holdy[i]].name;
       choice.value = options[object_holdy[i]].name;
@@ -310,9 +314,9 @@ function setSpeakerAudiosValue(valy){
 
 function rewriteSpeakerName(){
   try {
-    var tempy = document.getElementById("cur_speaker").textContent;
-    speakerAudios[tempy].name = document.getElementById("newSpeaker").textContent;
-    document.getElementById("cur_speaker").textContent = document.getElementById("newSpeaker").textContent;
+    var tempy = document.getElementById("cur_speaker").value;
+    speakerAudios[tempy].name = document.getElementById("newSpeaker").value;
+    setSpeakerAudiosValue(speakerAudios);
   } catch (error) {
     
   }

electron/main/style.css

@@ -467,10 +467,12 @@ li {
 
 .download-btn {
   display: flex;
+  align-items: center;
   justify-content: center;
   padding: 10px 20px;
-  margin-left: 10px;
-  margin-top: 30px;
+  margin-left: auto;
+  margin-right: 0px;
+  margin-top: 130px;
   margin-bottom: 10px;
   background-color: #007BFF;
   color: white;