summaryrefslogtreecommitdiffhomepage
path: root/modules/luci-base/luasrc/view/cbi/tblsection.htm
blob: 348e9922b099ed1d0e818f4d35817a2ad84e3fb6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<%-
local rowcnt = 1
function rowstyle()
	rowcnt = rowcnt + 1
	return (rowcnt % 2) + 1
end

function width(o)
	if o.width then
		if type(o.width) == 'number' then
			return ' style="width:%dpx"' % o.width
		end
		return ' style="width:%s"' % o.width
	end
	return ''
end

-%>

<!-- tblsection -->
<div class="cbi-section cbi-tblsection" id="cbi-<%=self.config%>-<%=self.sectiontype%>">
	<% if self.title and #self.title > 0 then -%>
		<legend><%=self.title%></legend>
	<%- end %>
	<%- if self.sortable then -%>
		<input type="hidden" id="cbi.sts.<%=self.config%>.<%=self.sectiontype%>" name="cbi.sts.<%=self.config%>.<%=self.sectiontype%>" value="" />
	<%- end -%>
	<div class="cbi-section-descr"><%=self.description%></div>
	<%- local count = 0 -%>
	<div class="table cbi-section-table">
		<div class="tr cbi-section-table-titles <%=(not self.anonymous or self.sectiontitle) and "named" or "anonymous"%>">
		<%- for i, k in pairs(self.children) do if not k.optional then -%>
			<div class="th cbi-section-table-cell"<%=
				width(k) ..
				attr("data-type", k.template and k.template:gsub("^.+/", "") or "")
			%>>
			<%- if k.titleref then -%><a title="<%=self.titledesc or translate('Go to relevant configuration page')%>" class="cbi-title-ref" href="<%=k.titleref%>"><%- end -%>
				<%-=k.title-%>
			<%- if k.titleref then -%></a><%- end -%>
			</div>
		<%- count = count + 1; end; end; if self.sortable or self.extedit or self.addremove then -%>
			<div class="th cbi-section-table-cell cbi-section-actions"></div>
		<%- count = count + 1; end -%>
		</div>
		<div class="tr cbi-section-table-descr <%=(not self.anonymous or self.sectiontitle) and "named" or "anonymous"%>">
		<%- for i, k in pairs(self.children) do if not k.optional then -%>
			<div class="th cbi-section-table-cell"<%=
			width(k) ..
			attr("data-type", k.template and k.template:gsub("^.+/", "") or "")
		%>><%=k.description%></div>
		<%- end; end; if self.sortable or self.extedit or self.addremove then -%>
			<div class="th cbi-section-table-cell cbi-section-actions"></div>
		<%- end -%>
		</div>
		<%- local isempty = true
		    for i, k in ipairs(self:cfgsections()) do
				section = k
				isempty = false
				title = striptags((type(self.sectiontitle) == "function") and self:sectiontitle(section) or k)
				scope = {
					valueheader = "cbi/cell_valueheader",
					valuefooter = "cbi/cell_valuefooter"
				}
		-%>
		<div class="tr cbi-section-table-row<% if self.extedit or self.rowcolors then %> cbi-rowstyle-<%=rowstyle()%><% end %>" id="cbi-<%=self.config%>-<%=section%>"<%=ifattr(title and (not self.anonymous or self.sectiontitle), "data-title", striptags((type(self.sectiontitle) == "function") and self:sectiontitle(section) or k))%>>
			<%-
				for k, node in ipairs(self.children) do
					if not node.optional then
						node:render(section, scope or {})
					end
				end
			-%>

			<%- if self.sortable or self.extedit or self.addremove then -%>
				<div class="td cbi-section-table-cell nowrap cbi-section-actions">
					<%- if self.sortable then -%>
						<input class="cbi-button cbi-button-up" type="button" value="<%:Up%>" onclick="return cbi_row_swap(this, true, 'cbi.sts.<%=self.config%>.<%=self.sectiontype%>')" title="<%:Move up%>" />
						<input class="cbi-button cbi-button-down" type="button" value="<%:Down%>" onclick="return cbi_row_swap(this, false, 'cbi.sts.<%=self.config%>.<%=self.sectiontype%>')" title="<%:Move down%>" />
					<% end; if self.extedit then -%>
						<input class="cbi-button cbi-button-edit" type="button" value="<%:Edit%>"
						<%- if type(self.extedit) == "string" then
						%> onclick="location.href='<%=self.extedit:format(section)%>'"
						<%- elseif type(self.extedit) == "function" then
						%> onclick="location.href='<%=self:extedit(section)%>'"
						<%- end
						%> alt="<%:Edit%>" title="<%:Edit%>" />
					<% end; if self.addremove then %>
						<input class="cbi-button cbi-button-remove" type="submit" value="<%:Delete%>"  onclick="this.form.cbi_state='del-section'; return true" name="cbi.rts.<%=self.config%>.<%=k%>" alt="<%:Delete%>" title="<%:Delete%>" />
					<%- end -%>
				</div>
			<%- end -%>
		</div>
		<%- end -%>

		<%- if isempty then -%>
		<div class="tr cbi-section-table-row placeholder">
			<div class="td"><em><%:This section contains no values yet%></em></div>
		</div>
		<%- end -%>
	</div>

	<% if self.error then %>
		<div class="cbi-section-error">
			<ul><% for _, c in pairs(self.error) do for _, e in ipairs(c) do -%>
				<li><%=pcdata(e):gsub("\n","<br />")%></li>
			<%- end end %></ul>
		</div>
	<% end %>

	<%- if self.addremove then -%>
		<% if self.template_addremove then include(self.template_addremove) else -%>
		<div class="cbi-section-create cbi-tblsection-create">
			<% if self.anonymous then %>
				<input class="cbi-button cbi-button-add" type="submit" value="<%:Add%>" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>.<%=section%>" title="<%:Add%>" />
			<% else %>
				<% if self.invalid_cts then -%>
					<div class="cbi-section-error"><%:Invalid%></div>
				<%- end %>
				<div>
					<input type="text" class="cbi-section-create-name" id="cbi.cts.<%=self.config%>.<%=self.sectiontype%>." name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>." data-type="uciname" data-optional="true" />
				</div>
				<input class="cbi-button cbi-button-add" type="submit" onclick="this.form.cbi_state='add-section'; return true" value="<%:Add%>" title="<%:Add%>" />
			<% end %>
		</div>
		<%- end %>
	<%- end -%>
</div>
<!-- /tblsection -->