* luci/themes: several small tweaks in openwrt.org theme
authorJo-Philipp Wich <jow@openwrt.org>
Sun, 20 Jul 2008 15:16:13 +0000 (15:16 +0000)
committerJo-Philipp Wich <jow@openwrt.org>
Sun, 20 Jul 2008 15:16:13 +0000 (15:16 +0000)
* luci/libs/cbi: some template improvements

libs/cbi/luasrc/view/cbi/nsection.htm
libs/cbi/luasrc/view/cbi/tblsection.htm
libs/cbi/luasrc/view/cbi/tsection.htm
libs/cbi/luasrc/view/cbi/ucisection.htm
libs/cbi/luasrc/view/cbi/valuefooter.htm
libs/cbi/luasrc/view/cbi/valueheader.htm
themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css

index a999e47b57c6e4efcaa0dad6a7be5a3e97e4c9e7..3f86531097367c9e3991daf52b0897e2a9a90bf0 100644 (file)
@@ -14,8 +14,10 @@ $Id$
 -%>
 
 <% if self:cfgvalue(self.section) then section = self.section %>
-       <div class="cbi-section" id="cbi-<%=self.config%>-<%=section%>">
-               <h2><%=self.title%></h2>
+       <fieldset class="cbi-section" id="cbi-<%=self.config%>-<%=section%>">
+               <% if self.title and #self.title > 0 then -%>
+                       <legend><%=self.title%></legend>
+               <%- end %>
                <div class="cbi-section-descr"><%=self.description%></div>
                <% if self.addremove then -%>
                        <div class="cbi-section-remove right">
@@ -26,11 +28,14 @@ $Id$
                        <%+cbi/ucisection%>
                </div>
                <br />
-       </div>
+       </fieldset>
 <% elseif self.addremove then %>
-       <div class="cbi-section" id="cbi-<%=self.config%>-<%=self.section%>">
-               <h2><%=self.title%></h2>
+       <fieldset class="cbi-section" id="cbi-<%=self.config%>-<%=self.section%>">
+               <% if self.title and #self.title > 0 then -%>
+                       <legend><%=self.title%></legend>
+               <%- end %>
                <div class="cbi-section-descr"><%=self.description%></div>
                <input type="submit" name="cbi.cns.<%=self.config%>.<%=self.section%>" value="<%:cbi_add%>" />
-       </div>
+       </fieldset>
 <% end %>
+<!-- /nsection -->
index 44ff589d7c27bfa4153dccd30f7664f698eb5bed..acaf6693efe468edc269920f38d3da6de7b7ce48 100644 (file)
@@ -13,6 +13,7 @@ $Id$
 
 -%>
 
+<!-- tblsection -->
 <div class="cbi-section" id="cbi-<%=self.config%>-<%=self.sectiontype%>">
        <h2><%=self.title%></h2>
        <div class="cbi-section-descr"><%=self.description%></div>
@@ -35,8 +36,6 @@ $Id$
                        </tr>
                        <%- local isempty = true
                            for i, k in ipairs(self:cfgsections()) do
-                                       isempty = false
-
                                        if not self.anonymous then
                        -%>
                        <tr class="cbi-section-table-title">
@@ -44,6 +43,7 @@ $Id$
                        </tr>
                        <%-     end
                                        section = k
+                                       isempty = false
                                        scope = { valueheader = "cbi/cell_valueheader", valuefooter = "cbi/cell_valuefooter" }
                        -%>
                        <tr class="cbi-section-table-row" id="cbi-<%=self.config%>-<%=section%>">
@@ -55,10 +55,10 @@ $Id$
                                <%- end -%>
                        </tr>
                        <%- end -%>
-                       
+
                        <%- if isempty then -%>
                        <tr class="cbi-section-table-row">
-                               <td colspan="<%=count%>"><em><%:cbi_sectempty%></em></td>
+                               <td colspan="<%=count%>"><em><br /><%:cbi_sectempty%></em></td>
                        </tr>
                        <%- end -%>
 
@@ -83,3 +83,4 @@ $Id$
                </table>
        </div>
 </div>
+<!-- /tblsection -->
index 9f4f2a50d7067a631129b4b1992189b95ea1563c..da44cdc132312b262e5794d9c007fb6c4f2ae8d2 100644 (file)
@@ -13,35 +13,45 @@ $Id$
 
 -%>
 
-<div class="cbi-section" id="cbi-<%=self.config%>-<%=self.sectiontype%>">
-       <h2><%=self.title%></h2>
+<fieldset class="cbi-section" id="cbi-<%=self.config%>-<%=self.sectiontype%>">
+       <% if self.title and #self.title > 0 then -%>
+               <legend><%=self.title%></legend>
+       <%- end %>
        <div class="cbi-section-descr"><%=self.description%></div>
-               <% for i, k in ipairs(self:cfgsections()) do -%>
-                       <% if self.addremove then -%>
-                               <div class="cbi-section-remove right">
-                                       <input type="submit" name="cbi.rts.<%=self.config%>.<%=k%>" value="<%:cbi_del%>" />
-                               </div>
-                       <%- end %>
-                       <% if not self.anonymous then %><h3><%=k%></h3><% end %>
-                       <% section = k %>
-                       <div class="cbi-section-node" id="cbi-<%=self.config%>-<%=section%>">
-                               <%+cbi/ucisection%>
+       <% local isempty = true for i, k in ipairs(self:cfgsections()) do -%>
+               <% if self.addremove then -%>
+                       <div class="cbi-section-remove right">
+                               <input type="submit" name="cbi.rts.<%=self.config%>.<%=k%>" value="<%:cbi_del%>" />
                        </div>
