release/src/router/www/bwlimit.asp

   1 <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN'>
   2 <!--
   3         Tomato GUI
   4         Copyright (C) 2006-2008 Jonathan Zarate
   5         http://www.polarcloud.com/tomato/
   6
   7         Copyright (C) 2011 Deon 'PrinceAMD' Thomas
   8         rate limit & connection limit from Conanxu,
   9         adapted by Victek, Shibby, PrinceAMD, Phykris
  10
  11         For use with Tomato Firmware only.
  12         No part of this file may be used without permission.
  13 -->
  14 <html>
  15 <head>
  16 <meta http-equiv='content-type' content='text/html;charset=utf-8'>
  17 <meta name='robots' content='noindex,nofollow'>
  18 <title>[<% ident(); %>] IP/Range BW Limiter</title>
  19 <link rel='stylesheet' type='text/css' href='tomato.css'>
  20 <link rel='stylesheet' type='text/css' href='color.css'>
  21 <script type='text/javascript' src='tomato.js'></script>
  22
  23 <!-- / / / -->
  24 <style type='text/css'>
  25 #qosg-grid {
  26         width: 100%;
  27 }
  28 #qosg-grid .co1 {
  29         width: 30%;
  30 }
  31 #qosg-grid .co2,
  32 #qosg-grid .co3,
  33 #qosg-grid .co4,
  34 #qosg-grid .co5,
  35 #qosg-grid .co6,
  36 #qosg-grid .co7,
  37 #qosg-grid .co8 {
  38         width: 10%;
  39 }
  40 </style>
  41
  42 <script type='text/javascript' src='debug.js'></script>
  43
  44 <script type='text/javascript'>
  45 // <% nvram("new_qoslimit_enable,qos_ibw,qos_obw,new_qoslimit_rules,lan_ipaddr,lan_netmask,qosl_enable,qosl_dlr,qosl_dlc,qosl_ulr,qosl_ulc,qosl_udp,qosl_tcp,limit_br1_enable,limit_br1_dlc,limit_br1_dlr,limit_br1_ulc,limit_br1_ulr,limit_br1_prio,limit_br2_enable,limit_br2_dlc,limit_br2_dlr,limit_br2_ulc,limit_br2_ulr,limit_br2_prio,limit_br3_enable,limit_br3_dlc,limit_br3_dlr,limit_br3_ulc,limit_br3_ulr,limit_br3_prio"); %>
  46
  47 var class_prio = [['0','Highest'],['1','High'],['2','Normal'],['3','Low'],['4','Lowest']];
  48 var class_tcp = [['0','nolimit']];
  49 var class_udp = [['0','nolimit']];
  50 for (var i = 1; i <= 100; ++i) {
  51         class_tcp.push([i*10, i*10+'']);
  52         class_udp.push([i, i + '/s']);
  53 }
  54 var qosg = new TomatoGrid();
  55
  56 qosg.setup = function() {
  57         this.init('qosg-grid', '', 80, [
  58                 { type: 'text', maxlen: 31 },
  59                 { type: 'text', maxlen: 6 },
  60                 { type: 'text', maxlen: 6 },
  61                 { type: 'text', maxlen: 6 },
  62                 { type: 'text', maxlen: 6 },
  63                 { type: 'select', options: class_prio },
  64                 { type: 'select', options: class_tcp },
  65                 { type: 'select', options: class_udp }]);
  66         this.headerSet(['IP | IP Range | MAC Address', 'DLRate', 'DLCeil', 'ULRate', 'ULCeil', 'Priority', 'TCP Limit', 'UDP Limit']);
  67         var qoslimitrules = nvram.new_qoslimit_rules.split('>');
  68         for (var i = 0; i < qoslimitrules.length; ++i) {
  69                 var t = qoslimitrules[i].split('<');
  70                 if (t.length == 8) this.insertData(-1, t);
  71         }
  72         this.showNewEditor();
  73         this.resetNewEditor();
  74 }
  75
  76 qosg.dataToView = function(data) {
  77         return [data[0],data[1]+'kbps',data[2]+'kbps',data[3]+'kbps',data[4]+'kbps',class_prio[data[5]*1][1],class_tcp[data[6]*1/10][1],class_udp[data[7]*1][1]];
  78 }
  79
  80 qosg.resetNewEditor = function() {
  81         var f, c, n;
  82
  83         var f = fields.getAll(this.newEditor);
  84         ferror.clearAll(f);
  85         if ((c = cookie.get('addbwlimit')) != null) {
  86                 cookie.set('addbwlimit', '', 0);
  87                 c = c.split(',');
  88                 if (c.length == 2) {
  89         f[0].value = c[0];
  90         f[1].value = '';
  91         f[2].value = '';
  92         f[3].value = '';
  93         f[4].value = '';
  94         f[5].selectedIndex = '2';
  95         f[6].selectedIndex = '0';
  96         f[7].selectedIndex = '0';
  97         return;
  98                 }
  99         }
 100
 101         f[0].value = '';
 102         f[1].value = '';
 103         f[2].value = '';
 104         f[3].value = '';
 105         f[4].value = '';
 106         f[5].selectedIndex = '2';
 107         f[6].selectedIndex = '0';
 108         f[7].selectedIndex = '0';
 109
 110         }
 111
 112 qosg.exist = function(f, v)
 113 {
 114         var data = this.getAllData();
 115         for (var i = 0; i < data.length; ++i) {
 116                 if (data[i][f] == v) return true;
 117         }
 118         return false;
 119 }
 120
 121 qosg.existID = function(id)
 122 {
 123         return this.exist(0, id);
 124 }
 125
 126 qosg.existIP = function(ip)
 127 {
 128         if (ip == "0.0.0.0") return true;
 129         return this.exist(1, ip);
 130 }
 131
 132 qosg.checkRate = function(rate)
 133 {
 134         var s = parseInt(rate, 10);
 135         if( isNaN(s) || s <= 0 || a >= 100000 ) return true;
 136         return false;
 137 }
 138
 139 qosg.checkRateCeil = function(rate, ceil)
 140 {
 141         var r = parseInt(rate, 10);
 142         var c = parseInt(ceil, 10);
 143         if( r > c ) return true;
 144         return false;
 145 }
 146
 147 qosg.verifyFields = function(row, quiet)
 148 {
 149         var ok = 1;
 150         var f = fields.getAll(row);
 151         var s;
 152
 153 /*
 154         if (v_ip(f[0], quiet)) {
 155                if(this.existIP(f[0].value)) {
 156                        ferror.set(f[0], 'duplicate IP address', quiet);
 157                         ok = 0;
 158                 }
 159         }
 160 */
 161         if(v_macip(f[0], quiet, 0, nvram.lan_ipaddr, nvram.lan_netmask)) {
 162                if(this.existIP(f[0].value)) {
 163                     ferror.set(f[0], 'duplicate IP or MAC address', quiet);
 164                         ok = 0;
 165                 }
 166         }
 167
 168         if( this.checkRate(f[1].value)) {
 169                 ferror.set(f[1], 'DLRate must between 1 and 99999', quiet);
 170                 ok = 0;
 171         }
 172
 173         if( this.checkRate(f[2].value)) {
 174                 ferror.set(f[2], 'DLCeil must between 1 and 99999', quiet);
 175                 ok = 0;
 176         }
 177
 178         if( this.checkRateCeil(f[1].value, f[2].value)) {
 179                ferror.set(f[2], 'DLCeil must be greater than DLRate', quiet);
 180                 ok = 0;
 181         }
 182
 183         if( this.checkRate(f[3].value)) {
 184                 ferror.set(f[3], 'ULRate must between 1 and 99999', quiet);
 185                 ok = 0;
 186         }
 187
 188         if( this.checkRate(f[4].value)) {
 189                 ferror.set(f[4], 'ULCeil must between 1 and 99999', quiet);
 190                 ok = 0;
 191         }
 192
 193         if( this.checkRateCeil(f[3].value, f[4].value)) {
 194                     ferror.set(f[4], 'ULCeil must be greater than ULRate', quiet);
 195                         ok = 0;
 196         }
 197
 198         return ok;
 199 }
 200
 201 function verifyFields(focused, quiet)
 202 {
 203         var a = !E('_f_new_qoslimit_enable').checked;
 204         var b = !E('_f_qosl_enable').checked;
 205         var b1 = !E('_f_limit_br1_enable').checked;
 206         var b2 = !E('_f_limit_br2_enable').checked;
 207         var b3 = !E('_f_limit_br3_enable').checked;
 208
 209         E('_qos_ibw').disabled = a;
 210         E('_qos_obw').disabled = a;
 211         E('_f_qosl_enable').disabled = a;
 212         E('_f_limit_br1_enable').disabled = a;
 213         E('_f_limit_br2_enable').disabled = a;
 214         E('_f_limit_br3_enable').disabled = a;
 215
 216         E('_qosl_dlr').disabled = b || a;
 217         E('_qosl_dlc').disabled = b || a;
 218         E('_qosl_ulr').disabled = b || a;
 219         E('_qosl_ulc').disabled = b || a;
 220         E('_qosl_tcp').disabled = b || a;
 221         E('_qosl_udp').disabled = b || a;
 222
 223         elem.display(PR('_qos_ibw'), PR('_qos_obw'), !a);
 224         elem.display(PR('_qosl_dlr'), PR('_qosl_dlc'), PR('_qosl_ulr'), PR('_qosl_ulc'), PR('_qosl_tcp'), PR('_qosl_udp'), !a && !b);
 225
 226         E('_limit_br1_dlr').disabled = b1 || a;
 227         E('_limit_br1_dlc').disabled = b1 || a;
 228         E('_limit_br1_ulr').disabled = b1 || a;
 229         E('_limit_br1_ulc').disabled = b1 || a;
 230         E('_limit_br1_prio').disabled = b1 || a;
 231         elem.display(PR('_limit_br1_dlr'), PR('_limit_br1_dlc'), PR('_limit_br1_ulr'), PR('_limit_br1_ulc'), PR('_limit_br1_prio'), !a && !b1);
 232
 233         E('_limit_br2_dlr').disabled = b2 || a;
 234         E('_limit_br2_dlc').disabled = b2 || a;
 235         E('_limit_br2_ulr').disabled = b2 || a;
 236         E('_limit_br2_ulc').disabled = b2 || a;
 237         E('_limit_br2_prio').disabled = b2 || a;
 238         elem.display(PR('_limit_br2_dlr'), PR('_limit_br2_dlc'), PR('_limit_br2_ulr'), PR('_limit_br2_ulc'), PR('_limit_br2_prio'), !a && !b2);
 239
 240         E('_limit_br3_dlr').disabled = b3 || a;
 241         E('_limit_br3_dlc').disabled = b3 || a;
 242         E('_limit_br3_ulr').disabled = b3 || a;
 243         E('_limit_br3_ulc').disabled = b3 || a;
 244         E('_limit_br3_prio').disabled = b3 || a;
 245         elem.display(PR('_limit_br3_dlr'), PR('_limit_br3_dlc'), PR('_limit_br3_ulr'), PR('_limit_br3_ulc'), PR('_limit_br3_prio'), !a && !b3);
 246
 247         return 1;
 248 }
 249
 250 function save()
 251 {
 252         if (qosg.isEditing()) return;
 253
 254         var data = qosg.getAllData();
 255         var qoslimitrules = '';
 256         var i;
 257
 258         if (data.length != 0) qoslimitrules += data[0].join('<');
 259         for (i = 1; i < data.length; ++i) {
 260                 qoslimitrules += '>' + data[i].join('<');
 261         }
 262
 263         var fom = E('_fom');
 264         fom.new_qoslimit_enable.value = E('_f_new_qoslimit_enable').checked ? 1 : 0;
 265         fom.qosl_enable.value = E('_f_qosl_enable').checked ? 1 : 0;
 266         fom.limit_br1_enable.value = E('_f_limit_br1_enable').checked ? 1 : 0;
 267         fom.limit_br2_enable.value = E('_f_limit_br2_enable').checked ? 1 : 0;
 268         fom.limit_br3_enable.value = E('_f_limit_br3_enable').checked ? 1 : 0;
 269         fom.new_qoslimit_rules.value = qoslimitrules;
 270         form.submit(fom, 1);
 271 }
 272
 273 function init()
 274 {
 275         qosg.recolor();
 276 }
 277 </script>
 278 </head>
 279 <body onload='init()'>
 280 <form id='_fom' method='post' action='tomato.cgi'>
 281 <table id='container' cellspacing=0>
 282 <tr><td colspan=2 id='header'>
 283         <div class='title'>Tomato</div>
 284         <div class='version'>Version <% version(); %></div>
 285 </td></tr>
 286 <tr id='body'><td id='navi'><script type='text/javascript'>navi()</script></td>
 287 <td id='content'>
 288 <div id='ident'><% ident(); %></div>
 289
 290 <!-- / / / -->
 291
 292 <input type='hidden' name='_nextpage' value='bwlimit.asp'>
 293 <input type='hidden' name='_nextwait' value='10'>
 294 <input type='hidden' name='_service' value='qoslimit-restart'>
 295
 296 <input type='hidden' name='new_qoslimit_enable'>
 297 <input type='hidden' name='new_qoslimit_rules'>
 298 <input type='hidden' name='qosl_enable'>
 299 <input type='hidden' name='limit_br1_enable'>
 300 <input type='hidden' name='limit_br2_enable'>
 301 <input type='hidden' name='limit_br3_enable'>
 302
 303
 304 <div id='bwlimit'>
 305
 306         <div class='section-title'>Bandwidth Limiter for LAN (br0)</div>
 307         <div class='section'>
 308                 <script type='text/javascript'>
 309                         createFieldTable('', [
 310                         { title: 'Enable Limiter', name: 'f_new_qoslimit_enable', type: 'checkbox', value: nvram.new_qoslimit_enable != '0' },
 311                         { title: 'Max Available Download <br><small>(same as used in QoS)</small>', indent: 2, name: 'qos_ibw', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.qos_ibw },
 312                         { title: 'Max Available Upload <br><small>(same as used in QoS)</small>', indent: 2, name: 'qos_obw', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.qos_obw }
 313                         ]);
 314                 </script>
 315                 <br>
 316                 <table class='tomato-grid' id='qosg-grid'></table>
 317                 <div>
 318                         <ul>
 319                                 <li><b>IP Address / IP Range:</b>
 320                                 <li>Example: 192.168.1.5 for one IP.
 321                                 <li>Example: 192.168.1.4-7 for IP 192.168.1.4 to 192.168.1.7
 322                                 <li>Example: 4-7 for IP Range .4 to .7
 323                                 <li><b>The IP Range devices will share the Bandwidth</b>
 324                                 <li><b>MAC Address</b> Example: 00:2E:3C:6A:22:D8
 325                         </ul>
 326                 </div>
 327         </div>
 328
 329         <br>
 330
 331         <div class='section-title'>Default Class for unlisted MAC / IP's in LAN (br0)</div>
 332         <div class='section'>
 333                 <script type='text/javascript'>
 334                         createFieldTable('', [
 335                                 { title: 'Enable', name: 'f_qosl_enable', type: 'checkbox', value: nvram.qosl_enable == '1'},
 336                                 { title: 'Download rate', indent: 2, name: 'qosl_dlr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.qosl_dlr },
 337                                 { title: 'Download ceil', indent: 2, name: 'qosl_dlc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.qosl_dlc },
 338                                 { title: 'Upload rate', indent: 2, name: 'qosl_ulr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.qosl_ulr },
 339                                 { title: 'Upload ceil', indent: 2, name: 'qosl_ulc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.qosl_ulc },
 340                                 { title: 'TCP Limit', indent: 2, name: 'qosl_tcp', type: 'select', options:
 341                                         [['0', 'no limit'],
 342                                         ['1', '1'],
 343                                         ['2', '2'],
 344                                         ['5', '5'],
 345                                         ['10', '10'],
 346                                         ['20', '20'],
 347                                         ['50', '50'],
 348                                         ['100', '100'],
 349                                         ['200', '200'],
 350                                         ['500', '500'],
 351                                         ['1000', '1000']], value: nvram.qosl_tcp },
 352                                 { title: 'UDP limit', indent: 2, name: 'qosl_udp', type: 'select', options:
 353                                         [['0', 'no limit'],
 354                                         ['1', '1/s'],
 355                                         ['2', '2/s'],
 356                                         ['5', '5/s'],
 357                                         ['10', '10/s'],
 358                                         ['20', '20/s'],
 359                                         ['50', '50/s'],
 360                                         ['100', '100/s']], value: nvram.qosl_udp }
 361                         ]);
 362                 </script>
 363                 <div>
 364                         <ul>
 365                                 <li><b>Default Class</b> - IP / MAC's non included in the list will take the Default Rate/Ceiling setting
 366                                 <li><b>The bandwitdh will be shared by all unlisted hosts in br0</b>
 367                         </ul>
 368                 </div>
 369         </div>
 370
 371         <div class='section-title'>Default Class for LAN1 (br1)</div>
 372         <div class='section'>
 373                 <script type='text/javascript'>
 374                         createFieldTable('', [
 375                                 { title: 'Enable', name: 'f_limit_br1_enable', type: 'checkbox', value: nvram.limit_br1_enable == '1'},
 376                                 { title: 'Download rate', indent: 2, name: 'limit_br1_dlr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br1_dlr },
 377                                 { title: 'Download ceil', indent: 2, name: 'limit_br1_dlc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br1_dlc },
 378                                 { title: 'Upload rate', indent: 2, name: 'limit_br1_ulr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br1_ulr },
 379                                 { title: 'Upload ceil', indent: 2, name: 'limit_br1_ulc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br1_ulc },
 380                                 { title: 'Priority', indent: 2, name: 'limit_br1_prio', type: 'select', options:
 381                                         [['0','Highest'],['1','High'],['2','Normal'],['3','Low'],['4','Lowest']], value: nvram.limit_br1_prio }
 382                         ]);
 383                 </script>
 384                 <div>
 385                         <ul>
 386                                 <li><b>The bandwitdh will be shared by all hosts in br1.</b>
 387                         </ul>
 388                 </div>
 389         </div>
 390
 391         <div class='section-title'>Default Class for LAN2 (br2)</div>
 392         <div class='section'>
 393                 <script type='text/javascript'>
 394                         createFieldTable('', [
 395                                 { title: 'Enable', name: 'f_limit_br2_enable', type: 'checkbox', value: nvram.limit_br2_enable == '1'},
 396                                 { title: 'Download rate', indent: 2, name: 'limit_br2_dlr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br2_dlr },
 397                                 { title: 'Download ceil', indent: 2, name: 'limit_br2_dlc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br2_dlc },
 398                                 { title: 'Upload rate', indent: 2, name: 'limit_br2_ulr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br2_ulr },
 399                                 { title: 'Upload ceil', indent: 2, name: 'limit_br2_ulc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br2_ulc },
 400                                 { title: 'Priority', indent: 2, name: 'limit_br2_prio', type: 'select', options:
 401                                         [['0','Highest'],['1','High'],['2','Normal'],['3','Low'],['4','Lowest']], value: nvram.limit_br2_prio }
 402                         ]);
 403                 </script>
 404                 <div>
 405                         <ul>
 406                                 <li><b>The bandwitdh will be shared by all hosts in br2.</b>
 407                         </ul>
 408                 </div>
 409         </div>
 410
 411         <div class='section-title'>Default Class for LAN3 (br3)</div>
 412         <div class='section'>
 413                 <script type='text/javascript'>
 414                         createFieldTable('', [
 415                                 { title: 'Enable', name: 'f_limit_br3_enable', type: 'checkbox', value: nvram.limit_br3_enable == '1'},
 416                                 { title: 'Download rate', indent: 2, name: 'limit_br3_dlr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br3_dlr },
 417                                 { title: 'Download ceil', indent: 2, name: 'limit_br3_dlc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br3_dlc },
 418                                 { title: 'Upload rate', indent: 2, name: 'limit_br3_ulr', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br3_ulr },
 419                                 { title: 'Upload ceil', indent: 2, name: 'limit_br3_ulc', type: 'text', maxlen: 6, size: 8, suffix: ' <small>kbit/s</small>', value: nvram.limit_br3_ulc },
 420                                 { title: 'Priority', indent: 2, name: 'limit_br3_prio', type: 'select', options:
 421                                         [['0','Highest'],['1','High'],['2','Normal'],['3','Low'],['4','Lowest']], value: nvram.limit_br3_prio }
 422                         ]);
 423                 </script>
 424                 <div>
 425                         <ul>
 426                                 <li><b>The bandwitdh will be shared by all hosts in br3.</b>
 427                         </ul>
 428                 </div>
 429         </div>
 430 </div>
 431
 432 <!-- / / / -->
 433
 434 </td></tr>
 435 <tr><td id='footer' colspan=2>
 436         <span id='footer-msg'></span>
 437         <input type='button' value='Save' id='save-button' onclick='save()'>
 438         <input type='button' value='Cancel' id='cancel-button' onclick='reloadPage();'>
 439 </td></tr>
 440 </table>
 441 </form>
 442 <script type='text/javascript'>qosg.setup(); verifyFields(null, 1);</script>
 443 </body>
 444 </html>