<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns:v>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Expires" CONTENT="-1">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="icon" href="images/favicon.png">
<title><#860#> - <#406#></title>
<link rel="stylesheet" type="text/css" href="index_style.css">
<link rel="stylesheet" type="text/css" href="form_style.css">
<link rel="stylesheet" type="text/css" href="device-map/device-map.css">
<script type="text/javascript" src="/js/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="/state.js"></script>
<script language="JavaScript" type="text/javascript" src="/general.js"></script>
<script language="JavaScript" type="text/javascript" src="/popup.js"></script>
<script type="text/javascript" language="JavaScript" src="/help.js"></script>
<script type="text/javascript" language="JavaScript" src="/validator.js"></script>
<script language="JavaScript" type="text/javascript" src="/client_function.js"></script>
<script>
var sr_rulelist_array = '<% nvram_get("sr_rulelist"); %>';
function initial(){
show_menu();
showsr_rulelist();
setTimeout("showDropdownClientList('setClientIP', 'ip', 'all', 'ClientList_Block_PC', 'pull_arrow', 'online');", 1000);
}
function applyRule(){
var rule_num = document.getElementById('sr_rulelist_table').rows.length;
var item_num = document.getElementById('sr_rulelist_table').rows[0].cells.length;
var tmp_value = "";
for(i=0; i<rule_num; i++){
tmp_value += "<";
for(j=0; j<item_num-1; j++){
tmp_value += document.getElementById('sr_rulelist_table').rows[i].cells[j].innerHTML;
if(j != item_num-2)
tmp_value += ">";
}
}
if(tmp_value == "<"+"<#2448#>" || tmp_value == "<")
tmp_value = "";
document.form.sr_rulelist.value = tmp_value;
if(based_modelid == "MAP-AC1300" || based_modelid == "MAP-AC2200" || based_modelid == "VZW-AC1300" || based_modelid == "MAP-AC1750")
alert("By applying new LAN settings, please reboot all Lyras connected to main Lyra manually.");
showLoading();
document.form.submit();
}
function done_validating(action){
refreshpage();
}
function GWStatic_validate_duplicate_noalert(o, v, l, off){
for (var i=0; i<o.length; i++)
{
if (entry_cmp(o[i][off], v, l)==0){
return true;
}
}
return false;
}
function GWStatic_validate_duplicate(o, v, l, off){
for(var i = 0; i < o.length; i++){
if(entry_cmp(o[i][off].toLowerCase(), v.toLowerCase(), l) == 0){
alert("<#2517#>");
return true;
}
}
return false;
}
function addRow(obj, head){
if(head == 1)
sr_rulelist_array += "<"
else
sr_rulelist_array += ">"
sr_rulelist_array += obj.value;
obj.value = "";
}
function addRow_Group(upper){
if('<% nvram_get("sr_enable_x"); %>' != "1")
document.form.sr_enable_x[0].checked = true;
var rule_num = document.getElementById('sr_rulelist_table').rows.length;
var item_num = document.getElementById('sr_rulelist_table').rows[0].cells.length;
if(rule_num >= upper){
alert("<#2524#> " + upper + " <#2525#>");
return false;
}
if(document.form.sr_ipaddr_x_0.value==""){
alert("<#332#>");
document.form.sr_ipaddr_x_0.focus();
document.form.sr_ipaddr_x_0.select();
return false;
}else if(document.form.sr_netmask_x_0.value==""){
alert("<#332#>");
document.form.sr_netmask_x_0.focus();
document.form.sr_netmask_x_0.select();
return false;
}else if(document.form.sr_gateway_x_0.value==""){
alert("<#332#>");
document.form.sr_gateway_x_0.focus();
document.form.sr_gateway_x_0.select();
return false;
}else if(validator.validIPForm(document.form.sr_ipaddr_x_0, 0) && validator.validIPForm(document.form.sr_gateway_x_0, 0)){
var default_netmask = "";
var wrong_netmask = 0;
var netmask_obj = document.form.sr_netmask_x_0;
var netmask_num = inet_network(netmask_obj.value);
if(netmask_num==0){
var netmask_reverse_num = 0;
}else{
var netmask_reverse_num = ~netmask_num;
}
if(netmask_num < 0) wrong_netmask = 1;
var test_num = netmask_reverse_num;
while(test_num != 0){
if((test_num+1)%2 == 0)
test_num = (test_num+1)/2-1;
else{
wrong_netmask = 1;
break;
}
}
if(wrong_netmask == 1){
alert(netmask_obj.value+" <#346#>");
netmask_obj.value = default_netmask;
netmask_obj.focus();
netmask_obj.select();
return false;
}
if(item_num >=2){
for(i=0; i<rule_num; i++){
if(document.form.sr_ipaddr_x_0.value == document.getElementById('sr_rulelist_table').rows[i].cells[0].innerHTML
&& document.form.sr_gateway_x_0.value == document.getElementById('sr_rulelist_table').rows[i].cells[2].innerHTML){
alert("<#2517#>");
document.form.sr_ipaddr_x_0.value="";
document.form.sr_ipaddr_x_0.focus();
document.form.sr_ipaddr_x_0.select();
return false;
}
}
}
addRow(document.form.sr_ipaddr_x_0 ,1);
addRow(document.form.sr_netmask_x_0, 0);
addRow(document.form.sr_gateway_x_0, 0);
addRow(document.form.sr_matric_x_0, 0);
addRow(document.form.sr_if_x_0, 0);
document.form.sr_if_x_0.value="LAN";
showsr_rulelist();
}else{
return false;
}
}
function edit_Row(r){
var i=r.parentNode.parentNode.rowIndex;
document.form.sr_ipaddr_x_0.value = document.getElementById('sr_rulelist_table').rows[i].cells[0].innerHTML;
document.form.sr_netmask_x_0.value = document.getElementById('sr_rulelist_table').rows[i].cells[1].innerHTML;
document.form.sr_gateway_x_0.value = document.getElementById('sr_rulelist_table').rows[i].cells[2].innerHTML;
document.form.sr_matric_x_0.value = document.getElementById('sr_rulelist_table').rows[i].cells[3].innerHTML;
document.form.sr_if_x_0.value = document.getElementById('sr_rulelist_table').rows[i].cells[4].innerHTML;
del_Row(r);
}
function del_Row(r){
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('sr_rulelist_table').deleteRow(i);
var sr_rulelist_value = "";
for(k=0; k<document.getElementById('sr_rulelist_table').rows.length; k++){
for(j=0; j<document.getElementById('sr_rulelist_table').rows[k].cells.length-1; j++){
if(j == 0)
sr_rulelist_value += "<";
else
sr_rulelist_value += ">";
sr_rulelist_value += document.getElementById('sr_rulelist_table').rows[k].cells[j].innerHTML;
}
}
sr_rulelist_array = sr_rulelist_value;
if(sr_rulelist_array == "")
showsr_rulelist();
}
function showsr_rulelist(){
var sr_rulelist_row = sr_rulelist_array.split('<');
var code = "";
code +='<table width="100%" border="1" cellspacing="0" cellpadding="4" align="center" class="list_table" id="sr_rulelist_table">';
if(sr_rulelist_row.length == 1)
code +='<tr><td style="color:#FFCC00;" colspan="6"><#2448#></td></tr>';
else{
for(var i = 1; i < sr_rulelist_row.length; i++){
code +='<tr id="row'+i+'">';
var sr_rulelist_col = sr_rulelist_row[i].split('>');
var wid=[20, 20, 28, 8, 12];
for(var j = 0; j < sr_rulelist_col.length; j++){
code +='<td width="'+wid[j]+'%">'+ sr_rulelist_col[j] +'</td>';
}
code +='<td width="12%"><!--input class="edit_btn" onclick="edit_Row(this);" value=""/-->';
code +='<input class="remove_btn" onclick="del_Row(this);" value=""/></td></tr>';
}
}
code +='</table>';
document.getElementById("sr_rulelist_Block").innerHTML = code;
}
function setClientIP(ipaddr){
document.form.sr_gateway_x_0.value = ipaddr;
hideClients_Block();
}
function hideClients_Block(){
document.getElementById("pull_arrow").src = "/images/arrow-down.gif";
document.getElementById('ClientList_Block_PC').style.display='none';
}
function pullLANIPList(obj){
var element = document.getElementById('ClientList_Block_PC');
var isMenuopen = element.offsetWidth > 0 || element.offsetHeight > 0;
if(isMenuopen == 0){
obj.src = "/images/arrow-top.gif"
element.style.display = 'block';
document.form.sr_gateway_x_0.focus();
}
else
hideClients_Block();
}
function Ctrl_LANIPList(obj){
if(obj.value != "LAN")
document.getElementById("pull_arrow").style.display ="none";
else
document.getElementById("pull_arrow").style.display ="";
}
</script>
</head>
<body onload="initial();" onunLoad="return unload_body();" class="bg">
<div id="TopBanner"></div>
<div id="Loading" class="popup_bg"></div>
<iframe name="hidden_frame" id="hidden_frame" src="" width="0" height="0" frameborder="0"></iframe>
<form method="post" name="form" id="ruleForm" action="/start_apply.htm" target="hidden_frame">
<input type="hidden" name="current_page" value="Advanced_GWStaticRoute_Content.asp">
<input type="hidden" name="next_page" value="">
<input type="hidden" name="modified" value="0">
<input type="hidden" name="action_mode" value="apply_new">
<input type="hidden" name="action_wait" value="10">
<input type="hidden" name="action_script" value="restart_net">
<input type="hidden" name="first_time" value="">
<input type="hidden" name="preferred_lang" id="preferred_lang" value="<% nvram_get("preferred_lang"); %>">
<input type="hidden" name="firmver" value="<% nvram_get("firmver"); %>">
<input type="hidden" name="sr_num_x_0" value="<% nvram_get("sr_num_x"); %>" readonly="1">
<input type="hidden" name="sr_rulelist" value=''>
<table class="content" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="17"> </td>
<td valign="top" width="202">
<div id="mainMenu"></div>
<div id="subMenu"></div>
</td>
<td valign="top">
<div id="tabMenu" class="submenuBlock"></div>
<table width="98%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" >
<table width="760px" border="0" cellpadding="4" cellspacing="0" class="FormTitle" id="FormTitle">
<tbody>
<tr>
<td bgcolor="#4D595D" valign="top" >
<div> </div>
<div class="formfonttitle"><#403#> - <#406#></div>
<div style="margin:10px 0 10px 5px;" class="splitLine"></div>
<div class="formfontdesc"><#3110#></div>
<table width="100%" border="1" align="center" cellpadding="4" cellspacing="0" bordercolor="#6b8fa3" class="FormTable">
<thead>
<tr>
<td colspan="2"><#3351#></td>
</tr>
</thead>
<tr>
<th><#3109#></th>
<td>
<input type="radio" value="1" name="sr_enable_x" class="input" onclick="return change_common_radio(this, 'RouterConfig', 'sr_enable_x', '1')" <% nvram_match("sr_enable_x", "1", "checked"); %>><#194#>
<input type="radio" value="0" name="sr_enable_x" class="input" onclick="return change_common_radio(this, 'RouterConfig', 'sr_enable_x', '0')" <% nvram_match("sr_enable_x", "0", "checked"); %>><#193#>
</td>
</tr>
</table>
<table width="100%" border="1" align="center" cellpadding="4" cellspacing="0" class="FormTable_table">
<thead>
<tr>
<td colspan="6" id="GWStatic"><#3108#> (<#2656#> 32)</td>
</tr>
</thead>
<tr>
<th><a href="javascript:void(0);" onClick="openHint(6,1);"><div class="table_text"><#3112#></div></a></th>
<th><a href="javascript:void(0);" onClick="openHint(6,2);"><div class="table_text"><#3113#></div></a></th>
<th><a href="javascript:void(0);" onClick="openHint(6,3);"><div class="table_text"><#3111#></div></a></th>
<th><a href="javascript:void(0);" onClick="openHint(6,4);"><div class="table_text"><#3114#></div></a></th>
<th><a href="javascript:void(0);" onClick="openHint(6,5);"><div class="table_text"><#3773#></div></a></th>
<th><#2655#></th>
</tr>
<tr>
<td width="20%">
<input type="text" class="input_15_table" maxlength="15" name="sr_ipaddr_x_0" onKeyPress="return validator.isIPAddr(this, event)" autocorrect="off" autocapitalize="off">
<td width="20%"><input type="text" maxlength="15" class="input_15_table" name="sr_netmask_x_0" onKeyPress="return validator.isIPAddr(this, event)" autocorrect="off" autocapitalize="off"></td>
<td width="28%"><input type="text" class="input_15_table" maxlength="15" name="sr_gateway_x_0" style="margin-left:-22px;width:160px;" onKeyPress="return validator.isIPAddr(this, event)" onClick="hideClients_Block();" autocorrect="off" autocapitalize="off">
<img id="pull_arrow" height="14px;" src="/images/arrow-down.gif" style="position:absolute;" onclick="pullLANIPList(this);" title="<#3161#>">
<div id="ClientList_Block_PC" class="clientlist_dropdown" style="margin-left:7px;"></div>
</td>
<td width="8%"><input type="text" maxlength="3" class="input_3_table" name="sr_matric_x_0" onKeyPress="return validator.isNumber(this, event);" autocorrect="off" autocapitalize="off"></td>
<td width="12%">
<select name="sr_if_x_0" class="input_option" style="width:62px;" onchange="Ctrl_LANIPList(this);">
<option value="LAN">LAN</option>
<option value="MAN">MAN</option>
<option value="WAN">WAN</option>
</select>
</td>
<td width="12%">
<div>
<input type="button" class="add_btn" onClick="addRow_Group(32);" value="">
</div>
</td>
</tr>
</table>
<div id="sr_rulelist_Block"></div>
<div class="apply_gen">
<input name="button" type="button" class="button_gen" onclick="applyRule();" value="<#203#>"/>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</form>
</tr>
</table>
</td>
<td width="10" align="center" valign="top"> </td>
</tr>
</table>
<div id="footer"></div>
</body>
</html>
