base-eis.pt
2.15 KB
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
<html metal:use-macro="load: base.pt">
<div metal:fill-slot="left-menu">
<link href="/static/css/navbar-fixed-left.css" rel="stylesheet">
<div class="nav-side-menu">
<div class="brand">Eksekutif Summary</div>
<i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
<div class="menu-list">
<ul id="menu-content" class="menu-content collapse out">
<!--li>
<a href="#">
<i class="fa fa-dashboard fa-lg"></i> Executive Summary
</a>
</li-->
<li data-toggle="collapse" data-target="#tabular" class="collapsed active">
<a href="#"><i class="fa fa-gift fa-lg"></i> Tabular <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="tabular">
<li tal:repeat="dat tab_datas"><a href="#" onclick="javascript:hide_other();$('#grid-${dat.id}').show();">${dat.nama}</a></li>
</ul>
<li data-toggle="collapse" data-target="#line" class="collapsed">
<a href="#"><i class="fa fa-globe fa-lg"></i> Line Graph <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="line">
<li tal:repeat="dat line_datas"><a href="#" onclick="javascript:hide_other();$('#chart-line-${dat.id}').show();">${dat.nama}</a></li>
</ul>
<li data-toggle="collapse" data-target="#bar" class="collapsed">
<a href="#"><i class="fa fa-car fa-lg"></i> Bar Graph <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="bar">
<li tal:repeat="dat bar_datas"><a href="#" onclick="javascript:hide_other();$('#chart-bar-${dat.id}').show();">${dat.nama}</a></li>
</ul>
<li data-toggle="collapse" data-target="#pie" class="collapsed">
<a href="#"><i class="fa fa-car fa-lg"></i> Pie Graph <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="pie">
<li tal:repeat="dat pie_datas"><a href="#" onclick="javascript:hide_other();$('#chart-pie-${dat.id}').show();">${dat.nama}</a></li>
</ul>
</ul>
</div>
</div>
</div>
</html>