Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -125,11 +125,8 @@
       <div id ="tomeasurediv">
           <div>
             <label id="measureLabel">Document To Measure</label>  
-            <div class="input-containerSearchPaste">
               <input type="search" oninput="handleKey(event, this.id)" id="tomeasureSearchInput">
-              <i class="fa fa-clipboard clipboard-icon" aria-hidden="true"></i>
-              <i class="fa fa-times searchfocusx" aria-hidden="true"></i>
-            </div>
+              <!-- <button id="refreshDropboxButtonID"></button>  -->
               <i hidden class="fa fa-dropbox fa-lg" id="refreshDropboxButtonID"> 
                 <span class="dropboxtip">The console updates projects retrieved from Dropbox automatically at 9:00 am and 9:00 p.m. If you need to access any projects in between, just click on this button. Please note that it will refresh the files related to the project you chose only.</span> </i>            
   
@@ -749,10 +746,88 @@
                       colors="primary:black,secondary:black">
                   </lord-icon>
                 </div> 
-            </div>
-
+            </div>          
+          <div hidden="until-found" id="duplicaterExtraHidden" >
+                <div id="repeatforloopExtrahidden" class="repeatforloopclassExtrahidden" name="repeatforloopnameExtrahidden " >    <!-- onchange="getmctName()" -->
+                  <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>
+                  <lord-icon
+                      onclick="addmctnameiconPopup()"
+                      src="https://cdn.lordicon.com/mecwbjnp.json"
+                      trigger="hover"
+                      class="addmctnameclassExtra"
+                      id="addmctnameidExtra"
+                      colors="primary:black,secondary:black">
+                  </lord-icon>
+                  <script src="https://cdn.lordicon.com/bhenfmcm.js"></script>
+                  <lord-icon
+                      onclick="deletemctnameiconPopup()"
+                      src="https://cdn.lordicon.com/rivoakkk.json"
+                      trigger="hover"
+                      class="deletemctnameclassExtra"
+                      id="deletemctnameidExtra"
+                      colors="primary:black,secondary:black">
+                  </lord-icon>
+            </div>   
+    
+          </div>
 
-                      <div id="duplicaterExtradoor" hidden="until-found">
+          <!-- Place at the bottom of your modal-body (or outside the modal if you want)  -->
+            <div id="addAnotherTable" hidden="until-found"> 
+                    <div id="repeatforloopExtratable" class="repeatforloopclassExtra0table" name="repeatforloopExtranametable " > 
+                      <label id="clm">New Table</label> <br>
+               <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>
+                      <lord-icon
+                        onclick="addmctnameiconPopupTable(event)"
+                        src="https://cdn.lordicon.com/mecwbjnp.json"
+                        trigger="hover"
+                        class="addmctnameclassExtra"
+                        id="addmctnameidExtra"
+                        colors="primary:black,secondary:black">
+                      </lord-icon>
+                      
+                      <lord-icon
+                        onclick="deletemctnameiconPopupTable(event)"
+                        src="https://cdn.lordicon.com/rivoakkk.json"
+                        trigger="hover"
+                        class="deletemctnameclassExtra"
+                        id="deletemctnameidExtra"
+                        colors="primary:black,secondary:black">
+                      </lord-icon>
+                    </div> 
+                </div> 
+            <div hidden="until-found" id="duplicaterExtraHiddentable" >
+            <div id="addAnotherTableHidden" class="repeatforloopclassExtrahiddentable" name="repeatforloopnameExtrahiddentable " >    <!-- onchange="getmctName()" -->
+                      <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>
+                      <lord-icon
+                        onclick="addmctnameiconPopupTable(event)"
+                        src="https://cdn.lordicon.com/mecwbjnp.json"
+                        trigger="hover"
+                        class="addmctnameclassExtra"
+                        id="addmctnameidExtra"
+                        colors="primary:black,secondary:black">
+                      </lord-icon>
+                      
+                      <lord-icon
+                        onclick="deletemctnameiconPopupTable(event)"
+                        src="https://cdn.lordicon.com/rivoakkk.json"
+                        trigger="hover"
+                        class="deletemctnameclassExtra"
+                        id="deletemctnameidExtra"
+                        colors="primary:black,secondary:black">
+                      </lord-icon>
+                </div>   
+        </div>
+               
+          <div id="duplicaterExtradoor" hidden="until-found">
                 <div id="repeatforloopExtra" class="repeatforloopclassExtra0" name="repeatforloopExtraname " > 
                   <label id="modalColumn">Enter column names as shown in the schedule</label> 
                   <button type="button" class="delete-table-btn" style="float:right; margin-bottom: 8px;">Delete Table</button> 
