From f4439c0066f188b7b56e8322ed0b43d1742810f5 Mon Sep 17 00:00:00 2001 From: Stephen Beaver Date: Tue, 22 Sep 2015 13:49:53 -0400 Subject: Fixed #5183 by converting to PHP table library --- src/usr/local/www/services_ntpd.php | 306 ++++++++++++++++++++++++++++-------- 1 file changed, 243 insertions(+), 63 deletions(-) (limited to 'src/usr/local/www/services_ntpd.php') diff --git a/src/usr/local/www/services_ntpd.php b/src/usr/local/www/services_ntpd.php index 8dbac22..506ff4b 100644 --- a/src/usr/local/www/services_ntpd.php +++ b/src/usr/local/www/services_ntpd.php @@ -1,33 +1,59 @@ addInput(new Form_Select( 'Selecting no interfaces will listen on all interfaces with a wildcard.' . '
' . 'Selecting all interfaces will explicitly listen on only the interfaces/IPs specified.'); -// NUMTIMESERVERS time servers are always available, but we only display a smaller number of these ($maxrows) -// Clicking the 'Add Row' button increments $maxrows so you can see more of time servers +$maxrows = 3; $timeservers = explode( ' ', $config['system']['timeservers']); -for ($i = $j = 0; $i < NUMTIMESERVERS; $i++) { - - if($i >= $maxrows) - continue; - - $group = new Form_Group($i == 0 ? 'Time servers':''); +for ($counter=0; $counter < $maxrows; $counter++) { + $group = new Form_Group($counter == 0 ? 'Time servers':''); + $group->addClass('repeatable'); $group->add(new Form_Input( - 'server' . $i, + 'server' . $counter, null, 'text', - $timeservers[$i] - )); + $timeservers[$counter], + ['placeholder' => 'Hostname'] + ))->setWidth(3); $group->add(new Form_Checkbox( - 'servprefer' . $i, + 'servprefer' . $counter, null, - 'Prefer', - isset($config['ntpd']['prefer']) && isset($timeservers[$i]) && substr_count($config['ntpd']['prefer'], $timeservers[$i]) - )); + null, + isset($config['ntpd']['prefer']) && isset($timeservers[$counter]) && substr_count($config['ntpd']['prefer'], $timeservers[$counter]) + ))->sethelp('Prefer'); $group->add(new Form_Checkbox( - 'servselect' . $i, + 'servselect' . $counter, + null, null, - 'NoSelect', - isset($config['ntpd']['noselect']) && isset($timeservers[$i]) && substr_count($config['ntpd']['noselect'], $timeservers[$i]) - )); + isset($config['ntpd']['noselect']) && isset($timeservers[$counter]) && substr_count($config['ntpd']['noselect'], $timeservers[$counter]) + ))->sethelp('No Select'); + + $group->add(new Form_Button( + 'deleterow' . $counter, + 'Delete' + ))->removeClass('btn-primary')->addClass('btn-warning'); $section->add($group); } -// Show the 'Add Rows' button only if we are currently displaying less than the maximum -// number of configured servers -if($maxrows < NUMTIMESERVERS) { - $btnaddrow = new Form_Button( - 'btnaddrow', - 'Add Server', - 'services_ntpd.php?addrow=' . $maxrows - ); - - $btnaddrow->removeClass('btn-primary')->addClass('btn-success btn-sm'); -} else { - $btnaddrow = false; -} +$section->addInput(new Form_Button( + 'addrow', + 'Add' +))->removeClass('btn-primary')->addClass('btn-success'); $section->addInput(new Form_StaticText( null, @@ -507,6 +521,172 @@ events.push(function(){ $('#' + id).parent().parent().parent('div').removeClass('hidden'); } + function setMasks() { + // Find all ipaddress masks and make dynamic based on address family of input + $('span.pfIpMask + select').each(function (idx, select){ + var input = $(select).prevAll('input[type=text]'); + + input.on('change', function(e){ + var isV6 = (input.val().indexOf(':') != -1), min = 0, max = 128; + if (!isV6) + max = 32; + + if (input.val() == "") + return; + + while (select.options.length > max) + select.remove(0); + + if (select.options.length < max) + { + for (var i=select.options.length; i<=max; i++) + select.options.add(new Option(i, i), 0); + } + }); + + // Fire immediately + input.change(); + }); + } + + // Complicated function to move all help text associated with this input id to the same id + // on the row above. That way if you delete the last row, you don't lose the help + function moveHelpText(id) { + $('#' + id).parent('div').parent('div').find('input').each(function() { // For each + var fromId = this.id; + var toId = decrStringInt(fromId); + var helpSpan; + + if(!$(this).hasClass('pfIpMask') && !$(this).hasClass('btn')) { + + helpSpan = $('#' + fromId).parent('div').parent('div').find('span:last').clone(); + if($(helpSpan).hasClass('help-block')) { + if($('#' + decrStringInt(fromId)).parent('div').hasClass('input-group')) + $('#' + decrStringInt(fromId)).parent('div').after(helpSpan); + else + $('#' + decrStringInt(fromId)).after(helpSpan); + } + } + }); + } + + // Increment the number at the end of the string + function bumpStringInt( str ) { + var data = str.match(/(\D*)(\d+)(\D*)/), newStr = ""; + + if( data ) + newStr = data[ 1 ] + ( Number( data[ 2 ] ) + 1 ) + data[ 3 ]; + + return newStr || str; + } + + // Decrement the number at the end of the string + function decrStringInt( str ) { + var data = str.match(/(\D*)(\d+)(\D*)/), newStr = ""; + + if( data ) + newStr = data[ 1 ] + ( Number( data[ 2 ] ) - 1 ) + data[ 3 ]; + + return newStr || str; + } + + // Called after a delete so that there are no gaps in the numbering. Most of the time the config system doesn't care about + // gaps, but I do :) + function renumber() { + var idx = 0; + + $('.repeatable').each(function() { + + $(this).find('input').each(function() { + $(this).prop("id", this.id.replace(/\d+$/, "") + idx); + $(this).prop("name", this.name.replace(/\d+$/, "") + idx); + }); + + $(this).find('select').each(function() { + $(this).prop("id", this.id.replace(/\d+$/, "") + idx); + $(this).prop("name", this.name.replace(/\d+$/, "") + idx); + }); + + $(this).find('label').attr('for', $(this).find('label').attr('for').replace(/\d+$/, "") + idx); + + idx++; + }); + } + + function delete_row(row) { + $('#' + row).parent('div').parent('div').remove(); + renumber(); + } + + function add_row() { + // Find the lst repeatable group + var lastRepeatableGroup = $('.repeatable:last'); + + // Clone it + var newGroup = lastRepeatableGroup.clone(true); + + // Increment the suffix number for each input elemnt in the new group + $(newGroup).find('input').each(function() { + $(this).prop("id", bumpStringInt(this.id)); + $(this).prop("name", bumpStringInt(this.name)); + if(!$(this).is('[id^=delete]')) + $(this).val(''); + }); + + // Do the same for selectors + $(newGroup).find('select').each(function() { + $(this).prop("id", bumpStringInt(this.id)); + $(this).prop("name", bumpStringInt(this.name)); + // If this selector lists mask bits, we need it to be reset to all 128 options + // and no items selected, so that automatic v4/v6 selection still works + if($(this).is('[id^=address_subnet]')) { + $(this).empty(); + for(idx=128; idx>0; idx--) { + $(this).append($('