themes/freifunk-generic: Add xhr.js in header
[project/luci.git] / themes / freifunk-generic / luasrc / view / themes / freifunk-generic / header.htm
1 <%#
2 LuCI - Lua Configuration Interface
3 Copyright 2008 Steven Barth <steven@midlink.org>
4 Copyright 2008 Jo-Philipp Wich <xm@leipzig.freifunk.net>
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: header.htm 4079 2009-01-17 17:59:11Z Cyrus $
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 tree     = luci.dispatcher.node()
21 local cattree  = category and luci.dispatcher.node(category)
22 local node     = luci.dispatcher.context.dispatched
23 local hostname = luci.sys.hostname()
24
25
26 local c = luci.model.uci.cursor():get_all("freifunk", "community")
27
28 if c and c.name then
29         community = c.name
30 else
31         community = "Freifunk"
32 end
33
34 if c and c.homepage then
35         homepage = c.homepage
36 else
37         homepage = "http://freifunk.net"
38 end
39
40 local c = tree
41 for i,r in ipairs(request) do
42         if c.nodes and c.nodes[r] then
43                 c = c.nodes[r]
44                 c._menu_selected = true
45         end
46 end
47
48 require("luci.i18n").loadc("default")
49 require("luci.http").prepare_content("application/xhtml+xml")
50
51 -%>
52
53 <?xml version="1.0" encoding="utf-8"?>
54 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
55 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%=luci.i18n.context.lang%>" lang="<%=luci.i18n.context.lang%>">
56 <head>
57 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
58 <meta http-equiv="Content-Script-Type" content="text/javascript" />
59 <link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/cascade.css" />
60 <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie7.css" /><![endif]-->
61 <% if node and node.css then %><link rel="stylesheet" type="text/css" media="screen" href="<%=resource%>/<%=node.css%>" />
62 <% end -%>
63 <script type="text/javascript" src="<%=resource%>/xhr.js"></script>
64
65 <title><%=striptags( hostname .. ( (node and node.title) and ' - ' .. node.title or '')) %> - LuCI</title>
66 </head>
67
68 <body class="lang_<%=luci.i18n.context.lang%>">
69
70 <!--[if lt IE 7]>
71 <div class="warning"><div style="background-color: #cccccc;padding: 2px 10px 2px 10px">
72 <%: Your Internet Explorer is too old to display this page correctly. Please upgrade it to at least version 7 or use another browser like Firefox, Opera or Safari.%>
73 </div></div>
74 <![endif]-->
75
76
77 <p class="skiplink">
78 <span id="skiplink1"><a href="#navigation"><%:skiplink1 Skip to navigation%></a></span>
79 <span id="skiplink2"><a href="#content"><%:skiplink2 Skip to content%></a></span>
80 </p>
81
82 <div id="header">
83 <span id="ff_logo">
84 <a href="<%=homepage%>" style="text.decoration=none"><img src="/luci-static/freifunk-generic/logo.jpg" border="0" alt="FF Logo" align="left" /></a>
85 </span>
86
87 <span id="header_left">
88 <a href="<%=homepage%>"><%=community%></a>
89 </span>
90
91 <h1><%=luci.version.distname%></h1>
92 <p>
93 <%=luci.version.distversion%><br />
94 <%:Load%>: <%="%.2f" % load1%> <%="%.2f" % load5%> <%="%.2f" % load15%><br />
95 <%:Hostname%>: <%=hostname%>
96 <br />
97 </p>
98 </div>
99
100 <div id="menubar">
101 <h2 class="navigation"><a id="navigation" name="navigation"><%:navigation Navigation%></a></h2>
102 <ul id="mainmenu" class="dropdowns">
103 <%-
104 local function submenu(prefix, node)
105         if not node.nodes or node.hidden then
106                 return false
107         end
108         local index = {}
109         local count = 0
110         for k, n in pairs(node.nodes) do
111                 if n.title and n.target then
112                         table.insert(index, {name=k, order=n.order or 100})
113                         count = count + 1
114                 end
115         end
116
117         table.sort(index, function(a, b) return a.order < b.order end)
118
119         if count > 0 then
120 %>
121 <ul id="submenu_<%=string.gsub(string.gsub(prefix, "/", "_"), "^_(.-)_$", "%1")%>">
122 <%-
123                 for j, v in pairs(index) do
124                         if #v.name > 0 then
125                                 local nnode = node.nodes[v.name]
126                                 local href = controller .. prefix .. v.name .. "/"
127                                 href = (nnode.query) and href .. luci.http.build_querystring(nnode.query) or href
128 %>
129 <li><a<% if nnode._menu_selected then %> class="active"<%end%> href="<%=luci.util.pcdata(href)%>"><%=nnode.title%></a><%-
130 submenu(prefix .. v.name .. "/", nnode)
131 %></li>
132 <%-
133                         end
134                 end
135 %>
136 </ul>
137 <%
138         end
139 end
140
141 if cattree and cattree.nodes then
142         local index = {}
143         for k, node in pairs(cattree.nodes) do
144                 table.insert(index, {name=k, order=node.order or 100})
145         end
146
147         table.sort(index, function(a, b) return a.order < b.order end)
148
149         for i, k in ipairs(index) do
150                 node = cattree.nodes[k.name]
151                 if node.title and node.target and not node.hidden then
152                         local href = controller.."/"..category.."/"..k.name.."/"
153                         href = (k.query) and href .. luci.http.build_querystring(k.query) or href
154 %>
155 <li><a<% if node._menu_selected then %> class="preactive"<%end%> href="<%=href%>"><%=node.title%></a><%
156 submenu("/" .. category .. "/" .. k.name .. "/", node)
157 %></li><% end
158         end
159 end
160 %>
161 </ul>
162
163 <ul id="modemenu"><%
164 for k,node in pairs(tree.nodes) do
165         if node.title and not node.hidden then %>
166 <li><a<% if request[1] == k then %> class="active"<%end%> href="<%=controller%>/<%=k%>/"><%=node.title%></a></li><%
167         end
168 end
169 %>
170 </ul>
171
172 <%
173 if tree.nodes[category] and tree.nodes[category].ucidata then
174         local ucic = 0
175         for i, j in pairs(require("luci.model.uci").cursor():changes()) do
176                 for k, l in pairs(j) do
177                         for m, n in pairs(l) do
178                                 ucic = ucic + 1;
179                         end
180                 end
181         end
182 -%>
183
184 <div id="savemenu">
185         <% if ucic > 0 then %>
186                 <a class="warning" href="<%=controller%>/<%=category%>/uci/changes/?redir=<%=luci.http.urlencode(tree.nodes[category].nodes["uci"].query)%>"><%:Unsaved Changes%>: <%=ucic%></a>
187         <% end -%>
188 </div><% end %>
189
190 <div class="clear"></div>
191 </div>
192 <div id="maincontent">