@@ -789,33 +864,6 @@
                 </div> 
             </div>          
 
-            <div hidden="until-found" id="duplicaterExtraHidden" >
-                <div id="repeatforloopExtrahidden" class="repeatforloopclassExtrahidden" name="repeatforloopnameExtrahidden " >    <!-- onchange="getmctName()" -->
-                  <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>
-                  <lord-icon
-                      onclick="addmctnameiconPopup()"
-                      src="https://cdn.lordicon.com/mecwbjnp.json"
-                      trigger="hover"
-                      class="addmctnameclassExtra"
-                      id="addmctnameidExtra"
-                      colors="primary:black,secondary:black">
-                  </lord-icon>
-                  <script src="https://cdn.lordicon.com/bhenfmcm.js"></script>
-                  <lord-icon
-                      onclick="deletemctnameiconPopup()"
-                      src="https://cdn.lordicon.com/rivoakkk.json"
-                      trigger="hover"
-                      class="deletemctnameclassExtra"
-                      id="deletemctnameidExtra"
-                      colors="primary:black,secondary:black">
-                  </lord-icon>
-            </div>   
-    
-          </div>
-
         <br>
         <div class="text-right">
           <button class="dialog-btn btn-primary" id="confirm">Ok</button>
@@ -2407,6 +2455,8 @@ var doorSchedulePDF;
                     }
 
 
+
+
                   relvids.push(relvSelect);
                   measids.push(measSelect);
 
@@ -3822,6 +3872,60 @@ function deletemctnameiconPopup(){
     }
   }
 }
+
+//Functions for the new added tables
+// + button in dynamic table rows
+function addmctnameiconPopupTable(event) {
+  // Find current row in the table (supports both classes)
+  let currentTableDiv = event.target.closest('.repeatforloopclassExtra0table, .repeatforloopclassExtrahiddentable');
+  if (!currentTableDiv) {
+    alert("Could not find the row to insert after! Check the class names.");
+    return;
+  }
+
+  // Clone the hidden row template for table-rows
+  let template = document.getElementById('addAnotherTableHidden');
+  let newRow = template.cloneNode(true);
+  newRow.id = ""; // Remove ID to avoid duplicates
+
+  // Hook up + and - for this new row
+  let plus = newRow.querySelector('lord-icon[onclick^="addmctnameiconPopupTable"]');
+  if (plus) plus.onclick = addmctnameiconPopupTable;
+
+  let minus = newRow.querySelector('lord-icon[onclick^="deletemctnameiconPopupTable"]');
+  if (minus) minus.onclick = deletemctnameiconPopupTable;
+
+  // Optionally clear all input values
+  newRow.querySelectorAll('input').forEach(inp => inp.value = '');
+
+  // Section logic: disable fields in 2.6/2.8
+  if (typeof sectionNumber !== "undefined" && (sectionNumber.startsWith('2.6') || sectionNumber.startsWith('2.8'))) {
+    let spec = newRow.querySelector('input[name="text2name"]');
+    let count = newRow.querySelector('input[name="text3name"]');
+    if (spec) {
+      spec.disabled = true;
+      spec.style.backgroundColor = "rgba(101, 101, 101, 0.27)";
+      spec.style.cursor = "not-allowed";
+    }
+    if (count) {
+      count.disabled = true;
+      count.style.backgroundColor = "rgba(101, 101, 101, 0.27)";
+      count.style.cursor = "not-allowed";
+    }
+  }
+
+  // Insert after the current row
+  currentTableDiv.parentNode.insertBefore(newRow, currentTableDiv.nextSibling);
+}
+
+// - button in dynamic table rows
+function deletemctnameiconPopupTable(event) {
+  // Remove the parent of the clicked minus button (support both classes)
+  let row = event.target.closest('.repeatforloopclassExtra0table, .repeatforloopclassExtrahiddentable');
+  if (row) row.remove();
+}
+
+  
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
 function colors(){
@@ -4375,7 +4479,6 @@ if (sectionNumber.startsWith('2.8') || sectionNumber.startsWith('2.6'))
   };
 // }
 
