Update renderNormalizerOutputOOIs.js (#3142)

Co-authored-by: ammar92 <[email protected]>
Co-authored-by: Jeroen Dekkers <[email protected]>

rocky/assets/js/renderNormalizerOutputOOIs.js

@@ -3,6 +3,7 @@ import { language, organization_code } from "./utils.js";
 const buttons = document.querySelectorAll(
   ".expando-button.normalizer-list-table-row",
 );
+const asyncoffset = 5; // time (in seconds) to allow for the database to actually save the OOIs
 
 buttons.forEach((button) => {
   const raw_task_id = button.closest("tr").getAttribute("data-task-id");
@@ -80,10 +81,16 @@ buttons.forEach((button) => {
             "/" +
             escapeHTMLEntities(encodeURIComponent(organization_code));
           let object_list = "";
-
+          // set the observed at time a fews seconds into the future, as the job finish time is not the same as the ooi-creation time. Due to async reasons the object might be a bit slow.
+          data["timestamp"] = Date.parse(data["valid_time"] + "Z");
+          data["valid_time_async"] = new Date(
+            data["timestamp"] + asyncoffset * 1000,
+          )
+            .toISOString()
+            .substring(0, 19); // strip milliseconds
           // Build HTML snippet for every yielded object.
           data["oois"].forEach((object) => {
-            object_list += `<li><a href='${url}/objects/detail/?observed_at=${data["valid_time"]}&ooi_id=${escapeHTMLEntities(encodeURIComponent(object))}'>${escapeHTMLEntities(object)}</a></li>`;
+            object_list += `<li><a href='${url}/objects/detail/?observed_at=${data["valid_time_async"]}&ooi_id=${escapeHTMLEntities(encodeURIComponent(object))}'>${escapeHTMLEntities(object)}</a></li>`;
           });
           element.innerHTML = `<ul>${object_list}</ul>`;
         } else {