luci-mod-status: bandwith: add missing css cbi-* class elements
authorFlorian Eckert <fe@dev.tdt.de>
Tue, 23 Apr 2024 11:40:56 +0000 (13:40 +0200)
committerFlorian Eckert <fe@dev.tdt.de>
Tue, 23 Apr 2024 12:14:25 +0000 (14:14 +0200)
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
modules/luci-mod-status/htdocs/luci-static/resources/view/status/bandwidth.js

index 4bdc9e2675b69d925283fb5934dba72840b607a6..7d13679d8124b44c8dc89723239b6b4ca72de9c5 100644 (file)
@@ -247,7 +247,7 @@ return view.extend({
                var svg = data[0],
                    devs = data[1];
 
-               var v = E('div', {}, E('div'));
+               var v = E('div', { 'class': 'cbi-map', 'id': 'map' }, E('div'));
 
                for (var i = 0; i < devs.length; i++) {
                        var ifname = devs[i].getName();
@@ -257,7 +257,7 @@ return view.extend({
 
                        var csvg = svg.cloneNode(true);
 
-                       v.firstElementChild.appendChild(E('div', { 'data-tab': ifname, 'data-tab-title': ifname }, [
+                       v.firstElementChild.appendChild(E('div', { 'class': 'cbi-section', 'data-tab': ifname, 'data-tab-title': ifname }, [
                                csvg,
                                E('div', { 'class': 'right' }, E('small', { 'id': 'scale' }, '-')),
                                E('br'),
@@ -283,7 +283,8 @@ return view.extend({
                                                E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Peak:') ])),
                                                E('td', { 'class': 'td', 'id': 'tx_bw_peak' }, rate(0, true))
                                        ])
-                               ])
+                               ]),
+                               E('div', {'class': 'cbi-section-create'})
                        ]));
 
                        this.updateGraph(ifname, csvg, [ { line: 'rx', counter: true }, null, { line: 'tx', counter: true } ], function(svg, info) {