Files
op-packages/luci-app-upnp/htdocs/luci-static/resources/view/status/include/80_upnp.js
T

90 lines
2.5 KiB
JavaScript

'use strict';
'require baseclass';
'require dom';
'require rpc';
'require uci';
const callUpnpGetStatus = rpc.declare({
object: 'luci.upnp',
method: 'get_status',
expect: {}
});
const callUpnpDeleteRule = rpc.declare({
object: 'luci.upnp',
method: 'delete_rule',
params: ['token'],
expect: { result: 'OK' },
});
function handleDelRule(num, ev) {
dom.parent(ev.currentTarget, '.tr').style.opacity = 0.5;
ev.currentTarget.classList.add('spinning');
ev.currentTarget.disabled = true;
ev.currentTarget.blur();
callUpnpDeleteRule(num);
}
return baseclass.extend({
title: _('Active UPnP IGD & PCP/NAT-PMP Port Maps'),
load: function() {
return Promise.all([
callUpnpGetStatus(),
]);
},
render: function(data) {
const table = E('table', { 'class': 'table', 'id': 'upnp_status_table' }, [
E('tr', { 'class': 'tr table-titles' }, [
E('th', { 'class': 'th' }, _('Hostname')),
E('th', { 'class': 'th' }, _('IP address')),
E('th', { 'class': 'th' }, _('Port')),
E('th', { 'class': 'th' }, _('External port')),
E('th', { 'class': 'th' }, _('Protocol')),
E('th', { 'class': 'th right' }, _('Expires')),
E('th', { 'class': 'th' }, _('Added via / description')),
E('th', { 'class': 'th cbi-section-actions' }, '')
])
]);
const rules = Array.isArray(data[0].rules) ? data[0].rules : [];
const rows = rules.map(function(rule) {
const padnum = (num, length) => num.toString().padStart(length, '0');
const expires_sec = rule?.expires || 0;
const hour = Math.floor(expires_sec / 3600);
const minute = Math.floor((expires_sec % 3600) / 60);
const second = Math.floor(expires_sec % 60);
const expires_str =
hour > 0 ? `${hour}h ${padnum(minute, 2)}m ${padnum(second, 2)}s` :
minute > 0 ? `${minute}m ${padnum(second, 2)}s` :
expires_sec > 0 ? `${second}s` :
'';
return [
rule.host_hint || _('Unknown'),
rule.intaddr,
rule.intport,
rule.extport,
rule.proto,
expires_str,
'%h'.format(rule.descr),
rule.num != '0' ? E('button', {
'class': 'btn cbi-button-remove',
'click': L.bind(handleDelRule, this, rule.num),
'title': _('Delete')
}, [_('Delete')]) : E('button', {
'class': 'btn cbi-button-remove',
'title': _('Not yet deletable; UPnP IGDv2 IPv6 port maps expire sooner, have no description'),
'style': 'cursor: not-allowed'
}, [_('Delete')])
];
});
cbi_update_table(table, rows, E('em', _('There are no active IPv4/IPv6 port maps')));
return table;
}
});