-                       <br />
                <%- end %>
+               <% section = k; isempty = false %>
 
-               <% if self.addremove then -%>
-                       <div class="cbi-section-create">
-                               <% if self.anonymous then -%>
-                                       <input type="submit" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" value="<%:cbi_add%>" />
-                               <%- else -%>
-                                       <input type="text" class="cbi-section-create-name" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" />
-                                       <input type="submit" value="<%:cbi_add%>" />
-                               <%- end %>
-
-                               <% if self.err_invalid then -%>
-                                       <div class="cbi-error"><%:cbi_invalid%></div>
-                               <%- end %>
-                       </div>
+               <% if not self.anonymous then -%>
+                       <h3><%=k:upper()%></h3>
                <%- end %>
-       </div>
+
+               <fieldset class="cbi-section-node" id="cbi-<%=self.config%>-<%=section%>">
+                       <%+cbi/ucisection%>
+               </fieldset>
+               <br />
+       <%- end %>
+
+       <% if isempty then -%>
+               <em><%:cbi_sectempty%><br /><br /></em>
+       <%- end %>
+
+       <% if self.addremove then -%>
+               <div class="cbi-section-create">
+                       <% if self.anonymous then -%>
+                               <input type="submit" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" value="<%:cbi_add%>" />
+                       <%- else -%>
+                               <input type="text" class="cbi-section-create-name" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" />
+                               <input type="submit" value="<%:cbi_add%>" />
+                       <%- end %>
+
+                       <% if self.err_invalid then -%>
+                               <div class="cbi-error"><%:cbi_invalid%></div>
+                       <%- end %>
+               </div>
+       <%- end %>
+</fieldset>
index eb581cab78082e9e6301493bac1c9445edd5b2a6..e06cb5392bde6ec87d65c7c4226ceb7246fee731 100644 (file)
@@ -22,9 +22,9 @@ $Id$
                <% else %>
                <select name="cbi.opt.<%=self.config%>.<%=section%>">
                        <option><%:cbi_addopt%></option>
-                       <% for key, val in pairs(self.optionals[section]) do %>
+                       <% for key, val in pairs(self.optionals[section]) do -%>
                                <option id="cbi-<%=self.config.."-"..section.."-"..val.option%>" value="<%=val.option%>"><%=val.title%></option>
-                       <% end %>
+                       <%- end %>
                </select>
                <script type="text/javascript"><% for key, val in pairs(self.optionals[section]) do %>
                        <% if #val.deps > 0 then %><% for j, d in ipairs(val.deps) do %>cbi_d_add("cbi-<%=self.config.."-"..section.."-"..val.option%>", "cbid.<%=self.config.."."..section.."."..d.field%>", "<%=d.value%>");
index 9572821b64e695889979450119de8904eec8e88c..a65c7a387494cb3dacbd4728cb3710655dd8197c 100644 (file)
@@ -12,8 +12,5 @@ You may obtain a copy of the License at
 $Id$
 
 -%>
-<% if valuefooter then
-       include(valuefooter)
-else
-       include("cbi/full_valuefooter")
-end %>
\ No newline at end of file
+
+<% include( valuefooter or "cbi/full_valuefooter" ) %>
index 8adc57afe33527f1a965466f40a771275a0832a4..f3da909e668374b5372e77a8aab951fbd3e24f81 100644 (file)
@@ -12,8 +12,5 @@ You may obtain a copy of the License at
 $Id$
 
 -%>
-<% if valueheader then
-       include(valueheader)
-else
-       include("cbi/full_valueheader")
-end %>
\ No newline at end of file
+
+<% include( valueheader or "cbi/full_valueheader" ) %>
index 0febd3b6e341be10dfed41fbba5d59764f0f2104..c699af6a913a2b2519d4af35a6c3db3c65e9d073 100644 (file)
@@ -191,17 +191,27 @@ div#content ul {
        background-color: #ffffff;
 }
 
+.cbi-section legend {
+       font-size: 110%;
+       font-weight: bold;
+       height: 1em;
+       padding: 0 0.25em;
+       color: #555555;
+}
+
 .cbi-section h2 {
        margin: 0em 0 0.5em -0.5em !important;
 }
 
 .cbi-section h3 {
-       height: 1em;
-       font-size: 120%;
+       height: 1.5em;
+       font-size: 90%;
+       color: #555555;
 }
 
 .cbi-section-descr {
        margin-bottom: 0.5em;
+       font-size: 95%;
 }
 
 input[type=submit],
@@ -302,6 +312,14 @@ div.cbi-value-description {
        font-size: 90%;
 }
 
+div.cbi-value-field > div.cbi-value-description {
+       display: none;
+}
+
+div.cbi-value:hover div.cbi-value-field > div.cbi-value-description {
+       display: block;
+}
+
 div.cbi-section-create {
        clear: left;
 }
@@ -324,7 +342,7 @@ div.cbi-section-remove input {
        border-bottom: none;
 }
 
-div.cbi-section-node {
+.cbi-section-node {
        clear: both;
        border: 1px dotted #bbbbbb;
        padding-bottom: 0;
@@ -448,4 +466,3 @@ td.cbi-section-table-optionals {
 * html div.cbi-value-description {
        margin-left: 40%;
 }
-