libs/web: remove inline styles from firewall_zoneforwards and firewall_zonelist widgets
[project/luci.git] / libs / web / luasrc / view / cbi / firewall_zonelist.htm
1 <%+cbi/valueheader%>
2
3 <%-
4 local utl = require "luci.util"
5 local fwm = require "luci.model.firewall".init()
6 local nwm = require "luci.model.network".init()
7
8 local zone, net, iface
9 local zones = fwm:get_zones()
10 local value = self:formvalue(section)
11 if not value or value == "-" then
12 value = self:cfgvalue(section) or self.default
13 end
14
15 local selected = false
16 local checked = { }
17
18 for value in utl.imatch(value) do
19 checked[value] = true
20 end
21
22 if not next(checked) then
23 checked[""] = true
24 end
25 -%>
26
27 <ul style="margin:0; list-style-type:none; text-align:left">
28 <% if self.allowlocal then %>
29 <li style="padding:0.5em">
30 <input class="cbi-input-radio" onclick="cbi_d_update(this.id)" onchange="cbi_d_update(this.id)"<%=attr("type", self.widget or "radio") .. attr("id", cbid .. "_empty") .. attr("name", cbid) .. attr("value", "") .. ifattr(checked[""], "checked", "checked")%> /> &#160;
31 <label<%=attr("for", cbid .. "_empty")%> style="background-color:<%=fwm.zone.get_color()%>" class="zonebadge">
32 <strong><%:Device%></strong>
33 <% if self.allowany and self.allowlocal then %>(<%:input%>)<% end %>
34 </label>
35 </li>
36 <% end %>
37 <% if self.allowany then %>
38 <li style="padding:0.5em">
39 <input class="cbi-input-radio" onclick="cbi_d_update(this.id)" onchange="cbi_d_update(this.id)"<%=attr("type", self.widget or "radio") .. attr("id", cbid .. "_any") .. attr("name", cbid) .. attr("value", "*") .. ifattr(checked["*"], "checked", "checked")%> /> &#160;
40 <label<%=attr("for", cbid .. "_any")%> style="background-color:<%=fwm.zone.get_color()%>" class="zonebadge">
41 <strong><%:Any zone%></strong>
42 <% if self.allowany and self.allowlocal then %>(<%:forward%>)<% end %>
43 </label>
44 </li>
45 <% end %>
46 <%
47 for _, zone in utl.spairs(zones, function(a,b) return (zones[a]:name() < zones[b]:name()) end) do
48 if zone:name() ~= self.exclude then
49 selected = selected or (value == zone:name())
50 %>
51 <li style="padding:0.5em">
52 <input class="cbi-input-radio" onclick="cbi_d_update(this.id)" onchange="cbi_d_update(this.id)"<%=attr("type", self.widget or "radio") .. attr("id", cbid .. "." .. zone:name()) .. attr("name", cbid) .. attr("value", zone:name()) .. ifattr(checked[zone:name()], "checked", "checked")%> /> &#160;
53 <label<%=attr("for", cbid .. "." .. zone:name())%> style="background-color:<%=zone:get_color()%>" class="zonebadge">
54 <strong><%=zone:name()%>:</strong>
55 <%
56 local zempty = true
57 for _, net in ipairs(zone:get_networks()) do
58 net = nwm:get_network(net)
59 if net then
60 zempty = false
61 %>
62 <span class="ifacebadge<% if net:name() == self.network then %> ifacebadge-active<% end %>"><%=net:name()%>:
63 <%
64 local nempty = true
65 for _, iface in ipairs(net:is_bridge() and net:get_interfaces() or { net:get_interface() }) do
66 nempty = false
67 %>
68 <img<%=attr("title", iface:get_i18n())%> style="width:16px; height:16px; vertical-align:middle" src="<%=resource%>/icons/<%=iface:type()%><%=iface:is_up() and "" or "_disabled"%>.png" />
69 <% end %>
70 <% if nempty then %><em><%:(empty)%></em><% end %>
71 </span>
72 <% end end %>
73 <% if zempty then %><em><%:(empty)%></em><% end %>
74 </label>
75 </li>
76 <% end end %>
77
78 <% if self.widget ~= "checkbox" and not self.nocreate then %>
79 <li style="padding:0.5em">
80 <input class="cbi-input-radio" onclick="cbi_d_update(this.id)" onchange="cbi_d_update(this.id)" type="radio"<%=attr("id", cbid .. "_new") .. attr("name", cbid) .. attr("value", "-") .. ifattr(not selected, "checked", "checked")%> /> &#160;
81 <div onclick="document.getElementById('<%=cbid%>_new').checked=true" class="zonebadge" style="background-color:<%=fwm.zone.get_color()%>">
82 <em><%:unspecified -or- create:%>&#160;</em>
83 <input type="text"<%=attr("name", cbid .. ".newzone") .. ifattr(not selected, "value", luci.http.formvalue(cbid .. ".newzone") or self.default)%> onfocus="document.getElementById('<%=cbid%>_new').checked=true" />
84 </div>
85 </li>
86 <% end %>
87 </ul>
88
89 <%+cbi/valuefooter%>