luci/applications/luci-app-firewall/luasrc/view/firewall/cbi_addsnat.htm

<%
	local fw = require "luci.model.firewall".init()
	local nw = require "luci.model.network".init()
	local wz = fw:get_zone("wan")
	local lz = fw:get_zone("lan")
%>

<div class="cbi-section-create cbi-tblsection-create">
	<% if wz and lz then %>
		<br />
		<table class="cbi-section-table" style="width:700px; margin-left:5px">
			<tr class="cbi-section-table-titles">
				<th class="cbi-section-table-cell left" colspan="6"><%:New source NAT%>:</th>
			</tr>
			<tr class="cbi-section-table-descr">
				<th class="cbi-section-table-cell"><%:Name%></th>
				<th class="cbi-section-table-cell"><%:Source zone%></th>
				<th class="cbi-section-table-cell"><%:Destination zone%></th>
				<th class="cbi-section-table-cell"><%:To source IP%></th>
				<th class="cbi-section-table-cell"><%:To source port%></th>
				<th class="cbi-section-table-cell"></th>
			</tr>
			<tr class="cbi-section-table-row">
				<td class="cbi-section-table-cell">
					<input type="text" class="cbi-input-text" id="_newsnat.name" name="_newsnat.name" placeholder="<%:New SNAT rule%>" />
				</td>
				<td class="cbi-section-table-cell" style="width:110px">
					<select class="cbi-input-text" id="_newsnat.src" name="_newsnat.src">
						<% local k, v; for k, v in ipairs(fw:get_zones()) do -%>
							<option<%=ifattr(v:name() == "lan", "selected", "selected")%> value="<%=v:name()%>"><%=v:name()%></option>
						<%- end %>
					</select>
				</td>
				<td class="cbi-section-table-cell" style="width:110px">
					<select class="cbi-input-text" id="_newsnat.dest" name="_newsnat.dest">
						<% local k, v; for k, v in ipairs(fw:get_zones()) do -%>
							<option<%=ifattr(v:name() == "wan", "selected", "selected")%> value="<%=v:name()%>"><%=v:name()%></option>
						<%- end %>
					</select>
				</td>
				<td class="cbi-section-table-cell" style="width:110px">
					<input type="text" class="cbi-input-text" id="_newsnat.dip" name="_newsnat.dip" />
				</td>
				<td class="cbi-section-table-cell" style="width:110px">
					<input type="text" class="cbi-input-text" id="_newsnat.dport" name="_newsnat.dport" placeholder="<%:Do not rewrite%>" />
				</td>
				<td class="cbi-section-table-cell">
					<input type="submit" class="cbi-button cbi-button-link" name="_newsnat.submit" value="<%:Add and edit...%>" />
				</td>
			</tr>
		</table>

		<script type="text/javascript">//<![CDATA[
			cbi_validate_field('_newsnat.dport', true, 'portrange');
			cbi_validate_field('_newsnat.dip', true, 'ip4addr');
			cbi_combobox_init('_newsnat.dip', {
				<% local c, k, v = 0; for k, v in ipairs(nw:get_interfaces()) do -%>
					<%- local a; for k, a in ipairs(v:ipaddrs()) do c = c + 1 -%>
						<% if c > 1 then %>,<% end %>'<%=a:host():string()%>': '<%=a:host():string()%> (<%=v:shortname()%>)'
					<%- end %>
				<%- end %> }, '<%: -- Please choose -- %>', '<%: -- custom -- %>');
		//]]></script>
	<% else %>
		<input type="submit" class="cbi-button cbi-button-add" name="cbi.cts.<%=self.config%>.<%=self.sectiontype%>.<%=section%>" value="<%:Add%>" />
	<% end %>
</div>