f326547b6d19e6fbcd7214230984e514cc4002ab
[bcm963xx.git] / userapps / broadcom / cfm / html / natcfg2.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <!--
3         (c) 2005 U.S. Robotics Corporation
4 -->
5 <html>
6 <head>
7         <title></title>
8
9         <link href="usr_main.css" rel="stylesheet" type="text/css">
10         <link href="usr_menus.css" rel="stylesheet" type="text/css"><script src="usr_menus.js" type="text/javascript"></script><script src="usr_menus_build.js" type="text/javascript"></script>
11         <script src="usr_common.js" type="text/javascript"></script>
12
13         <meta HTTP-EQUIV='Pragma' CONTENT='no-cache'>
14
15         <script type="text/javascript" src="util.js"></script>
16         <script type="text/javascript">
17 <!-- hide
18 setPageTitle("<%ejGetWlJS(wlInterface)%>");
19
20 var prtcl = '<%ejGetOther(memInfo, ntwkPrtcl)%>';
21 var service = '<%ejGetJS(serviceName)%>';
22 var vpi = '<%ejGetJS(atmVpi)%>';
23 var vci = '<%ejGetJS(atmVci)%>';
24 var qs = '<%ejGetJS(quickSetup)%>';
25 var bReaim = '<%ejGetJS(enblReaim)%>';
26
27 function frmLoad() {
28    var nat = '<%ejGetJS(enblNat)%>';
29    var firewall = '<%ejGetJS(enblFirewall)%>';
30    var enableService = '<%ejGetJS(enblService)%>';
31    var enableIgmp = '<%ejGetJS(enblIgmp)%>';
32
33    if ( service == '' ) {
34       switch ( prtcl ) {
35          case 'PPPoE':
36             service = 'pppoe_' + vpi + '_' + vci;
37             break;
38          case 'PPPoA':
39             service = 'pppoa_' + vpi + '_' + vci;
40             break;
41          case 'MER':
42             service = 'mer_' + vpi + '_' + vci;
43             break;
44          case 'IPoA':
45             service = 'ipoa_' + vpi + '_' + vci;
46             break;
47          case 'Bridge':
48             service = 'br_' + vpi + '_' + vci;
49             break;
50          case 'IPoW':
51             service = 'eth_' + vpi;
52             break;
53       }
54    }
55
56    with ( document.forms[0] ) {
57       if ( nat == '1' )
58          enblNat.checked = true;
59       else
60          enblNat.checked = false;
61       if ( firewall == '1' ) {
62          enblFirewall.checked = true;
63          enblReaim.disabled = false;
64          if ( bReaim == '1' )
65             enblReaim.checked = true;
66          else
67             enblReaim.checked = false;
68       } else {
69          enblFirewall.checked = false;
70          enblReaim.disabled = true;
71          enblReaim.checked = false;
72       }
73       if ( enableService == '1' )
74          enblService.checked = true;
75       else
76          enblService.checked = false;
77       if ( enableIgmp == '1' )
78          enblIgmp.checked = true;
79       else
80          enblIgmp.checked = false;
81       serviceName.value = service;
82       setVisibility("idReaim", ("<%ejGetWlJS(wlInterface)%>" == "1"));
83    }
84 }
85
86 function btnNext() {
87    var loc = 'ntwksum2.cgi?';
88
89    if ( qs == 1 )
90       loc = 'lancfg.cgi?';
91
92    with ( document.forms[0] ) {
93       if (serviceName.value == '' ) {
94          alert('Please enter service name.');
95          return;
96       }
97       len = serviceName.value.length;
98       if ( len > 32 ) {
99          alert('The length of service name (' + len + ') is too long [0-32].');
100          return;
101       }
102       if ( enblNat.checked == true )
103          loc += 'enblNat=1';
104       else
105          loc += 'enblNat=0';
106       if ( enblFirewall.checked == true )
107          loc += '&enblFirewall=1';
108       else
109          loc += '&enblFirewall=0';
110       if ( enblReaim.checked == true )
111          loc += '&enblReaim=1';
112       else
113          loc += '&enblReaim=0';
114       if ( enblService.checked == true )
115          loc += '&enblService=1';
116       else
117          loc += '&enblService=0';
118       if ( enblIgmp.checked == true )
119          loc += '&enblIgmp=1';
120       else
121          loc += '&enblIgmp=0';
122
123       loc += '&serviceName=' + encodeUrl(serviceName.value);
124    }
125
126    var code = 'location = "' + loc + '"';
127    eval(code);
128 }
129
130 function btnBack() {
131    var loc;
132
133    if ( prtcl == 'IPoA' )
134       loc = 'ipoacfg.html';
135    else
136       loc = 'wancfg.html';
137
138    var code = 'location = "' + loc + '"';
139    eval(code);
140 }
141
142 function cbClick(cb) {
143    with ( document.forms[0] ) {
144       if ( cb.checked == true ) {
145          enblReaim.disabled = false;
146          if ( bReaim == '1' )
147             enblReaim.checked = true;
148          else
149             enblReaim.checked = false;
150       } else {
151          enblReaim.disabled = true;
152          enblReaim.checked = false;
153       } 
154    }
155 }
156
157 // done hiding -->
158 </script>
159     </head>
160     <body onload="initMenu(); frmLoad();">
161
162 <script type="text/javascript">
163         writeHeader("Network Address Translation Settings", "<%ejGetJS(curUserName)%>", "<%ejGetOther(sysInfo, adslStd)%>", "<%ejGetOther(sysInfo, noBrPrtcl)%>", <%ejGetOther(sysInfo, pppIpExtension)%>, <%ejGetOther(sysInfo, enblFirewall)%>, <%ejGetOther(sysInfo, enblNat)%>, "<%ejGetWlJS(wlInterface)%>", <%ejGetJS(enblQos)%>);
164 </script>
165
166 <form>
167 <p>Network Address Translation (NAT) allows you to share one Wide Area Network
168 (WAN) IP address for multiple computers on your Local Area Network (LAN).</p>
169
170 <p>Clear <b>NAT</b> to enable DHCP relay.</p>
171
172 <p><input type='checkbox' name='enblNat' id='enblNat'> <label for="enblNat">NAT</label></p>
173
174 <p><input type='checkbox' name='enblFirewall' id='enblFirewall' onClick='cbClick(this)' value='ON'> <label for="enblFirewall">Firewall</label></p>
175
176 <div id="idReaim">
177 <p>Clear <b>Allow "Reaim" Proxy</b> to disable "Reaim" proxy support for AOL and MSN Instant Messenger.)</p>
178 <p><input type='checkbox' name='enblReaim' id='enblReaim'> <label for="enblReaim">Allow "Reaim" proxy</label></p>
179 </div>
180
181 <h3>IGMP Multicast and WAN Service</h3>
182
183 <p><input type='checkbox' name='enblIgmp' id='enblIgmp' checked> <label for="enblIgmp">IGMP Multicast</label></p>
184
185 <p><input type='checkbox' name='enblService' id='enblService' checked> <label for="enblService">WAN service</label></p>
186
187 <p><label for="serviceName">Service name:</label> <input type="text" name="serviceName" id="serviceName"></p>
188
189 <p><input type='button' onClick='btnBack()' value='Back'> <input type='button' onClick='btnNext()' value='Next'></p>
190 </form>
191
192 <script type="text/javascript">
193         writeFooter();
194 </script>
195
196 </body>
197 </html>