Avoid undefined values in report

js/ds.js

@@ -61,18 +61,26 @@ DataSpace.OBJECT_REPORT = OBJECT_REPORT;
  * 
  * @return {Map<string, object>}
  */
-DataSpace.createObjectShape = function(resource) {
+DataSpace.createObjectShape = function (resource) {
     const shape = this.OBJECT_REPORT;
 
     let beforeGallery = shape.get('before-gallery'),
         afterGallery = shape.get('after-gallery');
 
     for (const key in shape.get('before-gallery')) {
+        if (resource[key]) {
             beforeGallery[key] = resource[key];
+        } else {
+            delete beforeGallery[key];
+        }
     }
 
     for (const key in shape.get('after-gallery')) {
+        if (resource[key]) {
             afterGallery[key] = resource[key];
+        } else {
+            delete afterGallery[key];
+        }
     }
 
     shape.set('before-gallery', beforeGallery);
@@ -87,14 +95,17 @@ DataSpace.createObjectShape = function(resource) {
  * 
  * @return {object}
  */
-DataSpace.fetchReport = async function(uuid, format='json')
+DataSpace.fetchReport = async function (uuid, format='json')
 {
     const jsonRep =
-        await fetch(`${this.BASE_URL}${this.RES_ENDPOINT}${uuid}?format=${format}&indent=2`)
+        await fetch(
+            `${this.BASE_URL}${this.RES_ENDPOINT}${uuid}?format=${format}&indent=2`
+        )
         .then(res => res.json())
         .catch(excep => {
-            _createError(excep, 'error')
+            _fetchError(excep, 'error');
-            document.querySelector('.modal').classList.remove('active');
+            document.querySelector('.modal')
+                .classList.remove('active');
         });
 
     return jsonRep;
@@ -104,7 +115,7 @@ DataSpace.fetchReport = async function(uuid, format='json')
  * 
  * @return {void}
  */
-DataSpace.printReport = function() {
+DataSpace.printReport = function () {
     document.querySelector('#print')
         .addEventListener('click', () => {
             window.print();
@@ -163,7 +174,7 @@ DataSpace.getImagesSrc = function(resource) {
     return fileNames;
 }
 
-function _createError(message, htmlId)
+function _fetchError(message, htmlId)
 {
     const error = document.createElement('div');
     const clear = document.createElement('button');

report/index.html

@@ -38,7 +38,7 @@
                 <h2 class="mt-1 p-2" id="rep-tit"></h2>
                 <div class="columns">
                     <div class="column col-7">
-                        <table class="table table-hover mt-2" id="res-before">
+                        <table class="table mt-2" id="res-before">
                             <tbody>
                             </tbody>
                         </table>