Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

* luci/themes: lots of fixes in openwrt.org theme

Browse source 
* luci/libs/cbi:	use <table> fpr table sections
This commit is contained in:
Jo-Philipp Wich 2008-07-12 16:46:10 +00:00
parent c026b6ed03
commit dfe0287c6f
6 changed files with 171 additions and 95 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
libs/cbi/luasrc/view/cbi/cell_valuefooter.htm Normal file
View file

@ -0,0 +1,27 @@
<%#
LuCI - Lua Configuration Interface
Copyright 2008 Steven Barth <steven@midlink.org>
Copyright 2008 Jo-Philipp Wich <xm@leipzig.freifunk.net>
Licensed under the Apache License, Version 2.0 (the "License");
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$
-%>
<%- if self.tag_invalid[section] then -%>
<div class="cbi-error"><%:cbi_invalid%></div>
<%- end -%>
</td>
<%- if #self.deps > 0 then -%>
<script type="text/javascript">
<% for j, d in ipairs(self.deps) do -%>
cbi_d_add("cbi-<%=self.config.."-"..section.."-"..self.option%>", "cbid.<%=self.config.."."..section.."."..d.field%>", "<%=d.value%>");
<%- end %>
</script>
<%- end -%>

15
libs/cbi/luasrc/view/cbi/cell_valueheader.htm Normal file
View file

@ -0,0 +1,15 @@
<%#
LuCI - Lua Configuration Interface
Copyright 2008 Steven Barth <steven@midlink.org>
Copyright 2008 Jo-Philipp Wich <xm@leipzig.freifunk.net>
Licensed under the Apache License, Version 2.0 (the "License");
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$
-%>
<td class="cbi-value-field" id="cbi-<%=self.config.."-"..section.."-"..self.option%>">

74
libs/cbi/luasrc/view/cbi/tblsection.htm
View file

@ -16,38 +16,60 @@ $Id$
<h2><%=self.title%></h2> <h2><%=self.title%></h2>
<div class="cbi-section-descr"><%=self.description%></div> <div class="cbi-section-descr"><%=self.description%></div>
<div class="cbi-section-node"> <div class="cbi-section-node">
<div class="cbi-section-row"> <%- local count = 0 -%>
<% for i, k in pairs(self.children) do %> <table class="cbi-section-table">
<div class="cbi-section-row-head"><%=k.title%></div> <tr class="cbi-section-table-titles">
<% end %> <%- for i, k in pairs(self.children) do -%>
</div> <th class="cbi-section-table-cell"><%=k.title%></th>
<div class="cbi-section-row"> <%- count = count + 1; end; if self.addremove then -%>
<% for i, k in pairs(self.children) do %> <th class="cbi-section-table-cell">&nbsp;</th>
<div class="cbi-section-row-descr"><%=k.description%></div> <%- count = count + 1; end -%>
<% end %> </tr>
</div> <tr class="cbi-section-table-descr">
<% for i, k in ipairs(self:cfgsections()) do%> <%- for i, k in pairs(self.children) do -%>
<% if not self.anonymous then %><h3 class="table-cell"><%=k%></h3><% end %> <th class="cbi-section-table-cell"><%=k.description%></th>
<% <%- end; if self.addremove then -%>
section = k <th class="cbi-section-table-cell">&nbsp;</th>
scope = {valueheader = "cbi/tiny_valueheader", valuefooter = "cbi/tiny_valuefooter"} <%- end -%>
%> </tr>
<div class="cbi-section-row" id="cbi-<%=self.config%>-<%=section%>"> <%- for i, k in ipairs(self:cfgsections()) do
<%+cbi/ucisection%> if not self.anonymous then
<% if self.addremove then %><div class="cbi-section-remove table-cell"> -%>
<tr class="cbi-section-table-title">
<th colspan="<%=count%>"><h3><%=k%></h3></th>
</tr>
<%- end
section = k
scope = { valueheader = "cbi/cell_valueheader", valuefooter = "cbi/cell_valuefooter" }
-%>
<tr class="cbi-section-table-row" id="cbi-<%=self.config%>-<%=section%>">
<%-+cbi/ucisection-%>
<%- if self.addremove then -%>
<td class="cbi-section-table-cell">
<input type="submit" name="cbi.rts.<%=self.config%>.<%=k%>" value="X" /> <input type="submit" name="cbi.rts.<%=self.config%>.<%=k%>" value="X" />
</div><% end %> </td>
</div> <%- end -%>
<% end %> </tr>
<% if self.addremove then %> <%- end -%>
<%- if self.addremove then -%>
<tr class="cbi-section-table-row">
<td colspan="<%=count%>" class="cbi-section-table-optionals">
<div class="cbi-section-create"> <div class="cbi-section-create">
<% if self.anonymous then %> <% if self.anonymous then %>
<input type="submit" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" value="<%:cbi_add%>" /> <input type="submit" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" value="<%:cbi_add%>" />
<% else %> <% else %>
<input type="text" class="cbi-section-create-name" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" /> <input type="text" class="cbi-section-create-name" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" />
<input type="submit" value="<%:cbi_add%>" /> <input type="submit" value="<%:cbi_add%>" />
<% end %><% if self.err_invalid then %><div class="cbi-error"><%:cbi_invalid%></div><% end %> <% end %>
<% if self.err_invalid then %>
<div class="cbi-error"><%:cbi_invalid%></div>
<% end %>
</div>
</td>
</tr>
<%- end -%>
</table>
</div> </div>
</div> </div>
<% end %>
</div>

