d25d5c28b7
* add more 'upload' and 'save' safeguards * save only keys with values in exported JSON structure/file Signed-off-by: Dirk Brenken <dev@brenken.org>
305 lines
9.4 KiB
JavaScript
305 lines
9.4 KiB
JavaScript
'use strict';
|
|
'require view';
|
|
'require form';
|
|
'require fs';
|
|
'require ui';
|
|
|
|
/*
|
|
include custom CSS
|
|
*/
|
|
document.querySelector('head').appendChild(E('link', {
|
|
'rel': 'stylesheet',
|
|
'type': 'text/css',
|
|
'href': L.resource('view/banip/custom.css')
|
|
}));
|
|
|
|
/*
|
|
observe DOM changes
|
|
*/
|
|
const observer = new MutationObserver(function (mutations) {
|
|
if (mutations) {
|
|
const inputs = document.querySelectorAll('input');
|
|
inputs.forEach(function (input) {
|
|
input.setAttribute('autocomplete', 'off')
|
|
input.setAttribute('autocorrect', 'off')
|
|
input.setAttribute('autocapitalize', 'off')
|
|
input.setAttribute('spellcheck', false)
|
|
})
|
|
const labels = document.querySelectorAll('label[for^="widget.cbid.json"][for$="name"]');
|
|
labels.forEach(function (label) {
|
|
label.setAttribute("style", "font-weight: bold !important; color: #595 !important;");
|
|
})
|
|
L.resolveDefault(fs.stat('/etc/banip/banip.custom.feeds'), '').then(function (stat) {
|
|
const buttons = document.querySelectorAll('#btnClear, #btnCreate, #btnSave, #btnUpload, #btnDownload');
|
|
if (buttons[1] && buttons[2] && stat.size === 0) {
|
|
buttons[1].removeAttribute('disabled');
|
|
buttons[2].removeAttribute('disabled');
|
|
} else if (buttons[0] && buttons[3] && buttons[4] && stat.size > 0) {
|
|
buttons[0].removeAttribute('disabled');
|
|
buttons[3].removeAttribute('disabled');
|
|
buttons[4].removeAttribute('disabled');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
const targetNode = document.getElementById('view');
|
|
const observerConfig = {
|
|
childList: true,
|
|
subtree: true,
|
|
attributes: false,
|
|
characterData: false
|
|
};
|
|
observer.observe(targetNode, observerConfig);
|
|
|
|
/*
|
|
button handling
|
|
*/
|
|
function handleEdit(ev) {
|
|
if (ev === 'upload') {
|
|
return ui.uploadFile('/etc/banip/banip.custom.feeds').then(function () {
|
|
L.resolveDefault(fs.read_direct('/etc/banip/banip.custom.feeds', 'json'), "").then(function (data) {
|
|
if (data) {
|
|
let dataLength = Object.keys(data).length || 0;
|
|
if (dataLength > 0) {
|
|
for (let i = 0; i < dataLength; i++) {
|
|
let feed = Object.keys(data)[i];
|
|
let descr = data[feed].descr;
|
|
if (feed && descr) {
|
|
continue;
|
|
}
|
|
fs.write('/etc/banip/banip.custom.feeds', null).then(function () {
|
|
ui.addNotification(null, E('p', _('Upload of the custom feed file failed.')), 'error');
|
|
});
|
|
return;
|
|
}
|
|
} else {
|
|
fs.write('/etc/banip/banip.custom.feeds', null).then(function () {
|
|
ui.addNotification(null, E('p', _('Upload of the custom feed file failed.')), 'error');
|
|
});
|
|
return;
|
|
}
|
|
location.reload();
|
|
} else {
|
|
fs.write('/etc/banip/banip.custom.feeds', null).then(function () {
|
|
ui.addNotification(null, E('p', _('Upload of the custom feed file failed.')), 'error');
|
|
});
|
|
}
|
|
});
|
|
}).catch(function () { });
|
|
}
|
|
if (ev === 'download') {
|
|
return fs.read_direct('/etc/banip/banip.custom.feeds', 'blob').then(function (blob) {
|
|
let url = window.URL.createObjectURL(blob),
|
|
date = new Date(),
|
|
name = 'banip.custom.feeds_%04d-%02d-%02d.json'.format(date.getFullYear(), date.getMonth() + 1, date.getDate()),
|
|
link = E('a', { 'style': 'display:none', 'href': url, 'download': name });
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
window.URL.revokeObjectURL(url);
|
|
}).catch(function () { });
|
|
}
|
|
if (ev === 'create') {
|
|
return fs.read_direct('/etc/banip/banip.feeds', 'json').then(function (content) {
|
|
fs.write('/etc/banip/banip.custom.feeds', JSON.stringify(content)).then(function () {
|
|
location.reload();
|
|
});
|
|
});
|
|
}
|
|
if (ev === 'clear') {
|
|
return fs.write('/etc/banip/banip.custom.feeds', null).then(function () {
|
|
location.reload();
|
|
});
|
|
}
|
|
if (ev === 'save') {
|
|
const invalid = document.querySelectorAll('.cbi-input-invalid');
|
|
if (invalid.length > 0) {
|
|
document.body.scrollTop = document.documentElement.scrollTop = 0;
|
|
return ui.addNotification(null, E('p', _('Invalid input values, unable to save modifications.')), 'error');
|
|
}
|
|
}
|
|
let sumSubElements = [], exportJson;
|
|
const nodeKeys = document.querySelectorAll('[id^="widget.cbid.json"][id$="name"]');
|
|
for (let i = 0; i < nodeKeys.length; i++) {
|
|
let subElements = {};
|
|
let elements = document.querySelectorAll('[id^="widget.cbid.json.' + nodeKeys[i].id.split('.')[3] + '\."]');
|
|
for (const element of elements) {
|
|
let key = element.id.split('.')[4];
|
|
let value = element.value || "";
|
|
if (value === "") {
|
|
continue;
|
|
}
|
|
switch (key) {
|
|
case 'url_4':
|
|
subElements.url_4 = value;
|
|
break;
|
|
case 'rule_4':
|
|
subElements.rule_4 = value;
|
|
break;
|
|
case 'url_6':
|
|
subElements.url_6 = value;
|
|
break;
|
|
case 'rule_6':
|
|
subElements.rule_6 = value;
|
|
break;
|
|
case 'descr':
|
|
subElements.descr = value;
|
|
break;
|
|
case 'flag':
|
|
subElements.flag = value;
|
|
break;
|
|
}
|
|
}
|
|
if (nodeKeys[i].value !== "" && subElements.descr !== "") {
|
|
sumSubElements.push(nodeKeys[i].value, subElements);
|
|
}
|
|
}
|
|
if (sumSubElements.length > 0) {
|
|
exportJson = JSON.stringify(sumSubElements).replace(/^\[/, '{\n').replace(/\}]$/, '\n\t}\n}\n').replace(/,{"/g, ':{\n\t"').replace(/"},"/g, '"\n\t},\n"').replace(/","/g, '",\n\t"');
|
|
}
|
|
return fs.write('/etc/banip/banip.custom.feeds', exportJson).then(function () {
|
|
location.reload();
|
|
});
|
|
}
|
|
|
|
return view.extend({
|
|
load: function () {
|
|
return L.resolveDefault(fs.read_direct('/etc/banip/banip.custom.feeds', 'json'), "");
|
|
},
|
|
|
|
render: function (data) {
|
|
let m, s, o, feed, url_4, url_6, rule_4, rule_6, descr, flag;
|
|
|
|
m = new form.JSONMap(data, _('Custom Feed Editor'), _('With this editor you can upload your local custom feed file or fill up an initial one (a 1:1 copy of the version shipped with the package). \
|
|
The file is located at \'/etc/banip/banip.custom.feeds\'. \
|
|
Then you can edit this file, delete entries, add new ones or make a local backup. To go back to the maintainers version just empty the custom feed file again (do not delete it!).'));
|
|
for (let i = 0; i < Object.keys(m.data.data).length; i++) {
|
|
feed = Object.keys(m.data.data)[i];
|
|
url_4 = m.data.data[feed].url_4;
|
|
rule_4 = m.data.data[feed].rule_4;
|
|
url_6 = m.data.data[feed].url_6;
|
|
rule_6 = m.data.data[feed].rule_6;
|
|
descr = m.data.data[feed].descr;
|
|
flag = m.data.data[feed].flag;
|
|
|
|
s = m.section(form.TypedSection, feed, null);
|
|
s.addremove = true;
|
|
s.anonymous = true;
|
|
|
|
o = s.option(form.Value, 'name', _('Feed Name'));
|
|
o.ucioption = '.name';
|
|
o.datatype = 'and(minlength(3),maxlength(15))';
|
|
o.validate = function (section_id, value) {
|
|
if (!value) {
|
|
return _('Empty field not allowed');
|
|
}
|
|
if (!value.match(/^[a-z0-9]+$/)) {
|
|
return _('Invalid characters');
|
|
}
|
|
return true;
|
|
}
|
|
|
|
o = s.option(form.Value, 'url_4', _('URLv4'));
|
|
o.validate = function (section_id, value) {
|
|
if (!value) {
|
|
return true;
|
|
}
|
|
if (!value.match(/^(http:\/\/|https:\/\/)[A-Za-z0-9\/\.\-_\?\&=]+$/)) {
|
|
return _('Protocol/URL format not supported');
|
|
}
|
|
return true;
|
|
}
|
|
|
|
o = s.option(form.Value, 'rule_4', _('Rulev4'));
|
|
|
|
o = s.option(form.Value, 'url_6', _('URLv6'));
|
|
o.validate = function (section_id, value) {
|
|
if (!value) {
|
|
return true;
|
|
}
|
|
if (!value.match(/^(http:\/\/|https:\/\/)[A-Za-z0-9\/\.\-_\?\&=:]+$/)) {
|
|
return _('Protocol/URL format not supported');
|
|
}
|
|
return true;
|
|
}
|
|
|
|
o = s.option(form.Value, 'rule_6', _('Rulev6'));
|
|
|
|
o = s.option(form.Value, 'descr', _('Description'));
|
|
o.datatype = 'and(minlength(3),maxlength(30))';
|
|
o.validate = function (section_id, value) {
|
|
if (!value) {
|
|
return _('Empty field not allowed');
|
|
}
|
|
return true;
|
|
}
|
|
|
|
o = s.option(form.Value, 'flag', _('Flag'));
|
|
o.datatype = 'and(minlength(2),maxlength(2))';
|
|
o.validate = function (section_id, value) {
|
|
if (!value) {
|
|
return true;
|
|
}
|
|
if (!value.match(/^gz$/)) {
|
|
return _('Flag not supported');
|
|
}
|
|
return true;
|
|
}
|
|
}
|
|
|
|
s = m.section(form.NamedSection, 'global');
|
|
s.render = L.bind(function () {
|
|
return E('div', { class: 'right' }, [
|
|
E('button', {
|
|
'class': 'btn cbi-button cbi-button-action',
|
|
'id': 'btnDownload',
|
|
'disabled': 'disabled',
|
|
'click': ui.createHandlerFn(this, function () {
|
|
return handleEdit('download');
|
|
})
|
|
}, [_('Download Custom Feeds')]),
|
|
'\xa0\xa0\xa0',
|
|
E('button', {
|
|
'class': 'btn cbi-button cbi-button-action',
|
|
'id': 'btnUpload',
|
|
'disabled': 'disabled',
|
|
'click': ui.createHandlerFn(this, function () {
|
|
return handleEdit('upload');
|
|
})
|
|
}, [_('Upload Custom Feeds')]),
|
|
'\xa0\xa0\xa0\xa0\xa0\xa0',
|
|
E('button', {
|
|
'class': 'btn cbi-button cbi-button-action important',
|
|
'id': 'btnCreate',
|
|
'disabled': 'disabled',
|
|
'click': ui.createHandlerFn(this, function () {
|
|
return handleEdit('create');
|
|
})
|
|
}, [_('Fill Custom Feeds')]),
|
|
'\xa0\xa0\xa0',
|
|
E('button', {
|
|
'class': 'btn cbi-button cbi-button-negative important',
|
|
'id': 'btnClear',
|
|
'disabled': 'disabled',
|
|
'click': ui.createHandlerFn(this, function () {
|
|
return handleEdit('clear');
|
|
})
|
|
}, [_('Clear Custom Feeds')]),
|
|
'\xa0\xa0\xa0',
|
|
E('button', {
|
|
'class': 'btn cbi-button cbi-button-positive important',
|
|
'id': 'btnSave',
|
|
'disabled': 'disabled',
|
|
'click': ui.createHandlerFn(this, function () {
|
|
return handleEdit('save');
|
|
})
|
|
}, [_('Save Custom Feeds')])
|
|
])
|
|
});
|
|
return m.render();
|
|
},
|
|
handleSaveApply: null,
|
|
handleSave: null,
|
|
handleReset: null
|
|
});
|