basic-static.asp

<!--
Tomato GUI
Copyright (C) 2006-2010 Jonathan Zarate
http://www.polarcloud.com/tomato/

Enhancements by Teaman
Copyright (C) 2011 Augusto Bott
http://code.google.com/p/tomato-sdhc-vlan/

For use with Tomato Firmware only.
No part of this file may be used without permission.
--><title>Static DHCP/ARP/BW</title>
<content>
	<script type="text/javascript">
		//	<% nvram("at_update,tomatoanon_answer,lan_ipaddr,lan_netmask,dhcpd_static,dhcpd_startip,dhcpd_static_only,cstats_include"); %>

		if (nvram.lan_ipaddr.match(/^(\d+\.\d+\.\d+)\.(\d+)$/)) ipp = RegExp.$1 + '.';
		else ipp = '?.?.?.';

		autonum = aton(nvram.lan_ipaddr) & aton(nvram.lan_netmask);

		var sg = new TomatoGrid();

		sg.exist = function(f, v) {
			var data = this.getAllData();
			for (var i = 0; i < data.length; ++i) {
				if (data[i][f] == v) return true;
			}
			return false;
		}

		sg.existMAC = function(mac) {
			if (isMAC0(mac)) return false;
			return this.exist(0, mac) || this.exist(1, mac);
		}

		sg.existName = function(name) {
			return this.exist(5, name);
		}

		sg.inStatic = function(n) {
			return this.exist(3, n);
		}

		sg.dataToView = function(data) {
			var v = [];
			var s = (data[0] == '00:00:00:00:00:00') ? '' : data[0];
			if (!isMAC0(data[1])) s += '<br>' + data[1];
			v.push((s == '') ? '<center><small><i>(unset)</i></small></center>' : s);

			v.push((data[2].toString() != '0') ? '<small><i>Enabled</i></small>' : '');
			v.push(escapeHTML('' + data[3]));
			v.push((data[4].toString() != '0') ? '<small><i>Enabled</i></small>' : '');
			v.push(escapeHTML('' + data[5]));
			return v;
		}

		sg.dataToFieldValues = function (data) {
			return ([data[0],
				data[1],
				(data[2].toString() != '0') ? 'checked' : '',
				data[3],
				(data[4].toString() != '0') ? 'checked' : '',
				data[5]]);
		}

		sg.fieldValuesToData = function(row) {
			var f = fields.getAll(row);
			return ([f[0].value,
				f[1].value,
				f[2].checked ? '1' : '0',
				f[3].value,
				f[4].checked ? '1' : '0',
				f[5].value]);
		}

		sg.sortCompare = function(a, b) {
			var da = a.getRowData();
			var db = b.getRowData();
			var r = 0;
			switch (this.sortColumn) {
				case 0:
					r = cmpText(da[0], db[0]);
					break;
				case 1:
					r = cmpInt(da[2], db[2]);
					break;
				case 2:
					r = cmpIP(da[3], db[3]);
					break;
				case 3:
					r = cmpInt(da[4], db[4]);
					break;
			}
			if (r == 0) r = cmpText(da[5], db[5]);
			return this.sortAscending ? r : -r;
		}

		sg.verifyFields = function(row, quiet) {
			var f, s, i;

			f = fields.getAll(row);

			if (!v_macz(f[0], quiet)) return 0;
			if (!v_macz(f[1], quiet)) return 0;
			if (isMAC0(f[0].value)) {
				f[0].value = f[1].value;
				f[1].value = '00:00:00:00:00:00';
			}
			else if (f[0].value == f[1].value) {
				f[1].value = '00:00:00:00:00:00';
			}
			else if ((!isMAC0(f[1].value)) && (f[0].value > f[1].value)) {
				s = f[1].value;
				f[1].value = f[0].value;
				f[0].value = s;
			}

			f[1].disabled = f[2].checked;

			for (i = 0; i < 2; ++i) {
				if (this.existMAC(f[i].value)) {
					ferror.set(f[i], 'Duplicate MAC address', quiet);
					return 0;
				}
			}

			if (f[3].value.indexOf('.') == -1) {
				s = parseInt(f[3].value, 10)
				if (isNaN(s) || (s <= 0) || (s >= 255)) {
					ferror.set(f[3], 'Invalid IP address', quiet);
					return 0;
				}
				f[3].value = ipp + s;
			}

			if ((!isMAC0(f[0].value)) && (this.inStatic(f[3].value))) {
				ferror.set(f[3], 'Duplicate IP address', quiet);
				return 0;
			}

			/* REMOVE-BEGIN
			//	if (!v_hostname(f[5], quiet, 5)) return 0;
			//	if (!v_nodelim(f[5], quiet, 'Hostname', 1)) return 0;
			REMOVE-END */
			s = f[5].value.trim().replace(/\s+/g, ' ');

			if (s.length > 0) {
				if (s.search(/^[.a-zA-Z0-9_\- ]+$/) == -1) {
					ferror.set(f[5], 'Invalid hostname. Only characters "A-Z 0-9 . - _" are allowed.', quiet);
					return 0;
				}
				if (this.existName(s)) {
					ferror.set(f[5], 'Duplicate hostname.', quiet);
					return 0;
				}
				f[5].value = s;
			}

			if (isMAC0(f[0].value)) {
				if (s == '') {
					s = 'Both MAC address and name fields must not be empty.';
					ferror.set(f[0], s, 1);
					ferror.set(f[5], s, quiet);
					return 0;
				} else {
					ferror.clear(f[0]);
					ferror.clear(f[5]);
				}
			}

			if (((f[0].value == '00:00:00:00:00:00') || (f[1].value == '00:00:00:00:00:00')) && (f[0].value == f[1].value)) {
				f[2].disabled=1;
				f[2].checked=0;
			} else {
				f[2].disabled=0;
			}

			return 1;
		}

		sg.resetNewEditor = function() {
			var f, c, n;

			f = fields.getAll(this.newEditor);
			ferror.clearAll(f);

			if ((c = cookie.get('addstatic')) != null) {
				cookie.set('addstatic', '', 0);
				c = c.split(',');
				if (c.length == 3) {
					f[0].value = c[0];
					f[1].value = '00:00:00:00:00:00';
					f[3].value = c[1];
					f[5].value = c[2];
					return;
				}
			}

			f[0].value = '00:00:00:00:00:00';
			f[1].value = '00:00:00:00:00:00';
			f[2].disabled = 1;
			f[2].checked = 0;
			f[4].checked = 0;
			f[5].value = '';

			n = 10;
			do {
				if (--n < 0) {
					f[3].value = '';
					return;
				}
				autonum++;
			} while (((c = fixIP(ntoa(autonum), 1)) == null) || (c == nvram.lan_ipaddr) || (this.inStatic(c)));

			f[3].value = c;
		}

		sg.setup = function() {
			this.init('bs-grid', 'sort', 250, [
				{ multi: [ { type: 'text', maxlen: 17 }, { type: 'text', maxlen: 17 } ] },
				{ type: 'checkbox', prefix: '<div class="centered">', suffix: '</div>' },
				{ type: 'text', maxlen: 15 },
				{ type: 'checkbox', prefix: '<div class="centered">', suffix: '</div>' },
				{ type: 'text', maxlen: 50 } ] );

			this.headerSet(['MAC Address', 'Bound to', 'IP Address', 'IPTraffic', 'Hostname']);

			var ipt = nvram.cstats_include.split(',');
			var s = nvram.dhcpd_static.split('>');
			for (var i = 0; i < s.length; ++i) {
				var h = '0';
				var t = s[i].split('<');
				if ((t.length == 3) || (t.length == 4)) {
					var d = t[0].split(',');
					var ip = (t[1].indexOf('.') == -1) ? (ipp + t[1]) : t[1];
					for (var j = 0; j < ipt.length; ++j) {
						if (ip == ipt[j]) {
							h = '1';
							break;
						}
					}
					if (t.length == 3) {
						t[3] = '0';
					}
					this.insertData(-1, [d[0], (d.length >= 2) ? d[1] : '00:00:00:00:00:00', t[3],
						(t[1].indexOf('.') == -1) ? (ipp + t[1]) : t[1], h, t[2]]);
				}
			}
			this.sort(4);
			this.showNewEditor();
			this.resetNewEditor();
		}

		function save() {
			if (sg.isEditing()) return;

			var data = sg.getAllData();
			var sdhcp = '';
			var ipt = '';
			var i;

			for (i = 0; i < data.length; ++i) {
				var d = data[i];
				sdhcp += d[0];
				if (!isMAC0(d[1])) sdhcp += ',' + d[1];
				sdhcp += '<' + d[3] + '<' + d[5] + '<' + d[2] + '>';
				if (d[4] == '1') ipt += ((ipt.length > 0) ? ',' : '') + d[3];
			}

			var fom = E('_fom');
			fom.dhcpd_static.value = sdhcp;
			fom.dhcpd_static_only.value = E('_f_dhcpd_static_only').checked ? '1' : '0';
			fom.cstats_include.value = ipt;
			form.submit(fom, 1);
		}

		function init()
		{
			sg.setup();
			verifyFields(null, 1);

			var c;
			if (((c = cookie.get('basic_static_notes_vis')) != null) && (c == '1')) {
				toggleVisibility("notes");
			}

			sg.recolor();
		}

		function toggleVisibility(whichone) {
			if(E('sesdiv' + whichone).style.display=='') {
				E('sesdiv' + whichone).style.display='none';
				E('sesdiv' + whichone + 'showhide').innerHTML='<i class="icon-chevron-up"></i>';
				cookie.set('basic_static_' + whichone + '_vis', 0);
			} else {
				E('sesdiv' + whichone).style.display='';
				E('sesdiv' + whichone + 'showhide').innerHTML='<i class="icon-chevron-down"></i>';
				cookie.set('basic_static_' + whichone + '_vis', 1);
			}
		}

		function verifyFields(focused, quiet) {
			return 1;
		}

	</script>

	<form id="_fom" method="post" action="tomato.cgi">
		<input type="hidden" name="_nextpage" value="/#basic-static.asp">
		<input type="hidden" name="_service" value="dhcpd-restart,arpbind-restart,cstats-restart">

		<input type="hidden" name="dhcpd_static">
		<input type="hidden" name="dhcpd_static_only">
		<input type="hidden" name="cstats_include">
		<input type="hidden" name="arpbind_listed">

		<div class="box">
			<div class="heading">Static DHCP/ARP & Bandwidth Monitoring of LAN Clients</div>
			<div class="content">
				<table class="line-table" id="bs-grid"></table><br />

				<h3><a href="javascript:toggleVisibility('options');">Options <span id="sesdivoptionsshowhide"><i class="icon-chevron-up"></i></span></a></h3>
				<div class="section" id="sesdivoptions" style="display:none"></div><hr>
				<script type="text/javascript">
					$('#sesdivoptions').forms([
						{ title: 'Ignore DHCP requests from unknown devices', name: 'f_dhcpd_static_only', type: 'checkbox', value: nvram.dhcpd_static_only == '1' }
					]);
				</script>


				<h4>Notes <a href="javascript:toggleVisibility('notes');"><span id="sesdivnotesshowhide"><i class="icon-chevron-up"></i></span></a></h4>
				<div class="section" id="sesdivnotes" style="display:none">
					<ul>
						<li><b>MAC Address</b> - Unique identifier associated to a network interface on this particular device.</li>
						<li><b>Bound to</b> - Enforce static ARP binding of this particular IP/MAC address pair.</li>
						<li><b>IP Address</b> - Network address assigned to this device on the local network.</li>
						<li><b>IPTraffic</b> - Keep track of bandwidth usage for this IP address.</li>
						<li><b>Hostname</b> - Human-readable nickname/label assigned to this device on the network.</li>
					</ul>

					<ul>
						<li><b>Enable static ARP for (...)</b> - Enforce static ARP binding for all IP/MAC address pairs listed above.</li>
						<li><b>Ignore DHCP requests (...)</b> - Unlisted MAC addresses won"t be able to obtain an IP address through DHCP.</li>
					</ul>

					<ul>
						<li><b>Other relevant notes/hints:</b>
						<ul>
							<li>To specify multiple hostnames for a device, separate them with spaces.</li>
							<li>To enable/enforce static ARP binding for a particular device, it must have only one MAC associated with that particular IP address (i.e. you can"t have two MAC addresses linked to the same hostname/device in the table above).</li>
							<li>When ARP binding is enabled for a particular MAC/IP address pair, that device will always be shown as "active" in the <a href="#tools-wol.asp">Wake On LAN</a> table.</li>
							<li>See also the <a href="#advanced-dhcpdns.asp">Advanced DHCP/DNS</a> settings page for more DHCP-related configuration options.</li>
						</ul>
					</ul>
				</div>

			</div>
		</div>

		<button type="button" value="Save" id="save-button" onclick="save()" class="btn btn-primary">Save <i class="icon-check"></i></button>
		<button type="button" value="Cancel" id="cancel-button" onclick="javascript:reloadPage();" class="btn">Cancel <i class="icon-cancel"></i></button>
		<span id="footer-msg" class="alert alert-warning" style="visibility: hidden;"></span>
	</form>

	<script type="text/javascript">init();</script>
</content>