BIN
themes/openwrt.org/htdocs/luci-static/openwrt.org/bg.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 40 KiB

59
themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
View file

@ -15,6 +15,11 @@ body {
line-height: 100%; line-height: 100%;
} }
code {
font-family: monospace;
white-space: pre;
}
div#content ul { div#content ul {
margin-left: 2em; margin-left: 2em;
} }
@ -78,6 +83,10 @@ div#content ul {
float: left; float: left;
} }
.mainmenu li {
white-space: nowrap;
}
.mainmenu div ul { .mainmenu div ul {
display: none; display: none;
position: absolute; position: absolute;
@ -144,28 +153,6 @@ div#content ul {
float: right; float: right;
} }
.sidebar {
position: absolute;
top: -50px;
right: 0;
width: 18%;
color: #888888;
text-align: center;
font-size: 100%;
font-weight: bold;
z-index: -1;
}
.sidebar ul {
width: 100%;
margin-top: 16em;
list-style-type: none;
color: #ffffff;
text-align: left;
font-size: 80%;
font-size: normal;
}
#content { #content {
clear: both; clear: both;
width: 60%; width: 60%;
@ -241,6 +228,12 @@ input[type=password] {
width: 20em; width: 20em;
} }
td select,
td input[type=text],
td input[type=password] {
width: 99%;
}
textarea { textarea {
margin-left: -1px; margin-left: -1px;
margin-bottom: 0.5em; margin-bottom: 0.5em;
@ -328,6 +321,26 @@ div.cbi-section-node {
padding-bottom: 0; padding-bottom: 0;
} }
table.cbi-section-table {
width: 100%;
font-size: 95%;
}
table.cbi-section-table th,
table.cbi-section-table td {
text-align: center;
}
tr.cbi-section-table-descr th {
font-weight: normal;
font-size: 90%;
}
td.cbi-section-table-optionals {
text-align: left !important;
padding-top: 1em;
}
.right { .right {
text-align: right; text-align: right;
} }
@ -344,5 +357,3 @@ div.cbi-section-node {
text-decoration: none; text-decoration: none;
font-size: 70%; font-size: 70%;
} }

19
themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm
View file

@ -130,10 +130,7 @@ end
<% end <% end
end%> end%>
</ul> </ul>
</div>
<br class="clear" />
</div>
<div class="sidebar">
<% <%
if "admin" == request[1] then if "admin" == request[1] then
local ucic = 0 local ucic = 0
@ -145,17 +142,21 @@ end
end end
end end
%> %>
<div class="mainmenu" style="float:right; margin-right:2em">
<div> <div>
<ul>
<% if ucic > 0 then %> <% if ucic > 0 then %>
<li><a href="<%=controller%>/admin/uci/changes"><%:changes%>: <%=ucic%></a></li> <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/apply"><%:apply%></a></li>
<li><a href="<%=controller%>/admin/uci/revert"><%:revert%></a></li> <li><a href="<%=controller%>/admin/uci/revert"><%:revert%></a></li>
<% else %>
<li><%:changes%>: 0</li>
<% end %>
</ul> </ul>
<% else %>
<a href="#"><%:changes%>: 0</a>
<% end %>
</div>
</div> </div>
<% end %> <% end %>
</div>
<br class="clear" />
</div> </div>
<div id="content"> <div id="content">