Update templates/wordSearch.html

templates/wordSearch.html

@@ -44,7 +44,8 @@
       </div>
       
       <button class="tablinks"  id="pagetitle" onclick="openTab(event, 'home')">ADR Console <i class="fa fa-home" > </i></button>
-      <button class="tablinks" id="LegendHist" onclick="openTab(event, 'legends')">Legends History  <i class="fa fa-caret-down"></i></button>
+      <!-- <button class="tablinks" id="LegendHist" onclick="openTab(event, 'legends')">Legends History  <i class="fa fa-caret-down"></i></button> -->
+      <a class="tablinks" id="LegendHist" href="{{ url_for('legendDirectory') }}">Legends History <i class="fa fa-caret-down"></i></a>
       <button class="dropbtn" onclick="userguideclick()"><img id="infoImg" src="data:image/png;base64,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"></button>
     </div>
 
@@ -245,21 +246,23 @@ PrjSectionsArray=[];
 var partsArrwithID=[];
 var firstDpwnValue;
 
+function displayprjnames(){
 $.get('/getprojectnames/')
      .success(function(data) {
       document.getElementById("all").style.display = "none";
-      for (let i=0;i<data.length;i++)
-      {
-        var op0 = document.createElement("OPTION") ;
+      prjids=data[1];
+      var op0 = document.createElement("OPTION") ;
         op0.text= 'Projects'
         op0.value= "";
         op0.hidden=true;
         firstdropdown.add(op0);
+      for (let i=0;i<data[0].length;i++)
+      {
         opt=document.createElement("option");
-        opt.textContent=data[i];
-        opt.text=data[i];
+        opt.textContent=data[0][i];
+        opt.text=data[0][i];
         firstdropdown.append(opt);
-        PrjNamesArray.push(data[i]);
+        PrjNamesArray.push(data[0][i]);
       }
       
       })
@@ -268,9 +271,8 @@ $.get('/getprojectnames/')
           ShowPopUp();
         
 });
-
-
-
+}
+displayprjnames()
 /*Menu bar icon mySidebar and Toggle*/
 var $mySidebar = document.getElementById('mySidebar');
 var $toggle = document.getElementById('toggle');
