Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -94,7 +94,7 @@
         
     <div id="myModal" class="modal" >
       <span class="close">&times;</span>
-      <img class="modal-content" id="img01">
+      <img class="modal-contentImgLarger" id="img01">
       <div id="caption"></div>
     </div>
 
@@ -500,16 +500,11 @@
           </p>
           <div id="duplicaterExtra" hidden="until-found">
                 <div id="repeatforloopExtra" class="repeatforloopclassExtra0" name="repeatforloopExtraname " > 
-                  <label id="modalColIndex">Index</label>
-                  <i class="fa fa-info-circle smallFaIcon" id="infotoolModal">
-                    <span class="tooltiptext" id="modaltooltips">
-                       Index of column. (Optional)
-                    </span>
-                  </i>
                   <label id="modalColumn">Type</label> <label id="modalGray">(from drawing)</label>
                   <i class="fa fa-info-circle smallFaIcon" id="infotoolModal">
                     <span class="tooltiptext" id="modaltooltips">
                       Enter the title for the column as it will be shown in Bluebeam columns. This helps organize and categorize extracted information.
+                      For the first entry (first row), please add the Door Type in here.
                     </span>
                   </i>
                   <label id="modalKeyword">Specification</label> <label  id="modalGray">(from drawing)</label>
@@ -525,8 +520,8 @@
                     </span>
                   </i>
                   <br>
-                  <input type="number" id="textextra" name="text0name" placeholder="Eg: 1" >
-                  <input type="text" id="text0extra" name="text1name" placeholder="Eg: Wall Type" > 
+
+                  <input type="text" id="text0extra" name="text1name" placeholder="Eg: Door Type" > 
                   <input type="text" id="text1extra" name="text2name"  placeholder="Eg:NBS K10/" >
                   <input type="number" id="text2extra" name="text3name" placeholder="Eg: 3" min="0">
                   
@@ -543,8 +538,7 @@
             </div>
             <div hidden="until-found" id="duplicaterExtraHidden" >
                 <div id="repeatforloopExtrahidden" class="repeatforloopclassExtrahidden" name="repeatforloopnameExtrahidden " >    <!-- onchange="getmctName()" -->
-                  <input type="number" id="textextra" name="text0name" placeholder="Eg: 1" >
-                  <input type="text" id="text0extra" name="text1name" placeholder="Eg:Specification" > 
+                  <input type="text" id="text0extra" name="text1name" placeholder="Eg: Column Name" > 
                   <input type="text" id="text1extra" name="text2name"  placeholder="Eg:NBS K10/" >
                   <input type="number" id="text2extra" name="text3name" placeholder="Eg: 3" >
                   <script src="https://cdn.lordicon.com/bhenfmcm.js" ></script>
@@ -3468,18 +3462,15 @@ window.onclick = elem => {
     
   }
 }
-console.log()
-if (sectionNumber.startsWith('2.7'))
-{
-    textextra= cloneExtra.children[0]
-    textextra.style.backgroundColor = "rgba(101, 101, 101, 0.27)";
-    textextra.style.cursor='not-allowed';
-    textextra.disabled="disabled";
 
-} 
 if (sectionNumber.startsWith('2.8') || sectionNumber.startsWith('2.6'))
 {
-  text2extra= cloneExtra.children[3]
+  text1extra= cloneExtra.children[1]
+  text1extra.style.backgroundColor ="rgba(101, 101, 101, 0.27)";
+  text1extra.style.cursor='not-allowed';
+  text1extra.disabled="disabled";
+
+  text2extra= cloneExtra.children[2]
   text2extra.style.backgroundColor ="rgba(101, 101, 101, 0.27)";
   text2extra.style.cursor='not-allowed';
   text2extra.disabled="disabled";
@@ -3986,17 +3977,14 @@ document.getElementById("refreshAPIbutton").onclick = function()
 
 document.getElementById("popupforextratext").disabled=false;
 document.getElementById("popupforextratext").onclick = function(){
-if (sectionNumber.startsWith('2.7'))
-{
-    textextra= document.getElementById("textextra")
-    textextra.style.backgroundColor = "rgba(101, 101, 101, 0.27)";
-    // textextra.style.border='2px solid #2f83c6'
-    textextra.style.cursor='not-allowed';
-    textextra.disabled="disabled";
 
-}
 if (sectionNumber.startsWith('2.8') || sectionNumber.startsWith('2.6'))
 {
+  text1extra= document.getElementById("text1extra")
+  text1extra.style.backgroundColor = "rgba(101, 101, 101, 0.27)";
+  text1extra.style.cursor='not-allowed';
+  text1extra.disabled="disabled";
+
   text2extra= document.getElementById("text2extra")
   text2extra.style.backgroundColor = "rgba(101, 101, 101, 0.27)";
   text2extra.style.cursor='not-allowed';
@@ -4209,10 +4197,13 @@ function getpopuptext() {
   });
 
   console.log("Collected input values:", values);
-
+  if (projsec.value.startsWith('2.7'))
+    lengthofitems=3
+  else if (projsec.value.startsWith('2.8') || projsec.value.startsWith('2.6'))
+    lengthofitems=1
   // Group the values into subarrays of 4, only if any field has value
-  for (let i = 0; i < values.length; i += 4) {
-    const group = values.slice(i, i + 4);
+  for (let i = 0; i < values.length; i += lengthofitems) {
+    const group = values.slice(i, i + lengthofitems);
     if (group.some(val => val !== '')) {
       groupedValues.push(group);
     }