release/src/router/www/advanced-routing.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(); %>] Advanced: Routing</title>
  15 <link rel='stylesheet' type='text/css' href='tomato.css'>
  16 <% css(); %>
  17 <script type='text/javascript' src='tomato.js'></script>
  18
  19 <!-- / / / -->
  20 <style type='text/css'>
  21 #ara-grid .co1, #ara-grid .co2, #ara-grid .co3 {
  22         width: 20%;
  23 }
  24 #ara-grid .co4 {
  25         width: 6%;
  26 }
  27 #ara-grid .co5 {
  28         width: 34%;
  29 }
  30
  31 #ars-grid .co1, #ars-grid .co2, #ars-grid .co3  {
  32         width: 20%;
  33 }
  34 #ars-grid .co4 {
  35         width: 6%;
  36 }
  37 #ars-grid .co5 {
  38         width: 10%;
  39 }
  40 #ars-grid .co6 {
  41         width: 24%;
  42 }
  43 </style>
  44
  45 <script type='text/javascript' src='debug.js'></script>
  46
  47 <script type='text/javascript'>
  48 // <% nvram("wk_mode,dr_setting,lan_stp,routes_static,dhcp_routes,lan_ifname,lan1_ifname,lan2_ifname,lan3_ifname,wan_ifname,wan_iface,emf_enable,dr_lan_rx,dr_lan1_rx,dr_lan2_rx,dr_lan3_rx,dr_wan_rx,wan_proto"); %>
  49 // <% activeroutes(); %>
  50
  51 var ara = new TomatoGrid();
  52
  53 ara.setup = function() {
  54         var i, a;
  55
  56         this.init('ara-grid', 'sort');
  57         this.headerSet(['Destination', 'Gateway / Next Hop', 'Subnet Mask', 'Metric', 'Interface']);
  58         for (i = 0; i < activeroutes.length; ++i) {
  59                 a = activeroutes[i];
  60                 if (a[0] == nvram.lan_ifname) a[0] += ' (LAN)';
  61                         else if (a[0] == nvram.lan1_ifname) a[0] += ' (LAN1)';
  62                         else if (a[0] == nvram.lan2_ifname) a[0] += ' (LAN2)';
  63                         else if (a[0] == nvram.lan3_ifname) a[0] += ' (LAN3)';
  64                         else if (a[0] == nvram.wan_iface) a[0] += ' (WAN)';
  65                         else if (a[0] == nvram.wan_ifname) a[0] += ' (MAN)';
  66                 this.insertData(-1, [a[1],a[2],a[3],a[4],a[0]]);
  67         }
  68 }
  69
  70
  71 var ars = new TomatoGrid();
  72
  73 ars.verifyFields = function(row, quiet) {
  74         var f = fields.getAll(row);
  75         f[5].value = f[5].value.replace('>', '_');
  76         return v_ip(f[0], quiet) && v_ip(f[1], quiet) && v_netmask(f[2], quiet) && v_range(f[3], quiet, 0, 10) && v_nodelim(f[5], quiet, 'Description');
  77 }
  78
  79 ars.setup = function() {
  80         this.init('ars-grid', '', 20, [
  81                 { type: 'text', maxlen: 15 }, { type: 'text', maxlen: 15 }, { type: 'text', maxlen: 15 },
  82                 { type: 'text', maxlen: 3 }, { type: 'select', options: [['LAN','LAN'],['LAN1','LAN1'],['LAN2','LAN2'],['LAN3','LAN3'],['WAN','WAN'],['MAN','MAN']] }, { type: 'text', maxlen: 32 }]);
  83         this.headerSet(['Destination', 'Gateway', 'Subnet Mask', 'Metric', 'Interface', 'Description']);
  84         var routes = nvram.routes_static.split('>');
  85         for (var i = 0; i < routes.length; ++i) {
  86                 var r;
  87                 if (r = routes[i].match(/^(.+)<(.+)<(.+)<(\d+)<(LAN|LAN1|LAN2|LAN3|WAN|MAN)<(.*)$/)) {
  88                         this.insertData(-1, [r[1], r[2], r[3], r[4], r[5],r[6]]);
  89                 }
  90         }
  91         this.showNewEditor();
  92         this.resetNewEditor();
  93 }
  94
  95 ars.resetNewEditor = function() {
  96         var i, e;
  97
  98         e = fields.getAll(this.newEditor);
  99
 100         if(nvram.lan_ifname.length < 1)
 101                 e[4].options[0].disabled=true;
 102         else
 103                 e[4].options[0].disabled=false;
 104         if(nvram.lan1_ifname.length < 1)
 105                 e[4].options[1].disabled=true;
 106         else
 107                 e[4].options[1].disabled=false;
 108         if(nvram.lan2_ifname.length < 1)
 109                 e[4].options[2].disabled=true;
 110         else
 111                 e[4].options[2].disabled=false;
 112         if(nvram.lan3_ifname.length < 1)
 113                 e[4].options[3].disabled=true;
 114         else
 115                 e[4].options[3].disabled=false;
 116
 117         ferror.clearAll(e);
 118         for (i = 0; i < e.length; ++i) {
 119                 var f = e[i];
 120                 if (f.selectedIndex) f.selectedIndex = 0;
 121                         else f.value = '';
 122         }
 123         try { if (e.length) e[0].focus(); } catch (er) { }
 124 }
 125
 126 function verifyFields(focused, quiet)
 127 {
 128         E('_f_dr_lan').disabled = (nvram.lan_ifname.length < 1);
 129         if (E('_f_dr_lan').disabled)
 130                 E('_f_dr_lan').checked = false;
 131         E('_f_dr_lan1').disabled = (nvram.lan1_ifname.length < 1);
 132         if (E('_f_dr_lan1').disabled)
 133                 E('_f_dr_lan1').checked = false;
 134         E('_f_dr_lan2').disabled = (nvram.lan2_ifname.length < 1);
 135         if (E('_f_dr_lan2').disabled)
 136                 E('_f_dr_lan2').checked = false;
 137         E('_f_dr_lan3').disabled = (nvram.lan3_ifname.length < 1);
 138         if (E('_f_dr_lan3').disabled)
 139                 E('_f_dr_lan3').checked = false;
 140         E('_f_dr_wan').disabled = (nvram.wan_proto.length == 'disabled');
 141         if (E('_f_dr_wan').disabled)
 142                 E('_f_dr_wan').checked = false;
 143         return 1;
 144 }
 145
 146 function save()
 147 {
 148         if (ars.isEditing()) return;
 149
 150         var fom = E('_fom');
 151         var data = ars.getAllData();
 152         var r = [];
 153         for (var i = 0; i < data.length; ++i) r.push(data[i].join('<'));
 154         fom.routes_static.value = r.join('>');
 155
 156 /* ZEBRA-BEGIN */
 157 /*
 158         var wan = '0';
 159         var lan = '0';
 160
 161         switch (E('_dr_setting').value) {
 162         case '1':
 163                 lan = '1 2';
 164                 break;
 165         case '2':
 166                 wan = '1 2';
 167                 break;
 168         case '3':
 169                 lan = '1 2';
 170                 wan = '1 2';
 171                 break;
 172         }
 173 */
 174         fom.dr_lan_tx.value = fom.dr_lan_rx.value = (E('_f_dr_lan').checked) ? '1 2' : '0';
 175         fom.dr_lan1_tx.value = fom.dr_lan1_rx.value = (E('_f_dr_lan1').checked) ? '1 2' : '0';
 176         fom.dr_lan2_tx.value = fom.dr_lan2_rx.value = (E('_f_dr_lan2').checked) ? '1 2' : '0';
 177         fom.dr_lan3_tx.value = fom.dr_lan3_rx.value = (E('_f_dr_lan3').checked) ? '1 2' : '0';
 178         fom.dr_wan_tx.value = fom.dr_wan_rx.value = (E('_f_dr_wan').checked) ? '1 2' : '0';
 179 /* ZEBRA-END */
 180
 181         fom.dhcp_routes.value = E('_f_dhcp_routes').checked ? '1' : '0';
 182         fom._service.value = (fom.dhcp_routes.value != nvram.dhcp_routes) ? 'wan-restart' : 'routing-restart';
 183
 184 /* EMF-BEGIN */
 185         fom.emf_enable.value = E('_f_emf').checked ? 1 : 0;
 186         if (fom.emf_enable.value != nvram.emf_enable) fom._service.value = '*';
 187 /* EMF-END */
 188
 189         form.submit(fom, 1);
 190 }
 191
 192 function submit_complete()
 193 {
 194         reloadPage();
 195 }
 196
 197 function earlyInit()
 198 {
 199         ara.setup();
 200         ars.setup();
 201 }
 202
 203 function init()
 204 {
 205         ara.recolor();
 206         ars.recolor();
 207 }
 208 </script>
 209 </head>
 210 <body onload='init()'>
 211 <form id='_fom' method='post' action='tomato.cgi'>
 212 <table id='container' cellspacing=0>
 213 <tr><td colspan=2 id='header'>
 214         <div class='title'>Tomato</div>
 215         <div class='version'>Version <% version(); %></div>
 216 </td></tr>
 217 <tr id='body'><td id='navi'><script type='text/javascript'>navi()</script></td>
 218 <td id='content'>
 219 <div id='ident'><% ident(); %></div>
 220
 221 <!-- / / / -->
 222
 223 <input type='hidden' name='_nextpage' value='advanced-routing.asp'>
 224 <input type='hidden' name='_service' value='routing-restart'>
 225
 226 <input type='hidden' name='routes_static'>
 227 <input type='hidden' name='dhcp_routes'>
 228 <input type='hidden' name='emf_enable'>
 229 <input type='hidden' name='dr_lan_tx'>
 230 <input type='hidden' name='dr_lan_rx'>
 231 <input type='hidden' name='dr_lan1_tx'>
 232 <input type='hidden' name='dr_lan1_rx'>
 233 <input type='hidden' name='dr_lan2_tx'>
 234 <input type='hidden' name='dr_lan2_rx'>
 235 <input type='hidden' name='dr_lan3_tx'>
 236 <input type='hidden' name='dr_lan3_rx'>
 237 <input type='hidden' name='dr_wan_tx'>
 238 <input type='hidden' name='dr_wan_rx'>
 239
 240 <div class='section-title'>Current Routing Table</div>
 241 <div class='section'>
 242         <table class='tomato-grid' id='ara-grid'></table>
 243 </div>
 244
 245 <div class='section-title'>Static Routing Table</div>
 246 <div class='section'>
 247         <table class='tomato-grid' id='ars-grid'></table>
 248 </div>
 249
 250 <div class='section-title'>Miscellaneous</div>
 251 <div class='section'>
 252 <script type='text/javascript'>
 253 createFieldTable('', [
 254         { title: 'Mode', name: 'wk_mode', type: 'select', options: [['gateway','Gateway'],['router','Router']], value: nvram.wk_mode },
 255 /* ZEBRA-BEGIN */
 256         { title: 'RIPv1 &amp; v2' },
 257         { title: 'LAN', indent: 2, name: 'f_dr_lan', type: 'checkbox', value: ((nvram.dr_lan_rx != '0') && (nvram.dr_lan_rx != '')) },
 258         { title: 'LAN1', indent: 2, name: 'f_dr_lan1', type: 'checkbox', value: ((nvram.dr_lan1_rx != '0') && (nvram.dr_lan1_rx != '')) },
 259         { title: 'LAN2', indent: 2, name: 'f_dr_lan2', type: 'checkbox', value: ((nvram.dr_lan2_rx != '0') && (nvram.dr_lan2_rx != '')) },
 260         { title: 'LAN3', indent: 2, name: 'f_dr_lan3', type: 'checkbox', value: ((nvram.dr_lan3_rx != '0') && (nvram.dr_lan3_rx != '')) },
 261         { title: 'WAN', indent: 2, name: 'f_dr_wan', type: 'checkbox', value: ((nvram.dr_wan_rx != '0') && (nvram.dr_wan_rx != '')) },
 262 /* ZEBRA-END */
 263 /* EMF-BEGIN */
 264         { title: 'Efficient Multicast Forwarding', name: 'f_emf', type: 'checkbox', value: nvram.emf_enable != '0' },
 265 /* EMF-END */
 266         { title: 'DHCP Routes', name: 'f_dhcp_routes', type: 'checkbox', value: nvram.dhcp_routes != '0' },
 267 //      { title: 'Spanning-Tree Protocol', name: 'f_stp', type: 'checkbox', value: nvram.lan_stp != '0' }
 268 ]);
 269 </script>
 270 </div>
 271
 272
 273 <!-- / / / -->
 274
 275 </td></tr>
 276 <tr><td id='footer' colspan=2>
 277         <span id='footer-msg'></span>
 278         <input type='button' value='Save' id='save-button' onclick='save()'>
 279         <input type='button' value='Cancel' id='cancel-button' onclick='reloadPage();'>
 280 </td></tr>
 281 </table>
 282 </form>
 283 <script type='text/javascript'>earlyInit(); verifyFields(null, 1);</script>
 284 </body>
 285 </html>
 286