userapps/broadcom/cfm/html/wlses.html

   1 <html>
   2    <head>
   3       <meta HTTP-EQUIV='Pragma' CONTENT='no-cache'>
   4       <link rel="stylesheet" href='stylemain.css' type='text/css'>
   5          <link rel="stylesheet" href='colors.css' type='text/css'>
   6             <script language="javascript" src="util.js"></script>
   7             <script language="javascript">
   8 <!-- hide
   9 var ses_enable = '<%ejGetWl(wlSesEnable)%>';
  10 var ses_event = '<%ejGetWl(wlSesEvent)%>';
  11 var ses_wds_mode = '<%ejGetWl(wlSesWdsMode)%>';
  12 var ses_cl_enable = '<%ejGetWl(wlSesClEnable)%>';
  13 var ses_cl_event = '<%ejGetWl(wlSesClEvent)%>';
  14 var wlRefresh = '<%ejGetWl(wlRefresh)%>';
  15 var wlInfo = '<%ejGetWl(wlInfo)%>';
  16 var ssid = '<%ejGetWl(wlSsid)%>';
  17
  18 if ( wlRefresh == '1' ) {
  19    var code = 'location="wlsesrefresh.wl?wlRefresh=0"';
  20    eval(code);
  21 }
  22
  23 function updateCurSSID() {
  24    if (document.getElementById)  // DOM3 = IE5, NS6
  25       document.getElementById("CurSSID").innerHTML = "  Current SSID: " + ssid;
  26    else {
  27       if (document.layers == false) // IE4
  28          document.all.CurSSID.innerHTML = "  Current SSID: " + ssid;
  29    }
  30 }
  31
  32 function wlSesInfoChange(enabled)
  33 {
  34    with ( document.forms[0] ) {
  35       if(enabled == "1" ) {
  36          if( sesWdsMode.selectedIndex != 4 || ses_enable == '0' ) {
  37             showhide("wlSesInfo", 1);
  38             showhide("wlSesWdsInfo", 1);
  39             showhide("wlSesClInfo", 0);
  40          } else {
  41             showhide("wlSesInfo", 0);
  42             showhide("wlSesWdsInfo", 1);
  43             showhide("wlSesClInfo", 1);
  44          }
  45       } else {
  46             showhide("wlSesInfo", 0);
  47             showhide("wlSesWdsInfo", 0);
  48             showhide("wlSesClInfo", 0);
  49       }
  50    }
  51 }
  52
  53 function wlSesCbChange() {
  54    with ( document.forms[0] ) {
  55          wlSesInfoChange(wlSesEnbl.value);
  56    }
  57    btnApply(0);
  58 }
  59
  60 function frmLoad() {
  61    with ( document.forms[0] ) {
  62       if ( ses_enable == '1' ) {
  63          wlSesEnbl.value = "1";
  64       } else {
  65          wlSesEnbl.value = "0";
  66       }
  67
  68       sesWdsMode.selectedIndex = ses_wds_mode;
  69       wlSesInfoChange(wlSesEnbl.value);
  70       updateCurSSID();
  71    }
  72 }
  73
  74 function btnApply(mode) {
  75    var loc = 'wlses.wl?';
  76    with ( document.forms[0] ) {
  77       if ( wlSesEnbl.value == "0" ) {
  78          loc += 'wlSesEnable=0';
  79          loc += '&wlSesEvent=0';
  80       } else {
  81          loc += 'wlSesEnable=1';
  82          loc += '&wlSesEvent='+mode;
  83          loc += '&wlSesWdsMode='+ sesWdsMode.selectedIndex;
  84       }
  85
  86       if( sesWdsMode.selectedIndex == 0 || sesWdsMode.selectedIndex == 2 || sesWdsMode.selectedIndex == 3 || wlSesEnbl.value == "0") {
  87          loc += '&wlSesClEnable=0';
  88       } else {
  89          loc += '&wlSesClEnable=1';
  90       }
  91    }
  92    //alert('loc= "' + loc+ '" (EOM).');
  93    var code = 'location="' + loc + '"';
  94    eval(code);
  95 }
  96
  97 function btnSesWdsApply(mode) {
  98    var loc = 'wlses.wl?';
  99    var pattern = /sta/i;
 100    with ( document.forms[0] ) {
 101       if(!pattern.test(wlInfo) && sesWdsMode.selectedIndex == 4) {
 102          sesWdsMode.selectedIndex = 2;
 103          return;
 104       }
 105    }
 106    btnApply(0);
 107 }
 108
 109 function btnClApply(mode) {
 110    var loc = 'wlses.wl?';
 111    with ( document.forms[0] ) {
 112       if( sesWdsMode.selectedIndex != 4 ) {
 113          loc += '&wlSesClEnable=0';
 114          loc += '&wlSesClEvent=0';
 115       } else {
 116          loc += '&wlSesClEnable=1';
 117          loc += '&wlSesClEvent='+mode;
 118       }
 119    }
 120    //alert('loc= "' + loc+ '" (EOM).');
 121
 122    var code = 'location="' + loc + '"';
 123    eval(code);
 124 }
 125
 126 // done hiding -->
 127       </script>
 128    </head>
 129    <body onLoad='frmLoad()'>
 130       <blockquote>
 131          <form onSubmit='return false'>
 132             <b>Wireless -- SecureEasySetup(SES)</b><br>
 133             <br>
 134             This page allows you to configure wireless security by SecureEasySetup technology.
 135             You may create a secured wireless (SES) network and add wireless clients to the secured network
 136             one at a time after SecureEasySetup is enabled.<br>
 137             <br>
 138             <div id='wlSesMain'>
 139                <table border="0" cellpadding="4" cellspacing="0">
 140                   <tr>
 141                      <td width="180">SES:</td>
 142                      <td valign="middle" align="center" width="30" height="30" >
 143                      <select name='wlSesEnbl' size="1" onChange='wlSesCbChange()'>
 144                         <option value="0">
 145                         Disabled
 146                         <option value="1">
 147                         Enabled
 148                      </select></td>
 149                      <td>
 150                         <div id="CurSSID">
 151                          Current SSID:
 152                         </div>
 153                      </td>
 154                   </tr>
 155                </table>
 156             <br>
 157             </div>
 158             <div id='wlSesInfo'>
 159                <table border="0" cellpadding="4" cellspacing="0">
 160                   <tr>
 161                      <td  width="180">Create SES network, add clients later:</td>
 162                      <td><input type=button value='        NewSESNW       ' onClick='btnApply(3)'></td>
 163
 164                   </tr>
 165                </table>
 166                <table border="0" cellpadding="4" cellspacing="0">
 167                   <tr>
 168                      <td width="180" >Create SES network and add a client:</td>
 169                      <td><input type=button value='NewSesNWAndOW(Short-Push)' onClick='btnApply(6)'></td>
 170
 171                   </tr>
 172                </table>
 173                <table border="0" cellpadding="4" cellspacing="0">
 174                   <tr>
 175                      <td width="180" >Add a client to the current SES network:</td>
 176                      <td><input type=button value='        OpenWindow       ' onClick='btnApply(4)'></td>
 177
 178                   </tr>
 179                </table>
 180                <table border="0" cellpadding="4" cellspacing="0">
 181                   <tr>
 182                      <td width="180" >Reset to unsecured open network or abort the current registration:</td>
 183                      <td><input type=button value='ResetNWToDefault(Long-Push)' onClick='btnApply(7)'></td>
 184                   </tr>
 185                </table>
 186                <br>
 187             </div>
 188             <div id='wlSesWdsInfo'>
 189             <br>
 190             SES has the following modes available:
 191             <br>
 192             Configurator mode: allow SES AP or SES client to retrieve security parameters from this device.
 193             <br>
 194             Configurator for SES Client: similar to Configurator mode, but allow only SES client.
 195             <br>
 196             Configurator for WDS only: similar to Configurator mode, but allow only SES AP.
 197             <br>
 198             Client mode: retrieve security parameters from an already configured SES AP to form a SES+WDS network.
 199             <br>
 200             Auto mode: automatically act as Configurator or Client.
 201             <br>
 202
 203             <br>
 204             To create WDS connection between 2 APs:
 205             <br>
 206             Long-Push on both APs to clean up their SES settings. Choose an AP to be the main AP, Short-Push on the main AP.
 207             Wait 2 minutes for the registration period to end. Another alternative is to use the "NewSESNW" button above.
 208             Now, short push on the main AP and the other AP in any order. This will create the secure WDS link between them.
 209             <br>
 210                <table border="0" cellpadding="4" cellspacing="0">
 211                   <tr>
 212                      <td width="180">SES Mode:</td>
 213                      <td><select name='sesWdsMode' size="1" onChange='btnSesWdsApply(0)'>
 214                         <option value="0">
 215                         Configurator for SES Client
 216                         <option value="1">
 217                         Auto
 218                         <option value="2">
 219                         Configurator
 220                         <option value="3">
 221                         Configurator for WDS only
 222                         <option value="4">
 223                         Client
 224                         </select></td>
 225                   </tr>
 226                </table>
 227             </div>
 228             <div id='wlSesClInfo'>
 229                <table border="0" cellpadding="4" cellspacing="0">
 230                   <tr>
 231                      <td width="180" >Join existing SES WDS network:</td>
 232                      <td><input type=button value='SesClGo(Short-Push)' onClick='btnClApply(1)'></td>
 233
 234                   </tr>
 235                </table>
 236                <table border="0" cellpadding="4" cellspacing="0">
 237                   <tr>
 238                      <td width="180" >Reset to unsecured open network:</td>
 239                      <td><input type=button value='ResetNWToDefault(Long-Push)' onClick='btnClApply(4)'></td>
 240                   </tr>
 241                </table>
 242                <br>
 243             </div>
 244          </form>
 245       </blockquote>
 246    </body>
 247 </html>