Checkbox fix, old progressbar removal and visibility fix in the new one

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>

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 {
@@ -173,3 +235,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";
@@ -305,3 +306,4 @@ function setSpeakerAudiosValue(valy){
   }
 }
 
+

electron/main/style.css

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