Files
yakpanel-core/YakPanel/static/amd/panelConfig.js
2026-04-07 02:04:22 +05:30

832 lines
28 KiB
JavaScript

var __extends =
(this && this.__extends) ||
(function () {
var extendStatics = function (d, b) {
extendStatics =
Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array &&
function (d, b) {
d.__proto__ = b;
}) ||
function (d, b) {
for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
};
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== 'function' && b !== null) throw new TypeError('Class extends value ' + String(b) + ' is not a constructor or null');
extendStatics(d, b);
function __() {
this.constructor = d;
}
d.prototype = b === null ? Object.create(b) : ((__.prototype = b.prototype), new __());
};
})();
var __awaiter =
(this && this.__awaiter) ||
function (thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P
? value
: new P(function (resolve) {
resolve(value);
});
}
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator['throw'](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator =
(this && this.__generator) ||
function (thisArg, body) {
var _ = {
label: 0,
sent: function () {
if (t[0] & 1) throw t[1];
return t[1];
},
trys: [],
ops: [],
},
f,
y,
t,
g;
return (
(g = { next: verb(0), throw: verb(1), return: verb(2) }),
typeof Symbol === 'function' &&
(g[Symbol.iterator] = function () {
return this;
}),
g
);
function verb(n) {
return function (v) {
return step([n, v]);
};
}
function step(op) {
if (f) throw new TypeError('Generator is already executing.');
while (_)
try {
if (((f = 1), y && (t = op[0] & 2 ? y['return'] : op[0] ? y['throw'] || ((t = y['return']) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)) return t;
if (((y = 0), t)) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return { value: op[1], done: false };
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!((t = _.trys), (t = t.length > 0 && t[t.length - 1])) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2]) _.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
} catch (e) {
op = [6, e];
y = 0;
} finally {
f = t = 0;
}
if (op[0] & 5) throw op[1];
return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __importDefault =
(this && this.__importDefault) ||
function (mod) {
return mod && mod.__esModule ? mod : { default: mod };
};
define(['require', 'exports', './snabbdom', './configMixin'], function (require, exports, snabbdom_1, configMixin_1) {
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
configMixin_1 = __importDefault(configMixin_1);
var PanelConfig = (function (_super) {
__extends(PanelConfig, _super);
function PanelConfig() {
var _this = _super.call(this) || this;
_this.apiInfo = {
closePanel: ['config/ClosePanel', lan.public.the],
setIpv6Status: ['config/set_ipv6_status', lan.config.setting_up],
setLocal: ['config/set_local', lan.public.the],
setDebug: ['config/set_debug', lan.public.the],
getToken: ['config/get_token', lan.config.get_api],
setToken: ['config/set_token', lan.config.is_submitting],
setUserName: ['config/setUsername', lan.public.the],
setPassword: ['config/setPassword', lan.public.the],
setLanguage: ['config/set_language', lan.public.the],
downloadLanguage: ['config/download_language', lan.public.the],
uploadLanguage: ['config/upload_language', lan.public.the],
getMenuList: ['config/get_menu_list', 'Getting panel menu bar, please wait...'],
setHideMenuList: ['config/set_hide_menu_list', 'Setting panel menu bar display status, please wait...'],
};
_this.$apiInit(_this.apiInfo);
return _this;
}
PanelConfig.prototype.init = function (data) {
var configInfo = data.configInfo,
menuList = data.menuList,
bindUserInfo = data.bindUserInfo;
var ipv6 = configInfo.ipv6,
is_local = configInfo.is_local,
debug = configInfo.debug,
api = configInfo.api,
session_timeout = configInfo.session_timeout,
sites_path = configInfo.sites_path,
backup_path = configInfo.backup_path,
panel = configInfo.panel,
systemdate = configInfo.systemdate;
var address = (panel || {}).address;
var bindUserStatus = bindUserInfo.status,
bindUsername = bindUserInfo.data.username;
var username = sessionInfo.username,
webname = sessionInfo.title;
var hideMenuList = [];
menuList.forEach(function (item) {
return !item.show && hideMenuList.push(item.title);
});
var hideMenuValue = hideMenuList.length > 0 ? hideMenuList.join(', ') : 'No hidden bar';
var formColumns = {
ipv6: { value: ipv6 === 'checked' },
is_local: { value: is_local === 'checked' },
debug: { value: debug === 'checked' },
api: { value: api === 'checked' },
webname: { value: webname },
session_timeout: { value: session_timeout },
sites_path: { value: sites_path },
backup_path: { value: backup_path },
address: { value: address },
systemdate: { value: systemdate },
username: { value: username },
password: { value: '********' },
bind_user_info: { value: bindUsername },
menu_hide_list: { value: hideMenuValue },
};
this.renderFormColumn(formColumns);
$('.seconds').text(session_timeout || 0);
this.bindUsername = bindUserStatus ? bindUsername : '';
var selectHtml = '';
$.each(configInfo.language_list, function (index, item) {
selectHtml += `<option value="${item.name}">${item.title}</option>`;
});
$('select[name="language"]').html(selectHtml);
$('select[name="language"]').val(configInfo.language);
};
PanelConfig.prototype.event = function () {
var _this = this;
$('input[name="close_panel"]').change(function (e) {
var title = lan.config.close_panel_title;
var msg = lan.config.close_panel_msg;
var api = 'closePanel';
_this
.showCheckboxConfirm({
e: e,
api: api,
config: { title: title, msg: msg },
})
.then(function (res) {
_this.$refreshBrowser();
})
.catch(function (err) {});
});
$('input[name="ipv6"]').change(function (e) {
_this.changeCheckbox(e, 'setIpv6Status').catch(function (err) {});
});
$('input[name="is_local"]').change(function (e) {
var checked = $(e.target).prop('checked');
var title = ''.concat(checked ? 'Open' : 'Close', ' developer mode');
var msg = 'Do you confirm to '.concat(checked ? 'open' : 'close', ' developer mode?');
var api = 'setLocal';
_this.showCheckboxConfirm({ e: e, api: api, config: { title: title, msg: msg } }).catch(function (err) {});
});
$('input[name="debug"]').change(function (e) {
var checked = $(e.target).prop('checked');
if (checked) {
_this.setDeveloperView(e);
} else {
var title = 'Close developer mode';
var msg = 'Do you confirm to close developer mode?';
var api = 'setDebug';
_this
.showCheckboxConfirm({
e: e,
api: api,
config: { title: title, msg: msg },
})
.catch(function (err) {});
}
});
$('input[name="api"]').change(function (e) {
var checked = $(e.target).prop('checked');
if (checked) {
_this.setPanelApiView(checked);
_this.$request('setToken', { t_type: 1 });
} else {
_this.changeCheckbox(e, 'setToken', { t_type: 2 }).catch(function (err) {});
}
});
$('.sitesPath').on('click', function () {
return _this.selectFileDir('input[name="sites_path"]', 'dir', function () {});
});
$('.backupPath').on('click', function () {
return _this.selectFileDir('input[name="backup_path"]', 'dir', function () {});
});
$('.apiInterfaceBtn').click(function () {
return _this.setPanelApiView();
});
$('.editPanelAccount').click(function () {
return _this.setPanelUserView();
});
$('.editPanelPassword').click(function () {
return _this.setPanelPawView();
});
$('.bindBtUser').click(function () {
return _this.bindBtAccount(!!_this.bindUsername);
});
$('.unbindBtUser').click(function () {
return _this.unbindUser();
});
$('.menuBarManage').click(function () {
return _this.setPanelGroundView();
});
$('select[name="language"]').change(function () {
var $select = $(this);
var lang = $select.val();
_this.$request('setLanguage', { name: lang }).then(function (res) {
if (res.status) {
_this.$refreshBrowser(3000);
}
});
});
// 上传语言包弹框
$('.uploadLanguage').click(function () {
_this.$open({
title: 'Upload my translation file',
area: ['500px', '224px'],
content: `
<div style="padding: 24px;">
<ul class="help-info-text explainDescribeList c7 pd15" style="margin-top: 0; margin-bottom: 0;">
<li>Upload my language pack and apply it immediately</li>
<li>Note: The uploaded language pack will be displayed as [Custom]</li>
</ul>
</div>
`,
btn: ['Upload', lan.public.cancel],
yes: function () {
var path = '/www/server/panel/YakPanel/static/upload_language';
bt_upload_file.open(path, '.gz,.tar,.tar.gz,.zip', 'Upload tar.gz package', function () {
var filePath = $('#file_input').val();
var fileName = filePath.split('\\').pop().split('/').pop();
$('#filesClose').click();
_this.$request('uploadLanguage', { filename: fileName }).then(function (res) {
if (res.status) {
_this.$refreshBrowser(3000);
}
});
});
},
});
});
// 下载语言包弹框
$('.downloadLanguage').click(function () {
_this.$open({
title: false,
area: ['520px', '240px'],
content: `
<div style="padding-top: 40px;">
<div style="margin-bottom: 20px; text-align: center; font-size: 14px;">You will download a language pack template that you can translate:</div>
<div style="margin-bottom: 40px; text-align: center;">
<button type="button" class="btn btn-success btn-sm download-btn">
Download template
</button>
</div>
<div style="text-align: center; font-size: 14px;">
<div style="margin-bottom: 8px;">Translation Tools: </div>
<div>
<a class="btlink" href="https://translate.google.com/" target="_blank">Google Translate</a>
</div>
</div>
</div>
`,
success: function () {
$('.download-btn').click(function () {
_this.$request('downloadLanguage').then(function (res) {
if (res.path) {
window.open(`/download?filename=${res.path}`);
}
});
});
},
});
});
};
PanelConfig.prototype.setDeveloperView = function (event) {
var _this = this;
this.$open({
title: 'Turn on developer mode',
area: ['460px', '340px'],
btn: [lan.public.submit, lan.public.cancel],
content: {
data: { agreement: false },
template: function () {
return (0, snabbdom_1.jsx)(
'div',
{ class: this.$class('bt-form pd25') },
this.$warningTitle('Risk ordinary users do not open!'),
this.$ul({ className: 'explainDescribeList pd15' }, [
['For development use only;', 'red'],
['Please do not enable it in production environment;'],
['It may take up a lot of memory after opening;'],
]),
this.$learnMore({ title: 'I understand and am willing to take the risk, confirm to open', model: 'agreement', id: 'checkDevelopers' })
);
},
},
yes: function (config) {
return __awaiter(_this, void 0, void 0, function () {
var close, vm, status;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
(close = config.close), (vm = config.vm);
if (!vm.agreement) return [2, this.$tips({ msg: 'Please tick to understand the risk options', el: '#checkDevelopers' })];
return [4, this.$request('setDebug')];
case 1:
status = _a.sent().status;
if (status) {
close();
this.$refreshBrowser();
}
return [2];
}
});
});
},
cancel: function () {
_this.changeReverseCheckbox(event);
},
btn2: function () {
_this.changeReverseCheckbox(event);
},
}).catch(function (err) {});
};
PanelConfig.prototype.setPanelApiView = function (checked) {
return __awaiter(this, void 0, void 0, function () {
var that, $checked, rdata, error_1;
var _this = this;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
that = this;
$checked = $('input[name="api"]');
return [4, this.$request('getToken')];
case 1:
rdata = _a.sent();
_a.label = 2;
case 2:
_a.trys.push([2, 4, , 5]);
return [
4,
this.$open({
area: '522px',
title: lan.config.set_api,
content: {
data: {
api: typeof checked === 'undefined' ? rdata.open : checked,
panelTokenValue: rdata.token,
apiLimitAddr: rdata.limit_addr,
},
template: function () {
var lineWidth = '125px',
helpHref = 'https://www.yakpanel.com/forum/d/482-api-interface-tutorial';
return (0, snabbdom_1.jsx)(
'div',
{ class: this.$class('bt-form'), style: this.$style('padding: 15px 25px;') },
this.$line({ title: lan.config.api, width: lineWidth }, this.$switch({ model: 'api', change: this.setPanelApi.bind(this) })),
this.$line(
{ title: lan.config.int_sk, width: lineWidth },
this.$box(
this.$input({ model: 'panelTokenValue', disabled: true, style: { width: '310px' } }),
this.$button({ size: 'xs', click: this.resetInterface.bind(this), style: 'margin-left: -56px;', title: lan.config.reset })
)
),
this.$line(
{
title: (0, snabbdom_1.jsx)('span', null, lan.config.ip_white_list, (0, snabbdom_1.jsx)('br', null), '(', lan.config.one_per_line, ')'),
width: lineWidth,
style: 'overflow: initial;height:20px;line-height:20px;',
},
this.$textarea({ model: 'apiLimitAddr', style: 'width: 310px;height:80px;line-height: 20px;padding: 5px 8px;' })
),
this.$line({ title: '', width: lineWidth }, this.$button({ size: 'sm', click: this.savePanelApiIp.bind(this), title: lan.config.save })),
this.$ul({ style: { marginLeft: '16px' } }, [
[lan.config.help1],
[lan.config.help2],
[(0, snabbdom_1.jsx)('span', null, lan.config.help3, ': ', this.$link({ title: helpHref, href: helpHref }))],
])
);
},
methods: {
setPanelApi: function () {
return __awaiter(this, void 0, void 0, function () {
var res;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
return [4, that.$request('setToken', { t_type: 2 })];
case 1:
res = _a.sent();
if (res.status) {
$checked.prop('checked', this.api);
} else {
this.api = !this.api;
}
return [2];
}
});
});
},
resetInterface: function () {
return __awaiter(this, void 0, void 0, function () {
var _this = this;
return __generator(this, function (_a) {
that
.$confirm({
title: 'Reset key',
msg: 'Are you sure you want to reset your current key?<br><span style="color: red; ">After the key is reset, the associated key product will be invalid. Please re-add the new key to the product.</span>',
})
.then(function (res) {
return that.$request('setToken', { t_type: 1 }, false);
})
.then(function (res) {
if (res.status) {
_this.panelTokenValue = res.msg;
that.$msg({ msg: lan.config.create_int_key_success, time: 0, closeBtn: 2 });
} else {
throw new Error(res);
}
})
.catch(function (err) {});
return [2];
});
});
},
savePanelApiIp: function () {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
return [4, that.$request('setToken', { t_type: 3, limit_addr: this.apiLimitAddr })];
case 1:
_a.sent();
return [2];
}
});
});
},
},
},
success: function (layers, indexs, vm) {
return __awaiter(_this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
this.setLayerVerticalCenter(layers);
$('.btswitch-btn').css('margin-bottom', '0');
if (!(typeof checked === 'boolean' && checked)) return [3, 2];
return [4, that.$request('setToken', { t_type: 2 })];
case 1:
_a.sent();
_a.label = 2;
case 2:
return [2];
}
});
});
},
}),
];
case 3:
_a.sent();
return [3, 5];
case 4:
error_1 = _a.sent();
return [3, 5];
case 5:
return [2];
}
});
});
};
PanelConfig.prototype.setPanelUserView = function () {
return __awaiter(this, void 0, void 0, function () {
var error_2;
var _this = this;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
_a.trys.push([0, 2, , 3]);
return [
4,
this.$open({
title: lan.bt.user_title,
area: ['380px', '235px'],
btn: [lan.public.edit, lan.public.close],
content: {
data: { username1: sessionInfo.username, username2: '' },
template: function () {
var lineWidth = '110px',
inputWidth = '210px';
return (0, snabbdom_1.jsx)(
'div',
{ class: this.$class('bt-form pd25') },
this.$line({ title: lan.bt.user, width: lineWidth }, this.$input({ model: 'username1', width: inputWidth })),
this.$line({ title: lan.bt.user_new, width: lineWidth }, this.$input({ model: 'username2', width: inputWidth }))
);
},
},
yes: function (config) {
return __awaiter(_this, void 0, void 0, function () {
var close, vm, username1, username2, weakCipher, rdata;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
(close = config.close), (vm = config.vm);
(username1 = vm.username1), (username2 = vm.username2);
weakCipher = ['admin', 'root', 'admin123', '123456'];
return [
4,
this.$verifySubmitList([
[username1.length <= 3, lan.bt.user_len],
[weakCipher.indexOf(username1) > -1, lan.public.usually_username_ban],
[username1 !== username2, lan.bt.user_err_re],
]),
];
case 1:
_a.sent();
username1 = rsa.encrypt_public(encodeURIComponent(username1));
username2 = rsa.encrypt_public(encodeURIComponent(username2));
return [4, this.$request('setUserName', { username1: username1, username2: username2 })];
case 2:
rdata = _a.sent();
rdata.status && close() && this.$refreshBrowser('/login?dologin=True');
return [2];
}
});
});
},
}),
];
case 1:
_a.sent();
return [3, 3];
case 2:
error_2 = _a.sent();
return [3, 3];
case 3:
return [2];
}
});
});
};
PanelConfig.prototype.setPanelPawView = function () {
return __awaiter(this, void 0, void 0, function () {
var that_1, error_3;
var _this = this;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
_a.trys.push([0, 2, , 3]);
that_1 = this;
return [
4,
this.$open({
title: lan.bt.pass_title,
area: ['410px', '235px'],
btn: [lan.public.edit, lan.public.close],
content: {
data: { password1: '', password2: '' },
template: function () {
var lineWidth = '110px',
inputWidth = '210px';
return (0, snabbdom_1.jsx)(
'div',
{ class: { 'bt-form': true, pd25: true } },
this.$line(
{ title: lan.public.pass, width: lineWidth },
this.$box(this.$input({ model: 'password1', width: inputWidth }), this.$icon({ type: 'repeat', click: this.showPaw.bind(this), class: 'ml5' }))
),
this.$line({ title: lan.bt.pass_new_title, width: lineWidth }, this.$input({ model: 'password2', width: inputWidth }))
);
},
methods: {
showPaw: function () {
this.password1 = that_1.$getRandom(10);
this.password2 = this.password1;
},
},
},
yes: function (config) {
return __awaiter(_this, void 0, void 0, function () {
var close, vm, password1, password2, weakCipher, rdata;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
(close = config.close), (vm = config.vm);
(password1 = vm.password1), (password2 = vm.password2);
weakCipher = this.$checkWeakCipher(password1);
return [
4,
this.$verifySubmitList([
[password1.length < 8, lan.bt.pass_err_len],
[!weakCipher.status, lan.bt.pass_err + weakCipher.msg],
[password1 !== password2, lan.bt.pass_err_re],
]),
];
case 1:
_a.sent();
password1 = rsa.encrypt_public(encodeURIComponent(password1));
password2 = rsa.encrypt_public(encodeURIComponent(password2));
return [4, this.$request('setPassword', { password1: password1, password2: password2 })];
case 2:
rdata = _a.sent();
rdata.status && close() && this.$refreshBrowser('/login?dologin=True');
return [2];
}
});
});
},
}),
];
case 1:
_a.sent();
return [3, 3];
case 2:
error_3 = _a.sent();
return [3, 3];
case 3:
return [2];
}
});
});
};
PanelConfig.prototype.unbindUser = function () {
return __awaiter(this, void 0, void 0, function () {
var rdata, err_1;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
_a.trys.push([0, 3, , 4]);
return [
4,
this.$confirm({
title: 'Unbind YakPanel account',
msg: 'Unbind the YakPanel account and continue!',
}),
];
case 1:
_a.sent();
return [4, this.$request('unbindUserInfo')];
case 2:
rdata = _a.sent();
if (rdata.status) {
this.$removeCookie('bt_user_info');
this.$refreshBrowser();
}
return [3, 4];
case 3:
err_1 = _a.sent();
return [3, 4];
case 4:
return [2];
}
});
});
};
PanelConfig.prototype.setPanelGroundView = function () {
return __awaiter(this, void 0, void 0, function () {
var rdata, html, is_option, that, arry, isEdit;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
return [4, this.$request('getMenuList')];
case 1:
(rdata = _a.sent()), (html = ''), (is_option = ''), (that = this);
arry = ['dologin', 'memuAconfig', 'memuAsoft', 'memuA'];
rdata.map(function (item, index) {
is_option = '<div class="index-item" style="float:right;"><input class="btswitch btswitch-ios" id="'
.concat(item.id, '-')
.concat(index, '" name="')
.concat(item.id, '" type="checkbox" ')
.concat(item.show ? 'checked' : '', '><label class="btswitch-btn" for="')
.concat(item.id, '-')
.concat(index, '"></label></div>');
arry.indexOf(item.id) > -1 && (is_option = 'Inoperable');
html += '<tr><td>'.concat(item.title, '</td><td><div style="float:right;">').concat(is_option, '</div></td></tr>');
});
isEdit = false;
return [
4,
this.$open({
title: 'Manage panel menu bar',
area: ['350px', '598px'],
content:
'\n <div class="divtable softlist" id="panel_menu_tab" style="padding: 20px 15px;">\n <table class="table table-hover">\n <thead>\n <tr>\n <th>Menu bar</th>\n <th class="text-right" style="width:120px;">Display</th>\n </tr>\n </thead>\n <tbody>'.concat(
html,
'</tbody>\n </table>\n </div>\n '
),
success: function () {
$('#panel_menu_tab input').click(function () {
return __awaiter(this, void 0, void 0, function () {
var arry;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
arry = [];
$(this)
.parents('tr')
.siblings()
.each(function (index, el) {
if ($(this).find('input').length > 0 && !$(this).find('input').prop('checked')) {
arry.push($(this).find('input').attr('name'));
}
});
!$(this).prop('checked') && arry.push($(this).attr('name'));
return [4, that.$request('setHideMenuList', { hide_list: JSON.stringify(arry) })];
case 1:
_a.sent();
isEdit = true;
return [2];
}
});
});
});
},
cancel: function () {
isEdit && that.$refreshBrowser(0);
},
}),
];
case 2:
_a.sent();
return [2];
}
});
});
};
return PanelConfig;
})(configMixin_1.default);
exports.default = PanelConfig;
});