head
  meta(charset='UTF-8')
  title GraphQL Format Transformer 
  link(rel='stylesheet', href='/stylesheets/style.css')
body
  div
    h1 GraphQL Format Transformer
    
    iframe(width='100%', height='100%', src=jadeargument['graphql_url'], frameborder='0')
    
      //- function tableCreate () {
        //- var myTable = document.getElementById('multiSiteTable');
        //- var table = document.createElement('table');
        //- table.border = '1';
        //- var tblBody = document.createElement('tbody');
        //- let column = [];

        //- for(var i = 0; i < arr.length; i++){
        //-     var tr = document.createElement('tr');
        //-     tblBody.appendChild(tr)
        //-     for(var j=0; j< Object.keys(arr[i]).length; j++) {
        //-         Object.keys(arr[i]).forEach((c)=>{
        //-             if(column.indexOf(c)==-1) column.push(c); 
        //-         });
        //-         var td = document.createElement('td');
        //-         td.innerHTML = arr[i][Object.keys(arr[i])[j]];
        //-         tr.appendChild(td);
        //-     }
        //- }
        //- var header = document.createElement('thead');
        //- column.forEach((c)=>{
        //-     var th = document.createElement("th");
        //-     th.innerHTML = c;
        //-     header.appendChild(th);
        //- })
        //- table.appendChild(header);

        //- table.appendChild(tblBody);
        //- myTable.appendChild(table);
    //- }