From 04c4499be74152c476ca1edfd6b8048252a55251 Mon Sep 17 00:00:00 2001 From: Florian Eckert Date: Thu, 17 Jun 2021 12:50:40 +0200 Subject: luci-app-nlbwmon: adjused the display export page Signed-off-by: Florian Eckert --- .../luci-static/resources/view/nlbw/display.js | 54 +++++++++++++--------- 1 file changed, 33 insertions(+), 21 deletions(-) (limited to 'applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw/display.js') 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') ]) + ]) ]) ]) ]) -- cgit v1.2.3