@@ -706,302 +708,6 @@ Plotly.newPlot('sunburst', data, layout);
 }
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
-//___________________________________________________________________________________________________________
-//___________________________________________________________________________________________________________
-/////////////////////////////////////*LEGEND DIRECTORY*//////////////////////////////////
-
-/////////////////////////////////////////////////////////////////////////////////////////
-/////////////////////////////////////////////////////////////////////////////////////////
-/*Get tables of Prj Names, parts , sections from API code */
-table1={}
-table2={}
-table3={}
-$.get('/getAPITables/')
-.success(function(data){
-
-  table1=data[0]; //prj names table
-  table2=data[1]; //prj parts table
-  table3=data[2]; //prj sections table
-})
-.error(function(jqXHR, textStatus, errorThrown) { 
-          PopupElement.textContent='Error occured. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
-          ShowPopUp();
-     });
-var pathsarr={};
-var legendscontent= document.getElementById('legends');
-var createdTimeDiv= document.getElementById('createdTimeDiv');
-//___________________________________________________________________________________________________________
-//___________________________________________________________________________________________________________
-/*Create divs for each prj and div for each part*/
-getlegendstoDirectory()
-function getlegendstoDirectory(){
-  $.get( '/getdrivelinks/'+'0').then (function(data){ 
-
-      pathsarr=data
-      if (!legendscontent.children[1]){
-        var allprjdiv= document.createElement("div");
-        allprjdiv.id='allprjdiv';
-      }
-      else{
-        legendscontent.children[1].innerHTML='';
-        var allprjdiv=legendscontent.children[1];
-        allprjdiv.id='allprjdiv';
-      }
-
-      for (let proj=0; proj<PrjNamesArray.length ; proj++)
-      {
-        var labelprojdiv= document.createElement("div");
-          var newlabelproj = document.createElement("label")
-          var i = document.createElement("i");
-          var brk=  document.createElement("br");
-          i.className="fa fa-folder"
-          newlabelproj.textContent=PrjNamesArray[proj];
-          newlabelproj.id='prjname';
-          newlabelproj.className='prjnameclass';
-          
-          labelprojdiv.append(i)
-          labelprojdiv.append(newlabelproj)
-          labelprojdiv.append(brk)
-          allprjdiv.append(labelprojdiv)
-        
-      }
-      legendscontent.append(allprjdiv)
-
-      legendscontent.querySelectorAll('label').forEach(function(elem){
-        elem.addEventListener('click',function(){
-      
-          if (!elem.parentElement.children[3]){
-
-            var prjnameId;
-            var prjpartsforLgnd=[];
-            var prjpartId;
-            var prjSectionsforLgnd=[];
-            /*get prj clicked on */
-            for (item in table1.ProjectName)
-            {
-              if (table1.ProjectName[item] == elem.textContent.toString()) 
-              {  
-                prjnameId = table1.ProjectId[item];
-                break;
-              }
-            }
-            /*get prj parts of this prj and its id*/
-            for (item in table2.ProjectId)
-            {
-              if (table2.ProjectId[item] == prjnameId.toString()) 
-              {  
-                prjpartsforLgnd.push(table2.ProjectPart[item]);
-                prjpartId=table2.ProjectPartId[item] ;
-              }
-            }
-          var allpartsdiv= document.createElement("div");
-            for (let prjpart=0;prjpart<prjpartsforLgnd.length;prjpart++)
-            {
-              var labelpartdiv= document.createElement("div");
-              labelpartdiv.style.marginLeft='20px';
-
-              var newlabelpart = document.createElement("label")
-              var i = document.createElement("i");
-              var brk=  document.createElement("br");
-              i.className="fa fa-folder"
-
-              newlabelpart.textContent=prjpartsforLgnd[prjpart];
-              newlabelpart.id='prjpart';
-              newlabelpart.className='prjpartclass';
-
-              labelpartdiv.append(i)
-              labelpartdiv.append(newlabelpart)
-              labelpartdiv.append(brk)
-              
-              allpartsdiv.append(labelpartdiv)
-            }
-            elem.parentElement.append(allpartsdiv)
-            elem.parentElement.querySelector('i').className='fa fa-folder-open';
-        /*Sections divs*/
-          for (let c=0;c<elem.parentElement.children[3].children.length;c++) //Div of Part
-          {
-            elem.parentElement.children[3].children[c].children[1].addEventListener('click',function(){
-            var partlabelText= elem.parentElement.children[3].children[c].children[1].textContent;
-
-            for (item in table3.ProjectId)
-            {
-              if (table3.ProjectId[item] ==prjnameId && table3.ProjectPartId[item]==prjpartId ) 
-              {  
-                prjSectionsforLgnd.push(table3.ProjectSection[item]);
-              }
-            }
-
-            if (! elem.parentElement.children[3].children[c].children[3]) {
-
-                var labelsecdiv= document.createElement("div");
-                labelsecdiv.style.marginLeft='25px';
-                for (let cc=0;cc<prjSectionsforLgnd.length;cc++){
-                  var seperateSecdiv = document.createElement("div")
-                    var newlabelsec = document.createElement("label")
-                    var i = document.createElement("i");
-                    var brk=  document.createElement("br");
-                    i.className="fa fa-folder"
-
-                    newlabelsec.textContent=prjSectionsforLgnd[cc];
-                    newlabelsec.id='prjsec';
-                    newlabelsec.className='prjsecclass';
-                    if (!(newlabelsec.textContent.toString().startsWith('1.0') || newlabelsec.textContent.startsWith('3.2') || newlabelsec.textContent.startsWith('2.2')  || newlabelsec.textContent.startsWith('2.1')))
-                    { 
-                    newlabelsec.style.color='lightgray';
-                    i.style.color='lightgray'
-                    newlabelsec.style.cursor='default';
-                    }
-                    seperateSecdiv.append(i)
-                    seperateSecdiv.append(newlabelsec)
-                    seperateSecdiv.append(brk)
-                    labelsecdiv.append(seperateSecdiv)
-                    
-                    elem.parentElement.children[3].children[c].append(labelsecdiv)
-                    // console.log(labelsecdiv)
-                }
-                elem.parentElement.children[3].children[c].children[0].className='fa fa-folder-open';
-                    
-          
-            /*Get path to legends - project name , part , section*/
-            
-            for (let k=0;k<elem.parentElement.children[3].children[c].children[3].children.length;k++)
-            {
-                elem.parentElement.children[3].children[c].children[3].children[k].children[1].addEventListener('click',function(){
-                legendpathh='/'+elem.textContent +'/' + partlabelText + '/' + elem.parentElement.children[3].children[c].children[3].children[k].children[1].textContent+'/'
-
-                if (!elem.parentElement.children[3].children[c].children[3].children[k].children[3])
-                  {
-                  
-                    for (let o=0; o<pathsarr.length;o++){
-                      console.log(pathsarr[o])
-                      if (JSON.stringify(pathsarr[o][1]) === JSON.stringify(legendpathh) ){
-                        var legendsdiv= document.createElement("div");
-                        legendsdiv.style.marginLeft='20px';
-                      
-                        var seperateSecdiv = document.createElement("div")
-                        var legendlabel = document.createElement("label")
-                        var brk=  document.createElement("br");
-                        legendlabel.textContent=pathsarr[o][0] 
-                        legendlabel.id='legend';
-                        
-                        legendlabel.className='legendclass';
-                        var legendlabeldiv= document.createElement("div");
-                        legendlabeldiv.id='legendtimediv'
-                        
-                        var createdTimelbl = document.createElement("label")
-                        var brk=  document.createElement("br");
-                        createdTimelbl.textContent=new Date(pathsarr[o][2].createdTime ).toUTCString()
-                        createdTimelbl.id='legendtime';
-                        createdTimelbl.className='legendclass';
-                        
-                        var modifiedTimelbl = document.createElement("label")
-                        var brk=  document.createElement("br");
-                        modifiedTimelbl.textContent=new Date(pathsarr[o][2].modifiedTime ).toUTCString()
-                        modifiedTimelbl.id='legendmodtime';
-                        modifiedTimelbl.className='legendclass';
-                      
-                        console.log(pathsarr[o][2].createdTime,pathsarr[o][2].modifiedTime )
-                        seperateSecdiv.append(legendlabel)
-                        legendlabeldiv.append(createdTimelbl)
-                        legendlabeldiv.append(modifiedTimelbl)
-
-                        seperateSecdiv.style.display='flex';
-                        seperateSecdiv.id='legendlbldivwhole'
-                        seperateSecdiv.append(legendlabeldiv);
-                        seperateSecdiv.append(brk);
-                        legendsdiv.append(seperateSecdiv);
-                        console.log(legendsdiv);
-                      
-                        elem.parentElement.children[3].children[c].children[3].children[k].append(legendsdiv)
-
-
-                        /*open legend link*/
-                        seperateSecdiv.addEventListener('click',function(){
-                            window.open('https://docs.google.com/spreadsheets/d/'+pathsarr[o][3])
-                        })
-                        if (elem.parentElement.children[3].children[c].children[3].children[k].children[0].className=='fa fa-folder')
-                        elem.parentElement.children[3].children[c].children[3].children[k].children[0].className='fa fa-folder-open';
-                      }             
-                    }
-                  } 
-                  else{
-                    for (let y =elem.parentElement.children[3].children[c].children[3].children[k].children.length; y>=0;y--)
-                    {
-                      if (elem.parentElement.children[3].children[c].children[3].children[k].children[y] instanceof HTMLDivElement)
-                        elem.parentElement.children[3].children[c].children[3].children[k].removeChild(elem.parentElement.children[3].children[c].children[3].children[k].children[y]);
-                    }
-                    elem.parentElement.children[3].children[c].children[3].children[k].children[0].className='fa fa-folder';
-                  }  
-              })
-            }
-            }
-            else{
-              elem.parentElement.children[3].children[c].removeChild(elem.parentElement.children[3].children[c].children[3]);
-              elem.parentElement.children[3].children[c].children[0].className='fa fa-folder';
-            
-            }
-
-            })
-          }
-        }
-        /*remove all parts along with sectionns of element (prj name)s*/
-          else{
-            elem.parentElement.removeChild(elem.parentElement.children[3]);
-            elem.parentElement.children[0].className='fa fa-folder';
-          }
-        })
-      })
-})
-}
-function sortlegends(clicked_id){
-  var allarr=[]
-  for ( let u=0 ; u<document.getElementById('allprjdiv').children.length ; u++)
-  {
- //Project names folder
-  if (document.getElementById('allprjdiv').children[u].children[3])
-  {
-    for (let uu=0 ; uu<document.getElementById('allprjdiv').children[u].children[3].children.length;uu++)
-    {//Project part folder
-      if(document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3])
-      {
-        var arr=[]
-        for (let uuu=0;uuu<document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children.length;uuu++)
-        {//NRM section folder - direct parent 
-            for (let h=0;h<document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children.length;h++)
-            {
-              if (document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children[h] instanceof HTMLDivElement)
-              {
-                if (clicked_id == 'sortBtnCreateDesc' || clicked_id == 'sortBtnCreateAsc'  )
-                arr.push([document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children[h], new Date(document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children[h].children[0].children[1].children[0].textContent)])
-                if (clicked_id == 'sortBtnEditDesc' || clicked_id == 'sortBtnEditAsc'  )
-                arr.push([document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children[h], new Date(document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children[h].children[0].children[1].children[1].textContent)])
-                // legends in this parent only 
-              
-                if (h==document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children.length-1)
-                {
-                  if (clicked_id == 'sortBtnCreateDesc' || clicked_id == 'sortBtnEditDesc' )
-                    x=arr.sort((a, b) => b[1]- a[1])
-                  if (clicked_id=='sortBtnCreateAsc' || clicked_id == 'sortBtnEditAsc'  )
-                  x=arr.sort((a, b) => a[1]- b[1])
-                
-                  if (document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].children[h] instanceof HTMLDivElement)
-                  {
-                    console.log(document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu] )
-                    for (let k =0; k <x.length; k++)
-                        document.getElementById('allprjdiv').children[u].children[3].children[uu].children[3].children[uuu].appendChild(x[k][0])
-                  }
-                }
-              }             
-            }
-        }
-        allarr.push(arr);
-      }
-    }
-  }
-  }
-}
-//___________________________________________________________________________________________________________
-//___________________________________________________________________________________________________________
 /* POP-UP code JS*/
 // Select modal
 var mpopup = document.getElementById('mpopupBox');