-
 document.getElementById('addAnotherTableBtn').onclick = function() {
     console.log("add another table clicked")
     // Clone the template row
@@ -4405,7 +4508,7 @@ document.getElementById('addAnotherTableBtn').onclick = function() {
     updateDeleteButtonStates();
 };
 
-  
+
 document.getElementById("confirm").onclick = function(){confirmDialogR()};
 function confirmDialogR() {
  /* code executed if confirm is clicked */ 
@@ -4437,6 +4540,20 @@ document.getElementById("cancel").onclick = function(){cancelDialog()};
 function cancelDialog() {
     overlayme.style.display = "none";
 }
+// This targets all plus/minus clicks anywhere inside the modal body
+document.querySelector('.modal-body').addEventListener('click', function(e) {
+    // Handle PLUS (+)
+    if (e.target.classList.contains('plusBtnClass')) {
+        // call your existing add-row logic
+        // e.target is the + that was clicked
+        addmctnameiconPopup(e.target); // or whatever your logic is
+    }
+    // Handle MINUS (–)
+    if (e.target.classList.contains('minusBtnClass')) {
+        // call your existing remove-row logic
+        deletemctnameiconPopup(e.target);
+    }
+});
 
 var extracted_path;
 function callrefreshDropbox(){
@@ -4595,18 +4712,16 @@ function callrefreshAPI(){
 
 }
 
-var groupedValues = [];
-function getpopuptext() {
+  var groupedValues = [];
+  function getpopuptext() {
   groupedValues = [];
   // Select all text/number input fields inside the modal
   const inputs = document.querySelectorAll('#duplicaterExtra input[type="text"], #duplicaterExtra input[type="number"]');
   const values = [];
-
   // Collect all input values
   inputs.forEach(input => {
     values.push(input.value.trim());
   });
-
   console.log("Collected input values:", values);
   if (projsec.value.startsWith('2.7') || projsec.value.startsWith('3.2') || projsec.value.startsWith('3.3'))
     lengthofitems=3
@@ -4617,39 +4732,10 @@ function getpopuptext() {
     const group = values.slice(i, i + lengthofitems);
     groupedValues.push(group)
   }
-
   console.log("Grouped input values:", groupedValues);
   return groupedValues;
 }
-// Clipboard paste with focus preservation
-document.querySelector('.clipboard-icon').addEventListener('mousedown', (e) => {
-  e.preventDefault(); // Prevent input blur
-});
 
-document.querySelector('.clipboard-icon').addEventListener('click', async () => {
-  try {
-    const text = await navigator.clipboard.readText();
-    const input = document.getElementById('tomeasureSearchInput');
-    input.value = text;
-    input.focus(); // Re-focus after clipboard read
-    handleKey({ target: input }, 'tomeasureSearchInput');
-  } catch (err) {
-    console.error('Clipboard access error:', err);
-    alert('Clipboard access is blocked. Try using Ctrl+V.');
-  }
-});
-
-// Clear input on 'x' click, with focus preserved
-document.querySelector('.searchfocusx').addEventListener('mousedown', (e) => {
-  e.preventDefault(); // Prevent input blur
-});
-
-document.querySelector('.searchfocusx').addEventListener('click', () => {
-  const input = document.getElementById('tomeasureSearchInput');
-  input.value = '';
-  input.focus(); // Keep input focused
-  handleKey({ target: input }, 'tomeasureSearchInput');
-});
 function getAddedTablesDataSimple_modified() {
   const allTablesData = [];
   // 1. Get the first main table container
@@ -4744,4 +4830,3 @@ function get_combined_tables(main_table, other_tables){
   return mergedArray;
 }
 </script>
-