/
framelist.hbs
111 lines (96 loc) · 3.93 KB
/
framelist.hbs
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
<div id="config">
<div id="icon-menu">
<div class="icon-item">
</div>
</div>
<!--second tier menu panel -->
<div id="second-tier-menu">
<div class="second-tier-item">
<div id="second-tier-header">
<span class="title">Control Panel</span>
<img id="minimize-control-panel" src="img/arrows-minimize.png" />
</div>
</div>
<div id="filter_form"></div>
<div id="second-tier-footer">
<p style="clear:both;">Viewing <span id="count_viewing">{{count_viewing}}</span> of <span id="count_total">{{count_total}}</span> frames.</p>
<div>
<a href="#" id="excellink" target="_blank">CSV</a> | <a href="#" id="csvlink" target="_blank">Excel</a>
</div>
</div>
</div>
</div>
<div id="stage">
<!--MAIN TABS -->
<div id="views">
<div id="views-tabs">
<div id="image-tab">Image View</div>
<div id="data-tab" class="unselected">Data View</div>
</div>
<div id="views-contain">
<div id="views-controls">
<div id="control-images">
<img id="list-view" src="img/icon-list-view.png"> <!-- <img id="grid-view" class="list-unselected" src="img/icon-grid-view.png"> -->
</div>
<div id="control-copy">
<span>Order by:</span>
<select id="sortCombo">
{{#each sortComboVals}}
<option value="{{this.type}},{{this.name}},1">{{this.label}} ascending</option>
<option value="{{this.type}},{{this.name}},-1" {{#if_eq "capturetime" compare=this.name}}selected="selected"{{/if_eq}}>{{this.label}} descending</option>
{{/each}}
</select>
</div>
</div>
<div id="image-view">
<div id="frame_holder"></div>
</div><!--END GRID IMAGE VIEW -->
<!-- DATA VIEW -->
<!-- DATA VIEW -->
<div id="data-views-contain">
<div id="data-view">
<!--
<div id="data-views-controls">
<div id="data-control-images">
<img src="img/icon-calendar.png">
</div>
<div id="data-control-copy">
<span class="data-date">List:
<select class="style-select-listview">
<option>Date Descending</option>
<option></option>
<option></option>
</select>
</span>
<span class="selection-tog"><a href="#">Select All / </a><a href="#"><span class="copy-off">None</span></a></span> <span class="selection-tog"><a href="#">Edit</a> / <a href="#"><span class="copy-off">Edit All</span></a></span>
<img id="icon-printer" src="img/icon-printer.png" />
</div>
</div>-->
<div class="data-view-item">
<table id="tabDataTable" class="tablesorter">
<thead>
<tr>
<th>Capture Time</th>
{{#each metakeys}}
<th>{{this}}</th>
{{/each}}
{{#each featurekeys}}
<th>{{this}}</th>
{{/each}}
<!--
<th>Left Angle</th>
<th>Right Angle</th>
-->
</tr>
</thead>
<tbody>
</tbody>
</table>
</div> <!-- END DATA VIEW ITEM -->
</div><!-- END DATA VIEW ITEM -->
</div>
</div>
</div>
<div id="loading_message" class="alert alert-info span11">
Loading <span id="next_page_size">20</span> more frames...
</div>