});
},
- render: function(data) {
- var svg = data[0],
- devs = data[1];
+ render: function([svg, devs]) {
var v = E('div', { 'class': 'cbi-map', 'id': 'map' }, E('div'));
for (var i = 0; i < devs.length; i++) {
var ifname = devs[i].getName();
+ const ssid = devs[i].wif?.getSSID?.() || null;
- if (!ifname)
+ if (!ifname || !devs[i].isUp() || devs[i].wif?.isDisabled())
continue;
var csvg = svg.cloneNode(true);
- v.firstElementChild.appendChild(E('div', { 'class': 'cbi-section', 'data-tab': ifname, 'data-tab-title': ifname }, [
+ v.firstElementChild.appendChild(E('div', { 'class': 'cbi-section', 'data-tab': ifname, 'data-tab-title': ssid ? `${ifname} ${ssid}` : ifname }, [
csvg,
E('div', { 'class': 'right' }, E('small', { 'id': 'scale' }, '-')),
E('br'),