libs/cbi: Improved user interface draft #1
[project/luci.git] / libs / cbi / luasrc / view / cbi / tblsection.htm
1 <%#
2 LuCI - Lua Configuration Interface
3 Copyright 2008 Steven Barth <steven@midlink.org>
4 Copyright 2008 Jo-Philipp Wich <xm@leipzig.freifunk.net>
5
6 Licensed under the Apache License, Version 2.0 (the "License");
7 you may not use this file except in compliance with the License.
8 You may obtain a copy of the License at
9
10 http://www.apache.org/licenses/LICENSE-2.0
11
12 $Id$
13
14 -%>
15 <%-
16 local rowcnt = 1
17 function rowstyle()
18 rowcnt = rowcnt + 1
19 return (rowcnt % 2) + 1
20 end
21 -%>
22
23 <!-- tblsection -->
24 <div class="cbi-section" id="cbi-<%=self.config%>-<%=self.sectiontype%>">
25 <h2><%=self.title%></h2>
26 <div class="cbi-section-descr"><%=self.description%></div>
27 <div class="cbi-section-node">
28 <%- local count = 0 -%>
29 <table class="cbi-section-table">
30 <tr class="cbi-section-table-titles">
31 <%- if not self.anonymous then -%>
32 <th>&nbsp;</th>
33 <%- end -%>
34 <%- for i, k in pairs(self.children) do -%>
35 <th class="cbi-section-table-cell"><%=k.title%></th>
36 <%- count = count + 1; end; if self.extedit or self.addremove then -%>
37 <th class="cbi-section-table-cell">&nbsp;</th>
38 <%- count = count + 1; end -%>
39 </tr>
40 <tr class="cbi-section-table-descr">
41 <%- if not self.anonymous then -%>
42 <th>&nbsp;</th>
43 <%- end -%>
44 <%- for i, k in pairs(self.children) do -%>
45 <th class="cbi-section-table-cell"><%=k.description%></th>
46 <%- end; if self.extedit or self.addremove then -%>
47 <th class="cbi-section-table-cell">&nbsp;</th>
48 <%- end -%>
49 </tr>
50 <%- local isempty = true
51 for i, k in ipairs(self:cfgsections()) do
52 section = k
53 isempty = false
54 scope = { valueheader = "cbi/cell_valueheader", valuefooter = "cbi/cell_valuefooter" }
55 -%>
56 <tr class="cbi-section-table-row<% if self.extedit then %> cbi-rowstyle-<%=rowstyle()%><% end %>" id="cbi-<%=self.config%>-<%=section%>">
57 <% if not self.anonymous then -%>
58 <th><h3><%=k%></h3></th>
59 <%- end %>
60 <%-+cbi/ucisection-%>
61 <%- if self.extedit or self.addremove then -%>
62 <td class="cbi-section-table-cell">
63 <%- if self.extedit then -%>
64 <a href="<%=self.extedit:format(section)%>"><img style="border: none" src="<%=resource%>/cbi/edit.gif" alt="<%:edit%>" /></a>
65 <%- end; if self.addremove then %>
66 <input type="image" value="<%:cbi_del%>" name="cbi.rts.<%=self.config%>.<%=k%>" alt="<%:cbi_del%>" title="<%:cbi_del%>" src="<%=resource%>/cbi/remove.gif" />
67 <%- end -%>
68 </td>
69 <%- end -%>
70 </tr>
71 <%- end -%>
72
73 <%- if isempty then -%>
74 <tr class="cbi-section-table-row">
75 <td colspan="<%=count%>"><em><br /><%:cbi_sectempty%></em></td>
76 </tr>
77 <%- end -%>
78 </table>
79 <%- if self.addremove then -%>
80 <br />
81 <div class="cbi-section-table-row">
82 <td colspan="<%=count%>" class="cbi-section-table-optionals">
83 <div class="cbi-section-create">
84 <% if self.anonymous then %>
85 <input class="cbi-button cbi-button-add" type="submit" value="<%:cbi_add%>" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" title="<%:cbi_add%>" />
86 <% else %>
87 <input type="text" class="cbi-section-create-name" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>" />
88 <input class="cbi-button cbi-button-add" type="submit" value="<%:cbi_add%>" title="<%:cbi_add%>" />
89 <% end %>
90
91 <% if self.err_invalid then %>
92 <div class="cbi-error"><%:cbi_invalid%></div>
93 <% end %>
94 </div>
95 </td>
96 </div>
97 <%- end -%>
98 </div>
99 </div>
100 <!-- /tblsection -->