Biorepo thumbnails

layouts/custom/repository.html

@@ -118,7 +118,8 @@
     <div class="container" align=center style="max-width: none;">
         <table id="samplesTable" border="1">
             <tr>
-                <th>H&E Thumbnail</th>
+                <th>H&E Thumbnail (Pr)</th>
+                <th>H&E Thumbnail (Bl)</th>
                 <th>Disease</th>
                 <th>ID</th>
                 <th>Age</th>
@@ -849,15 +850,26 @@
             for (i = 0; i < repo.length; i++) {
                 if (filtered.includes(repo[i].PatientID)) {
                     let newRow = table.insertRow(-1)
-                    var row_he = newRow.insertCell(0)
-                    var row_ds = newRow.insertCell(1)
-                    var row_si = newRow.insertCell(2)
-                    var row_ag = newRow.insertCell(3)
-                    var row_et = newRow.insertCell(4)
-                    var thm = document.createElement("img")
-                    thm.src = "https://s3.us-east-2.amazonaws.com/biorepo.images.thumbnails/Pr/" + repo[i]["Disease Status"] + ("000"+repo[i]["Study ID"]).slice(-3) + ".jpg"
-                    thm.height = "100"
-                    row_he.appendChild(thm)
+                    var row_he_pr = newRow.insertCell(0)
+                    var row_he_bl = newRow.insertCell(1)
+                    var row_ds = newRow.insertCell(2)
+                    var row_si = newRow.insertCell(3)
+                    var row_ag = newRow.insertCell(4)
+                    var row_et = newRow.insertCell(5)
+                    var thm_pr = document.createElement("img")
+                    thm_pr.src = "https://s3.us-east-2.amazonaws.com/biorepo.images.thumbnails/Pr/" + repo[i]["Disease Status"] + ("000"+repo[i]["Study ID"]).slice(-3) + ".00.Pr.jpg"
+                    thm_pr.height = "75"
+                    row_he_pr.appendChild(thm_pr)
+                    thm_pr.onerror=function(){
+                        this.remove()
+                    }
+                    var thm_bl = document.createElement("img")
+                    thm_bl.src = "https://s3.us-east-2.amazonaws.com/biorepo.images.thumbnails/Bl/" + repo[i]["Disease Status"] + ("000"+repo[i]["Study ID"]).slice(-3) + ".00.Bl.jpg"
+                    thm_bl.height = "75"
+                    row_he_bl.appendChild(thm_bl)
+                    thm_bl.onerror=function(){
+                        this.remove()
+                    }
                     row_ds.innerHTML = repo[i]["Disease Status"]
                     row_si.innerHTML = repo[i]["Study ID"]
                     row_ag.innerHTML = repo[i].Age