Merge pull request #101 from andriumon/quick-fix

Added missing multiple-source implementation for dimensions web table

Author: dgarijo

website/dimensions.html

@@ -233,30 +233,40 @@ <h2>Research Software Quality Dimensions</h2>
                 row.appendChild(descriptionCell);
 
                 const sourceCell = document.createElement("td");
-                if (data.source && typeof data.source === "object") {
-                    let href = null;
-
-                    if (data.source.url) {
-                        href = data.source.url;
-                    } else if (data.source['@id']) {
-                        href = data.source['@id'];
-                    } else if (data.source.identifier) {
-                        href = data.source.identifier;
-                    }
+                function appendSourceLink(src, cell, addSeparator = false) {
+                    let href = src.url || src['@id'] || src.identifier;
+                    let label = src.name || href;
 
                     if (href) {
                         const link = document.createElement("a");
                         link.href = href;
-                        link.textContent = data.source.name || href;
+                        link.textContent = label;
                         link.target = "_blank";
                         link.style.color = "#1E90FF";
                         link.style.display = "block";
-                        sourceCell.appendChild(link);
-                    } else {
-                        sourceCell.textContent = "";
+                        link.style.marginBottom = "6px";
+                        cell.appendChild(link);
+                    }
+
+                    if (addSeparator) {
+                        const separator = document.createElement("hr");
+                        separator.style.borderTop = "1px dashed #444";
+                        separator.style.margin = "6px 0";
+                        cell.appendChild(separator);
                     }
+                }
+
+                if (Array.isArray(data.source)) {
+                    data.source.forEach((src, index) => {
+                        appendSourceLink(src, sourceCell, index < data.source.length - 1);
+                    });
+                } else if (data.source && typeof data.source === "object") {
+                    appendSourceLink(data.source, sourceCell);
                 } else {
-                    sourceCell.textContent = "";
+                    const noSource = document.createElement("span");
+                    noSource.textContent = "no source available";
+                    noSource.style.color = "#999";
+                    sourceCell.appendChild(noSource);
                 }
                 row.appendChild(sourceCell);