1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
// This is free software, licensed under the Apache License, Version 2.0
'use strict';
'require view';
'require fs';
'require ui';
'require uci';
'require form';
'require tools.widgets as widgets';
var isReadonlyView = !L.hasViewPermission() || null;
return view.extend({
handleDeleteModal: function(m, iface, ev) {
L.showModal(_('Delete interface <em>%h</em>').format(iface), [
E('p', _('The interface will be removed from the database permanently. This cannot be undone.')),
E('div', { 'class': 'right' }, [
E('div', {
'class': 'btn',
'click': L.hideModal
}, _('Cancel')),
' ',
E('div', {
'class': 'btn cbi-button-negative',
'click': ui.createHandlerFn(this, 'handleDelete', m, iface)
}, _('Delete'))
])
]);
},
handleDelete: function(m, iface, ev) {
return fs.exec('/usr/bin/vnstat', ['--remove', '-i', iface, '--force'])
.then(L.bind(m.render, m))
.catch(function(e) {
ui.addNotification(null, E('p', e.message));
})
.finally(L.hideModal);
},
render: function() {
var m, s, o;
m = new form.Map('vnstat', _('vnStat'), _('vnStat is a network traffic monitor for Linux that keeps a log of network traffic for the selected interface(s).'));
s = m.section(form.TypedSection, 'vnstat', _('Interfaces'));
s.anonymous = true;
s.addremove = false;
o = s.option(widgets.DeviceSelect, 'interface', _('Monitor interfaces'), _('The selected interfaces are automatically added to the vnStat database upon startup.'));
o.rmempty = true;
o.multiple = true;
o.noaliases = true;
o.nobridges = false;
o.noinactive = false;
o.nocreate = false;
o = s.option(form.DummyValue, '_database');
o.load = function(section_id) {
return fs.exec('/usr/bin/vnstat', ['--json', 'f', '1']).then(L.bind(function(result) {
var databaseInterfaces = [];
if (result.code == 0) {
var vnstatData = JSON.parse(result.stdout);
for (var i = 0; i < vnstatData.interfaces.length; i++) {
databaseInterfaces.push(vnstatData.interfaces[i].name);
}
}
var configInterfaces = uci.get_first('vnstat', 'vnstat', 'interface') || [];
this.interfaces = databaseInterfaces.filter(function(iface) {
return configInterfaces.indexOf(iface) == -1;
});
}, this));
};
o.render = L.bind(function(view, section_id) {
var table = E('table', { 'class': 'table' }, [
E('tr', { 'class': 'tr table-titles' }, [
E('th', { 'class': 'th' }, _('Interface')),
E('th', { 'class': 'th right' }, _('Delete'))
])
]);
var rows = [];
for (var i = 0; i < this.interfaces.length; i++) {
rows.push([
this.interfaces[i],
E('button', {
'class': 'btn cbi-button-remove',
'click': ui.createHandlerFn(view, 'handleDeleteModal', m, this.interfaces[i]),
'disabled': isReadonlyView
}, [ _('Delete…') ])
]);
}
cbi_update_table(table, rows, E('em', _('No unconfigured interfaces found in database.')));
return E([], [
E('h3', _('Unconfigured interfaces')),
E('div', { 'class': 'cbi-section-descr' },
_('These interfaces are present in the vnStat database, but are not configured above.')),
table
]);
}, o, this);
return m.render();
}
});
|
