nicolo/ds-front-test
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Cosmetic changes

Browse Source
This commit is contained in:
Nicolò P 2023-02-23 21:32:45 +01:00
parent 4f7d6b8a38
commit 92329c1a57
1 changed files with 45 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
js/views/report.js
View File

@ -6,57 +6,62 @@ import {
document.addEventListener('readystatechange', async () => { document.addEventListener('readystatechange', async () => {
const report = await fetchReport(location.search.replace("?id=", '')); const report = await fetchReport(location.search.replace("?id=", ''));
const resKeys = Object.keys(report.resource); const resKeys = Object.keys(report.resource);
// Default value... // Default value...
let resType = 'Object'; let resType = 'Object';
if (resKeys.length) { // TODO
resType = resKeys[0].split(' ')[0]; if (!resKeys.length) {
location.href = '/404.html';
return;
}
document.querySelector('#rep-tit') resType = resKeys[0].split(' ')[0];
.innerText = `${resType} ${report.displayname}`;
const repTable = document.querySelector('#resource tbody'); document.querySelector('#rep-tit')
// TODO manage files and nested objects .innerText = `${resType} ${report.displayname}`;
// e.g. if (typeof report.resource[key] == 'object') ...
for (const key of resKeys) {
const row = document.createElement('tr');
let rowspan = '';
let innerList = null;
if (typeof report.resource[key] == 'object') { const repTable = document.querySelector('#resource tbody');
const boolValue = '@value' in report.resource[key]; // TODO manage files and nested objects
innerList = document.createElement('ul'); for (const key of resKeys) {
const row = document.createElement('tr');
let rowspan = '';
let innerList = null;
if (! boolValue) { // TODO refactor
rowspan = Object.keys(report.resource[key]).length; if (typeof report.resource[key] == 'object') {
const boolValue = '@value' in report.resource[key];
innerList = document.createElement('ul');
for (const k in report.resource[key]) { if (!boolValue) {
const li = document.createElement('li'); rowspan = Object.keys(report.resource[key]).length;
li.innerHTML =
`<strong>${k.replace(key,'')}</strong>:
${report.resource[key][k]}`;
if (report.resource[key][k] !== null) { for (const k in report.resource[key]) {
innerList.appendChild(li); const li = document.createElement('li');
} li.innerHTML =
`<strong>${k.replace(key,'')}</strong>:
${report.resource[key][k]}`;
if (report.resource[key][k] !== null) {
innerList.appendChild(li);
} }
} else {
innerList.innerHTML = `<li>${report.resource[key]['@value']}</li>`;
} }
} else {
innerList.innerHTML = `<li>${report.resource[key]['@value']}</li>`;
} }
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>
`;
}
repTable.appendChild(row);
} }
// 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>
`;
}
repTable.appendChild(row);
} }
}) })