themes/openwrt: rework menu and header area
[project/luci.git] / themes / openwrt / luasrc / view / themes / openwrt.org / header.htm
1 <%#
2 LuCI - Lua Configuration Interface
3 Copyright 2008 Steven Barth <steven@midlink.org>
4 Copyright 2008-2010 Jo-Philipp Wich <xm@subsignal.org>
5
6 Licensed under the Apache License, Version 2.0 (the "License");
7 you may not use this file except in compliance with the License.
8 You may obtain a copy of the License at
9
10 http://www.apache.org/licenses/LICENSE-2.0
11
12 $Id$
13
14 -%>
15 <%
16 require("luci.sys")
17 local load1, load5, load15 = luci.sys.loadavg()
18 local request = require("luci.dispatcher").context.path
19 local category = request[1]
20 local request2 = require("luci.dispatcher").context.request
21 local leaf = request2[#request2]
22 local tree = luci.dispatcher.node()
23 local cattree = category and luci.dispatcher.node(category)
24 local node = luci.dispatcher.context.dispatched
25 local hostname = luci.sys.hostname()
26
27 local c = tree
28 for i,r in ipairs(request) do
29 if c.nodes and c.nodes[r] then
30 c = c.nodes[r]
31 c._menu_selected = true
32 end
33 end
34
35 require("luci.i18n").loadc("base")
36 require("luci.http").prepare_content("application/xhtml+xml")
37
38
39 local function nodeurl(prefix, name, query)
40 local url = controller .. prefix .. name .. "/"
41 if query then
42 url = url .. luci.http.build_querystring(query)
43 end
44 return pcdata(url)
45 end
46
47 local function subtree(prefix, node, level)
48 if not node.nodes or node.hidden then
49 return false
50 end
51
52 if not level then
53 level = 1
54 end
55
56 local index = {}
57 local count = 0
58 for k, n in pairs(node.nodes) do
59 if n.title and n.target then
60 table.insert(index, {name=k, order=n.order or 100})
61 count = count + 1
62 end
63 end
64
65 table.sort(index, function(a, b) return a.order < b.order end)
66
67 if count > 0 then
68 %>
69 <div class="tabmenu<%=level%>">
70 <ul class="tabmenu l<%=level%>">
71 <%
72 local selected_node
73 local selected_name
74
75 for j, v in pairs(index) do
76 if #v.name > 0 then
77 local nnode = node.nodes[v.name]
78
79 if nnode._menu_selected then
80 selected_node = nnode
81 selected_name = v.name
82 end
83 %>
84 <li<% if nnode._menu_selected or v.name == leaf then %> class="active"<% end %>>
85 <a href="<%=nodeurl(prefix, v.name, nnode.query)%>"><%=striptags(nnode.title)%></a>
86 </li>
87 <%
88 end
89 end
90 %>
91 </ul>
92 <br style="clear:both" />
93 <%
94 if selected_node then
95 subtree(prefix .. selected_name .. "/", selected_node, level + 1)
96 end
97 %>
98 </div>
99 <%
100 end
101 end
102
103
104 -%>
105
106 <?xml version="1.0" encoding="utf-8"?>
107 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
108 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%=luci.i18n.context.lang%>" lang="<%=luci.i18n.context.lang%>">
109 <head>
110 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
111 <meta http-equiv="Content-Script-Type" content="text/javascript" />
112 <link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/cascade.css" />
113 <!--[if lt IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie6.css" /><![endif]-->
114 <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie7.css" /><![endif]-->
115 <% if node and node.css then %><link rel="stylesheet" type="text/css" media="screen" href="<%=resource%>/<%=node.css%>" />
116 <% end -%>
117 <script type="text/javascript" src="<%=resource%>/VarType.js"></script>
118 <script type="text/javascript" src="<%=resource%>/XHTML1.js"></script>
119 <script type="text/javascript" src="<%=resource%>/Dropdowns.js"></script>
120 <script type="text/javascript" src="<%=resource%>/xhr.js"></script>
121 <title><%=striptags( hostname .. ( (node and node.title) and ' - ' .. node.title or '')) %> - LuCI</title>
122 </head>
123 <body class="lang_<%=luci.i18n.context.lang%>">
124
125 <p class="skiplink">
126 <span id="skiplink1"><a href="#navigation"><%:Skip to navigation%></a></span>
127 <span id="skiplink2"><a href="#content"><%:Skip to content%></a></span>
128 </p>
129
130 <div id="menubar">
131 <h2 class="navigation"><a id="navigation" name="navigation"><%:Navigation%></a></h2>
132
133 <div class="hostinfo">
134 <%=hostname%> | <%=luci.version.distversion%> |
135 <%:Load%>: <%="%.2f" % load1%> <%="%.2f" % load5%> <%="%.2f" % load15%>
136 </div>
137
138 <ul id="modemenu"><%
139 for k,node in pairs(tree.nodes) do
140 if node.title and not node.hidden then %>
141 <li><a<% if request[1] == k then %> class="active"<%end%> href="<%=controller%>/<%=k%>/"><%=striptags(node.title)%></a></li><%
142 end
143 end
144 %>
145 </ul>
146
147 <%
148 if tree.nodes[category] and tree.nodes[category].ucidata then
149 local ucic = 0
150 for i, j in pairs(require("luci.model.uci").cursor():changes()) do
151 for k, l in pairs(j) do
152 for m, n in pairs(l) do
153 ucic = ucic + 1;
154 end
155 end
156 end
157 -%>
158 <div id="savemenu">
159 <% if ucic > 0 then %>
160 <a class="warning" href="<%=controller%>/<%=category%>/uci/changes/?redir=<%=luci.http.urlencode(tree.nodes[category].nodes["uci"].query)%>"><%:Unsaved Changes%>: <%=ucic%></a>
161 <%- else -%>
162 <a href="#"><%:Changes%>: 0</a>
163 <% end -%>
164 </div><% end %>
165
166 <div class="clear"></div>
167 </div>
168
169 <div id="maincontainer">
170 <div id="tabmenu">
171 <% if category then subtree("/" .. category .. "/", cattree) end %>
172 </div>
173
174 <div id="maincontent">
175 <noscript>
176 <div class="errorbox">
177 <strong><%:Java Script required!%></strong><br />
178 <%:You must enable Java Script in your browser or LuCI will not work properly.%>
179 </div>
180 </noscript>
181
182 <%- if not luci.sys.user.getpasswd("root") then -%>
183 <div class="errorbox">
184 <strong><%:No password set!%></strong><br />
185 <%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%>
186 </div>
187 <%- end -%>