espterm-front-end/js/wifi.js

const $ = require('./lib/chibi')
const { mk } = require('./utils')
const tr = require('./lang')

const HTTPS = window.location.protocol.match(/s:/)

{
  const w = window.WiFi = {}

  const authTypes = ['Open', 'WEP', 'WPA', 'WPA2', 'WPA/WPA2']
  let curSSID

  // Get XX % for a slider input
  function calc_dBm (inp) {
    return `+${(inp.value * 0.25).toFixed(2)} dBm`
  }

  // Display selected STA SSID etc
  function selectSta (name, password, ip) {
    $('#sta_ssid').val(name)
    $('#sta_password').val(password)

    $('#sta-nw').toggleClass('hidden', name.length === 0)
    $('#sta-nw-nil').toggleClass('hidden', name.length > 0)

    $('#sta-nw .essid').html($.htmlEscape(name))
    const hasPassword = !!password

    // (the following is kind of confusing with the double-double negations,
    // but it works)
    $('#sta-nw .passwd').toggleClass('hidden', !hasPassword)
    $('#sta-nw .nopasswd').toggleClass('hidden', hasPassword)

    $('#sta-nw .ip').html(ip.length > 0 ? tr('wifi.connected_ip_is') + ip : tr('wifi.not_conn'))
  }

  /** Update display for received response */
  function onScan (resp, status) {
    // var ap_json = {
    //  "result": {
    //    "inProgress": "0",
    //    "APs": [
    //      {"essid": "Chlivek", "bssid": "88:f7:c7:52:b3:99", "rssi": "204", "enc": "4", "channel": "1"},
    //      {"essid": "TyNikdy", "bssid": "5c:f4:ab:0d:f1:1b", "rssi": "164", "enc": "3", "channel": "1"},
    //    ]
    //  }
    // };

    if (status !== 200) {
      // bad response
      rescan(5000) // wait 5s then retry
      return
    }

    try {
      resp = JSON.parse(resp)
    } catch (e) {
      console.log(e)
      rescan(5000)
      return
    }

    const done = !resp.result.inProgress && resp.result.APs.length > 0
    rescan(done ? 15000 : 1000)
    if (!done) return // no redraw yet

    // clear the AP list
    let $list = $('#ap-list')
    // remove old APs
    $('#ap-list .AP').remove()

    $list.toggleClass('hidden', !done)
    $('#ap-loader').toggleClass('hidden', done)

    // scan done
    resp.result.APs.sort((a, b) => b.rssi - a.rssi).forEach(function (ap) {
      ap.enc = parseInt(ap.enc)

      if (ap.enc > 4) return // hide unsupported auths

      let item = mk('div')

      let $item = $(item)
        .data('ssid', ap.essid)
        .data('pwd', ap.enc)
        .attr('tabindex', 0)
        .addClass('AP')

      // mark current SSID
      if (ap.essid === curSSID) {
        $item.addClass('selected')
      }

      let inner = mk('div')
      let escapedSSID = $.htmlEscape(ap.essid)
      $(inner).addClass('inner')
        .htmlAppend(`<div class="rssi">${ap.rssi_perc}</div>`)
        .htmlAppend(`<div class="essid" title="${escapedSSID}">${escapedSSID}</div>`)
        .htmlAppend(`<div class="auth">${authTypes[ap.enc]}</div>`)

      $item.on('click', function () {
        let $th = $(this)

        const conn_ssid = $th.data('ssid')
        let conn_pass = ''

        if (+$th.data('pwd')) {
          // this AP needs a password
          conn_pass = window.prompt(tr('wifi.enter_passwd').replace(':ssid:', conn_ssid))
          if (!conn_pass) return
        }

        $('#sta_password').val(conn_pass)
        $('#sta_ssid').val(conn_ssid)
        selectSta(conn_ssid, conn_pass, '')
      })

      item.appendChild(inner)
      $list[0].appendChild(item)
    })
  }

  function startScanning () {
    $('#ap-loader').removeClass('hidden')
    $('#ap-scan').addClass('hidden')
    $('#ap-loader .anim-dots').html('.')

    scanAPs()
  }

  /** Ask the CGI what APs are visible (async) */
  function scanAPs () {
    if (window._demo) {
      onScan(window._demo_aps, 200)
    } else {
      $.get(`${HTTPS ? 'https' : 'http'}://${window._root}/cfg/wifi/scan`, onScan)
    }
  }

  function rescan (time) {
    setTimeout(scanAPs, time)
  }

  /** Set up the WiFi page */
  function wifiInit (cfg) {
    // Update slider value displays
    $('.Row.range').forEach(function (x) {
      let inp = x.querySelector('input')
      let disp1 = x.querySelector('.x-disp1')
      let disp2 = x.querySelector('.x-disp2')
      let t = calc_dBm(inp)
      $(disp1).html(t)
      $(disp2).html(t)
      $(inp).on('input', function () {
        t = calc_dBm(inp)
        $(disp1).html(t)
        $(disp2).html(t)
      })
    })

    // Forget STA credentials
    $('#forget-sta').on('click', () => {
      selectSta('', '', '')
      return false
    })

    selectSta(cfg.sta_ssid, cfg.sta_password, cfg.sta_active_ip)
    curSSID = cfg.sta_active_ssid
  }

  w.init = wifiInit
  w.startScanning = startScanning
}