luci-app-firewall: allow ipv6 setup
[project/luci.git] / applications / luci-app-firewall / htdocs / luci-static / resources / view / firewall / snats.js
index 859dba3e88ae9c79974547b517b0bbf76ffdb6b7..a36dfee6bbbbe22bbaaf6050dfbc9386518f7099 100644 (file)
@@ -9,6 +9,10 @@
 'require tools.widgets as widgets';
 
 function rule_proto_txt(s) {
+       var family = (uci.get('firewall', s, 'family') || '').toLowerCase().replace(/^(?:any|\*)$/, '');
+       var sip = uci.get('firewall', s, 'src_ip') || '';
+       var dip = uci.get('firewall', s, 'dest_ip') || '';
+       var rwip = uci.get('firewall', s, 'snat_ip') || '';
        var proto = L.toArray(uci.get('firewall', s, 'proto')).filter(function(p) {
                return (p != '*' && p != 'any' && p != 'all');
        }).map(function(p) {
@@ -27,7 +31,9 @@ function rule_proto_txt(s) {
                mask: m[3] ? '0x%02X'.format(+m[3]) : null
        } : null;
 
-       return fwtool.fmt(_('Forwarded IPv4%{proto?, protocol %{proto#%{next?, }<var>%{item.name}</var>}}%{mark?, mark <var%{mark.inv? data-tooltip="Match fwmarks except %{mark.num}%{mark.mask? with mask %{mark.mask}}.":%{mark.mask? data-tooltip="Mask fwmark value with %{mark.mask} before compare."}}>%{mark.val}</var>}'), {
+       return fwtool.fmt(_('Forwarded %{ipv6?%{ipv4?<var>IPv4</var> and <var>IPv6</var>:<var>IPv6</var>}:<var>IPv4</var>}%{proto?, protocol %{proto#%{next?, }<var>%{item.name}</var>}}%{mark?, mark <var%{mark.inv? data-tooltip="Match fwmarks except %{mark.num}%{mark.mask? with mask %{mark.mask}}.":%{mark.mask? data-tooltip="Mask fwmark value with %{mark.mask} before compare."}}>%{mark.val}</var>}'), {
+               ipv4: (family == 'ipv4' || (!family && (sip.indexOf(':') == -1 && dip.indexOf(':') == -1 && rwip.indexOf(':') == -1))),
+               ipv6: (family == 'ipv6' || (!family && (sip.indexOf(':') != -1 || dip.indexOf(':') != -1 || rwip.indexOf(':') != -1))),
                proto: proto,
                mark:  f
        });
@@ -37,7 +43,7 @@ function rule_src_txt(s, hosts) {
        var z = uci.get('firewall', s, 'src');
 
        return fwtool.fmt(_('From %{src}%{src_device?, interface <var>%{src_device}</var>}%{src_ip?, IP %{src_ip#%{next?, }<var%{item.inv? data-tooltip="Match IP addresses except %{item.val}."}>%{item.ival}</var>}}%{src_port?, port %{src_port#%{next?, }<var%{item.inv? data-tooltip="Match ports except %{item.val}."}>%{item.ival}</var>}}'), {
-               src: E('span', { 'class': 'zonebadge', 'style': 'background-color:' + fwmodel.getColorForName(null) }, [E('em', _('any zone'))]),
+               src: E('span', { 'class': 'zonebadge', 'style': fwmodel.getZoneColorStyle(null) }, [E('em', _('any zone'))]),
                src_ip: fwtool.map_invert(uci.get('firewall', s, 'src_ip'), 'toLowerCase'),
                src_port: fwtool.map_invert(uci.get('firewall', s, 'src_port'))
        });
@@ -47,7 +53,7 @@ function rule_dest_txt(s) {
        var z = uci.get('firewall', s, 'src');
 
        return fwtool.fmt(_('To %{dest}%{dest_device?, via interface <var>%{dest_device}</var>}%{dest_ip?, IP %{dest_ip#%{next?, }<var%{item.inv? data-tooltip="Match IP addresses except %{item.val}."}>%{item.ival}</var>}}%{dest_port?, port %{dest_port#%{next?, }<var%{item.inv? data-tooltip="Match ports except %{item.val}."}>%{item.ival}</var>}}'), {
-               dest: E('span', { 'class': 'zonebadge', 'style': 'background-color:' + fwmodel.getColorForName((z && z != '*') ? z : null) }, [(z == '*') ? E('em', _('any zone')) : (z || E('em', _('this device')))]),
+               dest: E('span', { 'class': 'zonebadge', 'style': fwmodel.getZoneColorStyle(z) }, [(z == '*') ? E('em', _('any zone')) : (z ? E('strong', z) : E('em', _('this device')))]),
                dest_ip: fwtool.map_invert(uci.get('firewall', s, 'dest_ip'), 'toLowerCase'),
                dest_port: fwtool.map_invert(uci.get('firewall', s, 'dest_port')),
                dest_device: uci.get('firewall', s, 'device')
@@ -91,6 +97,44 @@ function rule_target_txt(s) {
        }
 }
 
+function validate_opt_family(m, section_id, opt) {
+       var sopt = m.section.getOption('src_ip'),
+           dopt = m.section.getOption('dest_ip'),
+           rwopt = m.section.getOption('snat_ip'),
+           fmopt = m.section.getOption('family'),
+           tgopt = m.section.getOption('target');
+
+       if (!sopt.isValid(section_id) && opt != 'src_ip')
+               return true;
+       if (!dopt.isValid(section_id) && opt != 'dest_ip')
+               return true;
+       if (!rwopt.isValid(section_id) && opt != 'snat_ip')
+               return true;
+       if (!fmopt.isValid(section_id) && opt != 'family')
+               return true;
+       if (!tgopt.isValid(section_id) && opt != 'target')
+               return true;
+
+       var sip = sopt.formvalue(section_id) || '',
+           dip = dopt.formvalue(section_id) || '',
+           rwip = rwopt.formvalue(section_id) || '',
+           fm = fmopt.formvalue(section_id) || '',
+           tg = tgopt.formvalue(section_id);
+
+       if (fm == 'ipv6' && (sip.indexOf(':') != -1 || sip == '') && (dip.indexOf(':') != -1 || dip == '') && ((rwip.indexOf(':') != -1 && tg == 'SNAT') || rwip == ''))
+               return true;
+       if (fm == 'ipv4' && (sip.indexOf(':') == -1) && (dip.indexOf(':') == -1) && ((rwip.indexOf(':') == -1 && tg == 'SNAT') || rwip == ''))
+               return true;
+       if (fm == '') {
+               if ((sip.indexOf(':') != -1 || sip == '') && (dip.indexOf(':') != -1 || dip == '') && ((rwip.indexOf(':') != -1 && tg == 'SNAT') || rwip == ''))
+                       return true;
+               if ((sip.indexOf(':') == -1) && (dip.indexOf(':') == -1) && ((rwip.indexOf(':') == -1 && tg == 'SNAT') || rwip == ''))
+                       return true;
+       }
+
+       return _('Address family, source address, destination address, rewrite IP address must match');
+}
+
 return view.extend({
        callHostHints: rpc.declare({
                object: 'luci-rpc',
@@ -123,6 +167,7 @@ return view.extend({
                var hosts = data[0],
                    devs = data[1],
                    m, s, o;
+               var fw4 = L.hasSystemFeature('firewall4');
 
                m = new form.Map('firewall', _('Firewall - NAT Rules'),
                        _('NAT rules allow fine grained control over the source IP to use for outbound or forwarded traffic.'));
@@ -166,6 +211,30 @@ return view.extend({
                o.default = o.enabled;
                o.editable = true;
 
+               if (fw4) {
+                       o = s.taboption('general', form.ListValue, 'family', _('Restrict to address family'));
+                       o.modalonly = true;
+                       o.rmempty = true;
+                       o.value('ipv4', _('IPv4 only'));
+                       o.value('ipv6', _('IPv6 only'));
+                       o.value('', _('automatic'));  // infer from zone or used IP addresses
+                       o.cfgvalue = function(section_id) {
+                               var val = this.map.data.get(this.map.config, section_id, 'family');
+
+                               if (!val || val == 'any' || val == 'all' || val == '*')
+                                       return '';
+                               else if (val == 'inet' || String(val).indexOf('4') != -1)
+                                       return 'ipv4';
+                               else if (String(val).indexOf('6') != -1)
+                                       return 'ipv6';
+                       };
+                       o.validate = function(section_id, value) {
+                               fwtool.updateHostHints(this.map, section_id, 'src_ip', value, hosts);
+                               fwtool.updateHostHints(this.map, section_id, 'dest_ip', value, hosts);
+                               return !fw4?true:validate_opt_family(this, section_id, 'family');
+                       };
+               }
+
                o = s.taboption('general', fwtool.CBIProtocolSelect, 'proto', _('Protocol'));
                o.modalonly = true;
                o.default = 'all';
@@ -178,9 +247,12 @@ return view.extend({
                o.default = 'lan';
 
                o = fwtool.addIPOption(s, 'general', 'src_ip', _('Source address'),
-                       _('Match forwarded traffic from this IP or range.'), 'ipv4', hosts);
+                       _('Match forwarded traffic from this IP or range.'), !fw4?'ipv4':'', hosts);
                o.rmempty = true;
-               o.datatype = 'neg(ipmask4)';
+               o.datatype = !fw4?'neg(ipmask4("true"))':'neg(ipmask("true"))';
+               o.validate = function(section_id, value) {
+                       return !fw4?true:validate_opt_family(this, section_id, 'src_ip');
+               };
 
                o = s.taboption('general', form.Value, 'src_port', _('Source port'),
                        _('Match forwarded traffic originating from the given source port or port range.'));
@@ -192,9 +264,12 @@ return view.extend({
                o.depends({ proto: 'udp', '!contains': true });
 
                o = fwtool.addIPOption(s, 'general', 'dest_ip', _('Destination address'),
-                       _('Match forwarded traffic directed at the given IP address.'), 'ipv4', hosts);
+                       _('Match forwarded traffic directed at the given IP address.'), !fw4?'ipv4':'', hosts);
                o.rmempty = true;
-               o.datatype = 'neg(ipmask4)';
+               o.datatype = !fw4?'neg(ipmask4("true"))':'neg(ipmask("true"))';
+               o.validate = function(section_id, value) {
+                       return !fw4?true:validate_opt_family(this, section_id, 'dest_ip');
+               };
 
                o = s.taboption('general', form.Value, 'dest_port', _('Destination port'),
                        _('Match forwarded traffic directed at the given destination port or port range.'));
@@ -211,20 +286,22 @@ return view.extend({
                o.value('SNAT', _('SNAT - Rewrite to specific source IP or port'));
                o.value('MASQUERADE', _('MASQUERADE - Automatically rewrite to outbound interface IP'));
                o.value('ACCEPT', _('ACCEPT - Disable address rewriting'));
+               o.validate = function(section_id, value) {
+                       return !fw4?true:validate_opt_family(this, section_id, 'target');
+               };
 
                o = fwtool.addLocalIPOption(s, 'general', 'snat_ip', _('Rewrite IP address'),
                        _('Rewrite matched traffic to the specified source IP address.'), devs);
                o.placeholder = null;
                o.depends('target', 'SNAT');
                o.validate = function(section_id, value) {
-                       var port = this.map.lookupOption('snat_port', section_id),
-                           a = this.formvalue(section_id),
-                           p = port ? port[0].formvalue(section_id) : null;
+                       var a = this.formvalue(section_id),
+                           p = this.section.formvalue(section_id, 'snat_port');
 
                        if ((a == null || a == '') && (p == null || p == '') && value == '')
                                return _('A rewrite IP must be specified!');
 
-                       return true;
+                       return !fw4?true:validate_opt_family(this, section_id, 'snat_ip');
                };
 
                o = s.taboption('general', form.Value, 'snat_port', _('Rewrite port'),
@@ -246,10 +323,12 @@ return view.extend({
                fwtool.addLimitOption(s);
                fwtool.addLimitBurstOption(s);
 
-               o = s.taboption('advanced', form.Value, 'extra', _('Extra arguments'),
-                       _('Passes additional arguments to iptables. Use with care!'));
-               o.modalonly = true;
-               o.rmempty = true;
+               if (!L.hasSystemFeature('firewall4')) {
+                       o = s.taboption('advanced', form.Value, 'extra', _('Extra arguments'),
+                               _('Passes additional arguments to iptables. Use with care!'));
+                       o.modalonly = true;
+                       o.rmempty = true;
+               }
 
                o = s.taboption('timed', form.MultiValue, 'weekdays', _('Week Days'));
                o.modalonly = true;
@@ -278,11 +357,11 @@ return view.extend({
                for (var i = 1; i <= 31; i++)
                        o.value(i);
 
-               o = s.taboption('timed', form.Value, 'start_time', _('Start Time (hh.mm.ss)'));
+               o = s.taboption('timed', form.Value, 'start_time', _('Start Time (hh:mm:ss)'));
                o.modalonly = true;
                o.datatype = 'timehhmmss';
 
-               o = s.taboption('timed', form.Value, 'stop_time', _('Stop Time (hh.mm.ss)'));
+               o = s.taboption('timed', form.Value, 'stop_time', _('Stop Time (hh:mm:ss)'));
                o.modalonly = true;
                o.datatype = 'timehhmmss';