Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -138,7 +138,7 @@
               <option value="11aaa"> 11</option> -->
             </select>
             <br>
-            <div id="repeatforloop" class="repeatforloopclass" name="repeatforloopname " onchange="getmctName()">
+            <div id="repeatforloop" class="repeatforloopclass00" name="repeatforloopname " onchange="getmctName()">
           
   
                   <input type="text" id="text0" name="text1name" placeholder="GB-1" class=gb>
@@ -171,6 +171,45 @@
     
     </form> 
 
+    <div  hidden id ="duplicaterhidden" class="duplicaterclasshidden">
+      <select name="measurementscripts" class="measurementselections" id="measurementselectionsid" > 
+    <!-- <option value="" disabled selected hidden>Ground Beams</option> -->
+        <option value="ground beams" >Ground Beams </option>
+        <option value="pile caps"> Pile Caps</option>
+      </select>
+
+      <select name="measureitem" class="measureitems" oninput="get3rddropdown()" id="measureitemsid">
+        <!-- <option value="" disabled selected hidden>Area</option> -->
+        <option value="area" >Area </option>
+        <option value="perimeter"> Perimeter</option>
+        <option value="length" disabled> Length</option>
+        <option value="count" disabled> Count</option>
+      </select>
+
+        <select name="select" class="selections" id="selectionsid"> 
+
+        </select>
+        <br> 
+        <div id="repeatforloophidden" class="repeatforloopclasshidden" name="repeatforloopnamehidden " onchange="getmctName()">
+      
+
+              <input type="text" id="text0" name="text1name" placeholder="GB-1" class=gb>
+              <input type="text" id="text1" name="text2name"  placeholder="A" class=a>
+              <input type="text" id="text2" name="text3name" placeholder="Depth" class=depth>
+              <script src="https://cdn.lordicon.com/bhenfmcm.js" ></script>
+              <lord-icon
+                  onclick="addmctnameicon()"
+                  src="https://cdn.lordicon.com/mecwbjnp.json"
+                  trigger="hover"
+                  id="addmctnameid"
+                  colors="primary:black,secondary:black">
+              </lord-icon>
+  
+        </div>   
+      
+
+    </div>
+
 
     
   </body>
@@ -182,19 +221,21 @@
 /* link to dropbox to view pdfs */
 
 ////////////////////////////////////////////////////////////////////////////////
-  var dupliatei = 0;
+  var dupliatei = 0; // i 
   var clonedDivId=0;
