modules/luci-mod-network/htdocs/luci-static/resources/view/network/wireless.js

   1 'use strict';
   2 'require view';
   3 'require dom';
   4 'require poll';
   5 'require fs';
   6 'require ui';
   7 'require rpc';
   8 'require uci';
   9 'require form';
  10 'require network';
  11 'require firewall';
  12 'require tools.widgets as widgets';
  13
  14 var isReadonlyView = !L.hasViewPermission();
  15
  16 function count_changes(section_id) {
  17         var changes = ui.changes.changes, n = 0;
  18
  19         if (!L.isObject(changes))
  20                 return n;
  21
  22         if (Array.isArray(changes.wireless))
  23                 for (var i = 0; i < changes.wireless.length; i++)
  24                         n += (changes.wireless[i][1] == section_id);
  25
  26         return n;
  27 }
  28
  29 function render_radio_badge(radioDev) {
  30         return E('span', { 'class': 'ifacebadge' }, [
  31                 E('img', { 'src': L.resource('icons/wifi%s.png').format(radioDev.isUp() ? '' : '_disabled') }),
  32                 ' ',
  33                 radioDev.getName()
  34         ]);
  35 }
  36
  37 function render_signal_badge(signalPercent, signalValue, noiseValue, wrap, mode) {
  38         var icon, title, value;
  39
  40         if (signalPercent < 0)
  41                 icon = L.resource('icons/signal-none.png');
  42         else if (signalPercent == 0)
  43                 icon = L.resource('icons/signal-0.png');
  44         else if (signalPercent < 25)
  45                 icon = L.resource('icons/signal-0-25.png');
  46         else if (signalPercent < 50)
  47                 icon = L.resource('icons/signal-25-50.png');
  48         else if (signalPercent < 75)
  49                 icon = L.resource('icons/signal-50-75.png');
  50         else
  51                 icon = L.resource('icons/signal-75-100.png');
  52
  53         if (signalValue != null && signalValue != 0) {
  54                 if (noiseValue != null && noiseValue != 0) {
  55                         value = '%d/%d\xa0%s'.format(signalValue, noiseValue, _('dBm'));
  56                         title = '%s: %d %s / %s: %d %s / %s %d'.format(
  57                                 _('Signal'), signalValue, _('dBm'),
  58                                 _('Noise'), noiseValue, _('dBm'),
  59                                 _('SNR'), signalValue - noiseValue);
  60                 }
  61                 else {
  62                         value = '%d\xa0%s'.format(signalValue, _('dBm'));
  63                         title = '%s: %d %s'.format(_('Signal'), signalValue, _('dBm'));
  64                 }
  65         }
  66         else if (signalPercent > -1) {
  67                 switch (mode) {
  68                         case 'ap':
  69                                 title = _('No client associated');
  70                                 break;
  71
  72                         case 'sta':
  73                         case 'adhoc':
  74                         case 'mesh':
  75                                 title = _('Not associated');
  76                                 break;
  77
  78                         default:
  79                                 title = _('No RX signal');
  80                 }
  81
  82                 if (noiseValue != null && noiseValue != 0) {
  83                         value = '---/%d\x0a%s'.format(noiseValue, _('dBm'));
  84                         title = '%s / %s: %d %s'.format(title, _('Noise'), noiseValue, _('dBm'));
  85                 }
  86                 else {
  87                         value = '---\xa0%s'.format(_('dBm'));
  88                 }
  89         }
  90         else {
  91                 value = E('em', {}, E('small', {}, [ _('disabled') ]));
  92                 title = _('Interface is disabled');
  93         }
  94
  95         return E('div', {
  96                 'class': wrap ? 'center' : 'ifacebadge',
  97                 'title': title,
  98                 'data-signal': signalValue,
  99                 'data-noise': noiseValue
 100         }, [
 101                 E('img', { 'src': icon }),
 102                 E('span', {}, [
 103                         wrap ? E('br') : ' ',
 104                         value
 105                 ])
 106         ]);
 107 }
 108
 109 function render_network_badge(radioNet) {
 110         return render_signal_badge(
 111                 radioNet.isUp() ? radioNet.getSignalPercent() : -1,
 112                 radioNet.getSignal(), radioNet.getNoise(), false, radioNet.getMode());
 113 }
 114
 115 function render_radio_status(radioDev, wifiNets) {
 116         var name = radioDev.getI18n().replace(/ Wireless Controller .+$/, ''),
 117             node = E('div', [ E('big', {}, E('strong', {}, name)), E('div') ]),
 118             channel, frequency, bitrate;
 119
 120         for (var i = 0; i < wifiNets.length; i++) {
 121                 channel   = channel   || wifiNets[i].getChannel();
 122                 frequency = frequency || wifiNets[i].getFrequency();
 123                 bitrate   = bitrate   || wifiNets[i].getBitRate();
 124         }
 125
 126         if (radioDev.isUp())
 127                 L.itemlist(node.lastElementChild, [
 128                         _('Channel'), '%s (%s %s)'.format(channel || '?', frequency || '?', _('GHz')),
 129                         _('Bitrate'), '%s %s'.format(bitrate || '?', _('Mbit/s'))
 130                 ], ' | ');
 131         else
 132                 node.lastElementChild.appendChild(E('em', _('Device is not active')));
 133
 134         return node;
 135 }
 136
 137 function render_network_status(radioNet) {
 138         var mode = radioNet.getActiveMode(),
 139             bssid = radioNet.getActiveBSSID(),
 140             channel = radioNet.getChannel(),
 141             disabled = (radioNet.get('disabled') == '1' || uci.get('wireless', radioNet.getWifiDeviceName(), 'disabled') == '1'),
 142             is_assoc = (bssid && bssid != '00:00:00:00:00:00' && channel && mode != 'Unknown' && !disabled),
 143             is_mesh = (radioNet.getMode() == 'mesh'),
 144             changecount = count_changes(radioNet.getName()),
 145             status_text = null;
 146
 147         if (changecount)
 148                 status_text = E('a', {
 149                         href: '#',
 150                         click: L.bind(ui.changes.displayChanges, ui.changes)
 151                 }, _('Interface has %d pending changes').format(changecount));
 152         else if (!is_assoc)
 153                 status_text = E('em', disabled ? _('Wireless is disabled') : _('Wireless is not associated'));
 154
 155         return L.itemlist(E('div'), [
 156                 is_mesh ? _('Mesh ID') : _('SSID'), (is_mesh ? radioNet.getMeshID() : radioNet.getSSID()) || '?',
 157                 _('Mode'),       mode,
 158                 _('BSSID'),      (!changecount && is_assoc) ? bssid : null,
 159                 _('Encryption'), (!changecount && is_assoc) ? radioNet.getActiveEncryption() || _('None') : null,
 160                 null,            status_text
 161         ], [ ' | ', E('br') ]);
 162 }
 163
 164 function render_modal_status(node, radioNet) {
 165         var mode = radioNet.getActiveMode(),
 166             noise = radioNet.getNoise(),
 167             bssid = radioNet.getActiveBSSID(),
 168             channel = radioNet.getChannel(),
 169             disabled = (radioNet.get('disabled') == '1'),
 170             is_assoc = (bssid && bssid != '00:00:00:00:00:00' && channel && mode != 'Unknown' && !disabled);
 171
 172         if (node == null)
 173                 node = E('span', { 'class': 'ifacebadge large', 'data-network': radioNet.getName() }, [ E('small'), E('span') ]);
 174
 175         dom.content(node.firstElementChild, render_signal_badge(
 176                 disabled ? -1 : radioNet.getSignalPercent(),
 177                 radioNet.getSignal(), noise, true, radioNet.getMode()));
 178
 179         L.itemlist(node.lastElementChild, [
 180                 _('Mode'),       mode,
 181                 _('SSID'),       radioNet.getSSID() || '?',
 182                 _('BSSID'),      is_assoc ? bssid : null,
 183                 _('Encryption'), is_assoc ? radioNet.getActiveEncryption() || _('None') : null,
 184                 _('Channel'),    is_assoc ? '%d (%.3f %s)'.format(radioNet.getChannel(), radioNet.getFrequency() || 0, _('GHz')) : null,
 185                 _('Tx-Power'),   is_assoc ? '%d %s'.format(radioNet.getTXPower(), _('dBm')) : null,
 186                 _('Signal'),     is_assoc ? '%d %s'.format(radioNet.getSignal(), _('dBm')) : null,
 187                 _('Noise'),      (is_assoc && noise != null) ? '%d %s'.format(noise, _('dBm')) : null,
 188                 _('Bitrate'),    is_assoc ? '%.1f %s'.format(radioNet.getBitRate() || 0, _('Mbit/s')) : null,
 189                 _('Country'),    is_assoc ? radioNet.getCountryCode() : null
 190         ], [ ' | ', E('br'), E('br'), E('br'), E('br'), E('br'), ' | ', E('br'), ' | ' ]);
 191
 192         if (!is_assoc)
 193                 dom.append(node.lastElementChild, E('em', disabled ? _('Wireless is disabled') : _('Wireless is not associated')));
 194
 195         return node;
 196 }
 197
 198 function format_wifirate(rate) {
 199         var s = '%.1f\xa0%s, %d\xa0%s'.format(rate.rate / 1000, _('Mbit/s'), rate.mhz, _('MHz')),
 200             ht = rate.ht, vht = rate.vht,
 201             mhz = rate.mhz, nss = rate.nss,
 202             mcs = rate.mcs, sgi = rate.short_gi,
 203             he = rate.he, he_gi = rate.he_gi,
 204             he_dcm = rate.he_dcm;
 205
 206         if (ht || vht) {
 207                 if (vht) s += ', VHT-MCS\xa0%d'.format(mcs);
 208                 if (nss) s += ', VHT-NSS\xa0%d'.format(nss);
 209                 if (ht)  s += ', MCS\xa0%s'.format(mcs);
 210                 if (sgi) s += ', ' + _('Short GI').replace(/ /g, '\xa0');
 211         }
 212
 213         if (he) {
 214                 s += ', HE-MCS\xa0%d'.format(mcs);
 215                 if (nss) s += ', HE-NSS\xa0%d'.format(nss);
 216                 if (he_gi) s += ', HE-GI\xa0%d'.format(he_gi);
 217                 if (he_dcm) s += ', HE-DCM\xa0%d'.format(he_dcm);
 218         }
 219
 220         return s;
 221 }
 222
 223 function radio_restart(id, ev) {
 224         var row = document.querySelector('.cbi-section-table-row[data-sid="%s"]'.format(id)),
 225             dsc = row.querySelector('[data-name="_stat"] > div'),
 226             btn = row.querySelector('.cbi-section-actions button');
 227
 228         btn.blur();
 229         btn.classList.add('spinning');
 230         btn.disabled = true;
 231
 232         dsc.setAttribute('restart', '');
 233         dom.content(dsc, E('em', _('Device is restarting…')));
 234 }
 235
 236 function network_updown(id, map, ev) {
 237         var radio = uci.get('wireless', id, 'device'),
 238             disabled = (uci.get('wireless', id, 'disabled') == '1') ||
 239                        (uci.get('wireless', radio, 'disabled') == '1');
 240
 241         if (disabled) {
 242                 uci.unset('wireless', id, 'disabled');
 243                 uci.unset('wireless', radio, 'disabled');
 244         }
 245         else {
 246                 uci.set('wireless', id, 'disabled', '1');
 247
 248                 var all_networks_disabled = true,
 249                     wifi_ifaces = uci.sections('wireless', 'wifi-iface');
 250
 251                 for (var i = 0; i < wifi_ifaces.length; i++) {
 252                         if (wifi_ifaces[i].device == radio && wifi_ifaces[i].disabled != '1') {
 253                                 all_networks_disabled = false;
 254                                 break;
 255                         }
 256                 }
 257
 258                 if (all_networks_disabled)
 259                         uci.set('wireless', radio, 'disabled', '1');
 260         }
 261
 262         return map.save().then(function() {
 263                 ui.changes.apply()
 264         });
 265 }
 266
 267 function next_free_sid(offset) {
 268         var sid = 'wifinet' + offset;
 269
 270         while (uci.get('wireless', sid))
 271                 sid = 'wifinet' + (++offset);
 272
 273         return sid;
 274 }
 275
 276 function add_dependency_permutations(o, deps) {
 277         var res = null;
 278
 279         for (var key in deps) {
 280                 if (!deps.hasOwnProperty(key) || !Array.isArray(deps[key]))
 281                         continue;
 282
 283                 var list = deps[key],
 284                     tmp = [];
 285
 286                 for (var j = 0; j < list.length; j++) {
 287                         for (var k = 0; k < (res ? res.length : 1); k++) {
 288                                 var item = (res ? Object.assign({}, res[k]) : {});
 289                                 item[key] = list[j];
 290                                 tmp.push(item);
 291                         }
 292                 }
 293
 294                 res = tmp;
 295         }
 296
 297         for (var i = 0; i < (res ? res.length : 0); i++)
 298                 o.depends(res[i]);
 299 }
 300
 301 var CBIWifiFrequencyValue = form.Value.extend({
 302         callFrequencyList: rpc.declare({
 303                 object: 'iwinfo',
 304                 method: 'freqlist',
 305                 params: [ 'device' ],
 306                 expect: { results: [] }
 307         }),
 308
 309         load: function(section_id) {
 310                 return Promise.all([
 311                         network.getWifiDevice(section_id),
 312                         this.callFrequencyList(section_id)
 313                 ]).then(L.bind(function(data) {
 314                         this.channels = {
 315                                 '2g': L.hasSystemFeature('hostapd', 'acs') ? [ 'auto', 'auto', true ] : [],
 316                                 '5g': L.hasSystemFeature('hostapd', 'acs') ? [ 'auto', 'auto', true ] : [],
 317                                 '6g': [],
 318                                 '60g': []
 319                         };
 320
 321                         for (var i = 0; i < data[1].length; i++) {
 322                                 var band;
 323
 324                                 if (data[1][i].mhz >= 2412 && data[1][i].mhz <= 2484)
 325                                         band = '2g';
 326                                 else if (data[1][i].mhz >= 5160 && data[1][i].mhz <= 5885)
 327                                         band = '5g';
 328                                 else if (data[1][i].mhz >= 5925 && data[1][i].mhz <= 7125)
 329                                         band = '6g';
 330                                 else if (data[1][i].mhz >= 58320 && data[1][i].mhz <= 69120)
 331                                         band = '60g';
 332                                 else
 333                                         continue;
 334
 335                                 this.channels[band].push(
 336                                         data[1][i].channel,
 337                                         '%d (%d Mhz)'.format(data[1][i].channel, data[1][i].mhz),
 338                                         !data[1][i].restricted
 339                                 );
 340                         }
 341
 342                         var hwmodelist = L.toArray(data[0] ? data[0].getHWModes() : null)
 343                                 .reduce(function(o, v) { o[v] = true; return o }, {});
 344
 345                         this.modes = [
 346                                 '', 'Legacy', true,
 347                                 'n', 'N', hwmodelist.n,
 348                                 'ac', 'AC', hwmodelist.ac,
 349                                 'ax', 'AX', hwmodelist.ax
 350                         ];
 351
 352                         var htmodelist = L.toArray(data[0] ? data[0].getHTModes() : null)
 353                                 .reduce(function(o, v) { o[v] = true; return o }, {});
 354
 355                         this.htmodes = {
 356                                 '': [ '', '-', true ],
 357                                 'n': [
 358                                         'HT20', '20 MHz', htmodelist.HT20,
 359                                         'HT40', '40 MHz', htmodelist.HT40
 360                                 ],
 361                                 'ac': [
 362                                         'VHT20', '20 MHz', htmodelist.VHT20,
 363                                         'VHT40', '40 MHz', htmodelist.VHT40,
 364                                         'VHT80', '80 MHz', htmodelist.VHT80,
 365                                         'VHT160', '160 MHz', htmodelist.VHT160
 366                                 ],
 367                                 'ax': [
 368                                         'HE20', '20 MHz', htmodelist.HE20,
 369                                         'HE40', '40 MHz', htmodelist.HE40,
 370                                         'HE80', '80 MHz', htmodelist.HE80,
 371                                         'HE160', '160 MHz', htmodelist.HE160
 372                                 ]
 373                         };
 374
 375                         this.bands = {
 376                                 '': [
 377                                         '2g', '2.4 GHz', this.channels['2g'].length > 3,
 378                                         '5g', '5 GHz', this.channels['5g'].length > 3,
 379                                         '60g', '60 GHz', this.channels['60g'].length > 0
 380                                 ],
 381                                 'n': [
 382                                         '2g', '2.4 GHz', this.channels['2g'].length > 3,
 383                                         '5g', '5 GHz', this.channels['5g'].length > 3
 384                                 ],
 385                                 'ac': [
 386                                         '5g', '5 GHz', true
 387                                 ],
 388                                 'ax': [
 389                                         '2g', '2.4 GHz', this.channels['2g'].length > 3,
 390                                         '5g', '5 GHz', this.channels['5g'].length > 3
 391                                 ]
 392                         };
 393                 }, this));
 394         },
 395
 396         setValues: function(sel, vals) {
 397                 if (sel.vals)
 398                         sel.vals.selected = sel.selectedIndex;
 399
 400                 while (sel.options[0])
 401                         sel.remove(0);
 402
 403                 for (var i = 0; vals && i < vals.length; i += 3)
 404                         if (vals[i+2])
 405                                 sel.add(E('option', { value: vals[i+0] }, [ vals[i+1] ]));
 406
 407                 if (vals && !isNaN(vals.selected))
 408                         sel.selectedIndex = vals.selected;
 409
 410                 sel.parentNode.style.display = (sel.options.length <= 1) ? 'none' : '';
 411                 sel.vals = vals;
 412         },
 413
 414         toggleWifiMode: function(elem) {
 415                 this.toggleWifiHTMode(elem);
 416                 this.toggleWifiBand(elem);
 417         },
 418
 419         toggleWifiHTMode: function(elem) {
 420                 var mode = elem.querySelector('.mode');
 421                 var bwdt = elem.querySelector('.htmode');
 422
 423                 this.setValues(bwdt, this.htmodes[mode.value]);
 424         },
 425
 426         toggleWifiBand: function(elem) {
 427                 var mode = elem.querySelector('.mode');
 428                 var band = elem.querySelector('.band');
 429
 430                 this.setValues(band, this.bands[mode.value]);
 431                 this.toggleWifiChannel(elem);
 432
 433                 this.map.checkDepends();
 434         },
 435
 436         toggleWifiChannel: function(elem) {
 437                 var band = elem.querySelector('.band');
 438                 var chan = elem.querySelector('.channel');
 439
 440                 this.setValues(chan, this.channels[band.value]);
 441         },
 442
 443         setInitialValues: function(section_id, elem) {
 444                 var mode = elem.querySelector('.mode'),
 445                     band = elem.querySelector('.band'),
 446                     chan = elem.querySelector('.channel'),
 447                     bwdt = elem.querySelector('.htmode'),
 448                     htval = uci.get('wireless', section_id, 'htmode'),
 449                     hwval = uci.get('wireless', section_id, 'hwmode'),
 450                     chval = uci.get('wireless', section_id, 'channel'),
 451                     bandval = uci.get('wireless', section_id, 'band');
 452
 453                 this.setValues(mode, this.modes);
 454
 455                 if (/HE20|HE40|HE80|HE160/.test(htval))
 456                         mode.value = 'ax';
 457                 else if (/VHT20|VHT40|VHT80|VHT160/.test(htval))
 458                         mode.value = 'ac';
 459                 else if (/HT20|HT40/.test(htval))
 460                         mode.value = 'n';
 461                 else
 462                         mode.value = '';
 463
 464                 this.toggleWifiMode(elem);
 465
 466                 if (hwval != null) {
 467                         this.useBandOption = false;
 468
 469                         if (/a/.test(hwval))
 470                                 band.value = '5g';
 471                         else
 472                                 band.value = '2g';
 473                 }
 474                 else {
 475                         this.useBandOption = true;
 476
 477                         band.value = bandval;
 478                 }
 479
 480                 this.toggleWifiBand(elem);
 481
 482                 bwdt.value = htval;
 483                 chan.value = chval || chan.options[0].value;
 484
 485                 return elem;
 486         },
 487
 488         renderWidget: function(section_id, option_index, cfgvalue) {
 489                 var elem = E('div');
 490
 491                 dom.content(elem, [
 492                         E('label', { 'style': 'float:left; margin-right:3px' }, [
 493                                 _('Mode'), E('br'),
 494                                 E('select', {
 495                                         'class': 'mode',
 496                                         'style': 'width:auto',
 497                                         'change': L.bind(this.toggleWifiMode, this, elem),
 498                                         'disabled': (this.disabled != null) ? this.disabled : this.map.readonly
 499                                 })
 500                         ]),
 501                         E('label', { 'style': 'float:left; margin-right:3px' }, [
 502                                 _('Band'), E('br'),
 503                                 E('select', {
 504                                         'class': 'band',
 505                                         'style': 'width:auto',
 506                                         'change': L.bind(this.toggleWifiBand, this, elem),
 507                                         'disabled': (this.disabled != null) ? this.disabled : this.map.readonly
 508                                 })
 509                         ]),
 510                         E('label', { 'style': 'float:left; margin-right:3px' }, [
 511                                 _('Channel'), E('br'),
 512                                 E('select', {
 513                                         'class': 'channel',
 514                                         'style': 'width:auto',
 515                                         'change': L.bind(this.map.checkDepends, this.map),
 516                                         'disabled': (this.disabled != null) ? this.disabled : this.map.readonly
 517                                 })
 518                         ]),
 519                         E('label', { 'style': 'float:left; margin-right:3px' }, [
 520                                 _('Width'), E('br'),
 521                                 E('select', {
 522                                         'class': 'htmode',
 523                                         'style': 'width:auto',
 524                                         'change': L.bind(this.map.checkDepends, this.map),
 525                                         'disabled': (this.disabled != null) ? this.disabled : this.map.readonly
 526                                 })
 527                         ]),
 528                         E('br', { 'style': 'clear:left' })
 529                 ]);
 530
 531                 return this.setInitialValues(section_id, elem);
 532         },
 533
 534         cfgvalue: function(section_id) {
 535                 return [
 536                     uci.get('wireless', section_id, 'htmode'),
 537                     uci.get('wireless', section_id, 'hwmode') || uci.get('wireless', section_id, 'band'),
 538                     uci.get('wireless', section_id, 'channel')
 539                 ];
 540         },
 541
 542         formvalue: function(section_id) {
 543                 var node = this.map.findElement('data-field', this.cbid(section_id));
 544
 545                 return [
 546                     node.querySelector('.htmode').value,
 547                     node.querySelector('.band').value,
 548                         node.querySelector('.channel').value
 549                 ];
 550         },
 551
 552         write: function(section_id, value) {
 553                 uci.set('wireless', section_id, 'htmode', value[0] || null);
 554
 555                 if (this.useBandOption)
 556                         uci.set('wireless', section_id, 'band', value[1]);
 557                 else
 558                         uci.set('wireless', section_id, 'hwmode', (value[1] == '2g') ? '11g' : '11a');
 559
 560                 uci.set('wireless', section_id, 'channel', value[2]);
 561         }
 562 });
 563
 564 var CBIWifiTxPowerValue = form.ListValue.extend({
 565         callTxPowerList: rpc.declare({
 566                 object: 'iwinfo',
 567                 method: 'txpowerlist',
 568                 params: [ 'device' ],
 569                 expect: { results: [] }
 570         }),
 571
 572         load: function(section_id) {
 573                 return this.callTxPowerList(section_id).then(L.bind(function(pwrlist) {
 574                         this.powerval = this.wifiNetwork ? this.wifiNetwork.getTXPower() : null;
 575                         this.poweroff = this.wifiNetwork ? this.wifiNetwork.getTXPowerOffset() : null;
 576
 577                         this.value('', _('driver default'));
 578
 579                         for (var i = 0; i < pwrlist.length; i++)
 580                                 this.value(pwrlist[i].dbm, '%d dBm (%d mW)'.format(pwrlist[i].dbm, pwrlist[i].mw));
 581
 582                         return form.ListValue.prototype.load.apply(this, [section_id]);
 583                 }, this));
 584         },
 585
 586         renderWidget: function(section_id, option_index, cfgvalue) {
 587                 var widget = form.ListValue.prototype.renderWidget.apply(this, [section_id, option_index, cfgvalue]);
 588                     widget.firstElementChild.style.width = 'auto';
 589
 590                 dom.append(widget, E('span', [
 591                         ' - ', _('Current power'), ': ',
 592                         E('span', [ this.powerval != null ? '%d dBm'.format(this.powerval) : E('em', _('unknown')) ]),
 593                         this.poweroff ? ' + %d dB offset = %s dBm'.format(this.poweroff, this.powerval != null ? this.powerval + this.poweroff : '?') : ''
 594                 ]));
 595
 596                 return widget;
 597         }
 598 });
 599
 600 var CBIWifiCountryValue = form.Value.extend({
 601         callCountryList: rpc.declare({
 602                 object: 'iwinfo',
 603                 method: 'countrylist',
 604                 params: [ 'device' ],
 605                 expect: { results: [] }
 606         }),
 607
 608         load: function(section_id) {
 609                 return this.callCountryList(section_id).then(L.bind(function(countrylist) {
 610                         if (Array.isArray(countrylist) && countrylist.length > 0) {
 611                                 this.value('', _('driver default'));
 612
 613                                 for (var i = 0; i < countrylist.length; i++)
 614                                         this.value(countrylist[i].iso3166, '%s - %s'.format(countrylist[i].iso3166, countrylist[i].country));
 615                         }
 616
 617                         return form.Value.prototype.load.apply(this, [section_id]);
 618                 }, this));
 619         },
 620
 621         validate: function(section_id, formvalue) {
 622                 if (formvalue != null && formvalue != '' && !/^[A-Z0-9][A-Z0-9]$/.test(formvalue))
 623                         return _('Use ISO/IEC 3166 alpha2 country codes.');
 624
 625                 return true;
 626         },
 627
 628         renderWidget: function(section_id, option_index, cfgvalue) {
 629                 var typeClass = (this.keylist && this.keylist.length) ? form.ListValue : form.Value;
 630                 return typeClass.prototype.renderWidget.apply(this, [section_id, option_index, cfgvalue]);
 631         }
 632 });
 633
 634 return view.extend({
 635         poll_status: function(map, data) {
 636                 var rows = map.querySelectorAll('.cbi-section-table-row[data-sid]');
 637
 638                 for (var i = 0; i < rows.length; i++) {
 639                         var section_id = rows[i].getAttribute('data-sid'),
 640                             radioDev = data[1].filter(function(d) { return d.getName() == section_id })[0],
 641                             radioNet = data[2].filter(function(n) { return n.getName() == section_id })[0],
 642                             badge = rows[i].querySelector('[data-name="_badge"] > div'),
 643                             stat = rows[i].querySelector('[data-name="_stat"]'),
 644                             btns = rows[i].querySelectorAll('.cbi-section-actions button'),
 645                             busy = btns[0].classList.contains('spinning') || btns[1].classList.contains('spinning') || btns[2].classList.contains('spinning');
 646
 647                         if (radioDev) {
 648                                 dom.content(badge, render_radio_badge(radioDev));
 649                                 dom.content(stat, render_radio_status(radioDev, data[2].filter(function(n) { return n.getWifiDeviceName() == radioDev.getName() })));
 650                         }
 651                         else {
 652                                 dom.content(badge, render_network_badge(radioNet));
 653                                 dom.content(stat, render_network_status(radioNet));
 654                         }
 655
 656                         if (stat.hasAttribute('restart'))
 657                                 dom.content(stat, E('em', _('Device is restarting…')));
 658
 659                         btns[0].disabled = isReadonlyView || busy;
 660                         btns[1].disabled = (isReadonlyView && radioDev) || busy;
 661                         btns[2].disabled = isReadonlyView || busy;
 662                 }
 663
 664                 var table = document.querySelector('#wifi_assoclist_table'),
 665                     hosts = data[0],
 666                     trows = [];
 667
 668                 for (var i = 0; i < data[3].length; i++) {
 669                         var bss = data[3][i],
 670                             name = hosts.getHostnameByMACAddr(bss.mac),
 671                             ipv4 = hosts.getIPAddrByMACAddr(bss.mac),
 672                             ipv6 = hosts.getIP6AddrByMACAddr(bss.mac);
 673
 674                         var hint;
 675
 676                         if (name && ipv4 && ipv6)
 677                                 hint = '%s <span class="hide-xs">(%s, %s)</span>'.format(name, ipv4, ipv6);
 678                         else if (name && (ipv4 || ipv6))
 679                                 hint = '%s <span class="hide-xs">(%s)</span>'.format(name, ipv4 || ipv6);
 680                         else
 681                                 hint = name || ipv4 || ipv6 || '?';
 682
 683                         var row = [
 684                                 E('span', {
 685                                         'class': 'ifacebadge',
 686                                         'data-ifname': bss.network.getIfname(),
 687                                         'data-ssid': bss.network.getSSID()
 688                                 }, [
 689                                         E('img', {
 690                                                 'src': L.resource('icons/wifi%s.png').format(bss.network.isUp() ? '' : '_disabled'),
 691                                                 'title': bss.radio.getI18n()
 692                                         }),
 693                                         E('span', [
 694                                                 ' %s '.format(bss.network.getShortName()),
 695                                                 E('small', '(%s)'.format(bss.network.getIfname()))
 696                                         ])
 697                                 ]),
 698                                 bss.mac,
 699                                 hint,
 700                                 render_signal_badge(Math.min((bss.signal + 110) / 70 * 100, 100), bss.signal, bss.noise),
 701                                 E('span', {}, [
 702                                         E('span', format_wifirate(bss.rx)),
 703                                         E('br'),
 704                                         E('span', format_wifirate(bss.tx))
 705                                 ])
 706                         ];
 707
 708                         if (bss.network.isClientDisconnectSupported()) {
 709                                 if (table.firstElementChild.childNodes.length < 6)
 710                                         table.firstElementChild.appendChild(E('th', { 'class': 'th cbi-section-actions'}));
 711
 712                                 row.push(E('button', {
 713                                         'class': 'cbi-button cbi-button-remove',
 714                                         'click': L.bind(function(net, mac, ev) {
 715                                                 dom.parent(ev.currentTarget, '.tr').style.opacity = 0.5;
 716                                                 ev.currentTarget.classList.add('spinning');
 717                                                 ev.currentTarget.disabled = true;
 718                                                 ev.currentTarget.blur();
 719
 720                                                 net.disconnectClient(mac, true, 5, 60000);
 721                                         }, this, bss.network, bss.mac),
 722                                         'disabled': isReadonlyView || null
 723                                 }, [ _('Disconnect') ]));
 724                         }
 725                         else {
 726                                 row.push('-');
 727                         }
 728
 729                         trows.push(row);
 730                 }
 731
 732                 cbi_update_table(table, trows, E('em', _('No information available')));
 733
 734                 var stat = document.querySelector('.cbi-modal [data-name="_wifistat_modal"] .ifacebadge.large');
 735
 736                 if (stat)
 737                         render_modal_status(stat, data[2].filter(function(n) { return n.getName() == stat.getAttribute('data-network') })[0]);
 738
 739                 return network.flushCache();
 740         },
 741
 742         load: function() {
 743                 return Promise.all([
 744                         uci.changes(),
 745                         uci.load('wireless')
 746                 ]);
 747         },
 748
 749         checkAnonymousSections: function() {
 750                 var wifiIfaces = uci.sections('wireless', 'wifi-iface');
 751
 752                 for (var i = 0; i < wifiIfaces.length; i++)
 753                         if (wifiIfaces[i]['.anonymous'])
 754                                 return true;
 755
 756                 return false;
 757         },
 758
 759         callUciRename: rpc.declare({
 760                 object: 'uci',
 761                 method: 'rename',
 762                 params: [ 'config', 'section', 'name' ]
 763         }),
 764
 765         render: function() {
 766                 if (this.checkAnonymousSections())
 767                         return this.renderMigration();
 768                 else
 769                         return this.renderOverview();
 770         },
 771
 772         handleMigration: function(ev) {
 773                 var wifiIfaces = uci.sections('wireless', 'wifi-iface'),
 774                     id_offset = 0,
 775                     tasks = [];
 776
 777                 for (var i = 0; i < wifiIfaces.length; i++) {
 778                         if (!wifiIfaces[i]['.anonymous'])
 779                                 continue;
 780
 781                         var new_name = next_free_sid(id_offset);
 782
 783                         tasks.push(this.callUciRename('wireless', wifiIfaces[i]['.name'], new_name));
 784                         id_offset = +new_name.substring(7) + 1;
 785                 }
 786
 787                 return Promise.all(tasks)
 788                         .then(L.bind(ui.changes.init, ui.changes))
 789                         .then(L.bind(ui.changes.apply, ui.changes));
 790         },
 791
 792         renderMigration: function() {
 793                 ui.showModal(_('Wireless configuration migration'), [
 794                         E('p', _('The existing wireless configuration needs to be changed for LuCI to function properly.')),
 795                         E('p', _('Upon pressing "Continue", anonymous "wifi-iface" sections will be assigned with a name in the form <em>wifinet#</em> and the network will be restarted to apply the updated configuration.')),
 796                         E('div', { 'class': 'right' },
 797                                 E('button', {
 798                                         'class': 'btn cbi-button-action important',
 799                                         'click': ui.createHandlerFn(this, 'handleMigration')
 800                                 }, _('Continue')))
 801                 ]);
 802         },
 803
 804         renderOverview: function() {
 805                 var m, s, o;
 806
 807                 m = new form.Map('wireless');
 808                 m.chain('network');
 809                 m.chain('firewall');
 810
 811                 s = m.section(form.GridSection, 'wifi-device', _('Wireless Overview'));
 812                 s.anonymous = true;
 813                 s.addremove = false;
 814
 815                 s.load = function() {
 816                         return network.getWifiDevices().then(L.bind(function(radios) {
 817                                 this.radios = radios.sort(function(a, b) {
 818                                         return a.getName() > b.getName();
 819                                 });
 820
 821                                 var tasks = [];
 822
 823                                 for (var i = 0; i < radios.length; i++)
 824                                         tasks.push(radios[i].getWifiNetworks());
 825
 826                                 return Promise.all(tasks);
 827                         }, this)).then(L.bind(function(data) {
 828                                 this.wifis = [];
 829
 830                                 for (var i = 0; i < data.length; i++)
 831                                         this.wifis.push.apply(this.wifis, data[i]);
 832                         }, this));
 833                 };
 834
 835                 s.cfgsections = function() {
 836                         var rv = [];
 837
 838                         for (var i = 0; i < this.radios.length; i++) {
 839                                 rv.push(this.radios[i].getName());
 840
 841                                 for (var j = 0; j < this.wifis.length; j++)
 842                                         if (this.wifis[j].getWifiDeviceName() == this.radios[i].getName())
 843                                                 rv.push(this.wifis[j].getName());
 844                         }
 845
 846                         return rv;
 847                 };
 848
 849                 s.modaltitle = function(section_id) {
 850                         var radioNet = this.wifis.filter(function(w) { return w.getName() == section_id})[0];
 851                         return radioNet ? radioNet.getI18n() : _('Edit wireless network');
 852                 };
 853
 854                 s.lookupRadioOrNetwork = function(section_id) {
 855                         var radioDev = this.radios.filter(function(r) { return r.getName() == section_id })[0];
 856                         if (radioDev)
 857                                 return radioDev;
 858
 859                         var radioNet = this.wifis.filter(function(w) { return w.getName() == section_id })[0];
 860                         if (radioNet)
 861                                 return radioNet;
 862
 863                         return null;
 864                 };
 865
 866                 s.renderRowActions = function(section_id) {
 867                         var inst = this.lookupRadioOrNetwork(section_id), btns;
 868
 869                         if (inst.getWifiNetworks) {
 870                                 btns = [
 871                                         E('button', {
 872                                                 'class': 'cbi-button cbi-button-neutral',
 873                                                 'title': _('Restart radio interface'),
 874                                                 'click': ui.createHandlerFn(this, radio_restart, section_id)
 875                                         }, _('Restart')),
 876                                         E('button', {
 877                                                 'class': 'cbi-button cbi-button-action important',
 878                                                 'title': _('Find and join network'),
 879                                                 'click': ui.createHandlerFn(this, 'handleScan', inst)
 880                                         }, _('Scan')),
 881                                         E('button', {
 882                                                 'class': 'cbi-button cbi-button-add',
 883                                                 'title': _('Provide new network'),
 884                                                 'click': ui.createHandlerFn(this, 'handleAdd', inst)
 885                                         }, _('Add'))
 886                                 ];
 887                         }
 888                         else {
 889                                 var isDisabled = (inst.get('disabled') == '1' ||
 890                                         uci.get('wireless', inst.getWifiDeviceName(), 'disabled') == '1');
 891
 892                                 btns = [
 893                                         E('button', {
 894                                                 'class': 'cbi-button cbi-button-neutral enable-disable',
 895                                                 'title': isDisabled ? _('Enable this network') : _('Disable this network'),
 896                                                 'click': ui.createHandlerFn(this, network_updown, section_id, this.map)
 897                                         }, isDisabled ? _('Enable') : _('Disable')),
 898                                         E('button', {
 899                                                 'class': 'cbi-button cbi-button-action important',
 900                                                 'title': _('Edit this network'),
 901                                                 'click': ui.createHandlerFn(this, 'renderMoreOptionsModal', section_id)
 902                                         }, _('Edit')),
 903                                         E('button', {
 904                                                 'class': 'cbi-button cbi-button-negative remove',
 905                                                 'title': _('Delete this network'),
 906                                                 'click': ui.createHandlerFn(this, 'handleRemove', section_id)
 907                                         }, _('Remove'))
 908                                 ];
 909                         }
 910
 911                         return E('td', { 'class': 'td middle cbi-section-actions' }, E('div', btns));
 912                 };
 913
 914                 s.addModalOptions = function(s) {
 915                         return network.getWifiNetwork(s.section).then(function(radioNet) {
 916                                 var hwtype = uci.get('wireless', radioNet.getWifiDeviceName(), 'type');
 917                                 var o, ss;
 918
 919                                 o = s.option(form.SectionValue, '_device', form.NamedSection, radioNet.getWifiDeviceName(), 'wifi-device', _('Device Configuration'));
 920                                 o.modalonly = true;
 921
 922                                 ss = o.subsection;
 923                                 ss.tab('general', _('General Setup'));
 924                                 ss.tab('advanced', _('Advanced Settings'));
 925
 926                                 var isDisabled = (radioNet.get('disabled') == '1' ||
 927                                         uci.get('wireless', radioNet.getWifiDeviceName(), 'disabled') == 1);
 928
 929                                 o = ss.taboption('general', form.DummyValue, '_wifistat_modal', _('Status'));
 930                                 o.cfgvalue = L.bind(function(radioNet) {
 931                                         return render_modal_status(null, radioNet);
 932                                 }, this, radioNet);
 933                                 o.write = function() {};
 934
 935                                 o = ss.taboption('general', form.Button, '_toggle', isDisabled ? _('Wireless network is disabled') : _('Wireless network is enabled'));
 936                                 o.inputstyle = isDisabled ? 'apply' : 'reset';
 937                                 o.inputtitle = isDisabled ? _('Enable') : _('Disable');
 938                                 o.onclick = ui.createHandlerFn(s, network_updown, s.section, s.map);
 939
 940                                 o = ss.taboption('general', CBIWifiFrequencyValue, '_freq', '<br />' + _('Operating frequency'));
 941                                 o.ucisection = s.section;
 942
 943                                 if (hwtype == 'mac80211') {
 944                                         o = ss.taboption('general', form.Flag, 'legacy_rates', _('Allow legacy 802.11b rates'), _('Legacy or badly behaving devices may require legacy 802.11b rates to interoperate. Airtime efficiency may be significantly reduced where these are used. It is recommended to not allow 802.11b rates where possible.'));
 945                                         o.depends({'_freq': '2g', '!contains': true});
 946
 947                                         o = ss.taboption('general', CBIWifiTxPowerValue, 'txpower', _('Maximum transmit power'), _('Specifies the maximum transmit power the wireless radio may use. Depending on regulatory requirements and wireless usage, the actual transmit power may be reduced by the driver.'));
 948                                         o.wifiNetwork = radioNet;
 949
 950                                         o = ss.taboption('advanced', CBIWifiCountryValue, 'country', _('Country Code'));
 951                                         o.wifiNetwork = radioNet;
 952
 953                                         o = ss.taboption('advanced', form.ListValue, 'cell_density', _('Coverage cell density'), _('Configures data rates based on the coverage cell density. Normal configures basic rates to 6, 12, 24 Mbps if legacy 802.11b rates are not used else to 5.5, 11 Mbps. High configures basic rates to 12, 24 Mbps if legacy 802.11b rates are not used else to the 11 Mbps rate. Very High configures 24 Mbps as the basic rate. Supported rates lower than the minimum basic rate are not offered.'));
 954                                         o.value('0', _('Disabled'));
 955                                         o.value('1', _('Normal'));
 956                                         o.value('2', _('High'));
 957                                         o.value('3', _('Very High'));
 958
 959                                         o = ss.taboption('advanced', form.Value, 'distance', _('Distance Optimization'), _('Distance to farthest network member in meters.'));
 960                                         o.datatype = 'or(range(0,114750),"auto")';
 961                                         o.placeholder = 'auto';
 962
 963                                         o = ss.taboption('advanced', form.Value, 'frag', _('Fragmentation Threshold'));
 964                                         o.datatype = 'min(256)';
 965                                         o.placeholder = _('off');
 966
 967                                         o = ss.taboption('advanced', form.Value, 'rts', _('RTS/CTS Threshold'));
 968                                         o.datatype = 'uinteger';
 969                                         o.placeholder = _('off');
 970
 971                                         o = ss.taboption('advanced', form.Flag, 'noscan', _('Force 40MHz mode'), _('Always use 40MHz channels even if the secondary channel overlaps. Using this option does not comply with IEEE 802.11n-2009!'));
 972                                         o.rmempty = true;
 973
 974                                         o = ss.taboption('advanced', form.Value, 'beacon_int', _('Beacon Interval'));
 975                                         o.datatype = 'range(15,65535)';
 976                                         o.placeholder = 100;
 977                                         o.rmempty = true;
 978                                 }
 979
 980
 981                                 o = s.option(form.SectionValue, '_device', form.NamedSection, radioNet.getName(), 'wifi-iface', _('Interface Configuration'));
 982                                 o.modalonly = true;
 983
 984                                 ss = o.subsection;
 985                                 ss.tab('general', _('General Setup'));
 986                                 ss.tab('encryption', _('Wireless Security'));
 987                                 ss.tab('macfilter', _('MAC-Filter'));
 988                                 ss.tab('advanced', _('Advanced Settings'));
 989
 990                                 o = ss.taboption('general', form.ListValue, 'mode', _('Mode'));
 991                                 o.value('ap', _('Access Point'));
 992                                 o.value('sta', _('Client'));
 993                                 o.value('adhoc', _('Ad-Hoc'));
 994
 995                                 o = ss.taboption('general', form.Value, 'mesh_id', _('Mesh Id'));
 996                                 o.depends('mode', 'mesh');
 997
 998                                 o = ss.taboption('advanced', form.Flag, 'mesh_fwding', _('Forward mesh peer traffic'));
 999                                 o.rmempty = false;
1000                                 o.default = '1';
1001                                 o.depends('mode', 'mesh');
1002
1003                                 o = ss.taboption('advanced', form.Value, 'mesh_rssi_threshold', _('RSSI threshold for joining'), _('0 = not using RSSI threshold, 1 = do not change driver default'));
1004                                 o.rmempty = false;
1005                                 o.default = '0';
1006                                 o.datatype = 'range(-255,1)';
1007                                 o.depends('mode', 'mesh');
1008
1009                                 o = ss.taboption('general', form.Value, 'ssid', _('<abbr title="Extended Service Set Identifier">ESSID</abbr>'));
1010                                 o.datatype = 'maxlength(32)';
1011                                 o.depends('mode', 'ap');
1012                                 o.depends('mode', 'sta');
1013                                 o.depends('mode', 'adhoc');
1014                                 o.depends('mode', 'ahdemo');
1015                                 o.depends('mode', 'monitor');
1016                                 o.depends('mode', 'ap-wds');
1017                                 o.depends('mode', 'sta-wds');
1018                                 o.depends('mode', 'wds');
1019
1020                                 o = ss.taboption('general', form.Value, 'bssid', _('<abbr title="Basic Service Set Identifier">BSSID</abbr>'));
1021                                 o.datatype = 'macaddr';
1022
1023                                 o = ss.taboption('general', widgets.NetworkSelect, 'network', _('Network'), _('Choose the network(s) you want to attach to this wireless interface or fill out the <em>custom</em> field to define a new network.'));
1024                                 o.rmempty = true;
1025                                 o.multiple = true;
1026                                 o.novirtual = true;
1027                                 o.write = function(section_id, value) {
1028                                         return network.getDevice(section_id).then(L.bind(function(dev) {
1029                                                 var old_networks = dev.getNetworks().reduce(function(o, v) { o[v.getName()] = v; return o }, {}),
1030                                                     new_networks = {},
1031                                                     values = L.toArray(value),
1032                                                     tasks = [];
1033
1034                                                 for (var i = 0; i < values.length; i++) {
1035                                                         new_networks[values[i]] = true;
1036
1037                                                         if (old_networks[values[i]])
1038                                                                 continue;
1039
1040                                                         tasks.push(network.getNetwork(values[i]).then(L.bind(function(name, net) {
1041                                                                 return net || network.addNetwork(name, { proto: 'none' });
1042                                                         }, this, values[i])).then(L.bind(function(dev, net) {
1043                                                                 if (net) {
1044                                                                         if (!net.isEmpty()) {
1045                                                                                 var target_dev = net.getDevice();
1046
1047                                                                                 /* Resolve parent interface of vlan */
1048                                                                                 while (target_dev && target_dev.getType() == 'vlan')
1049                                                                                         target_dev = target_dev.getParent();
1050
1051                                                                                 if (!target_dev || target_dev.getType() != 'bridge')
1052                                                                                         net.set('type', 'bridge');
1053                                                                         }
1054
1055                                                                         net.addDevice(dev);
1056                                                                 }
1057                                                         }, this, dev)));
1058                                                 }
1059
1060                                                 for (var name in old_networks)
1061                                                         if (!new_networks[name])
1062                                                                 tasks.push(network.getNetwork(name).then(L.bind(function(dev, net) {
1063                                                                         if (net)
1064                                                                                 net.deleteDevice(dev);
1065                                                                 }, this, dev)));
1066
1067                                                 return Promise.all(tasks);
1068                                         }, this));
1069                                 };
1070
1071                                 if (hwtype == 'mac80211') {
1072                                         var mode = ss.children[0],
1073                                             bssid = ss.children[5],
1074                                             encr;
1075
1076                                         mode.value('mesh', '802.11s');
1077                                         mode.value('ahdemo', _('Pseudo Ad-Hoc (ahdemo)'));
1078                                         mode.value('monitor', _('Monitor'));
1079
1080                                         bssid.depends('mode', 'adhoc');
1081                                         bssid.depends('mode', 'sta');
1082                                         bssid.depends('mode', 'sta-wds');
1083
1084                                         o = ss.taboption('macfilter', form.ListValue, 'macfilter', _('MAC Address Filter'));
1085                                         o.depends('mode', 'ap');
1086                                         o.depends('mode', 'ap-wds');
1087                                         o.value('', _('disable'));
1088                                         o.value('allow', _('Allow listed only'));
1089                                         o.value('deny', _('Allow all except listed'));
1090
1091                                         o = ss.taboption('macfilter', form.DynamicList, 'maclist', _('MAC-List'));
1092                                         o.datatype = 'macaddr';
1093                                         o.retain = true;
1094                                         o.depends('macfilter', 'allow');
1095                                         o.depends('macfilter', 'deny');
1096                                         o.load = function(section_id) {
1097                                                 return network.getHostHints().then(L.bind(function(hints) {
1098                                                         hints.getMACHints().map(L.bind(function(hint) {
1099                                                                 this.value(hint[0], hint[1] ? '%s (%s)'.format(hint[0], hint[1]) : hint[0]);
1100                                                         }, this));
1101
1102                                                         return form.DynamicList.prototype.load.apply(this, [section_id]);
1103                                                 }, this));
1104                                         };
1105
1106                                         mode.value('ap-wds', '%s (%s)'.format(_('Access Point'), _('WDS')));
1107                                         mode.value('sta-wds', '%s (%s)'.format(_('Client'), _('WDS')));
1108
1109                                         mode.write = function(section_id, value) {
1110                                                 switch (value) {
1111                                                 case 'ap-wds':
1112                                                         uci.set('wireless', section_id, 'mode', 'ap');
1113                                                         uci.set('wireless', section_id, 'wds', '1');
1114                                                         break;
1115
1116                                                 case 'sta-wds':
1117                                                         uci.set('wireless', section_id, 'mode', 'sta');
1118                                                         uci.set('wireless', section_id, 'wds', '1');
1119                                                         break;
1120
1121                                                 default:
1122                                                         uci.set('wireless', section_id, 'mode', value);
1123                                                         uci.unset('wireless', section_id, 'wds');
1124                                                         break;
1125                                                 }
1126                                         };
1127
1128                                         mode.cfgvalue = function(section_id) {
1129                                                 var mode = uci.get('wireless', section_id, 'mode'),
1130                                                     wds = uci.get('wireless', section_id, 'wds');
1131
1132                                                 if (mode == 'ap' && wds)
1133                                                         return 'ap-wds';
1134                                                 else if (mode == 'sta' && wds)
1135                                                         return 'sta-wds';
1136
1137                                                 return mode;
1138                                         };
1139
1140                                         o = ss.taboption('general', form.Flag, 'hidden', _('Hide <abbr title="Extended Service Set Identifier">ESSID</abbr>'), _('Where the ESSID is hidden, clients may fail to roam and airtime efficiency may be significantly reduced.'));
1141                                         o.depends('mode', 'ap');
1142                                         o.depends('mode', 'ap-wds');
1143
1144                                         o = ss.taboption('general', form.Flag, 'wmm', _('WMM Mode'), _('Where Wi-Fi Multimedia (WMM) Mode QoS is disabled, clients may be limited to 802.11a/802.11g rates.'));
1145                                         o.depends('mode', 'ap');
1146                                         o.depends('mode', 'ap-wds');
1147                                         o.default = o.enabled;
1148
1149                                         /* https://w1.fi/cgit/hostap/commit/?id=34f7c699a6bcb5c45f82ceb6743354ad79296078  */
1150                                         /* multicast_to_unicast https://github.com/openwrt/openwrt/commit/7babb978ad9d7fc29acb1ff86afb1eb343af303a */
1151                                         o = ss.taboption('advanced', form.Flag, 'multicast_to_unicast', _('Multi To Unicast'), _('ARP, IPv4 and IPv6 (even 802.1Q) with multicast destination MACs are unicast to the STA MAC address. Note: This is not Directed Multicast Service (DMS) in 802.11v. Note: might break receiver STA multicast expectations.'));
1152                                         o.rmempty = true;
1153
1154                                         o = ss.taboption('advanced', form.Flag, 'isolate', _('Isolate Clients'), _('Prevents client-to-client communication'));
1155                                         o.depends('mode', 'ap');
1156                                         o.depends('mode', 'ap-wds');
1157
1158                                         o = ss.taboption('advanced', form.Value, 'ifname', _('Interface name'), _('Override default interface name'));
1159                                         o.optional = true;
1160                                         o.placeholder = radioNet.getIfname();
1161                                         if (/^radio\d+\.network/.test(o.placeholder))
1162                                                 o.placeholder = '';
1163
1164                                         o = ss.taboption('advanced', form.Value, 'macaddr', _('MAC address'), _('Override default MAC address - the range of usable addresses might be limited by the driver'));
1165                                         o.optional = true;
1166                                         o.placeholder = radioNet.getActiveBSSID();
1167                                         o.datatype = 'macaddr';
1168
1169                                         o = ss.taboption('advanced', form.Flag, 'short_preamble', _('Short Preamble'));
1170                                         o.default = o.enabled;
1171
1172                                         o = ss.taboption('advanced', form.Value, 'dtim_period', _('DTIM Interval'), _('Delivery Traffic Indication Message Interval'));
1173                                         o.optional = true;
1174                                         o.placeholder = 2;
1175                                         o.datatype = 'range(1,255)';
1176
1177                                         o = ss.taboption('advanced', form.Value, 'wpa_group_rekey', _('Time interval for rekeying GTK'), _('sec'));
1178                                         o.optional    = true;
1179                                         o.placeholder = 600;
1180                                         o.datatype    = 'uinteger';
1181
1182                                         o = ss.taboption('advanced', form.Flag , 'skip_inactivity_poll', _('Disable Inactivity Polling'));
1183                                         o.optional    = true;
1184                                         o.datatype    = 'uinteger';
1185
1186                                         o = ss.taboption('advanced', form.Value, 'max_inactivity', _('Station inactivity limit'), _('sec'));
1187                                         o.optional    = true;
1188                                         o.placeholder = 300;
1189                                         o.datatype    = 'uinteger';
1190
1191                                         o = ss.taboption('advanced', form.Value, 'max_listen_interval', _('Maximum allowed Listen Interval'));
1192                                         o.optional    = true;
1193                                         o.placeholder = 65535;
1194                                         o.datatype    = 'uinteger';
1195
1196                                         o = ss.taboption('advanced', form.Flag, 'disassoc_low_ack', _('Disassociate On Low Acknowledgement'), _('Allow AP mode to disconnect STAs based on low ACK condition'));
1197                                         o.default = o.enabled;
1198                                 }
1199
1200
1201                                 encr = o = ss.taboption('encryption', form.ListValue, 'encryption', _('Encryption'));
1202                                 o.depends('mode', 'ap');
1203                                 o.depends('mode', 'sta');
1204                                 o.depends('mode', 'adhoc');
1205                                 o.depends('mode', 'ahdemo');
1206                                 o.depends('mode', 'ap-wds');
1207                                 o.depends('mode', 'sta-wds');
1208                                 o.depends('mode', 'mesh');
1209
1210                                 o.cfgvalue = function(section_id) {
1211                                         var v = String(uci.get('wireless', section_id, 'encryption'));
1212                                         if (v == 'wep')
1213                                                 return 'wep-open';
1214                                         else if (v.match(/\+/))
1215                                                 return v.replace(/\+.+$/, '');
1216                                         return v;
1217                                 };
1218
1219                                 o.write = function(section_id, value) {
1220                                         var e = this.section.children.filter(function(o) { return o.option == 'encryption' })[0].formvalue(section_id),
1221                                             co = this.section.children.filter(function(o) { return o.option == 'cipher' })[0], c = co.formvalue(section_id);
1222
1223                                         if (value == 'wpa' || value == 'wpa2' || value == 'wpa3' || value == 'wpa3-mixed')
1224                                                 uci.unset('wireless', section_id, 'key');
1225
1226                                         if (co.isActive(section_id) && e && (c == 'tkip' || c == 'ccmp' || c == 'tkip+ccmp'))
1227                                                 e += '+' + c;
1228
1229                                         uci.set('wireless', section_id, 'encryption', e);
1230                                 };
1231
1232                                 o = ss.taboption('encryption', form.ListValue, 'cipher', _('Cipher'));
1233                                 o.depends('encryption', 'wpa');
1234                                 o.depends('encryption', 'wpa2');
1235                                 o.depends('encryption', 'wpa3');
1236                                 o.depends('encryption', 'wpa3-mixed');
1237                                 o.depends('encryption', 'psk');
1238                                 o.depends('encryption', 'psk2');
1239                                 o.depends('encryption', 'wpa-mixed');
1240                                 o.depends('encryption', 'psk-mixed');
1241                                 o.value('auto', _('auto'));
1242                                 o.value('ccmp', _('Force CCMP (AES)'));
1243                                 o.value('tkip', _('Force TKIP'));
1244                                 o.value('tkip+ccmp', _('Force TKIP and CCMP (AES)'));
1245                                 o.write = ss.children.filter(function(o) { return o.option == 'encryption' })[0].write;
1246
1247                                 o.cfgvalue = function(section_id) {
1248                                         var v = String(uci.get('wireless', section_id, 'encryption'));
1249                                         if (v.match(/\+/)) {
1250                                                 v = v.replace(/^[^+]+\+/, '');
1251                                                 if (v == 'aes')
1252                                                         v = 'ccmp';
1253                                                 else if (v == 'tkip+aes' || v == 'aes+tkip' || v == 'ccmp+tkip')
1254                                                         v = 'tkip+ccmp';
1255                                         }
1256                                         return v;
1257                                 };
1258
1259
1260                                 var crypto_modes = [];
1261
1262                                 if (hwtype == 'mac80211') {
1263                                         var has_supplicant = L.hasSystemFeature('wpasupplicant'),
1264                                             has_hostapd = L.hasSystemFeature('hostapd');
1265
1266                                         // Probe EAP support
1267                                         var has_ap_eap = L.hasSystemFeature('hostapd', 'eap'),
1268                                             has_sta_eap = L.hasSystemFeature('wpasupplicant', 'eap');
1269
1270                                         // Probe SAE support
1271                                         var has_ap_sae = L.hasSystemFeature('hostapd', 'sae'),
1272                                             has_sta_sae = L.hasSystemFeature('wpasupplicant', 'sae');
1273
1274                                         // Probe OWE support
1275                                         var has_ap_owe = L.hasSystemFeature('hostapd', 'owe'),
1276                                             has_sta_owe = L.hasSystemFeature('wpasupplicant', 'owe');
1277
1278                                         // Probe Suite-B support
1279                                         var has_ap_eap192 = L.hasSystemFeature('hostapd', 'suiteb192'),
1280                                             has_sta_eap192 = L.hasSystemFeature('wpasupplicant', 'suiteb192');
1281
1282                                         // Probe WEP support
1283                                         var has_ap_wep = L.hasSystemFeature('hostapd', 'wep'),
1284                                             has_sta_wep = L.hasSystemFeature('wpasupplicant', 'wep');
1285
1286                                         if (has_hostapd || has_supplicant) {
1287                                                 crypto_modes.push(['psk2',      'WPA2-PSK',                    35]);
1288                                                 crypto_modes.push(['psk-mixed', 'WPA-PSK/WPA2-PSK Mixed Mode', 22]);
1289                                                 crypto_modes.push(['psk',       'WPA-PSK',                     12]);
1290                                         }
1291                                         else {
1292                                                 encr.description = _('WPA-Encryption requires wpa_supplicant (for client mode) or hostapd (for AP and ad-hoc mode) to be installed.');
1293                                         }
1294
1295                                         if (has_ap_sae || has_sta_sae) {
1296                                                 crypto_modes.push(['sae',       'WPA3-SAE',                     31]);
1297                                                 crypto_modes.push(['sae-mixed', 'WPA2-PSK/WPA3-SAE Mixed Mode', 30]);
1298                                         }
1299
1300                                         if (has_ap_wep || has_sta_wep) {
1301                                                 crypto_modes.push(['wep-open',   _('WEP Open System'), 11]);
1302                                                 crypto_modes.push(['wep-shared', _('WEP Shared Key'),  10]);
1303                                         }
1304
1305                                         if (has_ap_eap || has_sta_eap) {
1306                                                 if (has_ap_eap192 || has_sta_eap192) {
1307                                                         crypto_modes.push(['wpa3', 'WPA3-EAP', 33]);
1308                                                         crypto_modes.push(['wpa3-mixed', 'WPA2-EAP/WPA3-EAP Mixed Mode', 32]);
1309                                                 }
1310
1311                                                 crypto_modes.push(['wpa2', 'WPA2-EAP', 34]);
1312                                                 crypto_modes.push(['wpa',  'WPA-EAP',  20]);
1313                                         }
1314
1315                                         if (has_ap_owe || has_sta_owe) {
1316                                                 crypto_modes.push(['owe', 'OWE', 1]);
1317                                         }
1318
1319                                         encr.crypto_support = {
1320                                                 'ap': {
1321                                                         'wep-open': has_ap_wep || _('Requires hostapd with WEP support'),
1322                                                         'wep-shared': has_ap_wep || _('Requires hostapd with WEP support'),
1323                                                         'psk': has_hostapd || _('Requires hostapd'),
1324                                                         'psk2': has_hostapd || _('Requires hostapd'),
1325                                                         'psk-mixed': has_hostapd || _('Requires hostapd'),
1326                                                         'sae': has_ap_sae || _('Requires hostapd with SAE support'),
1327                                                         'sae-mixed': has_ap_sae || _('Requires hostapd with SAE support'),
1328                                                         'wpa': has_ap_eap || _('Requires hostapd with EAP support'),
1329                                                         'wpa2': has_ap_eap || _('Requires hostapd with EAP support'),
1330                                                         'wpa3': has_ap_eap192 || _('Requires hostapd with EAP Suite-B support'),
1331                                                         'wpa3-mixed': has_ap_eap192 || _('Requires hostapd with EAP Suite-B support'),
1332                                                         'owe': has_ap_owe || _('Requires hostapd with OWE support')
1333                                                 },
1334                                                 'sta': {
1335                                                         'wep-open': has_sta_wep || _('Requires wpa-supplicant with WEP support'),
1336                                                         'wep-shared': has_sta_wep || _('Requires wpa-supplicant with WEP support'),
1337                                                         'psk': has_supplicant || _('Requires wpa-supplicant'),
1338                                                         'psk2': has_supplicant || _('Requires wpa-supplicant'),
1339                                                         'psk-mixed': has_supplicant || _('Requires wpa-supplicant'),
1340                                                         'sae': has_sta_sae || _('Requires wpa-supplicant with SAE support'),
1341                                                         'sae-mixed': has_sta_sae || _('Requires wpa-supplicant with SAE support'),
1342                                                         'wpa': has_sta_eap || _('Requires wpa-supplicant with EAP support'),
1343                                                         'wpa2': has_sta_eap || _('Requires wpa-supplicant with EAP support'),
1344                                                         'wpa3': has_sta_eap192 || _('Requires wpa-supplicant with EAP Suite-B support'),
1345                                                         'wpa3-mixed': has_sta_eap192 || _('Requires wpa-supplicant with EAP Suite-B support'),
1346                                                         'owe': has_sta_owe || _('Requires wpa-supplicant with OWE support')
1347                                                 },
1348                                                 'adhoc': {
1349                                                         'wep-open': true,
1350                                                         'wep-shared': true,
1351                                                         'psk': has_supplicant || _('Requires wpa-supplicant'),
1352                                                         'psk2': has_supplicant || _('Requires wpa-supplicant'),
1353                                                         'psk-mixed': has_supplicant || _('Requires wpa-supplicant'),
1354                                                 },
1355                                                 'mesh': {
1356                                                         'sae': has_sta_sae || _('Requires wpa-supplicant with SAE support')
1357                                                 },
1358                                                 'ahdemo': {
1359                                                         'wep-open': true,
1360                                                         'wep-shared': true
1361                                                 },
1362                                                 'wds': {
1363                                                         'wep-open': true,
1364                                                         'wep-shared': true
1365                                                 }
1366                                         };
1367
1368                                         encr.crypto_support['ap-wds'] = encr.crypto_support['ap'];
1369                                         encr.crypto_support['sta-wds'] = encr.crypto_support['sta'];
1370
1371                                         encr.validate = function(section_id, value) {
1372                                                 var modeopt = this.section.children.filter(function(o) { return o.option == 'mode' })[0],
1373                                                     modeval = modeopt.formvalue(section_id),
1374                                                     modetitle = modeopt.vallist[modeopt.keylist.indexOf(modeval)],
1375                                                     enctitle = this.vallist[this.keylist.indexOf(value)];
1376
1377                                                 if (value == 'none')
1378                                                         return true;
1379
1380                                                 if (!L.isObject(this.crypto_support[modeval]) || !this.crypto_support[modeval].hasOwnProperty(value))
1381                                                         return _('The selected %s mode is incompatible with %s encryption').format(modetitle, enctitle);
1382
1383                                                 return this.crypto_support[modeval][value];
1384                                         };
1385                                 }
1386                                 else if (hwtype == 'broadcom') {
1387                                         crypto_modes.push(['psk2',     'WPA2-PSK',                    33]);
1388                                         crypto_modes.push(['psk+psk2', 'WPA-PSK/WPA2-PSK Mixed Mode', 22]);
1389                                         crypto_modes.push(['psk',      'WPA-PSK',                     12]);
1390                                         crypto_modes.push(['wep-open',   _('WEP Open System'),        11]);
1391                                         crypto_modes.push(['wep-shared', _('WEP Shared Key'),         10]);
1392                                 }
1393
1394                                 crypto_modes.push(['none',       _('No Encryption'),   0]);
1395
1396                                 crypto_modes.sort(function(a, b) { return b[2] - a[2] });
1397
1398                                 for (var i = 0; i < crypto_modes.length; i++) {
1399                                         var security_level = (crypto_modes[i][2] >= 30) ? _('strong security')
1400                                                 : (crypto_modes[i][2] >= 20) ? _('medium security')
1401                                                         : (crypto_modes[i][2] >= 10) ? _('weak security') : _('open network');
1402
1403                                         encr.value(crypto_modes[i][0], '%s (%s)'.format(crypto_modes[i][1], security_level));
1404                                 }
1405
1406
1407                                 o = ss.taboption('encryption', form.Value, 'auth_server', _('RADIUS Authentication Server'));
1408                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1409                                 o.rmempty = true;
1410                                 o.datatype = 'host(0)';
1411
1412                                 o = ss.taboption('encryption', form.Value, 'auth_port', _('RADIUS Authentication Port'));
1413                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1414                                 o.rmempty = true;
1415                                 o.datatype = 'port';
1416                                 o.placeholder = '1812';
1417
1418                                 o = ss.taboption('encryption', form.Value, 'auth_secret', _('RADIUS Authentication Secret'));
1419                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1420                                 o.rmempty = true;
1421                                 o.password = true;
1422
1423                                 o = ss.taboption('encryption', form.Value, 'acct_server', _('RADIUS Accounting Server'));
1424                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1425                                 o.rmempty = true;
1426                                 o.datatype = 'host(0)';
1427
1428                                 o = ss.taboption('encryption', form.Value, 'acct_port', _('RADIUS Accounting Port'));
1429                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1430                                 o.rmempty = true;
1431                                 o.datatype = 'port';
1432                                 o.placeholder = '1813';
1433
1434                                 o = ss.taboption('encryption', form.Value, 'acct_secret', _('RADIUS Accounting Secret'));
1435                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1436                                 o.rmempty = true;
1437                                 o.password = true;
1438
1439                                 o = ss.taboption('encryption', form.Value, 'dae_client', _('DAE-Client'), _('Dynamic Authorization Extension client.'));
1440                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1441                                 o.rmempty = true;
1442                                 o.datatype = 'host(0)';
1443
1444                                 o = ss.taboption('encryption', form.Value, 'dae_port', _('DAE-Port'), _('Dynamic Authorization Extension port.'));
1445                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1446                                 o.rmempty = true;
1447                                 o.datatype = 'port';
1448                                 o.placeholder = '3799';
1449
1450                                 o = ss.taboption('encryption', form.Value, 'dae_secret', _('DAE-Secret'), _('Dynamic Authorization Extension secret.'));
1451                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1452                                 o.rmempty = true;
1453                                 o.password = true;
1454
1455
1456                                 o = ss.taboption('encryption', form.Value, '_wpa_key', _('Key'));
1457                                 o.depends('encryption', 'psk');
1458                                 o.depends('encryption', 'psk2');
1459                                 o.depends('encryption', 'psk+psk2');
1460                                 o.depends('encryption', 'psk-mixed');
1461                                 o.depends('encryption', 'sae');
1462                                 o.depends('encryption', 'sae-mixed');
1463                                 o.datatype = 'wpakey';
1464                                 o.rmempty = true;
1465                                 o.password = true;
1466
1467                                 o.cfgvalue = function(section_id) {
1468                                         var key = uci.get('wireless', section_id, 'key');
1469                                         return /^[1234]$/.test(key) ? null : key;
1470                                 };
1471
1472                                 o.write = function(section_id, value) {
1473                                         uci.set('wireless', section_id, 'key', value);
1474                                         uci.unset('wireless', section_id, 'key1');
1475                                         uci.unset('wireless', section_id, 'key2');
1476                                         uci.unset('wireless', section_id, 'key3');
1477                                         uci.unset('wireless', section_id, 'key4');
1478                                 };
1479
1480
1481                                 o = ss.taboption('encryption', form.ListValue, '_wep_key', _('Used Key Slot'));
1482                                 o.depends('encryption', 'wep-open');
1483                                 o.depends('encryption', 'wep-shared');
1484                                 o.value('1', _('Key #%d').format(1));
1485                                 o.value('2', _('Key #%d').format(2));
1486                                 o.value('3', _('Key #%d').format(3));
1487                                 o.value('4', _('Key #%d').format(4));
1488
1489                                 o.cfgvalue = function(section_id) {
1490                                         var slot = +uci.get('wireless', section_id, 'key');
1491                                         return (slot >= 1 && slot <= 4) ? String(slot) : '';
1492                                 };
1493
1494                                 o.write = function(section_id, value) {
1495                                         uci.set('wireless', section_id, 'key', value);
1496                                 };
1497
1498                                 for (var slot = 1; slot <= 4; slot++) {
1499                                         o = ss.taboption('encryption', form.Value, 'key%d'.format(slot), _('Key #%d').format(slot));
1500                                         o.depends('encryption', 'wep-open');
1501                                         o.depends('encryption', 'wep-shared');
1502                                         o.datatype = 'wepkey';
1503                                         o.rmempty = true;
1504                                         o.password = true;
1505
1506                                         o.write = function(section_id, value) {
1507                                                 if (value != null && (value.length == 5 || value.length == 13))
1508                                                         value = 's:%s'.format(value);
1509                                                 uci.set('wireless', section_id, this.option, value);
1510                                         };
1511                                 }
1512
1513
1514                                 if (hwtype == 'mac80211') {
1515                                         // Probe 802.11r support (and EAP support as a proxy for Openwrt)
1516                                         var has_80211r = L.hasSystemFeature('hostapd', '11r') || L.hasSystemFeature('hostapd', 'eap');
1517
1518                                         o = ss.taboption('encryption', form.Flag, 'ieee80211r', _('802.11r Fast Transition'), _('Enables fast roaming among access points that belong to the same Mobility Domain'));
1519                                         add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1520                                         if (has_80211r)
1521                                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['psk', 'psk2', 'psk-mixed', 'sae', 'sae-mixed'] });
1522                                         o.rmempty = true;
1523
1524                                         o = ss.taboption('encryption', form.Value, 'nasid', _('NAS ID'), _('Used for two different purposes: RADIUS NAS ID and 802.11r R0KH-ID. Not needed with normal WPA(2)-PSK.'));
1525                                         add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1526                                         o.depends({ ieee80211r: '1' });
1527                                         o.rmempty = true;
1528
1529                                         o = ss.taboption('encryption', form.Value, 'mobility_domain', _('Mobility Domain'), _('4-character hexadecimal ID'));
1530                                         o.depends({ ieee80211r: '1' });
1531                                         o.placeholder = '4f57';
1532                                         o.datatype = 'and(hexstring,length(4))';
1533                                         o.rmempty = true;
1534
1535                                         o = ss.taboption('encryption', form.Value, 'reassociation_deadline', _('Reassociation Deadline'), _('time units (TUs / 1.024 ms) [1000-65535]'));
1536                                         o.depends({ ieee80211r: '1' });
1537                                         o.placeholder = '1000';
1538                                         o.datatype = 'range(1000,65535)';
1539                                         o.rmempty = true;
1540
1541                                         o = ss.taboption('encryption', form.ListValue, 'ft_over_ds', _('FT protocol'));
1542                                         o.depends({ ieee80211r: '1' });
1543                                         o.value('1', _('FT over DS'));
1544                                         o.value('0', _('FT over the Air'));
1545                                         o.rmempty = true;
1546
1547                                         o = ss.taboption('encryption', form.Flag, 'ft_psk_generate_local', _('Generate PMK locally'), _('When using a PSK, the PMK can be automatically generated. When enabled, the R0/R1 key options below are not applied. Disable this to use the R0 and R1 key options.'));
1548                                         o.depends({ ieee80211r: '1' });
1549                                         o.default = o.enabled;
1550                                         o.rmempty = false;
1551
1552                                         o = ss.taboption('encryption', form.Value, 'r0_key_lifetime', _('R0 Key Lifetime'), _('minutes'));
1553                                         o.depends({ ieee80211r: '1' });
1554                                         o.placeholder = '10000';
1555                                         o.datatype = 'uinteger';
1556                                         o.rmempty = true;
1557
1558                                         o = ss.taboption('encryption', form.Value, 'r1_key_holder', _('R1 Key Holder'), _('6-octet identifier as a hex string - no colons'));
1559                                         o.depends({ ieee80211r: '1' });
1560                                         o.placeholder = '00004f577274';
1561                                         o.datatype = 'and(hexstring,length(12))';
1562                                         o.rmempty = true;
1563
1564                                         o = ss.taboption('encryption', form.Flag, 'pmk_r1_push', _('PMK R1 Push'));
1565                                         o.depends({ ieee80211r: '1' });
1566                                         o.placeholder = '0';
1567                                         o.rmempty = true;
1568
1569                                         o = ss.taboption('encryption', form.DynamicList, 'r0kh', _('External R0 Key Holder List'), _('List of R0KHs in the same Mobility Domain. <br />Format: MAC-address,NAS-Identifier,128-bit key as hex string. <br />This list is used to map R0KH-ID (NAS Identifier) to a destination MAC address when requesting PMK-R1 key from the R0KH that the STA used during the Initial Mobility Domain Association.'));
1570                                         o.depends({ ieee80211r: '1' });
1571                                         o.rmempty = true;
1572
1573                                         o = ss.taboption('encryption', form.DynamicList, 'r1kh', _('External R1 Key Holder List'), _ ('List of R1KHs in the same Mobility Domain. <br />Format: MAC-address,R1KH-ID as 6 octets with colons,128-bit key as hex string. <br />This list is used to map R1KH-ID to a destination MAC address when sending PMK-R1 key from the R0KH. This is also the list of authorized R1KHs in the MD that can request PMK-R1 keys.'));
1574                                         o.depends({ ieee80211r: '1' });
1575                                         o.rmempty = true;
1576                                         // End of 802.11r options
1577
1578                                         o = ss.taboption('encryption', form.ListValue, 'eap_type', _('EAP-Method'));
1579                                         o.value('tls',  'TLS');
1580                                         o.value('ttls', 'TTLS');
1581                                         o.value('peap', 'PEAP');
1582                                         o.value('fast', 'FAST');
1583                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1584
1585                                         o = ss.taboption('encryption', form.Flag, 'ca_cert_usesystem', _('Use system certificates'), _("Validate server certificate using built-in system CA bundle,<br />requires the \"ca-bundle\" package"));
1586                                         o.enabled = '1';
1587                                         o.disabled = '0';
1588                                         o.default = o.disabled;
1589                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1590                                         o.validate = function(section_id, value) {
1591                                                 if (value == '1' && !L.hasSystemFeature('cabundle')) {
1592                                                         return _("This option cannot be used because the ca-bundle package is not installed.");
1593                                                 }
1594                                                 return true;
1595                                         };
1596
1597                                         o = ss.taboption('encryption', form.FileUpload, 'ca_cert', _('Path to CA-Certificate'));
1598                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], ca_cert_usesystem: ['0'] });
1599
1600                                         o = ss.taboption('encryption', form.Value, 'subject_match', _('Certificate constraint (Subject)'), _("Certificate constraint substring - e.g. /CN=wifi.mycompany.com<br />See `logread -f` during handshake for actual values"));
1601                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1602
1603                                         o = ss.taboption('encryption', form.DynamicList, 'altsubject_match', _('Certificate constraint (SAN)'), _("Certificate constraint(s) via Subject Alternate Name values<br />(supported attributes: EMAIL, DNS, URI) - e.g. DNS:wifi.mycompany.com"));
1604                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1605
1606                                         o = ss.taboption('encryption', form.DynamicList, 'domain_match', _('Certificate constraint (Domain)'), _("Certificate constraint(s) against DNS SAN values (if available)<br />or Subject CN (exact match)"));
1607                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1608
1609                                         o = ss.taboption('encryption', form.DynamicList, 'domain_suffix_match', _('Certificate constraint (Wildcard)'), _("Certificate constraint(s) against DNS SAN values (if available)<br />or Subject CN (suffix match)"));
1610                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1611
1612                                         o = ss.taboption('encryption', form.FileUpload, 'client_cert', _('Path to Client-Certificate'));
1613                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], eap_type: ['tls'] });
1614
1615                                         o = ss.taboption('encryption', form.FileUpload, 'priv_key', _('Path to Private Key'));
1616                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], eap_type: ['tls'] });
1617
1618                                         o = ss.taboption('encryption', form.Value, 'priv_key_pwd', _('Password of Private Key'));
1619                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], eap_type: ['tls'] });
1620                                         o.password = true;
1621
1622                                         o = ss.taboption('encryption', form.ListValue, 'auth', _('Authentication'));
1623                                         o.value('PAP', 'PAP');
1624                                         o.value('CHAP', 'CHAP');
1625                                         o.value('MSCHAP', 'MSCHAP');
1626                                         o.value('MSCHAPV2', 'MSCHAPv2');
1627                                         o.value('EAP-GTC', 'EAP-GTC');
1628                                         o.value('EAP-MD5', 'EAP-MD5');
1629                                         o.value('EAP-MSCHAPV2', 'EAP-MSCHAPv2');
1630                                         o.value('EAP-TLS', 'EAP-TLS');
1631                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], eap_type: ['fast', 'peap', 'ttls'] });
1632
1633                                         o.validate = function(section_id, value) {
1634                                                 var eo = this.section.children.filter(function(o) { return o.option == 'eap_type' })[0],
1635                                                     ev = eo.formvalue(section_id);
1636
1637                                                 if (ev != 'ttls' && (value == 'PAP' || value == 'CHAP' || value == 'MSCHAP' || value == 'MSCHAPV2'))
1638                                                         return _('This authentication type is not applicable to the selected EAP method.');
1639
1640                                                 return true;
1641                                         };
1642
1643                                         o = ss.taboption('encryption', form.Flag, 'ca_cert2_usesystem', _('Use system certificates for inner-tunnel'), _("Validate server certificate using built-in system CA bundle,<br />requires the \"ca-bundle\" package"));
1644                                         o.enabled = '1';
1645                                         o.disabled = '0';
1646                                         o.default = o.disabled;
1647                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1648                                         o.validate = function(section_id, value) {
1649                                                 if (value == '1' && !L.hasSystemFeature('cabundle')) {
1650                                                         return _("This option cannot be used because the ca-bundle package is not installed.");
1651                                                 }
1652                                                 return true;
1653                                         };
1654
1655                                         o = ss.taboption('encryption', form.FileUpload, 'ca_cert2', _('Path to inner CA-Certificate'));
1656                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'], ca_cert2_usesystem: ['0'] });
1657
1658                                         o = ss.taboption('encryption', form.Value, 'subject_match2', _('Inner certificate constraint (Subject)'), _("Certificate constraint substring - e.g. /CN=wifi.mycompany.com<br />See `logread -f` during handshake for actual values"));
1659                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1660
1661                                         o = ss.taboption('encryption', form.DynamicList, 'altsubject_match2', _('Inner certificate constraint (SAN)'), _("Certificate constraint(s) via Subject Alternate Name values<br />(supported attributes: EMAIL, DNS, URI) - e.g. DNS:wifi.mycompany.com"));
1662                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1663
1664                                         o = ss.taboption('encryption', form.DynamicList, 'domain_match2', _('Inner certificate constraint (Domain)'), _("Certificate constraint(s) against DNS SAN values (if available)<br />or Subject CN (exact match)"));
1665                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1666
1667                                         o = ss.taboption('encryption', form.DynamicList, 'domain_suffix_match2', _('Inner certificate constraint (Wildcard)'), _("Certificate constraint(s) against DNS SAN values (if available)<br />or Subject CN (suffix match)"));
1668                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1669
1670                                         o = ss.taboption('encryption', form.FileUpload, 'client_cert2', _('Path to inner Client-Certificate'));
1671                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1672
1673                                         o = ss.taboption('encryption', form.FileUpload, 'priv_key2', _('Path to inner Private Key'));
1674                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1675
1676                                         o = ss.taboption('encryption', form.Value, 'priv_key2_pwd', _('Password of inner Private Key'));
1677                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], auth: ['EAP-TLS'] });
1678                                         o.password = true;
1679
1680                                         o = ss.taboption('encryption', form.Value, 'identity', _('Identity'));
1681                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], eap_type: ['fast', 'peap', 'tls', 'ttls'] });
1682
1683                                         o = ss.taboption('encryption', form.Value, 'anonymous_identity', _('Anonymous Identity'));
1684                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], eap_type: ['fast', 'peap', 'tls', 'ttls'] });
1685
1686                                         o = ss.taboption('encryption', form.Value, 'password', _('Password'));
1687                                         add_dependency_permutations(o, { mode: ['sta', 'sta-wds'], encryption: ['wpa', 'wpa2', 'wpa3', 'wpa3-mixed'], eap_type: ['fast', 'peap', 'ttls'] });
1688                                         o.password = true;
1689
1690
1691                                         if (hwtype == 'mac80211') {
1692                                                 // ieee802.11w options
1693                                                 o = ss.taboption('encryption', form.ListValue, 'ieee80211w', _('802.11w Management Frame Protection'), _("Note: Some wireless drivers do not fully support 802.11w. E.g. mwlwifi may have problems"));
1694                                                 o.value('0', _('Disabled'));
1695                                                 o.value('1', _('Optional'));
1696                                                 o.value('2', _('Required'));
1697                                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds', 'sta', 'sta-wds'], encryption: ['owe', 'psk2', 'psk-mixed', 'sae', 'sae-mixed', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1698
1699                                                 o.defaults = {
1700                                                         '2': [{ encryption: 'sae' }, { encryption: 'owe' }, { encryption: 'wpa3' }, { encryption: 'wpa3-mixed' }],
1701                                                         '1': [{ encryption: 'sae-mixed'}],
1702                                                         '0': []
1703                                                 };
1704
1705                                                 o.write = function(section_id, value) {
1706                                                         if (value != this.default)
1707                                                                 return form.ListValue.prototype.write.call(this, section_id, value);
1708                                                         else
1709                                                                 return form.ListValue.prototype.remove.call(this, section_id);
1710                                                 };
1711
1712                                                 o = ss.taboption('encryption', form.Value, 'ieee80211w_max_timeout', _('802.11w maximum timeout'), _('802.11w Association SA Query maximum timeout'));
1713                                                 o.depends('ieee80211w', '1');
1714                                                 o.depends('ieee80211w', '2');
1715                                                 o.datatype = 'uinteger';
1716                                                 o.placeholder = '1000';
1717                                                 o.rmempty = true;
1718
1719                                                 o = ss.taboption('encryption', form.Value, 'ieee80211w_retry_timeout', _('802.11w retry timeout'), _('802.11w Association SA Query retry timeout'));
1720                                                 o.depends('ieee80211w', '1');
1721                                                 o.depends('ieee80211w', '2');
1722                                                 o.datatype = 'uinteger';
1723                                                 o.placeholder = '201';
1724                                                 o.rmempty = true;
1725
1726                                                 o = ss.taboption('encryption', form.Flag, 'wpa_disable_eapol_key_retries', _('Enable key reinstallation (KRACK) countermeasures'), _('Complicates key reinstallation attacks on the client side by disabling retransmission of EAPOL-Key frames that are used to install keys. This workaround might cause interoperability issues and reduced robustness of key negotiation especially in environments with heavy traffic load.'));
1727                                                 add_dependency_permutations(o, { mode: ['ap', 'ap-wds'], encryption: ['psk2', 'psk-mixed', 'sae', 'sae-mixed', 'wpa2', 'wpa3', 'wpa3-mixed'] });
1728
1729                                                 if (L.hasSystemFeature('hostapd', 'wps') && L.hasSystemFeature('wpasupplicant')) {
1730                                                         o = ss.taboption('encryption', form.Flag, 'wps_pushbutton', _('Enable WPS pushbutton, requires WPA(2)-PSK/WPA3-SAE'))
1731                                                         o.enabled = '1';
1732                                                         o.disabled = '0';
1733                                                         o.default = o.disabled;
1734                                                         o.depends('encryption', 'psk');
1735                                                         o.depends('encryption', 'psk2');
1736                                                         o.depends('encryption', 'psk-mixed');
1737                                                         o.depends('encryption', 'sae');
1738                                                         o.depends('encryption', 'sae-mixed');
1739                                                 }
1740                                         }
1741                                 }
1742                         });
1743                 };
1744
1745                 s.handleRemove = function(section_id, ev) {
1746                         document.querySelector('.cbi-section-table-row[data-sid="%s"]'.format(section_id)).style.opacity = 0.5;
1747                         return form.TypedSection.prototype.handleRemove.apply(this, [section_id, ev]);
1748                 };
1749
1750                 s.handleScan = function(radioDev, ev) {
1751                         var table = E('table', { 'class': 'table' }, [
1752                                 E('tr', { 'class': 'tr table-titles' }, [
1753                                         E('th', { 'class': 'th col-2 middle center' }, _('Signal')),
1754                                         E('th', { 'class': 'th col-4 middle left' }, _('SSID')),
1755                                         E('th', { 'class': 'th col-2 middle center hide-xs' }, _('Channel')),
1756                                         E('th', { 'class': 'th col-2 middle left hide-xs' }, _('Mode')),
1757                                         E('th', { 'class': 'th col-3 middle left hide-xs' }, _('BSSID')),
1758                                         E('th', { 'class': 'th col-3 middle left' }, _('Encryption')),
1759                                         E('th', { 'class': 'th cbi-section-actions right' }, ' '),
1760                                 ])
1761                         ]);
1762
1763                         var stop = E('button', {
1764                                 'class': 'btn',
1765                                 'click': L.bind(this.handleScanStartStop, this),
1766                                 'style': 'display:none',
1767                                 'data-state': 'stop'
1768                         }, _('Stop refresh'));
1769
1770                         cbi_update_table(table, [], E('em', { class: 'spinning' }, _('Starting wireless scan...')));
1771
1772                         var md = ui.showModal(_('Join Network: Wireless Scan'), [
1773                                 table,
1774                                 E('div', { 'class': 'right' }, [
1775                                         stop,
1776                                         ' ',
1777                                         E('button', {
1778                                                 'class': 'btn',
1779                                                 'click': L.bind(this.handleScanAbort, this)
1780                                         }, _('Dismiss'))
1781                                 ])
1782                         ]);
1783
1784                         md.style.maxWidth = '90%';
1785                         md.style.maxHeight = 'none';
1786
1787                         this.pollFn = L.bind(this.handleScanRefresh, this, radioDev, {}, table, stop);
1788
1789                         poll.add(this.pollFn);
1790                         poll.start();
1791                 };
1792
1793                 s.handleScanRefresh = function(radioDev, scanCache, table, stop) {
1794                         return radioDev.getScanList().then(L.bind(function(results) {
1795                                 var rows = [];
1796
1797                                 for (var i = 0; i < results.length; i++)
1798                                         scanCache[results[i].bssid] = results[i];
1799
1800                                 for (var k in scanCache)
1801                                         if (scanCache[k].stale)
1802                                                 results.push(scanCache[k]);
1803
1804                                 results.sort(function(a, b) {
1805                                         var diff = (b.quality - a.quality) || (a.channel - b.channel);
1806
1807                                         if (diff)
1808                                                 return diff;
1809
1810                                         if (a.ssid < b.ssid)
1811                                                 return -1;
1812                                         else if (a.ssid > b.ssid)
1813                                                 return 1;
1814
1815                                         if (a.bssid < b.bssid)
1816                                                 return -1;
1817                                         else if (a.bssid > b.bssid)
1818                                                 return 1;
1819                                 });
1820
1821                                 for (var i = 0; i < results.length; i++) {
1822                                         var res = results[i],
1823                                             qv = res.quality || 0,
1824                                             qm = res.quality_max || 0,
1825                                             q = (qv > 0 && qm > 0) ? Math.floor((100 / qm) * qv) : 0,
1826                                             s = res.stale ? 'opacity:0.5' : '';
1827
1828                                         rows.push([
1829                                                 E('span', { 'style': s }, render_signal_badge(q, res.signal, res.noise)),
1830                                                 E('span', { 'style': s }, (res.ssid != null) ? '%h'.format(res.ssid) : E('em', _('hidden'))),
1831                                                 E('span', { 'style': s }, '%d'.format(res.channel)),
1832                                                 E('span', { 'style': s }, '%h'.format(res.mode)),
1833                                                 E('span', { 'style': s }, '%h'.format(res.bssid)),
1834                                                 E('span', { 'style': s }, '%h'.format(network.formatWifiEncryption(res.encryption))),
1835                                                 E('div', { 'class': 'right' }, E('button', {
1836                                                         'class': 'cbi-button cbi-button-action important',
1837                                                         'click': ui.createHandlerFn(this, 'handleJoin', radioDev, res)
1838                                                 }, _('Join Network')))
1839                                         ]);
1840
1841                                         res.stale = true;
1842                                 }
1843
1844                                 cbi_update_table(table, rows);
1845
1846                                 stop.disabled = false;
1847                                 stop.style.display = '';
1848                                 stop.classList.remove('spinning');
1849                         }, this));
1850                 };
1851
1852                 s.handleScanStartStop = function(ev) {
1853                         var btn = ev.currentTarget;
1854
1855                         if (btn.getAttribute('data-state') == 'stop') {
1856                                 poll.remove(this.pollFn);
1857                                 btn.firstChild.data = _('Start refresh');
1858                                 btn.setAttribute('data-state', 'start');
1859                         }
1860                         else {
1861                                 poll.add(this.pollFn);
1862                                 btn.firstChild.data = _('Stop refresh');
1863                                 btn.setAttribute('data-state', 'stop');
1864                                 btn.classList.add('spinning');
1865                                 btn.disabled = true;
1866                         }
1867                 };
1868
1869                 s.handleScanAbort = function(ev) {
1870                         var md = dom.parent(ev.target, 'div[aria-modal="true"]');
1871                         if (md) {
1872                                 md.style.maxWidth = '';
1873                                 md.style.maxHeight = '';
1874                         }
1875
1876                         ui.hideModal();
1877                         poll.remove(this.pollFn);
1878
1879                         this.pollFn = null;
1880                 };
1881
1882                 s.handleJoinConfirm = function(radioDev, bss, form, ev) {
1883                         var nameopt = L.toArray(form.lookupOption('name', '_new_'))[0],
1884                             passopt = L.toArray(form.lookupOption('password', '_new_'))[0],
1885                             ssidopt = L.toArray(form.lookupOption('ssid', '_new_'))[0],
1886                             bssidopt = L.toArray(form.lookupOption('bssid', '_new_'))[0],
1887                             zoneopt = L.toArray(form.lookupOption('zone', '_new_'))[0],
1888                             replopt = L.toArray(form.lookupOption('replace', '_new_'))[0],
1889                             nameval = (nameopt && nameopt.isValid('_new_')) ? nameopt.formvalue('_new_') : null,
1890                             passval = (passopt && passopt.isValid('_new_')) ? passopt.formvalue('_new_') : null,
1891                             ssidval = (ssidopt && ssidopt.isValid('_new_')) ? ssidopt.formvalue('_new_') : null,
1892                             bssidval = (bssidopt && bssidopt.isValid('_new_')) ? bssidopt.formvalue('_new_') : null,
1893                             zoneval = zoneopt ? zoneopt.formvalue('_new_') : null,
1894                             enc = L.isObject(bss.encryption) ? bss.encryption : null,
1895                             is_wep = (enc && Array.isArray(enc.wep)),
1896                             is_psk = (enc && Array.isArray(enc.wpa) && L.toArray(enc.authentication).filter(function(a) { return a == 'psk' }).length > 0),
1897                             is_sae = (enc && Array.isArray(enc.wpa) && L.toArray(enc.authentication).filter(function(a) { return a == 'sae' }).length > 0);
1898
1899                         if (nameval == null || (passopt && passval == null))
1900                                 return;
1901
1902                         var section_id = null;
1903
1904                         return this.map.save(function() {
1905                                 var wifi_sections = uci.sections('wireless', 'wifi-iface');
1906
1907                                 if (replopt.formvalue('_new_') == '1') {
1908                                         for (var i = 0; i < wifi_sections.length; i++)
1909                                                 if (wifi_sections[i].device == radioDev.getName())
1910                                                         uci.remove('wireless', wifi_sections[i]['.name']);
1911                                 }
1912
1913                                 if (uci.get('wireless', radioDev.getName(), 'disabled') == '1') {
1914                                         for (var i = 0; i < wifi_sections.length; i++)
1915                                                 if (wifi_sections[i].device == radioDev.getName())
1916                                                         uci.set('wireless', wifi_sections[i]['.name'], 'disabled', '1');
1917
1918                                         uci.unset('wireless', radioDev.getName(), 'disabled');
1919                                 }
1920
1921                                 section_id = next_free_sid(wifi_sections.length);
1922
1923                                 uci.add('wireless', 'wifi-iface', section_id);
1924                                 uci.set('wireless', section_id, 'device', radioDev.getName());
1925                                 uci.set('wireless', section_id, 'mode', (bss.mode == 'Ad-Hoc') ? 'adhoc' : 'sta');
1926                                 uci.set('wireless', section_id, 'network', nameval);
1927
1928                                 if (bss.ssid != null) {
1929                                         uci.set('wireless', section_id, 'ssid', bss.ssid);
1930
1931                                         if (bssidval == '1')
1932                                                 uci.set('wireless', section_id, 'bssid', bss.bssid);
1933                                 }
1934                                 else if (bss.bssid != null) {
1935                                         uci.set('wireless', section_id, 'bssid', bss.bssid);
1936                                 }
1937
1938                                 if (ssidval != null)
1939                                         uci.set('wireless', section_id, 'ssid', ssidval);
1940
1941                                 if (is_sae) {
1942                                         uci.set('wireless', section_id, 'encryption', 'sae');
1943                                         uci.set('wireless', section_id, 'key', passval);
1944                                 }
1945                                 else if (is_psk) {
1946                                         for (var i = enc.wpa.length - 1; i >= 0; i--) {
1947                                                 if (enc.wpa[i] == 2) {
1948                                                         uci.set('wireless', section_id, 'encryption', 'psk2');
1949                                                         break;
1950                                                 }
1951                                                 else if (enc.wpa[i] == 1) {
1952                                                         uci.set('wireless', section_id, 'encryption', 'psk');
1953                                                         break;
1954                                                 }
1955                                         }
1956
1957                                         uci.set('wireless', section_id, 'key', passval);
1958                                 }
1959                                 else if (is_wep) {
1960                                         uci.set('wireless', section_id, 'encryption', 'wep-open');
1961                                         uci.set('wireless', section_id, 'key', '1');
1962                                         uci.set('wireless', section_id, 'key1', passval);
1963                                 }
1964                                 else {
1965                                         uci.set('wireless', section_id, 'encryption', 'none');
1966                                 }
1967
1968                                 return network.addNetwork(nameval, { proto: 'dhcp' }).then(function(net) {
1969                                         firewall.deleteNetwork(net.getName());
1970
1971                                         var zonePromise = zoneval
1972                                                 ? firewall.getZone(zoneval).then(function(zone) { return zone || firewall.addZone(zoneval) })
1973                                                 : Promise.resolve();
1974
1975                                         return zonePromise.then(function(zone) {
1976                                                 if (zone)
1977                                                         zone.addNetwork(net.getName());
1978                                         });
1979                                 });
1980                         }).then(L.bind(function() {
1981                                 ui.showModal(null, E('p', { 'class': 'spinning' }, [ _('Loading data…') ]));
1982
1983                                 return this.renderMoreOptionsModal(section_id);
1984                         }, this));
1985                 };
1986
1987                 s.handleJoin = function(radioDev, bss, ev) {
1988                         poll.remove(this.pollFn);
1989
1990                         var m2 = new form.Map('wireless'),
1991                             s2 = m2.section(form.NamedSection, '_new_'),
1992                             enc = L.isObject(bss.encryption) ? bss.encryption : null,
1993                             is_wep = (enc && Array.isArray(enc.wep)),
1994                             is_psk = (enc && Array.isArray(enc.wpa) && L.toArray(enc.authentication).filter(function(a) { return a == 'psk' || a == 'sae' })),
1995                             replace, passphrase, name, bssid, zone;
1996
1997                         var nameUsed = function(name) {
1998                                 var s = uci.get('network', name);
1999                                 if (s != null && s['.type'] != 'interface')
2000                                         return true;
2001
2002                                 var net = (s != null) ? network.instantiateNetwork(name) : null;
2003                                 return (net != null && !net.isEmpty());
2004                         };
2005
2006                         s2.render = function() {
2007                                 return Promise.all([
2008                                         {},
2009                                         this.renderUCISection('_new_')
2010                                 ]).then(this.renderContents.bind(this));
2011                         };
2012
2013                         if (bss.ssid == null) {
2014                                 name = s2.option(form.Value, 'ssid', _('Network SSID'), _('The correct SSID must be manually specified when joining a hidden wireless network'));
2015                                 name.rmempty = false;
2016                         };
2017
2018                         replace = s2.option(form.Flag, 'replace', _('Replace wireless configuration'), _('Check this option to delete the existing networks from this radio.'));
2019
2020                         name = s2.option(form.Value, 'name', _('Name of the new network'), _('The allowed characters are: <code>A-Z</code>, <code>a-z</code>, <code>0-9</code> and <code>_</code>'));
2021                         name.datatype = 'uciname';
2022                         name.default = 'wwan';
2023                         name.rmempty = false;
2024                         name.validate = function(section_id, value) {
2025                                 if (nameUsed(value))
2026                                         return _('The network name is already used');
2027
2028                                 return true;
2029                         };
2030
2031                         for (var i = 2; nameUsed(name.default); i++)
2032                                 name.default = 'wwan%d'.format(i);
2033
2034                         if (is_wep || is_psk) {
2035                                 passphrase = s2.option(form.Value, 'password', is_wep ? _('WEP passphrase') : _('WPA passphrase'), _('Specify the secret encryption key here.'));
2036                                 passphrase.datatype = is_wep ? 'wepkey' : 'wpakey';
2037                                 passphrase.password = true;
2038                                 passphrase.rmempty = false;
2039                         }
2040
2041                         if (bss.ssid != null) {
2042                                 bssid = s2.option(form.Flag, 'bssid', _('Lock to BSSID'), _('Instead of joining any network with a matching SSID, only connect to the BSSID <code>%h</code>.').format(bss.bssid));
2043                                 bssid.default = '0';
2044                         }
2045
2046                         zone = s2.option(widgets.ZoneSelect, 'zone', _('Create / Assign firewall-zone'), _('Choose the firewall zone you want to assign to this interface. Select <em>unspecified</em> to remove the interface from the associated zone or fill out the <em>custom</em> field to define a new zone and attach the interface to it.'));
2047                         zone.default = 'wan';
2048
2049                         return m2.render().then(L.bind(function(nodes) {
2050                                 ui.showModal(_('Joining Network: %q').replace(/%q/, '"%h"'.format(bss.ssid)), [
2051                                         nodes,
2052                                         E('div', { 'class': 'right' }, [
2053                                                 E('button', {
2054                                                         'class': 'btn',
2055                                                         'click': ui.hideModal
2056                                                 }, _('Cancel')), ' ',
2057                                                 E('button', {
2058                                                         'class': 'cbi-button cbi-button-positive important',
2059                                                         'click': ui.createHandlerFn(this, 'handleJoinConfirm', radioDev, bss, m2)
2060                                                 }, _('Submit'))
2061                                         ])
2062                                 ], 'cbi-modal').querySelector('[id="%s"] input[class][type]'.format((passphrase || name).cbid('_new_'))).focus();
2063                         }, this));
2064                 };
2065
2066                 s.handleAdd = function(radioDev, ev) {
2067                         var section_id = next_free_sid(uci.sections('wireless', 'wifi-iface').length);
2068
2069                         uci.unset('wireless', radioDev.getName(), 'disabled');
2070
2071                         uci.add('wireless', 'wifi-iface', section_id);
2072                         uci.set('wireless', section_id, 'device', radioDev.getName());
2073                         uci.set('wireless', section_id, 'mode', 'ap');
2074                         uci.set('wireless', section_id, 'ssid', 'OpenWrt');
2075                         uci.set('wireless', section_id, 'encryption', 'none');
2076
2077                         this.addedSection = section_id;
2078                         return this.renderMoreOptionsModal(section_id);
2079                 };
2080
2081                 o = s.option(form.DummyValue, '_badge');
2082                 o.modalonly = false;
2083                 o.textvalue = function(section_id) {
2084                         var inst = this.section.lookupRadioOrNetwork(section_id),
2085                             node = E('div', { 'class': 'center' });
2086
2087                         if (inst.getWifiNetworks)
2088                                 node.appendChild(render_radio_badge(inst));
2089                         else
2090                                 node.appendChild(render_network_badge(inst));
2091
2092                         return node;
2093                 };
2094
2095                 o = s.option(form.DummyValue, '_stat');
2096                 o.modalonly = false;
2097                 o.textvalue = function(section_id) {
2098                         var inst = this.section.lookupRadioOrNetwork(section_id);
2099
2100                         if (inst.getWifiNetworks)
2101                                 return render_radio_status(inst, this.section.wifis.filter(function(e) {
2102                                         return (e.getWifiDeviceName() == inst.getName());
2103                                 }));
2104                         else
2105                                 return render_network_status(inst);
2106                 };
2107
2108                 return m.render().then(L.bind(function(m, nodes) {
2109                         poll.add(L.bind(function() {
2110                                 var section_ids = m.children[0].cfgsections(),
2111                                     tasks = [ network.getHostHints(), network.getWifiDevices() ];
2112
2113                                 for (var i = 0; i < section_ids.length; i++) {
2114                                         var row = nodes.querySelector('.cbi-section-table-row[data-sid="%s"]'.format(section_ids[i])),
2115                                             dsc = row.querySelector('[data-name="_stat"] > div'),
2116                                             btns = row.querySelectorAll('.cbi-section-actions button');
2117
2118                                         if (dsc.getAttribute('restart') == '') {
2119                                                 dsc.setAttribute('restart', '1');
2120                                                 tasks.push(fs.exec('/sbin/wifi', ['up', section_ids[i]]).catch(function(e) {
2121                                                         ui.addNotification(null, E('p', e.message));
2122                                                 }));
2123                                         }
2124                                         else if (dsc.getAttribute('restart') == '1') {
2125                                                 dsc.removeAttribute('restart');
2126                                                 btns[0].classList.remove('spinning');
2127                                                 btns[0].disabled = false;
2128                                         }
2129                                 }
2130
2131                                 return Promise.all(tasks)
2132                                         .then(L.bind(function(hosts_radios) {
2133                                                 var tasks = [];
2134
2135                                                 for (var i = 0; i < hosts_radios[1].length; i++)
2136                                                         tasks.push(hosts_radios[1][i].getWifiNetworks());
2137
2138                                                 return Promise.all(tasks).then(function(data) {
2139                                                         hosts_radios[2] = [];
2140
2141                                                         for (var i = 0; i < data.length; i++)
2142                                                                 hosts_radios[2].push.apply(hosts_radios[2], data[i]);
2143
2144                                                         return hosts_radios;
2145                                                 });
2146                                         }, network))
2147                                         .then(L.bind(function(hosts_radios_wifis) {
2148                                                 var tasks = [];
2149
2150                                                 for (var i = 0; i < hosts_radios_wifis[2].length; i++)
2151                                                         tasks.push(hosts_radios_wifis[2][i].getAssocList());
2152
2153                                                 return Promise.all(tasks).then(function(data) {
2154                                                         hosts_radios_wifis[3] = [];
2155
2156                                                         for (var i = 0; i < data.length; i++) {
2157                                                                 var wifiNetwork = hosts_radios_wifis[2][i],
2158                                                                     radioDev = hosts_radios_wifis[1].filter(function(d) { return d.getName() == wifiNetwork.getWifiDeviceName() })[0];
2159
2160                                                                 for (var j = 0; j < data[i].length; j++)
2161                                                                         hosts_radios_wifis[3].push(Object.assign({ radio: radioDev, network: wifiNetwork }, data[i][j]));
2162                                                         }
2163
2164                                                         return hosts_radios_wifis;
2165                                                 });
2166                                         }, network))
2167                                         .then(L.bind(this.poll_status, this, nodes));
2168                         }, this), 5);
2169
2170                         var table = E('table', { 'class': 'table assoclist', 'id': 'wifi_assoclist_table' }, [
2171                                 E('tr', { 'class': 'tr table-titles' }, [
2172                                         E('th', { 'class': 'th nowrap' }, _('Network')),
2173                                         E('th', { 'class': 'th hide-xs' }, _('MAC address')),
2174                                         E('th', { 'class': 'th' }, _('Host')),
2175                                         E('th', { 'class': 'th' }, _('Signal / Noise')),
2176                                         E('th', { 'class': 'th' }, _('RX Rate / TX Rate'))
2177                                 ])
2178                         ]);
2179
2180                         cbi_update_table(table, [], E('em', { 'class': 'spinning' }, _('Collecting data...')))
2181
2182                         return E([ nodes, E('h3', _('Associated Stations')), table ]);
2183                 }, this, m));
2184         }
2185 });