blob: 335386261557d513fd85602efdc9614bdd90e752 (
plain)
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
|
<div>
<br>
<h2>Charts and Figures</h2>
<div class="well form-horizontal">
<div class="tabbable"> <!-- Only required for left/right tabs -->
<ul class="nav nav-pills">
<li class="active">
<a href="#bar_chart_tab" data-toggle="tab">Bar Chart</a>
</li>
<li>
<a href="#box_plot_tab" data-toggle="tab">Box Plot</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="bar_chart_tab">
{% if sample_groups|length > 1 %}
<select class="bar_chart_samples_group">
{% for group, pretty_group in sample_group_types.items() %}
<option value="{{ group }}">{{ pretty_group }}</option>
{% endfor %}
</select>
{% endif %}
{% if sample_groups[0].attributes %}
<div class="input-append">
<select id="color_attribute" size=1>
<option value="None">None</option>
{% for attribute in sample_groups[0].attributes %}
<option value="{{ sample_groups[0].attributes[attribute].name.replace(' ', '_') }}">
{{ sample_groups[0].attributes[attribute].name }}</option>
{% endfor %}
</select>
</div>
{% endif %}
<button type="button" class="btn" id="update_bar_chart">
<i class="icon-resize-vertical"></i> Sort By Value
</button>
<button type="button" class="btn" id="color_by_trait">
<i class="icon-tint"></i> Color by Trait
</button>
<div id="bar_chart_container">
<div id="bar_chart"></div>
</div>
</div>
<div class="tab-pane active" id="box_plot_tab">
{% if sample_groups|length > 1 %}
<select class="box_plot_samples_group">
{% for group, pretty_group in sample_group_types.items() %}
<option value="{{ group }}">{{ pretty_group }}</option>
{% endfor %}
</select>
<br><br>
{% endif %}
<div id="box_plot_container">
<div id="box_plot"></div>
</div>
</div>
</div>
</div>
</div>
<div id="collections_holder_wrapper" style="display:none;">
<div id="collections_holder"></div>
</div>
</div>
|
