Merge branch 'biorepo-thumbnails' into 'develop'

Add prostate thumbnails of h&e

See merge request !71

layouts/custom/repository.html

@@ -118,6 +118,7 @@
     <div class="container" align=center style="max-width: none;">
         <table id="samplesTable" border="1">
             <tr>
+                <th>H&E Thumbnail</th>
                 <th>Disease</th>
                 <th>ID</th>
                 <th>Age</th>
@@ -848,10 +849,15 @@
             for (i = 0; i < repo.length; i++) {
                 if (filtered.includes(repo[i].PatientID)) {
                     let newRow = table.insertRow(-1)
-                    var row_ds = newRow.insertCell(0)
-                    var row_si = newRow.insertCell(1)
-                    var row_ag = newRow.insertCell(2)
-                    var row_et = newRow.insertCell(3)
+                    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)
                     row_ds.innerHTML = repo[i]["Disease Status"]
                     row_si.innerHTML = repo[i]["Study ID"]
                     row_ag.innerHTML = repo[i].Age