Cosmetic changes

js/views/report.js

@@ -6,12 +6,16 @@ import {
 
 document.addEventListener('readystatechange', async () => {
     const report = await fetchReport(location.search.replace("?id=", ''));
-
     const resKeys = Object.keys(report.resource);
     // Default value...
     let resType = 'Object';
 
-    if (resKeys.length) {
+    // TODO
+    if (!resKeys.length) {
+        location.href = '/404.html';
+        return;
+    }
+
     resType = resKeys[0].split(' ')[0]; 
 
     document.querySelector('#rep-tit')
@@ -19,17 +23,17 @@ document.addEventListener('readystatechange', async () => {
 
     const repTable = document.querySelector('#resource tbody');
     // TODO manage files and nested objects
-        // e.g. if (typeof report.resource[key] == 'object') ...
     for (const key of resKeys) {
         const row = document.createElement('tr');
         let rowspan = '';
         let innerList = null;
         
+        // TODO refactor
         if (typeof report.resource[key] == 'object') {
             const boolValue = '@value' in report.resource[key];
             innerList = document.createElement('ul');
 
-                if (! boolValue) {
+            if (!boolValue) {
                 rowspan = Object.keys(report.resource[key]).length;
 
                 for (const k in report.resource[key]) {
@@ -47,9 +51,11 @@ document.addEventListener('readystatechange', async () => {
             }
         }
 
+        // TODO Pop coordinates before traversing the object
         if (!key.includes('Coordinates')) {
             let value = innerList !== null ? 
                 innerList.outerHTML : report.resource[key];
+
             row.innerHTML = `
                 <td class="text-bold key">${key.replace(resType, '')}</td>
                 <td>${value}</td>
@@ -58,5 +64,4 @@ document.addEventListener('readystatechange', async () => {
 
         repTable.appendChild(row);
     }
-    }
 })