blob: caa40ba131341abea0494b316f27b53735f068e8 (
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
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
|
<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="#histogram_tab" data-toggle="tab">Histogram</a>
</li>
<li>
<a href="#bar_chart_tab" data-toggle="tab">Bar Chart</a>
</li>
<li>
<a href="#probability_plot" data-toggle="tab">Probability Plot</a>
</li>
<li>
<a href="#scatterplot_matrix" data-toggle="tab">Scatterplot Matrix</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="histogram_tab">
{% if sample_groups|length > 1 %}
<select class="histogram_samples_group">
{% for group, pretty_group in sample_group_types.items() %}
<option value="{{ group }}">{{ pretty_group }}</option>
{% endfor %}
</select>
<br><br>
{% endif %}
<div id="histogram_container">
<div id="histogram" class="barchart"></div>
</div>
</div>
<div class="tab-pane" 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 %}
<div id="update_bar_chart" class="btn-group">
<button type="button" class="btn btn-default sort_by_name" value="name">
<i class="icon-resize-horizontal"></i> Sort By Name
</button>
<button type="button" class="btn btn-default sort_by_value" value="value">
<i class="icon-signal"></i> Sort By Value
</button>
</div>
<!-- <button type="button" class="btn" id="update_bar_chart">
<i class="icon-resize-vertical"></i> Sort By Value
</button>-->
<div class="btn-group">
<button type="button" class="btn" id="color_by_trait">
<i class="icon-tint"></i> Color by Trait
</button>
</div>
<div id="bar_chart_container">
<div id="bar_chart" class="barchart"></div>
</div>
</div>
<div class="tab-pane" id="probability_plot">
<div id="probability_plot_container">
<div id="prob_plot" class="qtlcharts"></div>
</div>
</div>
<!-- <div class="tab-pane" 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 class="tab-pane" id="scatterplot_matrix">
<div class="btn-group">
<button type="button" class="btn" id="select_compare_trait">
<i class="icon-th-large"></i> Select Traits
</button>
<button type="button" class="btn" id="clear_compare_trait">
<i class="icon-trash"></i> Clear
</button>
</div>
<div id="scatterplot_container">
<div id="comparison_scatterplot" class="qtlcharts"></div>
</div>
</div>
</div>
</div>
</div>
<div id="collections_holder_wrapper" style="display:none;">
<div id="collections_holder"></div>
</div>
</div>
|
