release/src/router/www/basic-wfilter.asp

   1 <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN'>
   2 <!--
   3         Tomato GUI
   4         Copyright (C) 2006-2010 Jonathan Zarate
   5         http://www.polarcloud.com/tomato/
   6
   7         For use with Tomato Firmware only.
   8         No part of this file may be used without permission.
   9 -->
  10 <html>
  11 <head>
  12 <meta http-equiv='content-type' content='text/html;charset=utf-8'>
  13 <meta name='robots' content='noindex,nofollow'>
  14 <title>[<% ident(); %>] <% translate("Basic"); %>: <% translate("Wireless Filter"); %></title>
  15 <link rel='stylesheet' type='text/css' href='tomato.css'>
  16 <link rel='stylesheet' type='text/css' href='color.css'>
  17 <script type='text/javascript' src='tomato.js'></script>
  18
  19 <!-- / / / -->
  20
  21 <style type='text/css'>
  22 #sm-grid {
  23         width: 80%;
  24 }
  25 #sm-grid .co1 {
  26         width: 30%;
  27 }
  28 #sm-grid .co2 {
  29         width: 70%;
  30 }
  31 </style>
  32
  33 <script type='text/javascript' src='debug.js'></script>
  34
  35 <script type='text/javascript' src='wireless.jsx?_http_id=<% nv(http_id); %>'></script>
  36 <script type='text/javascript'>
  37
  38 //      <% nvram("wl_macmode,wl_maclist,macnames"); %>
  39
  40 var smg = new TomatoGrid();
  41
  42 smg.verifyFields = function(row, quiet) {
  43         var f;
  44         f = fields.getAll(row);
  45
  46         return v_mac(f[0], quiet) && v_nodelim(f[1], quiet, 'Description', 1);
  47 }
  48
  49 smg.resetNewEditor = function() {
  50         var f, c, n;
  51
  52         f = fields.getAll(this.newEditor);
  53         ferror.clearAll(f);
  54
  55         if ((c = cookie.get('addmac')) != null) {
  56                 cookie.set('addmac', '', 0);
  57                 c = c.split(',');
  58                 if (c.length == 2) {
  59                         f[0].value = c[0];
  60                         f[1].value = c[1];
  61                         return;
  62                 }
  63         }
  64
  65         f[0].value = '00:00:00:00:00:00';
  66         f[1].value = '';
  67 }
  68
  69 smg.setup = function() {
  70         var i, i, m, s, t, n;
  71         var macs, names;
  72
  73         this.init('sm-grid', 'sort', 280, [
  74                 { type: 'text', maxlen: 17 },
  75                 { type: 'text', maxlen: 48 }
  76         ]);
  77         this.headerSet(['<% translate("MAC Address"); %>', '<% translate("Description"); %>']);
  78         macs = nvram.wl_maclist.split(/\s+/);
  79         names = nvram.macnames.split('>');
  80         for (i = 0; i < macs.length; ++i) {
  81                 m = fixMAC(macs[i]);
  82                 if ((m) && (!isMAC0(m))) {
  83                         s = m.replace(/:/g, '');
  84                         t = '';
  85                         for (j = 0; j < names.length; ++j) {
  86                                 n = names[j].split('<');
  87                                 if ((n.length == 2) && (n[0] == s)) {
  88                                         t = n[1];
  89                                         break;
  90                                 }
  91                         }
  92                         this.insertData(-1, [m, t]);
  93                 }
  94         }
  95         this.sort(0);
  96         this.showNewEditor();
  97         this.resetNewEditor();
  98 }
  99
 100 function save()
 101 {
 102         var fom;
 103         var d, i, macs, names, ma, na;
 104         var u;
 105
 106         if (smg.isEditing()) return;
 107
 108         fom = E('_fom');
 109
 110         macs = [];
 111         names = [];
 112         d = smg.getAllData();
 113         for (i = 0; i < d.length; ++i) {
 114                 ma = d[i][0];
 115                 na = d[i][1].replace(/[<>|]/g, '');
 116
 117                 macs.push(ma);
 118                 if (na.length) {
 119                         names.push(ma.replace(/:/g, '') + '<' + na);
 120                 }
 121         }
 122         fom.wl_maclist.value = macs.join(' ');
 123         fom.wl_macmode.value = E('_f_disable').checked ? 'disabled' : (E('_f_deny').checked ? 'deny' : 'allow');
 124         fom.macnames.value = names.join('>');
 125
 126         for (i = 0; i < wl_ifaces.length; ++i) {
 127                 u = wl_unit(i);
 128                 E('_wl'+u+'_macmode').value = fom.wl_macmode.value;
 129                 E('_wl'+u+'_maclist').value = fom.wl_maclist.value;
 130         }
 131
 132         form.submit(fom, 1);
 133 }
 134
 135 function earlyInit()
 136 {
 137         smg.setup();
 138         if (nvram.wl_macmode == 'allow') E('_f_allow').checked = 1;
 139                 else if (nvram.wl_macmode == 'deny') E('_f_deny').checked = 1;
 140                 else E('_f_disable').checked = 1;
 141 }
 142
 143 function init()
 144 {
 145         smg.recolor();
 146 }
 147 </script>
 148 </head>
 149 <body onload='init()'>
 150 <form id='_fom' method='post' action='tomato.cgi'>
 151 <table id='container' cellspacing=0>
 152 <tr><td colspan=2 id='header'>
 153         <div class='title'>Tomato</div>
 154         <div class='version'><% translate("Version"); %> <% version(); %></div>
 155 </td></tr>
 156 <tr id='body'><td id='navi'><script type='text/javascript'>navi()</script></td>
 157 <td id='content'>
 158 <div id='ident'><% ident(); %></div>
 159
 160 <!-- / / / -->
 161
 162 <input type='hidden' name='_nextpage' value='basic-wfilter.asp'>
 163 <input type='hidden' name='_nextwait' value='10'>
 164 <input type='hidden' name='_service' value='*'>
 165
 166 <input type='hidden' name='wl_macmode'>
 167 <input type='hidden' name='wl_maclist'>
 168 <input type='hidden' name='macnames'>
 169
 170 <script type='text/javascript'>
 171 for (var uidx = 0; uidx < wl_ifaces.length; ++uidx) {
 172         var u = wl_unit(uidx);
 173         W('<input type=\'hidden\' id=\'_wl'+u+'_macmode\' name=\'wl'+u+'_macmode\'>');
 174         W('<input type=\'hidden\' id=\'_wl'+u+'_maclist\' name=\'wl'+u+'_maclist\'>');
 175 }
 176 </script>
 177
 178 <div class='section-title'><% translate("Wireless Client Filter"); %></div>
 179 <div class='section'>
 180         <input type='radio' name='f_type' id='_f_disable' value='disabled'> <label for='_f_disable'><% translate("Disable filter"); %></label><br>
 181         <input type='radio' name='f_type' id='_f_allow' value='allow'> <label for='_f_allow'><% translate("Permit only the following clients"); %></label><br>
 182         <input type='radio' name='f_type' id='_f_deny' value='deny'> <label for='_f_deny'><% translate("Block the following clients"); %></label><br>
 183         <br>
 184         <table id='sm-grid' class='tomato-grid'></table>
 185 </div>
 186
 187
 188 <!-- / / / -->
 189
 190 </td></tr>
 191 <tr><td id='footer' colspan=2>
 192         <span id='footer-msg'></span>
 193         <input type='button' value='<% translate("Save"); %>' id='save-button' onclick='save()'>
 194         <input type='button' value='<% translate("Cancel"); %>' id='cancel-button' onclick='reloadPage();'>
 195 </td></tr>
 196 </table>
 197 </form>
 198 <script type='text/javascript'>earlyInit()</script>
 199 </body>
 200 </html>