/
_filter_form.html
180 lines (173 loc) · 10.2 KB
/
_filter_form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
{% load crispy_forms_tags %}
{% load dict %}
{% load humanize %}
{% load projectroles_common_tags %}
{% load variants_tags %}
{% get_django_setting 'VARFISH_ENABLE_EXOMISER_PRIORITISER' as exomiser_enabled %}
{% get_django_setting 'VARFISH_ENABLE_CADD' as cadd_enabled %}
{% get_django_setting 'VARFISH_ENABLE_CADD_SUBMISSION' as cadd_submission_enabled %}
{% get_django_setting 'VARFISH_ENABLE_SPANR_SUBMISSION' as spanr_submission_enabled %}
{% get_is_testing as is_testing %}
{% if form.errors %}
{% for error in form.non_field_errors %}
<div class="alert alert-danger">
<strong>{{ error|escape }}</strong>
</div>
{% endfor %}
{% endif %}
<form id="filterForm" method="post">{% csrf_token %}
{{ form.cohort }}
{% if is_testing %}<span style="display: none;" class="testing" id="panel-app-is-testing">enabled</span>{% endif %}
<div class="card">
<div class="card-header">
{% include "variants/filter_form/presets.html" %}
</div>
<div class="card-header row border-bottom-1 pt-1 pr-1">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<a class="nav-link active" id="genotype-tab" data-toggle="tab" href="#panel-genotype" role="tab"
data-tooltip="tooltip" title="Require genotypes in individuals">Genotype</a>
</li>
<li class="nav-item d-none d-md-block">
<a class="nav-link" id="prioritization-tab" data-toggle="tab" href="#panel-prioritization" role="tab"
data-tooltip="tooltip" title="Configure variant prioritization">Prioritization</a>
</li>
<li class="nav-item">
<a class="nav-link" id="frequency-tab" data-toggle="tab" href="#panel-frequency" role="tab"
data-tooltip="tooltip" title="Population frequencies and het./hom. counts">Frequency</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="more-tab" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">More ...</a>
<div class="dropdown-menu" style="z-index:1030;">
<a class="dropdown-item" id="effect-tab" data-toggle="tab" href="#panel-effect" role="tab"
data-tooltip="tooltip" title="Variant types/effects, coding/non-coding transcripts">Variants & Effects</a>
<a class="dropdown-item" id="quality-tab" data-toggle="tab" href="#panel-quality" role="tab"
data-tooltip="tooltip" title="Quality, allelic balance, coverage">Quality</a>
<a class="dropdown-item" id="clinvar-tab" data-toggle="tab" href="#panel-clinvar" role="tab"
data-tooltip="tooltip" title="Filter using Clinvar/HGMD/dbSNP membership"">Clinvar, HGMD & dbSNP</a>
<a class="dropdown-item" id="blocklist-tab" data-toggle="tab" href="#panel-blocklist" role="tab"
data-tooltip="tooltip" title="Allow-list and block-list genes and genomic regions">Gene Lists & Regions</a>
<a class="dropdown-item" id="flags-tab" data-toggle="tab" href="#panel-flags" role="tab"
data-tooltip="tooltip" title="Filter for user flags and comments">Flags & Comments</a>
<a class="dropdown-item" id="export-tab" data-toggle="tab" href="#panel-export" role="tab"
data-tooltip="tooltip" title="Configure downloadable file creation" data-placement="left">Configure Downloads</a>
<a class="dropdown-item" id="misc-tab" data-toggle="tab" href="#panel-misc" role="tab"
data-tooltip="tooltip" title="Various settings" data-placement="left">Miscellaneous</a>
<a class="dropdown-item" id="settings-tab" data-toggle="tab" href="#panel-settings" role="tab"
data-tooltip="tooltip" title="Save current filter settings">Filter Import/Export</a>
</div>
</li>
</ul>
</div>
<div class="card-body p-0">
<div class="tab-content">
<div class="tab-pane fade show active" id="panel-genotype" role="tabpanel" aria-labelledby="genotype-tab">
{% include "variants/filter_form/genotype.html" %}
</div>
<div class="tab-pane fade" id="panel-frequency" role="tabpanel" aria-labelledby="frequency-tab">
{% include "variants/filter_form/frequency.html" %}
</div>
<div class="tab-pane fade" id="panel-effect" role="tabpanel" aria-labelledby="effect-tab">
{% include "variants/filter_form/effect.html" %}
</div>
<div class="tab-pane fade" id="panel-quality" role="tabpanel" aria-labelledby="quality-tab">
{% include "variants/filter_form/quality.html" %}
</div>
<div class="tab-pane fade" id="panel-blocklist" role="tabpanel" aria-labelledby="blocklist-tab">
{% include "variants/filter_form/genelists.html" %}
</div>
<div class="tab-pane fade" id="panel-flags" role="tabpanel" aria-labelledby="flags-tab">
{% include "variants/filter_form/flags.html" %}
</div>
<div class="tab-pane fade" id="panel-prioritization" role="tabpanel" aria-labelledby="prioritization-tab">
{% include "variants/filter_form/prioritization.html" %}
</div>
<div class="tab-pane fade" id="panel-clinvar" role="tabpanel" aria-labelledby="clinvar-tab">
{% include "variants/filter_form/clinvar_hgmd_indicator.html" %}
</div>
<div class="tab-pane fade" id="panel-export" role="tabpanel" arial-labelledby="export-tab">
{% include "variants/filter_form/export.html" %}
</div>
<div class="tab-pane fade" id="panel-misc" role="tabpanel" arial-labelledby="misc-tab">
{% include "variants/filter_form/misc.html" %}
</div>
<div class="tab-pane fade" id="panel-settings" role="tabpanel" arial-labelledby="settings-tab">
{% include "variants/filter_form/settings.html" %}
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="col text-left p-0">
<div class="btn-group btn-group-toggle pr-5" data-toggle="buttons">
{% for radio in form.database_select %}
<label class="btn btn-outline-secondary {% if radio.data.selected %}active{% endif %}" for="{{ radio.id_for_label }}" data-toggle="tooltip" title="Select {{ radio.choice_label }} transcripts">
{{ radio.tag }} {{ radio.choice_label }}
</label>
{% endfor %}
</div>
</div>
<div class="col text-right p-0">
<div class="btn-group">
<button type="button" id="submitFilter" name="submit" value="display" class="btn btn-primary" data-toggle="tooltip" aria-haspopup="true" aria-expanded="false" data-html="true"
title="Filter variants again with current settings, limited to <i><b>Miscellaneous / Result row limit</b></i> results and display in table below"
data-url='{{ submit_button_url }}'
data-url-reload='{{ load_data_url }}'
data-url-request-last-job='{{ request_previous_job_url }}'
data-url-status='{{ job_status_url }}'
{% if num_small_vars == 0 or not variant_set_exists %}disabled{% endif %}>
<i class="fa fa-refresh"></i>
Filter & Display
</button>
<button class="btn btn-secondary dropdown-toggle" type="button" id="filterdisplayoptions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-ellipsis-h"></i>
</button>
<div class="dropdown-menu" aria-labelledby="filterdisplayoptions" style="z-index: 3000">
<button type="submit" name="submit" value="download" class="dropdown-item" data-toggle="tooltip" aria-haspopup="true" aria-expanded="false" data-html="true"
title="Create downloadable file in the background of <i><b>all</b></i> variants with current settings (ignoring result count limit)."
{% if num_small_vars == 0 or not variant_set_exists %}disabled{% endif %}>
<i class="fa fa-cloud-download"></i>
Download as File
</button>
{% if allow_md_submission %}
<button type="button" class="dropdown-item" data-toggle="modal" data-target="#confirm-submit-mutationdistiller"
data-tooltip="tooltip" aria-haspopup="true" aria-expanded="false"
title="Submit to MutationDistiller (only supports single-sample VCF at the moment)"
{% if num_small_vars == 0 or not variant_set_exists %}disabled{% endif %}>
<i class="fa fa-mail-forward"></i>
Submit to MutationDistiller
</button>
{% endif %}
{% if cadd_submission_enabled %}
<button type="button" class="dropdown-item" data-toggle="modal" data-target="#confirm-submit-cadd"
data-tooltip="tooltip" aria-haspopup="true" aria-expanded="false"
title="Submit to CADD"
{% if num_small_vars == 0 or not variant_set_exists %}disabled{% endif %}>
<i class="fa fa-mail-forward"></i>
Submit to CADD
</button>
{% endif %}
{% if spanr_submission_enabled %}
<button type="button" class="dropdown-item" data-toggle="modal" data-target="#confirm-submit-spanr"
data-tooltip="tooltip" aria-haspopup="true" aria-expanded="false"
title="Submit to SPANR"
{% if num_small_vars == 0 or not variant_set_exists %}disabled{% endif %}>
<i class="fa fa-mail-forward"></i>
Submit to SPANR
</button>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
{% include "variants/_distiller_resubmit_modal.html" %}
{% include "variants/_cadd_resubmit_modal.html" %}
{% include "variants/_spanr_resubmit_modal.html" %}
</form>
<script type="text/javascript">
$('[data-toggle-second="tooltip"]').tooltip({container: 'body'});
const anchor = window.location.hash;
$(`a[href="${anchor}"]`).tab('show')
</script>