themes/freifunk-generic: Add possibility to use custom logo/header
authorManuel Munz <freifunk@somakoma.de>
Mon, 14 Feb 2011 01:27:19 +0000 (01:27 +0000)
committerManuel Munz <freifunk@somakoma.de>
Mon, 14 Feb 2011 01:27:19 +0000 (01:27 +0000)
themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
themes/freifunk-generic/luasrc/view/themes/freifunk-generic/header.htm

index dbc41dfd99fac17a46e8722a3eefa032c3ecd37a..6764607918e00db4a36cf24f1dca9c389cd17551 100644 (file)
@@ -91,41 +91,52 @@ a img {
        padding: 5px;
 }
 
-#header {
-       min-height: 100px;
+#header {height: auto;
        background: #FFF url(header.jpg) repeat-x left bottom;
        color: #ccc;
        font-weight: bold;
        text-align:right;
 }
 
-#header img {
-       border: 0;
-       padding-left: 10px;
+.header_left img {
+       padding: 10px 10px 0px 10px;
 }
 
-#header_left{
+.header_banner {
+       overflow:hidden;
+       padding-bottom: 6px;
        text-align:left;
-       top: 42px;
-       float:left;
 }
 
-#header_left a{
+.header_banner img{
+       padding: 0px;
+}
+
+.header_left{
+       text-align:left;
+}
+
+.header_left a{
        color: #dc0067;
-       font: bold 28px Helvetica;
+       font: bold 36px Helvetica;
        text-decoration: none;
 }
 
-#header p {
-       padding: 0 1em 1em 1em;
+.header_left .spacer {
+height: 12px;
+min-height:12px;
+width:99%;
 }
 
 #header h1,
-#header p {
+.header_right {
+       position: absolute;
+       text-align: right;
+       top: 10px;
+       right: 10px;
        font-size: 70%;
        font-weight: normal;
        line-height: 160%;
-       text-align: right;
 }
 
 ul.dropdowns {
index 496cbad7928b55a69968fae7813bc10506fdb037..968d1901d372a303380206441d85b3386942b2c5 100644 (file)
@@ -8,12 +8,13 @@ you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 
        http://www.apache.org/licenses/LICENSE-2.0
-
-$Id: header.htm 4079 2009-01-17 17:59:11Z Cyrus $
-
 -%>
+
 <%
 require("luci.sys")
+local uci = require "luci.model.uci".cursor()
+local fs = require "luci.fs"
+
 local load1, load5, load15 = luci.sys.loadavg()
 local request  = require("luci.dispatcher").context.path
 local category = request[1]
@@ -21,17 +22,31 @@ 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 uci = require "luci.model.uci".cursor()
-local ff = uci:get("freifunk", "community", "name")
-if not ff then
-        ff = ""
-end
+local ff = uci:get("freifunk", "community", "name") or ""
 local co = "profile_" .. ff
 local community = uci:get_first(co, "community", "name") or "Freifunk"
 local hp = uci:get_first(co, "community", "homepage") or "http://www.freifunk.net"
+local logo = "/luci-static/freifunk-generic/logo.jpg"
+local banner = false
+local show_comm = true
+
+local lo = fs.glob("/www/luci-static/resources/custom_logo.*")
+if lo[1] then
+       logo = string.gsub(lo[1], "/www", "")
+end
+
+local lon = fs.glob("/www/luci-static/resources/custom_logo_only.*")
+if lon[1] then
+       logo = string.gsub(lon[1], "/www", "")
+       show_comm = false
+end
 
+local hea = fs.glob("/www/luci-static/resources/custom_header.*")
+if hea[1] then
+       logo = string.gsub(hea[1], "/www", "")
+       show_comm = false
+       banner = true
+end 
 
 local c = tree
 for i,r in ipairs(request) do
@@ -84,15 +99,25 @@ require("luci.http").prepare_content("application/xhtml+xml")
 </p>
 
 <div id="header">
-       <span id="header_left">
-               <a href="<%=hp%>"><img src="/luci-static/freifunk-generic/logo.jpg" alt="FF Logo" /></a>
-               <a href="<%=hp%>"><%=community%></a>
-       </span>
-       <p>
-               <%=luci.version.distversion%><br />
-               <%:Load%>: <%="%.2f" % load1%> <%="%.2f" % load5%> <%="%.2f" % load15%><br />
-               <%:Hostname%>: <%=hostname%><br />
-       </p>
+       <%if banner then%>
+               <div class="header_banner">
+                       <a href="<%=hp%>"><img src="<%=logo%>" alt="Header" /></a>
+               </div>
+       <%else%>
+               <div class="header_left">
+                       <a href="<%=hp%>"><img src="<%=logo%>" alt="Logo" /></a>
+                       <%if show_comm then%>
+                               <a href="<%=hp%>"><%=community%></a>
+                               <br/>
+                       <%end%>
+               <div class = "spacer"></div>
+               </div>
+               <div class="header_right">
+                       <%=luci.version.distversion%><br />
+                       <%:Load%>: <%="%.2f" % load1%> <%="%.2f" % load5%> <%="%.2f" % load15%><br />
+                       <%:Hostname%>: <%=hostname%><br />
+               </div>
+       <%end%>
 </div>
 
 <div id="menubar">