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
114
115
116
117
|
'use strict';
'require view';
'require fs';
return view.extend({
setElementShown: function(selector, shown) {
var loaderE = document.querySelector(selector);
if (loaderE) {
if (loaderE.classList.contains('hidden') === shown)
{
if (shown) {
loaderE.classList.remove('hidden');
} else {
loaderE.classList.add('hidden');
}
}
}
},
fixupResponse: function(response) {
return response.toString().replace(/(\n$)/, '');
},
rpcDownloadAccountLists: function() {
return new Promise(L.bind(function (resolve, fail) {
fs.exec_direct('/usr/libexec/vpncmd-call', [ 'account-list' ])
.then(L.bind(function(resp) {
var accounts = [];
var responseList = this.fixupResponse(resp).split('\n');
responseList.forEach(function(d) {
var s = d.split(',');
var tmp = {};
tmp.name = s[0];
tmp.properties = {};
tmp.properties['Status'] = s[1];
tmp.properties['Remote'] = s[2];
tmp.properties['Hub'] = s[3];
accounts.push(tmp);
})
resolve(accounts);
},this));
},this));
},
rpcDownloadAccountStatus: function(account) {
return new Promise(L.bind(function (resolve, fail) {
fs.exec_direct('/usr/libexec/vpncmd-call', [ 'account-status-get', account.name ])
.then(L.bind(function(resp) {
var detailList = this.fixupResponse(resp).split('\n');
detailList.forEach(function(d) {
var s = d.split(',');
if (s.length === 2)
account.properties[s[0]] = s[1];
});
resolve(account);
},this));
},this));
},
downloadAllStatus: function(accountList) {
var promises = [];
accountList.forEach(L.bind(function(account) { promises.push(this.rpcDownloadAccountStatus(account)); },this));
return Promise.all(promises);
},
downloadAllAccounts: function() {
return new Promise(L.bind(function(resolve) {
this.rpcDownloadAccountLists().then(L.bind(function(accountList) {
this.downloadAllStatus(accountList).then(function(accountListWDetail) {
resolve(accountListWDetail);
});
},this));
},this));
},
updateAccountTable: function(listData) {
var tableSelector = '#accountTable';
var table = isElem(tableSelector) ? tableSelector : document.querySelector(tableSelector);
if (listData.length > 0 ) {
listData.forEach(L.bind(function(account) {
table.appendChild(this.renderAccountRow(account));
},this));
} else {
this.setElementShown('#emptyLabel', true);
}
this.setElementShown('#loader', false);
},
renderAccountRow: function(account) {
var properties = [];
for(var key in account.properties) {
if (account.properties.hasOwnProperty(key)) {
properties.push(E('strong', {}, [key + ':']));
properties.push(account.properties[key]);
properties.push(E('br', {}, []));
}
}
var row = E('div', {'class':'tr cbi-section-table-row'}, [
E('div', {'class':'td', 'style': 'width: 20%;vertical-align:top;'}, [
E('strong', {}, ['Account:']),
account.name
]),
E('div', {'class':'td'}, properties)
]);
return row;
},
render: function() {
var view = E([], [
E('h2', {}, _('SoftEther Status')),
E('div', { 'class': 'cbi-section'}, [
E('div', { 'class': 'cbi-section-node'}, [
E('div', { 'id': 'accountTable', 'class': 'table cbi-section-table' }, [ ])
])
]),
E('div', { 'id': 'loader', 'class': 'spinning' }, _('Loading account information…')),
E('div', { 'id': 'emptyLabel', 'class': 'hidden'}, _('No VPN account configured.'))
]);
this.downloadAllAccounts().then(L.bind(function(v) { this.updateAccountTable(v); },this));
return view;
},
handleSave: null,
handleSaveApply: null,
handleReset: null,
});
|
