luci-mod-status: load: add missing cbi-map and cbi-section css class

Signed-off-by: Florian Eckert <fe@dev.tdt.de>

diff --git a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/load.js b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/load.js
index ec80d86b64a48df481667539098e524f69d3059b..bc6525969c9253406594a816b5e9943d89d033bf 100644 (file)
--- a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/load.js
+++ b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/load.js
@@ -223,43 +223,45 @@ return view.extend({
        render: function(data) {
                var svg = data[0];
 
-               var v = E([], [
+               var v = E('div', { 'class': 'cbi-map', 'id': 'map' }, [
                        E('h2', _('System load')),
                        E('div', {'class': 'cbi-map-descr'}, _('Load Average is a metric that is used by Linux to keep track of system resources.')),
-                       svg,
-                       E('div', { 'class': 'right' }, E('small', { 'id': 'scale' }, '-')),
-                       E('br'),
-
-                       E('table', { 'class': 'table', 'style': 'width:100%;table-layout:fixed' }, [
-                               E('tr', { 'class': 'tr' }, [
-                                       E('td', { 'class': 'td right top' }, E('strong', { 'style': 'border-bottom:2px solid #f00' }, [ _('1 Minute Load:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load01_cur' }, [ '0.00' ]),
-
-                                       E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Average:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load01_avg' }, [ '0.00' ]),
-
-                                       E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Peak:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load01_peak' }, [ '0.00' ])
-                               ]),
-                               E('tr', { 'class': 'tr' }, [
-                                       E('td', { 'class': 'td right top' }, E('strong', { 'style': 'border-bottom:2px solid #f60' }, [ _('5 Minute Load:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load05_cur' }, [ '0.00' ]),
-
-                                       E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Average:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load05_avg' }, [ '0.00' ]),
-
-                                       E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Peak:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load05_peak' }, [ '0.00' ])
-                               ]),
-                               E('tr', { 'class': 'tr' }, [
-                                       E('td', { 'class': 'td right top' }, E('strong', { 'style': 'border-bottom:2px solid #fa0' }, [ _('15 Minute Load:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load15_cur' }, [ '0.00' ]),
-
-                                       E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Average:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load15_avg' }, [ '0.00' ]),
-
-                                       E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Peak:') ])),
-                                       E('td', { 'class': 'td', 'id': 'lb_load15_peak' }, [ '0.00' ])
+                       E('div', { 'class': 'cbi-section' }, [
+                               svg,
+                               E('div', { 'class': 'right' }, E('small', { 'id': 'scale' }, '-')),
+                               E('br'),
+
+                               E('table', { 'class': 'table', 'style': 'width:100%;table-layout:fixed' }, [
+                                       E('tr', { 'class': 'tr' }, [
+                                               E('td', { 'class': 'td right top' }, E('strong', { 'style': 'border-bottom:2px solid #f00' }, [ _('1 Minute Load:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load01_cur' }, [ '0.00' ]),
+
+                                               E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Average:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load01_avg' }, [ '0.00' ]),
+
+                                               E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Peak:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load01_peak' }, [ '0.00' ])
+                                       ]),
+                                       E('tr', { 'class': 'tr' }, [
+                                               E('td', { 'class': 'td right top' }, E('strong', { 'style': 'border-bottom:2px solid #f60' }, [ _('5 Minute Load:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load05_cur' }, [ '0.00' ]),
+
+                                               E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Average:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load05_avg' }, [ '0.00' ]),
+
+                                               E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Peak:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load05_peak' }, [ '0.00' ])
+                                       ]),
+                                       E('tr', { 'class': 'tr' }, [
+                                               E('td', { 'class': 'td right top' }, E('strong', { 'style': 'border-bottom:2px solid #fa0' }, [ _('15 Minute Load:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load15_cur' }, [ '0.00' ]),
+
+                                               E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Average:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load15_avg' }, [ '0.00' ]),
+
+                                               E('td', { 'class': 'td right top' }, E('strong', {}, [ _('Peak:') ])),
+                                               E('td', { 'class': 'td', 'id': 'lb_load15_peak' }, [ '0.00' ])
+                                       ])
                                ])
                        ])
                ]);