themes/openwrt: add an AJAX activity indicator toggle to turn refreshes on and off
[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 class="tabmenu-item-<%=v.name%><% if nnode._menu_selected or (node.leaf and v.name == leaf) then %> active<% end %>">
85 <a href="<%=nodeurl(prefix, v.name, nnode.query)%>"><%=striptags(translate(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 IE 6]><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 IE 8]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie8.css" /><![endif]-->
116 <% if node and node.css then %><link rel="stylesheet" type="text/css" media="screen" href="<%=resource%>/<%=node.css%>" />
117 <% end -%>
118 <script type="text/javascript" src="<%=resource%>/xhr.js"></script>
119 <title><%=striptags( hostname .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>
120 </head>
121 <body class="lang_<%=luci.i18n.context.lang%>">
122
123 <p class="skiplink">
124 <span id="skiplink1"><a href="#navigation"><%:Skip to navigation%></a></span>
125 <span id="skiplink2"><a href="#content"><%:Skip to content%></a></span>
126 </p>
127
128 <div id="menubar">
129 <h2 class="navigation"><a id="navigation" name="navigation"><%:Navigation%></a></h2>
130
131 <div class="hostinfo">
132 <%=hostname%> | <%=luci.version.distversion%> |
133 <%:Load%>: <%="%.2f" % load1%> <%="%.2f" % load5%> <%="%.2f" % load15%>
134 <span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()">
135 | <%:Auto Refresh%>:
136 <span id="xhr_poll_status_on"><%:on%></span>
137 <span id="xhr_poll_status_off" style="display:none"><%:off%></span>
138 </span>
139 </div>
140
141 <ul id="modemenu"><%
142 for k,node in pairs(tree.nodes) do
143 if node.title and not node.hidden then %>
144 <li><a<% if request[1] == k then %> class="active"<%end%> href="<%=controller%>/<%=k%>/"><%=striptags(translate(node.title))%></a></li><%
145 end
146 end
147 %>
148 </ul>
149
150 <%
151 if tree.nodes[category] and tree.nodes[category].ucidata then
152 local ucic = 0
153 for i, j in pairs(require("luci.model.uci").cursor():changes()) do
154 for k, l in pairs(j) do
155 for m, n in pairs(l) do
156 ucic = ucic + 1;
157 end
158 end
159 end
160 -%>
161 <div id="savemenu">
162 <% if ucic > 0 then %>
163 <a class="warning" href="<%=controller%>/<%=category%>/uci/changes/?redir=<%=luci.http.urlencode(luci.http.formvalue("redir") or REQUEST_URI)%>"><%:Unsaved Changes%>: <%=ucic%></a>
164 <%- else -%>
165 <a href="#"><%:Changes%>: 0</a>
166 <% end -%>
167 </div><% end %>
168
169 <div class="clear"></div>
170 </div>
171
172 <div id="maincontainer">
173 <div id="tabmenu">
174 <% if category then subtree("/" .. category .. "/", cattree) end %>
175 </div>
176
177 <div id="maincontent">
178 <noscript>
179 <div class="errorbox">
180 <strong><%:Java Script required!%></strong><br />
181 <%:You must enable Java Script in your browser or LuCI will not work properly.%>
182 </div>
183 </noscript>
184
185 <%- if luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
186 <div class="errorbox">
187 <strong><%:No password set!%></strong><br />
188 <%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%>
189 </div>
190 <%- end -%>