themes/openwrt.org: fix previous commit
[project/luci.git] / themes / openwrt / luasrc / view / themes / openwrt.org / header.htm
index 0a32055..2366d4f 100644 (file)
@@ -1,7 +1,7 @@
 <%#
 LuCI - Lua Configuration Interface
 Copyright 2008 Steven Barth <steven@midlink.org>
-Copyright 2008 Jo-Philipp Wich <xm@leipzig.freifunk.net>
+Copyright 2008-2010 Jo-Philipp Wich <xm@subsignal.org>
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -13,26 +13,86 @@ $Id$
 
 -%>
 <%
-require("luci.sys")
-local load1, load5, load15 = luci.sys.loadavg()
-local request  = require("luci.dispatcher").context.path
-local category = request[1]
-local tree     = luci.dispatcher.node()
-local cattree  = category and luci.dispatcher.node(category)
-local node     = luci.dispatcher.context.dispatched
-local hostname = luci.sys.hostname()
-
-local c = tree
-for i,r in ipairs(request) do
-       if c.nodes and c.nodes[r] then
-               c = c.nodes[r]
-               c._menu_selected = true
+       local sys  = require "luci.sys"
+       local http = require "luci.http"
+       local disp = require "luci.dispatcher"
+
+       local hostname = sys.hostname()
+       local load1, load5, load15 = sys.loadavg()
+
+       local request  = disp.context.path
+       local request2 = disp.context.request
+
+       local category = request[1]
+       local cattree  = category and disp.node(category)
+
+       local leaf = request2[#request2]
+
+       local tree = disp.node()
+       local node = disp.context.dispatched
+
+       local categories = disp.node_childs(tree)
+
+       local c = tree
+       local i, r
+
+       -- tag all nodes leading to this page
+       for i, r in ipairs(request) do
+               if c.nodes and c.nodes[r] then
+                       c = c.nodes[r]
+                       c._menu_selected = true
+               end
        end
-end
 
-require("luci.i18n").loadc("base")
-require("luci.http").prepare_content("application/xhtml+xml")
+       http.prepare_content("application/xhtml+xml")
+
+       local function nodeurl(prefix, name, query)
+               local url = controller .. prefix .. name .. "/"
+               if query then
+                       url = url .. http.build_querystring(query)
+               end
+               return pcdata(url)
+       end
+
+       local function subtree(prefix, node, level)
+               if not level then
+                       level = 1
+               end
 
+               local childs = disp.node_childs(node)
+               if #childs > 0 then
+%>
+       <div class="tabmenu<%=level%>">
+       <ul class="tabmenu l<%=level%>">
+               <%
+                       local selected_node
+                       local selected_name
+                       local i, v
+
+                       for i, v in ipairs(childs) do
+                               local nnode = node.nodes[v]
+                               if nnode._menu_selected then
+                                       selected_node = nnode
+                                       selected_name = v
+                               end
+               %>
+                       <li class="tabmenu-item-<%=v%><% if nnode._menu_selected or (node.leaf and v == leaf) then %> active<% end %>">
+                               <a href="<%=nodeurl(prefix, v, nnode.query)%>"><%=striptags(translate(nnode.title))%></a>
+                       </li>
+               <%
+                       end
+               %>
+       </ul>
+       <br style="clear:both" />
+<%
+                       if selected_node then
+                               subtree(prefix .. selected_name .. "/", selected_node, level + 1)
+                       end
+%>
+       </div>
+<%
+               end
+       end
 -%>
 
 <?xml version="1.0" encoding="utf-8"?>
@@ -42,15 +102,13 @@ require("luci.http").prepare_content("application/xhtml+xml")
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Script-Type" content="text/javascript" />
 <link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/cascade.css" />
-<!--[if lt IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie6.css" /><![endif]-->
+<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie6.css" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie7.css" /><![endif]-->
+<!--[if IE 8]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie8.css" /><![endif]-->
 <% if node and node.css then %><link rel="stylesheet" type="text/css" media="screen" href="<%=resource%>/<%=node.css%>" />
 <% end -%>
-<script type="text/javascript" src="<%=resource%>/VarType.js"></script>
-<script type="text/javascript" src="<%=resource%>/XHTML1.js"></script>
-<script type="text/javascript" src="<%=resource%>/Dropdowns.js"></script>
 <script type="text/javascript" src="<%=resource%>/xhr.js"></script>
-<title><%=striptags( hostname .. ( (node and node.title) and ' - ' .. node.title or '')) %> - LuCI</title>
+<title><%=striptags( hostname .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>
 </head>
 <body class="lang_<%=luci.i18n.context.lang%>">
 
@@ -59,86 +117,26 @@ require("luci.http").prepare_content("application/xhtml+xml")
 <span id="skiplink2"><a href="#content"><%:Skip to content%></a></span>
 </p>
 
-<div id="header">
-<h1><%=luci.version.distname%></h1>
-<p>
-<%=luci.version.distversion%><br />
-<%:Load%>: <%="%.2f" % load1%> <%="%.2f" % load5%> <%="%.2f" % load15%><br />
-<%:Hostname%>: <%=hostname%>
-</p>
-</div>
-
 <div id="menubar">
 <h2 class="navigation"><a id="navigation" name="navigation"><%:Navigation%></a></h2>
-<ul id="mainmenu" class="dropdowns">
-<%-
-local function submenu(prefix, node)
-       if not node.nodes or node.hidden then
-               return false
-       end
-       local index = {}
-       local count = 0
-       for k, n in pairs(node.nodes) do
-               if n.title and n.target then
-                       table.insert(index, {name=k, order=n.order or 100})
-                       count = count + 1
-               end
-       end
-
-       table.sort(index, function(a, b) return a.order < b.order end)
-
-       if count > 0 then
-%>
-<ul id="submenu_<%=string.gsub(string.gsub(prefix, "/", "_"), "^_(.-)_$", "%1")%>">
-<%-
-               for j, v in pairs(index) do
-                       if #v.name > 0 then
-                               local nnode = node.nodes[v.name]
-                               local href = controller .. prefix .. v.name .. "/"
-                               href = (nnode.query) and href .. luci.http.build_querystring(nnode.query) or href
-%>
-<li><a<% if nnode._menu_selected then %> class="active"<%end%> href="<%=pcdata(href)%>"><%=striptags(nnode.title)%></a><%-
-submenu(prefix .. v.name .. "/", nnode)
-%></li>
-<%-
-                       end
-               end
-%>
-</ul>
-<%
-       end
-end
-
-if cattree and cattree.nodes then
-       local index = {}
-       for k, node in pairs(cattree.nodes) do
-               table.insert(index, {name=k, order=node.order or 100})
-       end
 
-       table.sort(index, function(a, b) return a.order < b.order end)
-
-       for i, k in ipairs(index) do
-               node = cattree.nodes[k.name]
-               if node.title and node.target and not node.hidden then
-                       local href = controller.."/"..category.."/"..k.name.."/"
-                       href = (k.query) and href .. luci.http.build_querystring(k.query) or href
-%>
-<li><a<% if node._menu_selected then %> class="preactive"<%end%> href="<%=pcdata(href)%>"><%=striptags(node.title)%></a><%
-submenu("/" .. category .. "/" .. k.name .. "/", node)
-%></li><% end
-       end
-end
-%>
-</ul>
+<div class="hostinfo">
+       <%=hostname%> | <%=luci.version.distversion%> |
+       <%:Load%>: <%="%.2f" % load1%> <%="%.2f" % load5%> <%="%.2f" % load15%>
+       <span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()">
+               | <%:Auto Refresh%>:
+               <span id="xhr_poll_status_on"><%:on%></span>
+               <span id="xhr_poll_status_off" style="display:none"><%:off%></span>
+       </span>
+</div>
 
-<ul id="modemenu"><%
-for k,node in pairs(tree.nodes) do
-       if node.title and not node.hidden then %>
-<li><a<% if request[1] == k then %> class="active"<%end%> href="<%=controller%>/<%=k%>/"><%=striptags(node.title)%></a></li><%
-       end
-end
-%>
-</ul>
+<% if #categories > 1 then %>
+       <ul id="modemenu">
+               <% for i, r in ipairs(categories) do %>
+                       <li><a<% if request[1] == r then %> class="active"<%end%> href="<%=controller%>/<%=r%>/"><%=striptags(translate(tree.nodes[r].title))%></a></li>
+               <% end %>
+       </ul>
+<% end %>
 
 <%
 if tree.nodes[category] and tree.nodes[category].ucidata then
@@ -151,27 +149,34 @@ if tree.nodes[category] and tree.nodes[category].ucidata then
                end
        end
 -%>
-<ul id="savemenu" class="dropdowns">
-<li><% if ucic > 0 then %><a class="warning" href="<%=controller%>/<%=category%>/uci/changes/"><%:Unsaved Changes%>: <%=ucic%></a><%
-submenu("/" .. category .. "/uci/", tree.nodes[category].nodes["uci"])
-else -%>
-<a href="#"><%:Changes%>: 0</a><% end -%>
-</li>
-</ul><% end %>
+<div id="savemenu">
+       <% if ucic > 0 then %>
+               <a class="warning" href="<%=controller%>/<%=category%>/uci/changes/?redir=<%=luci.http.urlencode(luci.http.formvalue("redir") or REQUEST_URI)%>"><%:Unsaved Changes%>: <%=ucic%></a>
+       <%- else -%>
+               <a href="#"><%:Changes%>: 0</a>
+       <% end -%>
+</div><% end %>
 
 <div class="clear"></div>
 </div>
-<div id="maincontent">
-       <noscript>
-               <div class="errorbox">
-                       <strong><%:Java Script required!%></strong><br />
-                       <%:You must enable Java Script in your browser or LuCI will not work properly.%>
-               </div>
-       </noscript>
 
-       <%- if not luci.sys.user.getpasswd("root") then -%>
-       <div class="errorbox">
-               <strong><%:No password set!%></strong><br />
-               <%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%>
+<div id="maincontainer">
+       <div id="tabmenu">
+               <% if category then subtree("/" .. category .. "/", cattree) end %>
        </div>
-       <%- end -%>
+
+       <div id="maincontent">
+               <noscript>
+                       <div class="errorbox">
+                               <strong><%:Java Script required!%></strong><br />
+                               <%:You must enable Java Script in your browser or LuCI will not work properly.%>
+                       </div>
+               </noscript>
+
+               <%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") and not ( category=="failsafe" ) then -%>
+               <div class="errorbox">
+                       <strong><%:No password set!%></strong><br />
+                       <%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%><br />
+                       <a href="<%=pcdata(luci.dispatcher.build_url("admin/system/admin"))%>"><%:Go to password configuration...%></a>
+               </div>
+               <%- end -%>