Update report view style

js/views/report.js

@@ -2,14 +2,20 @@
 
 import {
     fetchReport,
+    printReport,
 } from "../ds.js";
 
 document.addEventListener('readystatechange', async () => {
     const report = await fetchReport(location.search.replace("?id=", ''));
-    const resKeys = Object.keys(report.resource);
+    const resource = report.resource;
+
+    document.querySelector('#print').addEventListener('click', () => {
+        window.print();
+    });
+
+    let resKeys = Object.keys(resource);
     // Default value...
     let resType = 'Object';
-
     // TODO
     if (!resKeys.length) {
         location.href = '/404.html';
@@ -17,6 +23,8 @@ document.addEventListener('readystatechange', async () => {
     }
 
     resType = resKeys[0].split(' ')[0]; 
+    const coordinates = resource['Coordinates'];
+    resKeys = resKeys.filter(e => !e.includes('Coordinates'));
 
     document.querySelector('#rep-tit')
         .innerText = `${resType} ${report.displayname}`;
@@ -25,7 +33,6 @@ document.addEventListener('readystatechange', async () => {
     // TODO manage files and nested objects
     for (const key of resKeys) {
         const row = document.createElement('tr');
-        let rowspan = '';
         let innerList = null;
         
         // TODO refactor
@@ -33,9 +40,7 @@ document.addEventListener('readystatechange', async () => {
             const boolValue = '@value' in report.resource[key];
             innerList = document.createElement('ul');
 
-            if (!boolValue) {
-                rowspan = Object.keys(report.resource[key]).length;
-
+            if (! boolValue) {
                 for (const k in report.resource[key]) {
                     const li = document.createElement('li');
                     li.innerHTML = 
@@ -52,16 +57,14 @@ document.addEventListener('readystatechange', async () => {
         }
 
         // TODO Pop coordinates before traversing the object
-        if (!key.includes('Coordinates')) {
-            let value = innerList !== null ? 
-                innerList.outerHTML : report.resource[key];
+        let value = innerList !== null ? 
+            innerList.outerHTML : report.resource[key];
 
-            row.innerHTML = `
-                <td class="text-bold key">${key.replace(resType, '')}</td>
-                <td>${value}</td>
-            `;
-        }
+        row.innerHTML = `
+            <td class="text-bold key">${key.replace(resType, '')}</td>
+            <td>${value}</td>
+        `;
 
         repTable.appendChild(row);
     }
-})
+})