-  var original = document.getElementById('duplicater');
-  var addciconval=0;
+  var original = document.getElementById('duplicaterhidden');
+  var addciconval=0; //div duplicate
   var jj=0;
   const vals = [];
   function duplicate(mylist) {
       addciconval+=1;
+      jj=0;
       var clone = original.cloneNode(true); // "deep" clone
       
       // or clone.id = ""; if the divs don't need an ID
       clone.id = 'duplicater' + ++dupliatei;
       clonedDivId=clone.id;
+      clone.removeAttribute("hidden");
       clone.setAttribute('class','duplicaterclass'+dupliatei);
       
       clone.getElementsByClassName('measurementselections')[0].setAttribute('name', 'measurementscripts'+dupliatei);
@@ -216,8 +257,9 @@
       clone.getElementsByClassName('selections')[0].setAttribute('name', 'select'+dupliatei);
       clone.getElementsByClassName('selections')[0].setAttribute('class', 'selections'+dupliatei);
 
-      clone.getElementsByClassName('repeatforloopclass')[0].setAttribute('name', 'repeatforloopname'+dupliatei);
-      clone.getElementsByClassName('repeatforloopclass')[0].setAttribute('class', 'repeatforloopclass'+dupliatei);
+      clone.getElementsByClassName('repeatforloopclasshidden')[0].setAttribute('id', 'repeatforloop'+addciconval+'0');
+      clone.getElementsByClassName('repeatforloopclasshidden')[0].setAttribute('name', 'repeatforloopname'+addciconval+'0');
+      clone.getElementsByClassName('repeatforloopclasshidden')[0].setAttribute('class', 'repeatforloopclass'+addciconval+'0');
 
       original.parentNode.appendChild(clone).insertBefore(document.getElementById('doneebackground'),null); 
       console.log( original.parentNode)
@@ -591,34 +633,66 @@ function get3rddropdown(){
 var repeatforloopI=0;
 
 function getmctName(){
+
   flag=0;
   arrall=[];
-  for (ii=0 ; ii<=addciconval; ii++){
   arrmctNames=[];
   arrFinalMCNames=[];
+  for (ii=0 ; ii<=addciconval; ii++){
 
-  if (ii==0)
+   
+    // arrFinalMCNames=[];
+  if (ii==0){
     var divduplicater=  document.getElementsByClassName('duplicaterclass')[0].children;
-  else 
+    console.log('divv ',divduplicater); //addicon  .children[4]
+    var selections = divduplicater[3][0];//document.getElementsByClassName("selections")[0]; 
+    var div=divduplicater[5].children;//document.getElementById('repeatforloop').children
+    var divValues=[div[0].value, div[1].value , div[2].value];
+    mctname=[selections.value ,divValues , measitemVal ];
+    console.log(mctname)
+    if(div[0].value && div[1].value && div[2].value)
+    { flag=1;
+      arrmctNames.push( mctname);
+    }
+  }
+  else if (ii>0){
     var divduplicater=  document.getElementsByClassName('duplicaterclass'+ii)[0].children;
- 
- console.log('divv ',divduplicater);
-  var selections = divduplicater[3][0];//document.getElementsByClassName("selections")[0]; 
-  var div=divduplicater[5].children;//document.getElementById('repeatforloop').children;
-  var divValues=[div[0].value, div[1].value , div[2].value];
-  
-  mctname=[selections.value ,divValues , measitemVal ];
-  if(div[0].value && div[1].value && div[2].value)
-   { flag=1;
-    // console.log(mctname);
-    arrmctNames.push( mctname);
+    console.log('dddd',divduplicater);
+    selections = divduplicater[2][0];//document.getElementsByClassName("selections")[0]; 
+    console.log(selections)
+    div=divduplicater[4].children;
+    var divValues=[div[0].value, div[1].value , div[2].value];
+    mctname=[selections.value ,divValues , measitemVal ];
+    console.log(mctname)
+    if(div[0].value && div[1].value && div[2].value)
+    { flag=1;
+      arrmctNames.push( mctname);
+    }
+    
+  }
+ // console.log('divv ',divduplicater[5+repeatforloopI].children[4]); //addicon  .children[4]
+
+
+console.log(arrmctNames)
+  // if (repeatforloopI>0){
+if (ii==0 ){
+  count=0;
+  var ii0selections='';
+    var cc= (document.getElementsByClassName('repeatforloopclass'+ii.toString()+'0')[0]).parentNode.children;
+    for (let o =0;o <=cc.length;o++)
+   {
+    if( cc[o] instanceof(HTMLDivElement) )
+      count++;
+      ii0selections=cc[3].value;
    }
+   console.log(count);
+    for (let i =1 ; i <count ; i++){
+      console.log('inloop',ii.toString()+i.toString())
 
-  if (repeatforloopI>0){
-    for (let i =1 ; i <=repeatforloopI ; i++){
-      var replicatedDivChildren=document.getElementById('repeatforloop'+i).children;
+      var replicatedDivChildren=document.getElementsByClassName('repeatforloopclass'+ii.toString()+i.toString())[0].children;
+    
       var divValues2=[replicatedDivChildren[0].value, replicatedDivChildren[1].value , replicatedDivChildren[2].value];
-      mctname1=[selections.value ,divValues2 , measitemVal];
+      mctname1=[ii0selections ,divValues2 , measitemVal];
       if(replicatedDivChildren[0].value && replicatedDivChildren[1].value && replicatedDivChildren[2].value)
       { 
         // console.log(mctname1);
@@ -627,29 +701,67 @@ function getmctName(){
     }
     // console.log(arrmctNames[0][1]);
   }
-  else
-  {
-    //first entry only 
-   
-    arrFinalMCNames= arrmctNames.slice();
-    console.log(arrFinalMCNames);
+  else if (ii>0 && addciconval >0 && jj>0)
+{
+  count=0;
+  var ii0selections='';
+    var cc= (document.getElementsByClassName('repeatforloopclass'+ii.toString()+'0')[0]).parentNode.children;
+    for (let o =0;o <=cc.length;o++)
+   {
+    if( cc[o] instanceof(HTMLDivElement) )
+  {  count++;
+    console.log('divvvv',cc[o])}
+
+      // count++;
+    // ii0selections=cc[3].value;
+   }
+   console.log(count);
+  
+  for (let i =1 ; i < count ; i++){
+      console.log('aaaanloop',addciconval.toString()+i.toString())
+
+      var replicatedDivChildren=document.getElementsByClassName('repeatforloopclass'+ii.toString()+i.toString())[0].children;
+      // console.log(document.getElementsByClassName('repeatforloopclass'+ii.toString()+i.toString())[0].parentElement)
+ 
+      var divValues2=[replicatedDivChildren[0].value, replicatedDivChildren[1].value , replicatedDivChildren[2].value];
+      mctname1=[selections.value ,divValues2 , measitemVal];
+      if(replicatedDivChildren[0].value && replicatedDivChildren[1].value && replicatedDivChildren[2].value)
+      { 
+        // if (!(arrmctNames.includes(mctname1))){
+        arrmctNames.push(mctname1);
+        // console.log(arrmctNames)
+      // }
+      }
+    }
+
+}
+
+// }
+
+//   else
+//   {
+//     //first entry only 
+//     arrFinalMCNames= arrmctNames.slice();
+//  }
+console.log(arrmctNames)
 
-  }
-console.log(arrmctNames.length)
 if(arrmctNames.length >1){
   var name=[];
   allnames=[];
   arrFinalMCNames = arrmctNames.slice();
+  console.log('finalnameflawel',arrFinalMCNames)
   var newarr=[];
   for (let i=0;i<arrmctNames.length; i++)
   {  str='';
   newarr=[];
+ 
     for (let j=i+1; j<arrmctNames.length; j++)
     {
-     
+ 
 // console.log('NAME  =  ' +name);
       if (arrmctNames[i][1][1] == arrmctNames[j][1][1] && arrmctNames[i][1][2] == arrmctNames[j][1][2])
-      {
+      { var selectionsname=arrmctNames[i][0] ; 
+        console.log('foorrr',arrmctNames[i][1][1])
       
         if (allnames.includes(arrmctNames[i][1][0]) )
         {
@@ -687,41 +799,52 @@ if(arrmctNames.length >1){
  console.log(measitemVal)
   // allnames.push(newarr  );
  if (newarr.length >0){
-  arrFinalMCNames.push([selections.value , newarr ,measitemVal]);
- 
+  arrFinalMCNames.push([selectionsname , newarr, measitemVal ]);
+
+
  }
 }
 
-console.log(arrFinalMCNames);
+console.log('finals',arrFinalMCNames);
 arrall.push(arrFinalMCNames);
-console.log(arrall);
+
 }
 arrFinalMCNames.push([spreadsheetId]);
 }
-if (flag==1){
+// if (flag==1){
 
-  $.get( '/mctnametoGoogleSheet/'+JSON.stringify(arrFinalMCNames));
-}
+//   $.get( '/mctnametoGoogleSheet/'+JSON.stringify(arrFinalMCNames));
+// }
 
 }
   
 
-
 function addmctnameicon(){
+
   repeatforloopI+=1
-  if (clonedDivId==0)
+  
+  if (clonedDivId==0){
+
   var dupDiv=document.getElementById('duplicater'); //pass kol div hna 
-  else
-  var dupDiv=document.getElementById(clonedDivId); //pass kol div hna 
   
-  var div=document.getElementById('repeatforloop');
+}
+  else{
+    
+  var dupDiv=document.getElementById(clonedDivId); //pass kol div hna  //akher div et3mlt
 
+  }
+  var div=document.getElementById('repeatforloophidden');
+// console.log('vcc, ' ,dupDiv.children[5]);
   var clone = div.cloneNode(true); // "deep" clone
-  clone.id = 'repeatforloop'+ ++jj;
-  clone.setAttribute('class','repeatforloopclass'+jj);
-  clone.setAttribute('name','repeatforloopname'+jj);
+
+  clone.id = 'repeatforloop'+ addciconval + ++jj;
+  clone.setAttribute('class','repeatforloopclass'+addciconval+jj);
+  clone.setAttribute('name','repeatforloopname'+addciconval+jj);
+
+
   dupDiv.appendChild(clone);//.insertBefore(document.getElementById('doneebackground'),null); 
-  console.log(dupDiv);
+
+  console.log(dupDiv.children);
   
 }