projects / project / luci.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
* luci/themes: IE6 fixes for openwrt.org theme
[project/luci.git] / themes / openwrt.org / luasrc / view / themes / openwrt.org / header.htm
diff --git a/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm b/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm
index ea30cbb..1ae5df9 100644 (file)
--- a/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm
+++ b/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm
@@ -19,11 +19,11 @@ 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 node     = luci.dispatcher.context.dispatched
 
 local c = tree
 for i,r in ipairs(request) do
-       if c.nodes and c.nodes[r] then 
+       if c.nodes and c.nodes[r] then
                c = c.nodes[r]
                c._menu_selected = true
        end
@@ -32,7 +32,9 @@ end
 require("luci.i18n").loadc("default")
 
 require("luci.http").prepare_content("text/html")
-%><?xml version="1.0" encoding="utf-8"?>
+-%>
+
+<?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
@@ -41,14 +43,31 @@ require("luci.http").prepare_content("text/html")
        <meta http-equiv="content-type" content="text/xhtml+xml; charset=utf-8" />
        <meta http-equiv="content-script-type" content="text/javascript" />
        <title>LuCI - Lua Configuration Interface - <%=(node and node.title)%></title>
+
+       <!--[if lt IE 7]>
+               <script type="text/javascript">
+                       function setup_hover() {
+                               function ie_hover(e) {
+                                       e.onmouseover = function() { this.className = "hover" }
+                                       e.onmouseout  = function() { this.className = null    }
+                               }
+
+                               var lis  = document.getElementById("mainmenu").getElementsByTagName("LI");
+                               var divs = document.getElementById("mainmenu").getElementsByTagName("DIV");
+                               
+                               for( var i = 0; i < lis.length;  i++ ) ie_hover( lis[i]  );
+                               for( var i = 0; i < divs.length; i++ ) ie_hover( divs[i] );
+                       }
+               </script>
+       <![endif]-->
 </head>
-<body>
+<body onload="window.setup_hover && setup_hover()">
 <div id="header">
        <div class="info whitetext smalltext bold right">
        <%=luci.config.brand.firmware%><br />
        <%=luci.config.brand.distro%><br />
        <%:load%>: <%=load1%> <%=load5%> <%=load15%><br />
-       <%:hostname%>: <%=luci.sys.hostname()%> 
+       <%:hostname%>: <%=luci.sys.hostname()%>
        </div>
        <div class="title">
                <span class="headertitle"><%=luci.config.brand.title%></span><br />
@@ -57,7 +76,7 @@ require("luci.http").prepare_content("text/html")
 </div>
 
 <div class="pathbar separator black whitetext bold">
-<%:path%>: <% 
+<%:path%>: <%
 local c = tree
 local url = controller
 for k,v in pairs(request) do
@@ -71,23 +90,27 @@ end
 </div>
 
 <div class="menubar">
-       <div class="mainmenu">
+       <div id="mainmenu" class="mainmenu">
 <%
 local function submenu(prefix, node)
        if not node.nodes then
                return false
        end
-       local index = {}        
+       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>
-       <% for j, v in pairs(index) do 
+       <% for j, v in pairs(index) do
                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
@@ -97,16 +120,17 @@ local function submenu(prefix, node)
                        <% submenu(prefix .. v.name .. "/", nnode) %>
                </li>
        <% end %>
-               </ul> 
-<%      
+       </ul>
+<%
+       end
 end
 
 if cattree and cattree.nodes then
-       local index = {}        
+       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
@@ -114,13 +138,13 @@ if cattree and cattree.nodes then
                if node.title and node.target then
                        local href = controller.."/"..category.."/"..k.name
                        href = (k.query) and href .. luci.http.build_querystring(k.query) or href %>
-                       <div<% if node._menu_selected then %> class="preactive"<%end%>><a href="<%=href%>"><%=node.title%></a>                  
+                       <div<% if node._menu_selected then %> class="preactive"<%end%>><a href="<%=href%>"><%=node.title%></a>
                                <%submenu("/" .. category .. "/" .. k.name .. "/", node)%>
                        </div>
 <%             end
        end
 end
-%>             
+%>
        </div>
        <div class="modemenu">
                <ul><%
@@ -131,9 +155,7 @@ end
                        end%>
                </ul>
        </div>
-       <br class="clear" />
-</div>
-<div class="sidebar">
+
        <%
                if "admin" == request[1] then
                        local ucic = 0
@@ -145,17 +167,21 @@ end
                                end
                        end
        %>
-       <div>
-               <ul>
-               <% if ucic > 0 then %>
-                       <li><a href="<%=controller%>/admin/uci/changes"><%:changes%>: <%=ucic%></a></li>
-                       <li><a href="<%=controller%>/admin/uci/apply"><%:apply%></a></li>
-                       <li><a href="<%=controller%>/admin/uci/revert"><%:revert%></a></li>
-               <% else %>
-                       <li><%:changes%>: 0</li>
-               <% end %>
-               </ul>
+       <div class="mainmenu" style="float:right; margin-right:2em">
+               <div>
+                       <% if ucic > 0 then %>
+                       <a href="<%=controller%>/admin/uci/changes"><%:changes%>: <%=ucic%></a>
+                       <ul>
+                               <li><a href="<%=controller%>/admin/uci/apply"><%:apply%></a></li>
+                               <li><a href="<%=controller%>/admin/uci/revert"><%:revert%></a></li>
+                       </ul>
+                       <% else %>
+                       <a href="#"><%:changes%>: 0</a>
+                       <% end %>
+               </div>
        </div>
        <% end %>
+
+       <br class="clear" />
 </div>
 <div id="content">
Lua Configuration Interface (mirror)