First attempt to return DIRAC results - not working yet

src/components/DIRAC.js

+import React from "react";
+
+export default function DIRAC() {
+  return (
+    <div className="embed-responsive embed-responsive-16by9">
+      <iframe
+        title="dirac"
+        className="embed-responsive-item"
+        allowFullScreen
+      ></iframe>
+    </div>
+  );
+}

src/components/query/QueryCatalogs.js

@@ -39,6 +39,9 @@ export default function QueryCatalogs() {
       case "esap_zenodo":
         setConfigName("esap_zenodo");
         break;
+      case "esap_dirac":
+        setConfigName("esap_dirac");
+        break;
       case "astron_vo":
         setConfigName("astron_vo");
         break;

src/components/services/query_results/DIRACResults.js

+import React, { useContext } from "react";
+import { Table, Alert, Form } from "react-bootstrap";
+import { QueryContext } from "../../../contexts/QueryContext";
+import LoadingSpinner from "../../LoadingSpinner";
+import Paginate from "../../Paginate";
+import AddToBasket from "../../basket/AddToBasketCheckBox";
+
+export default function DIRACResults({ catalog }) {
+  const context = useContext(QueryContext);
+  const { queryMap, page, setPage } = context;
+  const regex = /(<([^>]+)>)/ig;
+
+  if (!context.queryMap) return null;
+
+  if (context.queryMap.get(catalog).status === "fetched") {
+    if (context.queryMap.get(catalog).length === 0)
+      return <Alert variant="warning">No matching results found!</Alert>;
+    else if (catalog === "dirac") {
+      const diracResults = queryMap.get("dirac").map((hits, counter) => (
+/*
+        <>
+        <br/>
+        <br/>
+        <h4><a href={hits.links.latest_html} target="_blank"> {hits.metadata.title.replaceAll(regex, '')} </a></h4>
+        <a href={hits.links.conceptdoi} target="_blank"> <img src={hits.links.badge} alt="DOI"/> </a>
+        <br/>
+        {hits.metadata.description.replaceAll(regex, '').substring(0,200)}...
+        </>
+*/
+<>
+</>
+      ));
+
+      return (
+
+       <>
+         {diracResults}
+       </>
+
+      ); 
+
+    }
+  }
+  else {
+    return <LoadingSpinner />;
+  }
+}
+

src/components/services/query_results/QueryResults.js

@@ -6,6 +6,7 @@ import VORegListResults from "./VORegListResults";
 import LOFARResults from "./LOFARResults";
 import RucioResults from "./RucioResults";
 import ZenodoResults from "./ZenodoResults";
+import DIRACResults from "./DIRACResults";
 import SampResults from "./SampResults";
 
 export default function QueryResults({ catalog }) {
@@ -26,6 +27,8 @@ export default function QueryResults({ catalog }) {
       return <RucioResults catalog={catalog} />;
     case "zenodo":
       return <ZenodoResults catalog={catalog} />;
+    case "dirac":
+      return <DIRACResults catalog={catalog} />;
     case "samp":
       return <SampResults catalog={catalog} />;
     default:

src/utils/form/parseDIRACForm.js

+export default function parseDIRACForm(formData) {
+  let formInput = Object.entries(formData);
+
+  let query = "";
+
+  for (let [key, value] of formInput) {
+    query += `${`${query}` ? "&" : ""}` + key + "=" + value;
+  }
+
+  let esapquery = [
+    query,
+    "archive_uri=esap_dirac",
+    `catalog=dirac`,
+  ].join("&");
+
+  console.log("DIRAC Job Submission (helloworld):", query);
+  return [{
+    catalog: "dirac",
+    esapquery: esapquery
+  }];
+}

src/utils/form/parseQueryForm.js

@@ -6,6 +6,7 @@ import parseApertifForm from "./parseApertifForm";
 import parseASTRONVOForm from "./parseASTRONVOForm";
 import parseRucioForm from "./parseRucioForm";
 import parseZenodoForm from "./parseZenodoForm";
+import parseDIRACForm from "./parseDIRACForm";
 
 export default function parseQueryForm(gui, formData) {
   switch (gui) {
@@ -25,6 +26,8 @@ export default function parseQueryForm(gui, formData) {
         return parseRucioForm(formData);
     case "zenodo":
         return parseZenodoForm(formData);
+    case "dirac":
+        return parseDIRACForm(formData);
     default:
       return null;
   }