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
|
'use strict';
'require rpc';
'require uci';
'require ui';
'require view';
'require olsr.common_js as olsr';
return olsr.olsrview.extend({
action_mid() {
let self = this;
return new Promise(function (resolve, reject) {
self
.fetch_jsoninfo('mid')
.then(function ([data, has_v4, has_v6, error]) {
if (error) {
reject(error);
}
function compare(a, b) {
if (a.proto === b.proto) {
return a.main.ipAddress < b.main.ipAddress;
} else {
return a.proto < b.proto;
}
}
data.sort(compare);
const result = { mids: data, has_v4: has_v4, has_v6: has_v6 };
resolve(result);
})
.catch(function (err) {
reject(err);
});
});
},
render() {
let mids_res;
let has_v4;
let has_v6;
return this.action_mid()
.then(function (result) {
mids_res = result.mids;
has_v4 = result.has_v4;
has_v6 = result.has_v6;
const table = E('div', { 'class': 'table cbi-section-table' }, [
E('div', { 'class': 'tr cbi-section-table-titles' }, [E('div', { 'class': 'th cbi-section-table-cell' }, _('OLSR node')), E('div', { class: 'th cbi-section-table-cell' }, _('Secondary OLSR interfaces'))]),
]);
let i = 1;
for (let mid of mids_res) {
let aliases = '';
for (let v of mid.aliases) {
const sep = aliases === '' ? '' : ', ';
aliases = v.ipAddress + sep + aliases;
}
let host = mid.main.ipAddress;
if (mid.proto === '6') {
host = '[' + mid.main.ipAddress + ']';
}
const tr = E('div', { 'class': 'tr cbi-section-table-row cbi-rowstyle-' + i + ' proto-' + mid.proto }, [
E('div', { 'class': 'td cbi-section-table-cell left' }, [E('a', { 'href': 'http://' + host + '/cgi-bin-status.html' }, mid.main.ipAddress)]),
E('div', { 'class': 'td cbi-section-table-cell left' }, aliases),
]);
table.appendChild(tr);
i = (i % 2) + 1;
}
const fieldset = E('fieldset', { 'class': 'cbi-section' }, [E('legend', {}, _('Overview of known multiple interface announcements')), table]);
const h2 = E('h2', { 'name': 'content' }, _('Active MID announcements'));
const divToggleButtons = E('div', { 'id': 'togglebuttons' });
let statusOlsrCommonJs = null;
if (has_v4 && has_v6) {
statusOlsrCommonJs = E('script', { 'type': 'text/javascript', 'src': L.resource('olsr/common_js.js') });
}
const fresult = E([], {}, [h2, divToggleButtons, fieldset, statusOlsrCommonJs]);
return fresult;
})
.catch(function (error) {
console.error(error);
});
},
handleSaveApply: null,
handleSave: null,
handleReset: null,
});
|
