Revision 076b14b2
Added by Vinicius Coque almost 14 years ago
| usr/local/www/interfaces.php | ||
|---|---|---|
| 1043 | 1043 |
function updateType(t) {
|
| 1044 | 1044 |
switch(t) {
|
| 1045 | 1045 |
case "none": {
|
| 1046 |
$('staticv4', 'dhcp', 'pppoe','pptp', 'ppp').invoke('hide');
|
|
| 1046 |
jQuery('#staticv4, #dhcp, #pppoe, #pptp, #ppp').hide();
|
|
| 1047 | 1047 |
break; |
| 1048 | 1048 |
} |
| 1049 | 1049 |
case "staticv4": {
|
| 1050 |
$('none', 'dhcp', 'pppoe', 'pptp', 'ppp').invoke('hide');
|
|
| 1050 |
jQuery('#none, #dhcp, #pppoe, #pptp, #ppp').hide();
|
|
| 1051 | 1051 |
break; |
| 1052 | 1052 |
} |
| 1053 | 1053 |
case "dhcp": {
|
| 1054 |
$('none', 'staticv4', 'pppoe', 'pptp', 'ppp').invoke('hide');
|
|
| 1054 |
jQuery('#none, #staticv4, #pppoe, #pptp, #ppp').hide();
|
|
| 1055 | 1055 |
break; |
| 1056 | 1056 |
} |
| 1057 | 1057 |
case "ppp": {
|
| 1058 |
$('none', 'staticv4', 'dhcp', 'pptp', 'pppoe').invoke('hide');
|
|
| 1058 |
jQuery('#none, #staticv4, #dhcp, #pptp, #pppoe').hide();
|
|
| 1059 | 1059 |
country_list(); |
| 1060 | 1060 |
break; |
| 1061 | 1061 |
} |
| 1062 | 1062 |
case "pppoe": {
|
| 1063 |
$('none', 'staticv4', 'dhcp', 'pptp', 'ppp').invoke('hide');
|
|
| 1063 |
jQuery('#none, #staticv4, #dhcp, #pptp, #ppp').hide();
|
|
| 1064 | 1064 |
break; |
| 1065 | 1065 |
} |
| 1066 | 1066 |
case "l2tp": |
| 1067 | 1067 |
case "pptp": {
|
| 1068 |
$('none', 'staticv4', 'dhcp', 'pppoe', 'ppp').invoke('hide');
|
|
| 1069 |
$('pptp').show();
|
|
| 1068 |
jQuery('#none, #staticv4, #dhcp, #pppoe, #ppp').hide();
|
|
| 1069 |
jQuery('#pptp').show();
|
|
| 1070 | 1070 |
break; |
| 1071 | 1071 |
} |
| 1072 | 1072 |
} |
| 1073 | 1073 |
if (t != "l2tp" && t != "pptp") |
| 1074 |
$(t).show();
|
|
| 1074 |
jQuery('#'+t).show();
|
|
| 1075 | 1075 |
} |
| 1076 | 1076 |
function updateTypeSix(t) {
|
| 1077 | 1077 |
switch(t) {
|
| 1078 | 1078 |
case "none": {
|
| 1079 |
$('staticv6', 'dhcp6').invoke('hide');
|
|
| 1079 |
jQuery('#staticv6, #dhcp6').hide();
|
|
| 1080 | 1080 |
break; |
| 1081 | 1081 |
} |
| 1082 | 1082 |
case "staticv6": {
|
| 1083 |
$('none', 'dhcp6').invoke('hide');
|
|
| 1083 |
jQuery('#none, #dhcp6').hide();
|
|
| 1084 | 1084 |
break; |
| 1085 | 1085 |
} |
| 1086 | 1086 |
case "dhcp6": {
|
| 1087 |
$('none', 'staticv6').invoke('hide');
|
|
| 1087 |
jQuery('#none, #staticv6').hide();
|
|
| 1088 | 1088 |
break; |
| 1089 | 1089 |
} |
| 1090 | 1090 |
} |
| 1091 | 1091 |
if (t != "l2tp" && t != "pptp") |
| 1092 |
$(t).show();
|
|
| 1092 |
jQuery('#'+t).show();
|
|
| 1093 | 1093 |
} |
| 1094 | 1094 |
function show_allcfg(obj) {
|
| 1095 | 1095 |
if (obj.checked) |
| 1096 |
$('allcfg').show();
|
|
| 1096 |
jQuery('#allcfg').show();
|
|
| 1097 | 1097 |
else |
| 1098 |
$('allcfg').hide();
|
|
| 1098 |
jQuery('#allcfg').hide();
|
|
| 1099 | 1099 |
} |
| 1100 | 1100 |
|
| 1101 | 1101 |
function show_reset_settings(reset_type) {
|
| 1102 | 1102 |
if (reset_type == 'preset') {
|
| 1103 |
Effect.Appear('pppoepresetwrap', { duration: 0.0 });
|
|
| 1104 |
Effect.Fade('pppoecustomwrap', { duration: 0.0 });
|
|
| 1103 |
jQuery('#pppoepresetwrap').show();
|
|
| 1104 |
jQuery('#pppoecustomwrap').hide();
|
|
| 1105 | 1105 |
} |
| 1106 | 1106 |
else if (reset_type == 'custom') {
|
| 1107 |
Effect.Appear('pppoecustomwrap', { duration: 0.0 });
|
|
| 1108 |
Effect.Fade('pppoepresetwrap', { duration: 0.0 });
|
|
| 1107 |
jQuery('#pppoecustomwrap').show();
|
|
| 1108 |
jQuery('#pppoepresetwrap').hide();
|
|
| 1109 | 1109 |
} else {
|
| 1110 |
Effect.Fade('pppoecustomwrap', { duration: 0.0 });
|
|
| 1111 |
Effect.Fade('pppoepresetwrap', { duration: 0.0 });
|
|
| 1110 |
jQuery('#pppoecustomwrap').hide();
|
|
| 1111 |
jQuery('#pppoepresetwrap').hide();
|
|
| 1112 | 1112 |
} |
| 1113 | 1113 |
} |
| 1114 | 1114 |
function show_mon_config() {
|
| 1115 |
document.getElementById("showmonbox").innerHTML='';
|
|
| 1116 |
aodiv = document.getElementById('showmon');
|
|
| 1117 |
aodiv.style.display = "block"; |
|
| 1115 |
jQuery("#showmonbox").html('');
|
|
| 1116 |
jQuery('#showmon').css('display','block');
|
|
| 1118 | 1117 |
} |
| 1119 | 1118 |
|
| 1120 | 1119 |
function openwindow(url) {
|
| ... | ... | |
| 1125 | 1124 |
return true; |
| 1126 | 1125 |
} |
| 1127 | 1126 |
function country_list() {
|
| 1128 |
$('country').childElements().each(function(node) { node.remove(); });
|
|
| 1129 |
$('provider').childElements().each(function(node) { node.remove(); });
|
|
| 1130 |
$('providerplan').childElements().each(function(node) { node.remove(); });
|
|
| 1131 |
new Ajax.Request("getserviceproviders.php",{
|
|
| 1132 |
onSuccess: function(response) {
|
|
| 1133 |
var responseTextArr = response.responseText.split("\n");
|
|
| 1127 |
jQuery('#country').children().remove();
|
|
| 1128 |
jQuery('#provider').children().remove();
|
|
| 1129 |
jQuery('#providerplan').children().remove();
|
|
| 1130 |
jQuery.ajax("getserviceproviders.php",{
|
|
| 1131 |
success: function(response) {
|
|
| 1132 |
var responseTextArr = response.split("\n");
|
|
| 1134 | 1133 |
responseTextArr.sort(); |
| 1135 | 1134 |
responseTextArr.each( function(value) {
|
| 1136 | 1135 |
var option = new Element('option');
|
| 1137 | 1136 |
country = value.split(":");
|
| 1138 | 1137 |
option.text = country[0]; |
| 1139 | 1138 |
option.value = country[1]; |
| 1140 |
$('country').insert({ bottom : option });
|
|
| 1139 |
jQuery('#country').append(option);
|
|
| 1141 | 1140 |
}); |
| 1142 | 1141 |
} |
| 1143 | 1142 |
}); |
| 1144 |
$('trcountry').setStyle({display : "table-row"});
|
|
| 1143 |
jQuery('#trcountry').css('display',"table-row");
|
|
| 1145 | 1144 |
} |
| 1146 | 1145 |
|
| 1147 | 1146 |
function providers_list() {
|
| 1148 |
$('provider').childElements().each(function(node) { node.remove(); });
|
|
| 1149 |
$('providerplan').childElements().each(function(node) { node.remove(); });
|
|
| 1150 |
new Ajax.Request("getserviceproviders.php",{
|
|
| 1151 |
parameters: {country : $F('country')},
|
|
| 1152 |
onSuccess: function(response) {
|
|
| 1153 |
var responseTextArr = response.responseText.split("\n");
|
|
| 1147 |
jQuery('#provider').children().remove();
|
|
| 1148 |
jQuery('#providerplan').children().remove();
|
|
| 1149 |
jQuery.ajax("getserviceproviders.php",{
|
|
| 1150 |
type: 'post', |
|
| 1151 |
data: {country : jQuery('#country').val()},
|
|
| 1152 |
success: function(response) {
|
|
| 1153 |
var responseTextArr = response.split("\n");
|
|
| 1154 | 1154 |
responseTextArr.sort(); |
| 1155 | 1155 |
responseTextArr.each( function(value) {
|
| 1156 | 1156 |
var option = new Element('option');
|
| 1157 | 1157 |
option.text = value; |
| 1158 | 1158 |
option.value = value; |
| 1159 |
$('provider').insert({ bottom : option });
|
|
| 1159 |
jQuery('#provider').append(option);
|
|
| 1160 | 1160 |
}); |
| 1161 | 1161 |
} |
| 1162 | 1162 |
}); |
| 1163 |
$('trprovider').setStyle({display : "table-row"});
|
|
| 1164 |
$('trproviderplan').setStyle({display : "none"});
|
|
| 1163 |
jQuery('#trprovider').css("display","table-row");
|
|
| 1164 |
jQuery('#trproviderplan').css("display","none");
|
|
| 1165 | 1165 |
} |
| 1166 | 1166 |
|
| 1167 | 1167 |
function providerplan_list() {
|
| 1168 |
$('providerplan').childElements().each(function(node) { node.remove(); });
|
|
| 1169 |
$('providerplan').insert( new Element('option') );
|
|
| 1170 |
new Ajax.Request("getserviceproviders.php",{
|
|
| 1171 |
parameters: {country : $F('country'), provider : $F('provider')},
|
|
| 1172 |
onSuccess: function(response) {
|
|
| 1173 |
var responseTextArr = response.responseText.split("\n");
|
|
| 1168 |
jQuery('#providerplan').children().remove();
|
|
| 1169 |
jQuery('#providerplan').append( new Element('option') );
|
|
| 1170 |
jQuery.ajax("getserviceproviders.php",{
|
|
| 1171 |
type: 'post', |
|
| 1172 |
data: {country : jQuery('#country').val(), provider : jQuery('#provider').val()},
|
|
| 1173 |
success: function(response) {
|
|
| 1174 |
var responseTextArr = response.split("\n");
|
|
| 1174 | 1175 |
responseTextArr.sort(); |
| 1175 | 1176 |
responseTextArr.each( function(value) {
|
| 1176 | 1177 |
if(value != "") {
|
| ... | ... | |
| 1179 | 1180 |
var option = new Element('option');
|
| 1180 | 1181 |
option.text = providerplan[0] + " - " + providerplan[1]; |
| 1181 | 1182 |
option.value = providerplan[1]; |
| 1182 |
$('providerplan').insert({ bottom : option });
|
|
| 1183 |
jQuery('#providerplan').append(option);
|
|
| 1183 | 1184 |
} |
| 1184 | 1185 |
}); |
| 1185 | 1186 |
} |
| 1186 | 1187 |
}); |
| 1187 |
$('trproviderplan').setStyle({display : "table-row"});
|
|
| 1188 |
jQuery('#trproviderplan').css("display","table-row");
|
|
| 1188 | 1189 |
} |
| 1189 | 1190 |
|
| 1190 | 1191 |
function prefill_provider() {
|
| 1191 |
new Ajax.Request("getserviceproviders.php",{
|
|
| 1192 |
parameters: {country : $F('country'), provider : $F('provider'), plan : $F('providerplan')},
|
|
| 1193 |
onSuccess: function(response) {
|
|
| 1192 |
jQuery.ajax("getserviceproviders.php",{
|
|
| 1193 |
type: 'post', |
|
| 1194 |
data: {country : jQuery('#country').val(), provider : jQuery('#provider').val(), plan : jQuery('#providerplan').val()},
|
|
| 1195 |
success: function(data,textStatus,response) {
|
|
| 1194 | 1196 |
var xmldoc = response.responseXML; |
| 1195 | 1197 |
var provider = xmldoc.getElementsByTagName('connection')[0];
|
| 1196 |
$('username').setValue('');
|
|
| 1197 |
$('password').setValue('');
|
|
| 1198 |
jQuery('#username').val('');
|
|
| 1199 |
jQuery('#password').val('');
|
|
| 1198 | 1200 |
if(provider.getElementsByTagName('apn')[0].firstChild.data == "CDMA") {
|
| 1199 |
$('phone').setValue('#777');
|
|
| 1200 |
$('apn').setValue('');
|
|
| 1201 |
jQuery('#phone').val('#777');
|
|
| 1202 |
jQuery('#apn').val('');
|
|
| 1201 | 1203 |
} else {
|
| 1202 |
$('phone').setValue('*99#');
|
|
| 1203 |
$('apn').setValue(provider.getElementsByTagName('apn')[0].firstChild.data);
|
|
| 1204 |
jQuery('#phone').val('*99#');
|
|
| 1205 |
jQuery('#apn').val(provider.getElementsByTagName('apn')[0].firstChild.data);
|
|
| 1204 | 1206 |
} |
| 1205 |
$('username').setValue(provider.getElementsByTagName('username')[0].firstChild.data);
|
|
| 1206 |
$('password').setValue(provider.getElementsByTagName('password')[0].firstChild.data);
|
|
| 1207 |
username = provider.getElementsByTagName('username')[0].firstChild.data;
|
|
| 1208 |
password = provider.getElementsByTagName('password')[0].firstChild.data;
|
|
| 1209 |
jQuery('#username').val(username);
|
|
| 1210 |
jQuery('#password').val(password);
|
|
| 1207 | 1211 |
} |
| 1208 | 1212 |
}); |
| 1209 | 1213 |
} |
| ... | ... | |
| 2468 | 2472 |
document.getElementById("cancel").style.display = 'none';
|
| 2469 | 2473 |
document.getElementById("gwsave").style.display = '';
|
| 2470 | 2474 |
document.getElementById("gwcancel").style.display = '';
|
| 2471 |
$('notebox').innerHTML="";
|
|
| 2475 |
jQuery('#notebox').html("");
|
|
| 2472 | 2476 |
} |
| 2473 | 2477 |
function show_add_gateway_v6() {
|
| 2474 | 2478 |
document.getElementById("addgatewayv6").style.display = '';
|
| ... | ... | |
| 2478 | 2482 |
document.getElementById("cancel").style.display = 'none';
|
| 2479 | 2483 |
document.getElementById("gwsave").style.display = '';
|
| 2480 | 2484 |
document.getElementById("gwcancel").style.display = '';
|
| 2481 |
$('noteboxv6').innerHTML="";
|
|
| 2485 |
jQuery('#noteboxv6').html("");
|
|
| 2482 | 2486 |
} |
| 2483 | 2487 |
function hide_add_gateway() {
|
| 2484 | 2488 |
document.getElementById("addgateway").style.display = 'none';
|
| ... | ... | |
| 2500 | 2504 |
} |
| 2501 | 2505 |
function hide_add_gatewaysave() {
|
| 2502 | 2506 |
document.getElementById("addgateway").style.display = 'none';
|
| 2503 |
$('status').innerHTML = '<img src="/themes/metallic/images/misc/loader.gif"> One moment please...';
|
|
| 2504 |
var iface = $F('if');
|
|
| 2505 |
name = $('name').getValue();
|
|
| 2506 |
var descr = $('gatewaydescr').getValue();
|
|
| 2507 |
gatewayip = $('gatewayip').getValue();
|
|
| 2508 |
var defaultgw = $('defaultgw').getValue();
|
|
| 2507 |
jQuery('#status').html('<img src="/themes/metallic/images/misc/loader.gif"> One moment please...');
|
|
| 2508 |
var iface = jQuery('#if').val();
|
|
| 2509 |
name = jQuery('#name').val();
|
|
| 2510 |
var descr = jQuery('#gatewaydescr').val();
|
|
| 2511 |
gatewayip = jQuery('#gatewayip').val();
|
|
| 2512 |
var defaultgw = jQuery('#defaultgw').val();
|
|
| 2509 | 2513 |
var url = "system_gateways_edit.php"; |
| 2510 | 2514 |
var pars = 'isAjax=true&defaultgw=' + escape(defaultgw) + '&interface=' + escape(iface) + '&name=' + escape(name) + '&descr=' + escape(descr) + '&gateway=' + escape(gatewayip); |
| 2511 |
var myAjax = new Ajax.Request(
|
|
| 2515 |
jQuery.ajax(
|
|
| 2512 | 2516 |
url, |
| 2513 | 2517 |
{
|
| 2514 |
method: 'post',
|
|
| 2515 |
parameters: pars,
|
|
| 2516 |
onFailure: report_failure,
|
|
| 2517 |
onComplete: save_callback
|
|
| 2518 |
type: 'post',
|
|
| 2519 |
data: pars,
|
|
| 2520 |
error: report_failure,
|
|
| 2521 |
complete: save_callback
|
|
| 2518 | 2522 |
}); |
| 2519 | 2523 |
} |
| 2520 | 2524 |
function hide_add_gatewaysave_v6() {
|
| 2521 | 2525 |
document.getElementById("addgatewayv6").style.display = 'none';
|
| 2522 |
$('statusv6').innerHTML = '<img src="/themes/metallic/images/misc/loader.gif"> One moment please...';
|
|
| 2523 |
var iface = $F('if');
|
|
| 2524 |
name = $('namev6').getValue();
|
|
| 2525 |
var descr = $('gatewaydescrv6').getValue();
|
|
| 2526 |
gatewayip = $('gatewayipv6').getValue();
|
|
| 2527 |
var defaultgw = $('defaultgwv6').getValue();
|
|
| 2526 |
jQuery('#statusv6').html('<img src="/themes/metallic/images/misc/loader.gif"> One moment please...');
|
|
| 2527 |
var iface = jQuery('#if').val();
|
|
| 2528 |
name = jQuery('#namev6').val();
|
|
| 2529 |
var descr = jQuery('#gatewaydescrv6').val();
|
|
| 2530 |
gatewayip = jQuery('#gatewayipv6').val();
|
|
| 2531 |
var defaultgw = jQuery('#defaultgwv6').val();
|
|
| 2528 | 2532 |
var url_v6 = "system_gateways_edit.php"; |
| 2529 | 2533 |
var pars_v6 = 'isAjax=true&defaultgw=' + escape(defaultgw) + '&interface=' + escape(iface) + '&name=' + escape(name) + '&descr=' + escape(descr) + '&gateway=' + escape(gatewayip); |
| 2530 |
var myAjax_v6 = new Ajax.Request(
|
|
| 2534 |
jQuery.ajax(
|
|
| 2531 | 2535 |
url_v6, |
| 2532 | 2536 |
{
|
| 2533 |
method: 'post',
|
|
| 2534 |
parameters: pars_v6,
|
|
| 2535 |
onFailure: report_failure_v6,
|
|
| 2536 |
onComplete: save_callback_v6
|
|
| 2537 |
type: 'post',
|
|
| 2538 |
data: pars_v6,
|
|
| 2539 |
error: report_failure_v6,
|
|
| 2540 |
complete: save_callback_v6
|
|
| 2537 | 2541 |
}); |
| 2538 | 2542 |
} |
| 2539 | 2543 |
function addOption(selectbox,text,value) |
| ... | ... | |
| 2541 | 2545 |
var optn = document.createElement("OPTION");
|
| 2542 | 2546 |
optn.text = text; |
| 2543 | 2547 |
optn.value = value; |
| 2544 |
selectbox.options.add(optn);
|
|
| 2545 |
selectbox.selectedIndex = (selectbox.options.length-1);
|
|
| 2546 |
$('notebox').innerHTML="<p/><strong><?=gettext("NOTE:"); ?></strong> <?=gettext("You can manage Gateways"); ?> <a target='_new' href='system_gateways.php'><?=gettext("here"); ?></a>.";
|
|
| 2548 |
selectbox.append(optn);
|
|
| 2549 |
selectbox.prop('selectedIndex',selectbox.children().length-1);
|
|
| 2550 |
jQuery('#notebox').html("<p/><strong><?=gettext("NOTE:"); ?></strong> <?=gettext("You can manage Gateways"); ?> <a target='_new' href='system_gateways.php'><?=gettext("here"); ?></a>.");
|
|
| 2547 | 2551 |
} |
| 2548 | 2552 |
function addOption_v6(selectbox,text,value) |
| 2549 | 2553 |
{
|
| 2550 | 2554 |
var optn = document.createElement("OPTION");
|
| 2551 | 2555 |
optn.text = text; |
| 2552 | 2556 |
optn.value = value; |
| 2553 |
selectbox.options.add(optn);
|
|
| 2554 |
selectbox.selectedIndex = (selectbox.options.length-1);
|
|
| 2555 |
$('noteboxv6').innerHTML="<p/><strong><?=gettext("NOTE:"); ?></strong> <?=gettext("You can manage Gateways"); ?> <a target='_new' href='system_gateways.php'><?=gettext("here"); ?></a>.";
|
|
| 2557 |
selectbox.append(optn);
|
|
| 2558 |
selectbox.prop('selectedIndex',selectbox.children().length-1);
|
|
| 2559 |
jQuery('#noteboxv6').html("<p/><strong><?=gettext("NOTE:"); ?></strong> <?=gettext("You can manage Gateways"); ?> <a target='_new' href='system_gateways.php'><?=gettext("here"); ?></a>.");
|
|
| 2556 | 2560 |
} |
| 2557 | 2561 |
function report_failure() {
|
| 2558 | 2562 |
alert("Sorry, we could not create your IPv4 gateway at this time.");
|
| ... | ... | |
| 2567 | 2571 |
if(response) {
|
| 2568 | 2572 |
document.getElementById("addgateway").style.display = 'none';
|
| 2569 | 2573 |
hide_add_gateway(); |
| 2570 |
$('status').innerHTML = '';
|
|
| 2574 |
jQuery('#status').html('');
|
|
| 2571 | 2575 |
var gwtext = escape(name) + " - " + gatewayip; |
| 2572 |
addOption($('gateway'), gwtext, name);
|
|
| 2576 |
addOption(jQuery('#gateway'), gwtext, name);
|
|
| 2573 | 2577 |
// Auto submit form? |
| 2574 | 2578 |
//document.iform.submit(); |
| 2575 | 2579 |
//$('status').innerHTML = '<img src="/themes/metallic/images/misc/loader.gif">';
|
| ... | ... | |
| 2587 | 2591 |
if(response_v6) {
|
| 2588 | 2592 |
document.getElementById("addgatewayv6").style.display = 'none';
|
| 2589 | 2593 |
hide_add_gateway_v6(); |
| 2590 |
$('statusv6').innerHTML = '';
|
|
| 2594 |
jQuery('#statusv6').html('');
|
|
| 2591 | 2595 |
var gwtext_v6 = escape(name) + " - " + gatewayip; |
| 2592 |
addOption_v6($('gatewayv6'), gwtext_v6, name);
|
|
| 2596 |
addOption_v6(jQuery('#gatewayv6'), gwtext_v6, name);
|
|
| 2593 | 2597 |
// Auto submit form? |
| 2594 | 2598 |
//document.iform.submit(); |
| 2595 | 2599 |
//$('statusv6').innerHTML = '<img src="/themes/metallic/images/misc/loader.gif">';
|
Also available in: Unified diff
converting from prototype to jQuery on interfaces.php