luci-mod-status: adjust assoclist markup for easier styling

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

diff --git a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js
index 86468c7188db6a2e85fab2f586bb00cacefbab8c..0d7d4f4a8e9074fe9571c73105dc95e2c3f435f6 100644 (file)
--- a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js
+++ b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js
@@ -119,7 +119,7 @@ return L.Class.extend({
                if (!table.lastElementChild)
                        return null;
 
-               var assoclist = E('div', { 'class': 'table' }, [
+               var assoclist = E('div', { 'class': 'table assoclist' }, [
                        E('div', { 'class': 'tr table-titles' }, [
                                E('div', { 'class': 'th nowrap' }, _('Network')),
                                E('div', { 'class': 'th hide-xs' }, _('MAC-Address')),
@@ -168,23 +168,37 @@ return L.Class.extend({
                                var hint;
 
                                if (name && ipv4 && ipv6)
-                                       hint = '%s (%s, %s)'.format(name, ipv4, ipv6);
+                                       hint = '%s <span class="hide-xs">(%s, %s)</span>'.format(name, ipv4, ipv6);
                                else if (name && (ipv4 || ipv6))
-                                       hint = '%s (%s)'.format(name, ipv4 || ipv6);
+                                       hint = '%s <span class="hide-xs">(%s)</span>'.format(name, ipv4 || ipv6);
                                else
                                        hint = name || ipv4 || ipv6 || '?';
 
                                var row = [
-                                       E('span', { 'class': 'ifacebadge', 'title': networks[i].getI18n() }, [
+                                       E('span', {
+                                               'class': 'ifacebadge',
+                                               'title': networks[i].getI18n(),
+                                               'data-ifname': networks[i].getIfname(),
+                                               'data-ssid': networks[i].getActiveSSID()
+                                       }, [
                                                E('img', { 'src': L.resource('icons/wifi.png') }),
-                                               ' ', networks[i].getShortName(),
-                                               E('small', {}, [ ' (', networks[i].getIfname(), ')' ])
+                                               E('span', {}, [
+                                                       ' ', networks[i].getShortName(),
+                                                       E('small', {}, [ ' (', networks[i].getIfname(), ')' ])
+                                               ])
                                        ]),
                                        bss.mac,
                                        hint,
-                                       E('span', { 'class': 'ifacebadge', 'title': sig_title }, [
+                                       E('span', {
+                                               'class': 'ifacebadge',
+                                               'title': sig_title,
+                                               'data-signal': bss.signal,
+                                               'data-noise': bss.noise
+                                       }, [
                                                E('img', { 'src': icon }),
-                                               ' ', sig_value
+                                               E('span', {}, [
+                                                       ' ', sig_value
+                                               ])
                                        ]),
                                        E('span', {}, [
                                                E('span', wifirate(bss.rx)),