Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hotfix: Disable tissue slide image links and add notice banner. #1756

Merged
merged 1 commit into from
May 14, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 13 additions & 1 deletion blink_sass/pages/_cohorts.sass
Original file line number Diff line number Diff line change
Expand Up @@ -494,7 +494,16 @@
padding: 0
#selected-files-tokenfield
border: none

.banner-section
.alert
text-align: center
background-color: #FFA000
color: black
margin: 0
padding: 0 20px
.alert-dismissible button.close
padding: 0 20px
color: black
#filter-panel
.panel
.panel-heading
Expand Down Expand Up @@ -534,6 +543,9 @@
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
.disable_tissue_slide_image
pointer-events: none
color: gray
.study-uid
display: block
white-space: nowrap
Expand Down
14 changes: 14 additions & 0 deletions static/css/style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

10 changes: 9 additions & 1 deletion static/js/cohort_filelist.js
Original file line number Diff line number Diff line change
Expand Up @@ -503,11 +503,19 @@ require([
'</div></td>';
break;
case 'camic_filename':
table_row_data += '<td><div class="col-filename accessible-filename">' +
if (files[i]['datatype'] == 'Tissue slide image') {
table_row_data += '<td><div class="col-filename accessible-filename">' +
'<div><a class="disable_tissue_slide_image">' + files[i]['filename'] +
'<div>[GDC ID: ' + files[i]['file_gdc_id'] + ']</div>' +
'<div class="osmisis" style="display: none;"><i>Currently Unavailable</i></div></a></div>' +
'</div></td>';
} else {
table_row_data += '<td><div class="col-filename accessible-filename">' +
'<div><a href="'+CAMIC_URL+files[i]['file_gdc_id']+'/" target="_blank" rel="noreferrer">' + files[i]['filename'] +
'<div>[GDC ID: ' + files[i]['file_gdc_id'] + ']</div>' +
'<div class="osmisis" style="display: none;"><i>Open in caMicroscope</i></div></a></div>' +
'</div></td>';
}
break;
case 'study_uid':
table_row_data += '<td><div class="study-uid">' +
Expand Down
16 changes: 16 additions & 0 deletions templates/cohorts/cohort_filelist.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,22 @@

{% block page_header %}
<div class="container">
<div class="banner-section">
<div class="alert alert-dismissible show" role="alert">
<div class="row ">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<strong>All tissue slide images from the TCGA program are currently unavailable for viewing.</strong>
</div>
<div class="col-xs-1">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
</div>
</div>

{% if cohort %}
<ol class="breadcrumb">
<li><a href="{% url 'dashboard' %}">Your Dashboard</a></li>
Expand Down