diff --git a/layouts/custom/repository.html b/layouts/custom/repository.html
index 9395d6281fa701105ff13763d9aefe13af49ca63..f63d4d2f14bfd1a664b0917a0dabe00ad93c1874 100644
--- a/layouts/custom/repository.html
+++ b/layouts/custom/repository.html
@@ -30,6 +30,14 @@
padding: 5px;
}
+ .container {
+ width: 100%;
+ }
+
+ table {
+ margin-left: auto;
+ margin-right: auto;
+ }
.row {
display: flex;
flex-wrap: wrap;
@@ -37,10 +45,15 @@
}
th,td {
- padding: 5px 15px;
+ padding: 5px 5px;
text-align: center;
}
+ .he {
+ padding: 0px;
+ width: 10px;
+ }
+
.no_checkbox>i.jstree-checkbox {
display: none
}
@@ -117,9 +130,9 @@
<div class="container" align=center style="max-width: none;">
<table id="samplesTable" border="1">
<tr>
- <th>H&E Thumbnail (Pr)</th>
- <th>H&E Thumbnail (Bl)</th>
- <th>H&E Thumbnail (LUT)</th>
+ <th class="he">H&E Thumbnail (Pr)</th>
+ <th class="he">H&E Thumbnail (Bl)</th>
+ <th class="he">H&E Thumbnail (LUT)</th>
<th>Disease</th>
<th>ID</th>
<th>Age</th>
@@ -167,53 +180,7 @@
});
$("#jstree").bind("check_node.jstree uncheck_node.jstree", function (e, data) {
- var checked = $("#jstree").jstree("get_checked")
- var filter = []
- for (i = 0; i < checked.length; i++) {
- for (j = 0; j < filters.length; j++) {
- if (checked[i] == filters[j].id) {
- filter.push(filters[j].text)
- }
- }
- }
- filtered = filterRepo(repo, checked)
- filterRepoGroups_out = filterRepoGroups(repo, filtered)
- filtered_dis = filterRepoGroups_out[0]
- filtered_bmi = filterRepoGroups_out[1]
- filtered_t2d = filterRepoGroups_out[2]
- filtered_eth = filterRepoGroups_out[3]
- filtered_age = filterRepoGroups_out[4]
- filtered_prv = filterRepoGroups_out[5]
- filtered_psa = filterRepoGroups_out[6]
- document.getElementById("total").innerHTML = filtered.length
- if (checked.length == 0) {
- document.getElementById("filters").innerHTML = "NO"
- } else {
- document.getElementById("filters").innerHTML = filter
- }
- filterDoughnut_out = filterDoughnut(filtered_bmi, filtered_t2d, filtered_eth, filtered_age, filtered_prv, filtered_psa)
- doughnut_data_dis = filterDoughnut_out[0]
- doughnut_data_bmi = filterDoughnut_out[1]
- doughnut_data_t2d = filterDoughnut_out[2]
- doughnut_data_eth = filterDoughnut_out[3]
- doughnut_data_age = filterDoughnut_out[4]
- doughnut_data_prv = filterDoughnut_out[5]
- doughnut_data_psa = filterDoughnut_out[6]
- dis.destroy()
- dis = new Chart(document.getElementById("doughnut-dis"), { type: "doughnut", data: doughnut_data_dis, options: doughnut_options })
- bmi.destroy()
- bmi = new Chart(document.getElementById("doughnut-bmi"), { type: "doughnut", data: doughnut_data_bmi, options: doughnut_options })
- t2d.destroy()
- t2d = new Chart(document.getElementById("doughnut-t2d"), { type: "doughnut", data: doughnut_data_t2d, options: doughnut_options })
- eth.destroy()
- eth = new Chart(document.getElementById("doughnut-eth"), { type: "doughnut", data: doughnut_data_eth, options: doughnut_options })
- age.destroy()
- age = new Chart(document.getElementById("doughnut-age"), { type: "doughnut", data: doughnut_data_age, options: doughnut_options })
- prv.destroy()
- prv = new Chart(document.getElementById("doughnut-prv"), { type: "doughnut", data: doughnut_data_prv, options: doughnut_options })
- psa.destroy()
- psa = new Chart(document.getElementById("doughnut-psa"), { type: "doughnut", data: doughnut_data_psa, options: doughnut_options })
- tableData(repo, filtered)
+ refresh()
})
checked = []
filtered = filterRepo(repo, checked)
@@ -887,8 +854,10 @@
}
}
if (window.innerWidth > 1250) {
+ thm_pr.height = "75"
+ } else if (window.innerWidth > 1000) {
thm_pr.height = "50"
- } else {
+ } else if (window.innerWidth < 1000) {
thm_pr.height = "25"
}
row_he_pr.appendChild(thm_pr)
@@ -896,8 +865,10 @@
this.remove()
}
if (window.innerWidth > 1250) {
+ thm_bl.height = "75"
+ } else if (window.innerWidth > 1000) {
thm_bl.height = "50"
- } else {
+ } else if (window.innerWidth < 1000) {
thm_bl.height = "25"
}
row_he_bl.appendChild(thm_bl)
@@ -905,8 +876,10 @@
this.remove()
}
if (window.innerWidth > 1250) {
+ thm_lut.height = "75"
+ } else if (window.innerWidth > 1000) {
thm_lut.height = "50"
- } else {
+ } else if (window.innerWidth < 1000) {
thm_lut.height = "25"
}
row_he_lut.appendChild(thm_lut)
@@ -927,59 +900,62 @@
var t;
if (b.length > a.length) t = b, b = a, a = t;
return a.filter(function (e) {
- return b.indexOf(e) > -1;
+ return b.indexOf(e) > -1
});
}
- $(window).resize(function(e,data) {
+ $( window ).resize(function() {
+ refresh()
+ })
+ function refresh() {
var repo = {{ index .Site.Data.repository.repository }}
var filters = {{ index .Site.Data.repository.filters }}
var checked = $("#jstree").jstree("get_checked")
- var filter = []
- for (i = 0; i < checked.length; i++) {
- for (j = 0; j < filters.length; j++) {
- if (checked[i] == filters[j].id) {
- filter.push(filters[j].text)
- }
+ var filter = []
+ for (i = 0; i < checked.length; i++) {
+ for (j = 0; j < filters.length; j++) {
+ if (checked[i] == filters[j].id) {
+ filter.push(filters[j].text)
}
}
- filtered = filterRepo(repo, checked)
- filterRepoGroups_out = filterRepoGroups(repo, filtered)
- filtered_dis = filterRepoGroups_out[0]
- filtered_bmi = filterRepoGroups_out[1]
- filtered_t2d = filterRepoGroups_out[2]
- filtered_eth = filterRepoGroups_out[3]
- filtered_age = filterRepoGroups_out[4]
- filtered_prv = filterRepoGroups_out[5]
- filtered_psa = filterRepoGroups_out[6]
- document.getElementById("total").innerHTML = filtered.length
- if (checked.length == 0) {
- document.getElementById("filters").innerHTML = "NO"
- } else {
- document.getElementById("filters").innerHTML = filter
- }
- filterDoughnut_out = filterDoughnut(filtered_bmi, filtered_t2d, filtered_eth, filtered_age, filtered_prv, filtered_psa)
- doughnut_data_dis = filterDoughnut_out[0]
- doughnut_data_bmi = filterDoughnut_out[1]
- doughnut_data_t2d = filterDoughnut_out[2]
- doughnut_data_eth = filterDoughnut_out[3]
- doughnut_data_age = filterDoughnut_out[4]
- doughnut_data_prv = filterDoughnut_out[5]
- doughnut_data_psa = filterDoughnut_out[6]
- dis.destroy()
- dis = new Chart(document.getElementById("doughnut-dis"), { type: "doughnut", data: doughnut_data_dis, options: doughnut_options })
- bmi.destroy()
- bmi = new Chart(document.getElementById("doughnut-bmi"), { type: "doughnut", data: doughnut_data_bmi, options: doughnut_options })
- t2d.destroy()
- t2d = new Chart(document.getElementById("doughnut-t2d"), { type: "doughnut", data: doughnut_data_t2d, options: doughnut_options })
- eth.destroy()
- eth = new Chart(document.getElementById("doughnut-eth"), { type: "doughnut", data: doughnut_data_eth, options: doughnut_options })
- age.destroy()
- age = new Chart(document.getElementById("doughnut-age"), { type: "doughnut", data: doughnut_data_age, options: doughnut_options })
- prv.destroy()
- prv = new Chart(document.getElementById("doughnut-prv"), { type: "doughnut", data: doughnut_data_prv, options: doughnut_options })
- psa.destroy()
- psa = new Chart(document.getElementById("doughnut-psa"), { type: "doughnut", data: doughnut_data_psa, options: doughnut_options })
- tableData(repo, filtered)
- })
+ }
+ filtered = filterRepo(repo, checked)
+ filterRepoGroups_out = filterRepoGroups(repo, filtered)
+ filtered_dis = filterRepoGroups_out[0]
+ filtered_bmi = filterRepoGroups_out[1]
+ filtered_t2d = filterRepoGroups_out[2]
+ filtered_eth = filterRepoGroups_out[3]
+ filtered_age = filterRepoGroups_out[4]
+ filtered_prv = filterRepoGroups_out[5]
+ filtered_psa = filterRepoGroups_out[6]
+ document.getElementById("total").innerHTML = filtered.length
+ if (checked.length == 0) {
+ document.getElementById("filters").innerHTML = "NO"
+ } else {
+ document.getElementById("filters").innerHTML = filter
+ }
+ filterDoughnut_out = filterDoughnut(filtered_bmi, filtered_t2d, filtered_eth, filtered_age, filtered_prv, filtered_psa)
+ doughnut_data_dis = filterDoughnut_out[0]
+ doughnut_data_bmi = filterDoughnut_out[1]
+ doughnut_data_t2d = filterDoughnut_out[2]
+ doughnut_data_eth = filterDoughnut_out[3]
+ doughnut_data_age = filterDoughnut_out[4]
+ doughnut_data_prv = filterDoughnut_out[5]
+ doughnut_data_psa = filterDoughnut_out[6]
+ dis.destroy()
+ dis = new Chart(document.getElementById("doughnut-dis"), { type: "doughnut", data: doughnut_data_dis, options: doughnut_options })
+ bmi.destroy()
+ bmi = new Chart(document.getElementById("doughnut-bmi"), { type: "doughnut", data: doughnut_data_bmi, options: doughnut_options })
+ t2d.destroy()
+ t2d = new Chart(document.getElementById("doughnut-t2d"), { type: "doughnut", data: doughnut_data_t2d, options: doughnut_options })
+ eth.destroy()
+ eth = new Chart(document.getElementById("doughnut-eth"), { type: "doughnut", data: doughnut_data_eth, options: doughnut_options })
+ age.destroy()
+ age = new Chart(document.getElementById("doughnut-age"), { type: "doughnut", data: doughnut_data_age, options: doughnut_options })
+ prv.destroy()
+ prv = new Chart(document.getElementById("doughnut-prv"), { type: "doughnut", data: doughnut_data_prv, options: doughnut_options })
+ psa.destroy()
+ psa = new Chart(document.getElementById("doughnut-psa"), { type: "doughnut", data: doughnut_data_psa, options: doughnut_options })
+ tableData(repo, filtered)
+ }
</script>
</head>
\ No newline at end of file