diff options
| author | Florian Eckert <fe@dev.tdt.de> | 2021-06-17 12:50:40 +0200 |
|---|---|---|
| committer | Florian Eckert <fe@dev.tdt.de> | 2021-06-17 12:50:40 +0200 |
| commit | 04c4499be74152c476ca1edfd6b8048252a55251 (patch) | |
| tree | c4c3f1fc47545dd2f6f190f2f73e4debf02ba9b8 /applications/luci-app-nlbwmon/htdocs/luci-static | |
| parent | d6443a629362f7ed79d1212cd964e5d6a127a9c0 (diff) | |
luci-app-nlbwmon: adjused the display export page
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
Diffstat (limited to 'applications/luci-app-nlbwmon/htdocs/luci-static')
| -rw-r--r-- | applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw/display.js | 54 |
1 files changed, 33 insertions, 21 deletions
diff --git a/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw/display.js b/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw/display.js index 029e195242..4909485bbe 100644 --- a/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw/display.js +++ b/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw/display.js @@ -945,30 +945,42 @@ return view.extend({ ]), E('div', { 'class': 'cbi-section', 'data-tab': 'export', 'data-tab-title': _('Export') }, [ - E('ul', [ - E('li', [ - E('a', { - 'href': '#', - 'click': ui.createHandlerFn(this, 'handleDownload', 'csv', 'mac', '-rx,-tx') - }, [ _('CSV, grouped by MAC') ]) + E('div', { 'class': 'cbi-section-node cbi-sction-node-tabbed' }, [ + E('div', { 'class': 'cbi-value' }, [ + E('label', { 'class': 'cbi-value-title' }, _('Grouped by MAC (CSV)')), + E('div', { 'class': 'cbi-value-field' }, [ + E('button', { + 'class': 'cbi-button', + 'click': ui.createHandlerFn(this, 'handleDownload', 'csv', 'mac', '-rx,-tx') + }, [ _('Export') ]) + ]) ]), - E('li', [ - E('a', { - 'href': '#', - 'click': ui.createHandlerFn(this, 'handleDownload', 'csv', 'ip', '-rx,-tx') - }, [ _('CSV, grouped by IP') ]) + E('div', { 'class': 'cbi-value' }, [ + E('label', { 'class': 'cbi-value-title' }, _('Grouped by IP (CSV)')), + E('div', { 'class': 'cbi-value-field' }, [ + E('button', { + 'class': 'cbi-button', + 'click': ui.createHandlerFn(this, 'handleDownload', 'csv', 'ip', '-rx,-tx') + }, [ _('Export') ]) + ]) ]), - E('li', [ - E('a', { - 'href': '#', - 'click': ui.createHandlerFn(this, 'handleDownload', 'csv', 'layer7', '-rx,-tx') - }, [ _('CSV, grouped by protocol') ]) + E('div', { 'class': 'cbi-value' }, [ + E('label', { 'class': 'cbi-value-title' }, _('Grouped by protocol (CSV)')), + E('div', { 'class': 'cbi-value-field' }, [ + E('button', { + 'class': 'cbi-button', + 'click': ui.createHandlerFn(this, 'handleDownload', 'csv', 'layer7', '-rx,-tx') + }, [ _('Export') ]) + ]) ]), - E('li', [ - E('a', { - 'href': '#', - 'click': ui.createHandlerFn(this, 'handleDownload', 'json', null, null) - }, [ _('JSON dump') ]) + E('div', { 'class': 'cbi-value' }, [ + E('label', { 'class': 'cbi-value-title' }, _('Dump (JSON)')), + E('div', { 'class': 'cbi-value-field' }, [ + E('button', { + 'class': 'cbi-button', + 'click': ui.createHandlerFn(this, 'handleDownload', 'json', null, null) + }, [ _('Export') ]) + ]) ]) ]) ]) |