Begin integration policies

Author: SKernchen

public/.hermes/process/transport.json

@@ -482,6 +482,20 @@
          {"conflict": "Curation"}
       ],
 
-  "policy-report":{"policy 1": "Validated"}
+  "policies": [{"policy 1": {"conforms": true}},
+  {"policy 2": {"conforms": false,
+      "resultMessage": "String length not >= Literal(\"100\", datatype=xsd:integer)" ,
+      "resultPath": "https://schema.org/description" ,
+      "resultSeverity": "Violation" ,
+      "sourceConstraintComponent": "MinLengthConstraintComponent" ,
+      "sourceShape": { "datatype": "string" ,
+              "description": "The software description must have a certain length.",
+              "minLength": 100 ,
+              "name": "Long description" ,
+              "path": "https://schema.org/description" },
+      "value": "Proof-of-concept implementation of the HERMES workflow."
+  }}
+
+]
 }
 

public/curation/curation.js

@@ -16,15 +16,59 @@ export function displayJSON(json_document){
         document.body.appendChild(back);
       }
 
-
-
-      //document.getElementById("test").innerHTML = 'Project <b>'+data.name[0]+'</b>';
       const keys = Object.keys(data);
+
       const metadateTemp = document.querySelector("#metadate");
       const tbody = document.querySelector("#metadata");
+      const policyTemp = document.querySelector("#policy"),
+          policyDiv =  document.querySelector("#sw-policies");
+      
+
+      const header = document.querySelector("#header-policies");
+      header.style.display = "none";
+
+      keys.forEach(element => { 
+        if(element.toLowerCase().includes("name")){
+          console.log(element);
+          document.getElementById("project-name").innerHTML = element.charAt(0).toUpperCase() + element.slice(1) +' <b> '+data[element][0]+'</b>';
+        }
+        if(element=="policies"){
+          header.style.display = "block";
+          console.log("policies");
+          data[element].forEach(pol =>{
+            console.log(pol);
+            const policy = document.importNode(policyTemp.content, true);
+            console.log(policy);
+            const tbodyPol = policy.querySelector("tbody"),
+              polname = policy.querySelector("#policy-name");
+            const policyId = Object.keys(pol)[0];
+            polname.textContent = `${policyId}`;
+            policyDiv.appendChild(policy);
+            const policyReportTemp = document.querySelector("#policy-report");
+            const polKeys = Object.keys(pol[policyId]);
+            console.log(polKeys);
+            polKeys.forEach(report =>{
+              console.log(report);
+              const prow = document.importNode(policyReportTemp.content, true);
+              
+              const pkey = prow.querySelector("#pkey"),
+                pvalue = prow.querySelector("#pvalue");
+                //pconforms = prow.querySelector("#policy-conforms"); 
+                if(report=="conforms"){
+                  console.log("conforms");
+                }
+                console.log(report,pol[policyId][report]);
+                pkey.textContent = `${report}`;
+                extract_info(pvalue, pol[policyId][report]);
+                //pvalue.textContent = `${pol[policyId][report]}`;
+                tbodyPol.appendChild(prow);
+            })
+          })
 
-      keys.forEach(element => {          
+          return;
+        }   
         const row = document.importNode(metadateTemp.content, true);
+        console.log(row);
         const mkey = row.querySelector("#key"),
           mvalue = row.querySelector("#value"),
           mtag = row.querySelector("#tag");

public/curation/extract.js

@@ -2,7 +2,7 @@ function extract_info(cell, obj, tag, category){
       if(!Array.isArray(obj)){
         obj = [obj];
       }
-      if(typeof obj[0] === "string" || typeof obj[0] == "number"){
+      if(typeof obj[0] === "string" || typeof obj[0] == "number" || typeof obj[0] == "boolean"){
         if(obj[2] && obj[2]["conflict"] == "Curation"){
           console.log(`${Object.keys(obj[2])}`);
           const element = document.createElement("div");

public/curation/index.html

@@ -20,7 +20,7 @@ <h1><a href="../">Software CaRD</a>
     </canvas>
     </div>
 
-    <p id="test"></p>
+    <p id="project-name"><b>Metadata</b></p>
     <input type="checkbox" id="extended" name="extended" value=1 checked>
     <label for="extended">Extended view</label><br>
 
@@ -46,10 +46,22 @@ <h1><a href="../">Software CaRD</a>
                 </table>
 
         </div>
-        <template id="policy-report">
-            <h3>Policy Report</h3>
-            
+        <div id="sw-policies">
+        <h3 id="header-policies">Policy Report</h3>
+        <template id="policy">
+            <b id="policy-name"></b>
+            <table>
+                <tbody>
+                    <template id="policy-report">
+                        <tr id="tr">
+                            <td id="pkey"></td>
+                            <td id="pvalue"></td>
+                        </tr>
+                    </template>
+                </tbody>
+            </table>
         </template>
+        </div>
     </div>
 
 

public/style.css

@@ -35,13 +35,21 @@ button{
     justify-content: center;
     padding: 1%;
 }
+#header-policies{
+    display: none;
+    ;
+}
 
 #content{
     display: flex;
     justify-content: center;
+    align-items: center;
+    flex-direction: column;
 }
 #hermes{
     width: 80%;
+    display: flex;
+    justify-content: center;
 }
 
 .tooltip {