993 lines
50 KiB
JavaScript
993 lines
50 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 SafeConfig = (function (_super) {
|
|||
|
|
__extends(SafeConfig, _super);
|
|||
|
|
function SafeConfig() {
|
|||
|
|
var _this = _super.call(this) || this;
|
|||
|
|
_this.apiInfo = {
|
|||
|
|
getCertSource: ['config/get_cert_source', lan.public.the],
|
|||
|
|
setPanelSsl: ['config/SetPanelSSL', lan.public.the],
|
|||
|
|
getPanelSsl: ['config/GetPanelSSL', lan.config.get_cert],
|
|||
|
|
savePanelSsl: ['config/SavePanelSSL', lan.config.ssl_msg],
|
|||
|
|
setBasicAuth: ['config/set_basic_auth', lan.config.set_basicauth],
|
|||
|
|
setTwoStepAuth: ['config/set_two_step_auth', lan.public.the],
|
|||
|
|
getQrcodeData: ['config/get_qrcode_data', lan.public.the],
|
|||
|
|
getTwoStepKey: ['config/get_key', lan.public.the],
|
|||
|
|
setPasswordSafe: ['config/set_password_safe', lan.public.the],
|
|||
|
|
setAdminPath: ['config/set_admin_path', lan.config.config_save],
|
|||
|
|
setNotAuthStatus: ['config/set_not_auth_status', lan.config.panel_entrance_err],
|
|||
|
|
setPawExpire: ['config/set_password_expire', 'Setting password expiration time, please wait...'],
|
|||
|
|
getPasswordConfig: ['config/get_password_config', 'Setting password complexity verification status, please wait...'],
|
|||
|
|
getTempAuthList: ['config/get_temp_login', 'Getting temporary authorization list, please wait...'],
|
|||
|
|
setTempAuthLink: ['config/set_temp_login', 'Setting temporary links, please wait...'],
|
|||
|
|
removeTempAuthLink: ['config/remove_temp_login', 'Deleting temporary authorization record, please wait...'],
|
|||
|
|
clearTempAuth: ['config/clear_temp_login', 'Forcing user to log out, please wait...'],
|
|||
|
|
getTempOperationLogs: ['config/get_temp_login_logs', 'Getting operation log, please wait...'],
|
|||
|
|
};
|
|||
|
|
_this.statusCodeList = [
|
|||
|
|
{ label: 'security entry error', value: 0 },
|
|||
|
|
{ label: '403', value: 403 },
|
|||
|
|
{ label: '404', value: 404 },
|
|||
|
|
{ label: '416', value: 416 },
|
|||
|
|
{ label: '408', value: 408 },
|
|||
|
|
{ label: '400', value: 400 },
|
|||
|
|
{ label: '401', value: 401 },
|
|||
|
|
];
|
|||
|
|
_this.$apiInit(_this.apiInfo);
|
|||
|
|
return _this;
|
|||
|
|
}
|
|||
|
|
SafeConfig.prototype.init = function (data) {
|
|||
|
|
var configInfo = data.configInfo, twoStep = data.twoStep, pawComplexity = data.pawComplexity;
|
|||
|
|
var basic_auth = configInfo.basic_auth, panel = configInfo.panel;
|
|||
|
|
var open = (basic_auth || {}).open;
|
|||
|
|
var _a = panel || {}, port = _a.port, admin_path = _a.admin_path, domain = _a.domain, limitip = _a.limitip;
|
|||
|
|
var googleStatus = twoStep.status;
|
|||
|
|
var password_safe = pawComplexity.password_safe, expire = pawComplexity.expire, expire_time = pawComplexity.expire_time, expire_day = pawComplexity.expire_day;
|
|||
|
|
var isHttps = location.protocol.indexOf('https:') > -1;
|
|||
|
|
var statusCodeTips = this.getStatusCodeTips();
|
|||
|
|
var paw_expire_time = expire > 0 ? "".concat(this.$formatTime(expire_time), " (Exp in ").concat(expire_day, " days)") : lan.config.not_set;
|
|||
|
|
var formColumns = {
|
|||
|
|
ssl: { value: isHttps },
|
|||
|
|
basic_auth: { value: open },
|
|||
|
|
check_two_step: { value: googleStatus },
|
|||
|
|
paw_complexity: { value: password_safe },
|
|||
|
|
port: { value: port },
|
|||
|
|
admin_path: { value: admin_path },
|
|||
|
|
status_code: { value: statusCodeTips },
|
|||
|
|
domain: { value: domain },
|
|||
|
|
limitip: { value: limitip },
|
|||
|
|
paw_expire_time: { value: paw_expire_time, day: expire_day },
|
|||
|
|
};
|
|||
|
|
this.renderFormColumn(formColumns);
|
|||
|
|
this.formColumns = formColumns;
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.event = function () {
|
|||
|
|
var _this = this;
|
|||
|
|
$('input[name="ssl"]').change(function (e) {
|
|||
|
|
var checked = $(e.target).prop('checked');
|
|||
|
|
if (checked) {
|
|||
|
|
_this.setPanelSslView(e);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var title = 'Tips';
|
|||
|
|
var msg = 'Whether to close the panel SSL certificate?';
|
|||
|
|
var api = 'setPanelSsl';
|
|||
|
|
_this.showCheckboxConfirm({
|
|||
|
|
e: e,
|
|||
|
|
api: api,
|
|||
|
|
config: { title: title, msg: msg },
|
|||
|
|
})
|
|||
|
|
.then(function (res) {
|
|||
|
|
if (res.status)
|
|||
|
|
return _this.$request('restartPanel', { loading: false, msg: false });
|
|||
|
|
})
|
|||
|
|
.then(function (res) {
|
|||
|
|
res.status && _this.$refreshBrowser(location.href.replace(/^https:/, 'http:'), 800);
|
|||
|
|
})
|
|||
|
|
.catch(function (err) { });
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('.panelSslConfig').on('click', function () { return _this.setPanelSslConfigView(); });
|
|||
|
|
$('input[name="basic_auth"]').change(function (e) {
|
|||
|
|
var checked = $(e.target).prop('checked');
|
|||
|
|
if (checked) {
|
|||
|
|
_this.setBasicAuthView(e);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var title = 'Turn off BasicAuth authentication';
|
|||
|
|
var msg = 'After BasicAuth authentication is disabled, panel login will no longer verify BasicAuth base authentication, which will cause panel security to decline. Do you want to continue?';
|
|||
|
|
var api = 'setBasicAuth';
|
|||
|
|
_this.showCheckboxConfirm({
|
|||
|
|
e: e,
|
|||
|
|
api: api,
|
|||
|
|
config: { title: title, msg: msg },
|
|||
|
|
data: { open: 'False', basic_user: '', basic_pwd: '' },
|
|||
|
|
})
|
|||
|
|
.then(function (res) {
|
|||
|
|
_this.$refreshBrowser();
|
|||
|
|
})
|
|||
|
|
.catch(function (err) { });
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('input[name="check_two_step"]').change(function (e) {
|
|||
|
|
var checked = $(e.target).prop('checked');
|
|||
|
|
if (checked) {
|
|||
|
|
_this.setGoogleAuthView(e);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var title = 'Google authentication';
|
|||
|
|
var msg = 'Turn off Google authentication, do you want to continue?';
|
|||
|
|
var api = 'setTwoStepAuth';
|
|||
|
|
_this.showCheckboxConfirm({
|
|||
|
|
e: e,
|
|||
|
|
api: api,
|
|||
|
|
config: { title: title, msg: msg },
|
|||
|
|
data: { act: false },
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('.checkTwoStepConfig').click(function () { return _this.googleAuthRelationView(); });
|
|||
|
|
$('input[name="paw_complexity"]').change(function (e) {
|
|||
|
|
var checked = $(e.target).is(':checked');
|
|||
|
|
var title = checked ? lan.config.open_strong_password : lan.config.close_strong_password;
|
|||
|
|
var msg = checked ? "".concat(lan.config.strong_password_desc1, "<span style=\"color:red;\">").concat(lan.config.strong_password_desc2, "</span>") : lan.config.strong_password_desc3;
|
|||
|
|
var api = 'setPasswordSafe';
|
|||
|
|
_this.showCheckboxConfirm({
|
|||
|
|
e: e,
|
|||
|
|
api: api,
|
|||
|
|
config: { title: title, msg: msg },
|
|||
|
|
})
|
|||
|
|
.then(function (res) {
|
|||
|
|
res.status && _this.$refreshBrowser();
|
|||
|
|
})
|
|||
|
|
.catch(function (err) { });
|
|||
|
|
});
|
|||
|
|
$('.setSafetyEntrance').click(function () { return _this.setSafetyEntranceView(); });
|
|||
|
|
$('.setStatusCodeView').click(function () { return _this.setStatusCodeView(); });
|
|||
|
|
$('.setPawExpiration').click(function () { return _this.setPawExpirationView(); });
|
|||
|
|
$('.setTempAuthView').on('click', function () { return _this.setTempAuthView(); });
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.getStatusCodeTips = function () {
|
|||
|
|
var statusCodeTips = lan.config.response_msg1;
|
|||
|
|
var statusCode = sessionInfo.statusCode;
|
|||
|
|
var code = parseInt(statusCode);
|
|||
|
|
for (var i = 0; i < this.statusCodeList.length; i++) {
|
|||
|
|
var item = this.statusCodeList[i];
|
|||
|
|
if (item.value === code) {
|
|||
|
|
statusCodeTips = item.label;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return statusCodeTips;
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setPanelSslView = function (e) {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var certSource, _a, certPem, privateKey, err_1;
|
|||
|
|
var _this = this;
|
|||
|
|
return __generator(this, function (_b) {
|
|||
|
|
switch (_b.label) {
|
|||
|
|
case 0:
|
|||
|
|
_b.trys.push([0, 4, , 5]);
|
|||
|
|
return [4, this.$request('getCertSource')];
|
|||
|
|
case 1:
|
|||
|
|
certSource = _b.sent();
|
|||
|
|
return [4, this.$request('getPanelSsl')];
|
|||
|
|
case 2:
|
|||
|
|
_a = _b.sent(), certPem = _a.certPem, privateKey = _a.privateKey;
|
|||
|
|
return [4, this.$open({
|
|||
|
|
title: 'Panel SSL',
|
|||
|
|
area: '560px',
|
|||
|
|
btn: ['Submit', 'Close'],
|
|||
|
|
skin: 'panel-ssl',
|
|||
|
|
content: {
|
|||
|
|
data: { cert_type: certSource.cert_type ? parseInt(certSource.cert_type) : 1, email: certSource.email || '', certPem: certPem, privateKey: privateKey, agreement: false },
|
|||
|
|
template: function () {
|
|||
|
|
var lineWidth = '80px', inputWidth = '280px', helpHref = 'https://www.yakpanel.com/forum/d/167-common-problems-after-opening-the-panel-certificate';
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('bt-form'), style: this.$style('padding: 20px 50px;') },
|
|||
|
|
this.$warningTitle(lan.config.ssl_open_ps),
|
|||
|
|
this.$ul({ className: 'explainDescribeList pd15' }, [
|
|||
|
|
[lan.config.ssl_open_ps_1, 'red'],
|
|||
|
|
[lan.config.ssl_open_ps_2],
|
|||
|
|
[(0, snabbdom_1.jsx)("span", null,
|
|||
|
|
"If panel is not accessible, you can click the ",
|
|||
|
|
this.$link({ title: 'link', href: helpHref }),
|
|||
|
|
" below to find solutions")],
|
|||
|
|
]),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: { pt10: true } },
|
|||
|
|
this.$line({ title: 'Cert Type', width: lineWidth }, this.$select({
|
|||
|
|
model: 'cert_type',
|
|||
|
|
width: inputWidth,
|
|||
|
|
options: [
|
|||
|
|
{ label: 'Self-signed certificate', value: 1 },
|
|||
|
|
{ label: "Let's Encrypt", value: 2 },
|
|||
|
|
{ label: 'I have certficate', value: 3 },
|
|||
|
|
],
|
|||
|
|
})),
|
|||
|
|
this.$line({ title: 'E-Mail', width: lineWidth, hide: parseInt(this.cert_type) !== 2 }, this.$input({ model: 'email', width: inputWidth, placeholder: 'Admin E-Mail' })),
|
|||
|
|
this.$line({ title: 'Key', width: lineWidth, hide: parseInt(this.cert_type) !== 3 }, this.$textarea({ model: 'privateKey', width: inputWidth, height: '100px', style: 'line-height: 16px;padding: 5px 8px;' })),
|
|||
|
|
this.$line({ title: 'Certificate', width: lineWidth, hide: parseInt(this.cert_type) !== 3 }, this.$textarea({ model: 'certPem', width: inputWidth, height: '100px', style: 'line-height: 16px;padding: 5px 8px;' })),
|
|||
|
|
this.$learnMore({
|
|||
|
|
model: 'agreement',
|
|||
|
|
id: 'checkSSL',
|
|||
|
|
title: (0, snabbdom_1.jsx)("span", null, lan.config.ssl_open_ps_4),
|
|||
|
|
link: this.$link({ title: lan.config.ssl_open_ps_5, href: 'https://www.yakpanel.com/forum/d/167-common-problems-after-opening-the-panel-certificate' }),
|
|||
|
|
}))));
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
success: function (layers) {
|
|||
|
|
layers[0].style.height = 'auto';
|
|||
|
|
layers[0].querySelector('.layui-layer-content').style.height = 'auto';
|
|||
|
|
_this.setLayerVerticalCenter(layers);
|
|||
|
|
$('select[name="cert_type"]').change(function (e) {
|
|||
|
|
_this.setLayerVerticalCenter(layers);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
yes: function (config) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var close, vm, cert_type, email, privateKey, certPem, agreement, _a, res, rdata;
|
|||
|
|
return __generator(this, function (_b) {
|
|||
|
|
switch (_b.label) {
|
|||
|
|
case 0:
|
|||
|
|
close = config.close, vm = config.vm;
|
|||
|
|
cert_type = vm.cert_type, email = vm.email, privateKey = vm.privateKey, certPem = vm.certPem, agreement = vm.agreement;
|
|||
|
|
if (!agreement)
|
|||
|
|
return [2, this.$tips({ el: '#agreement_more', msg: 'Please confirm the risk first!' })];
|
|||
|
|
return [4, this.$verifySubmitList([
|
|||
|
|
[cert_type === '3' && (!certPem || !privateKey), 'Please enter certificate information'],
|
|||
|
|
[cert_type === '2' && !email, 'Please enter administrator email'],
|
|||
|
|
])];
|
|||
|
|
case 1:
|
|||
|
|
_b.sent();
|
|||
|
|
_a = cert_type === '3';
|
|||
|
|
if (!_a) return [3, 3];
|
|||
|
|
return [4, this.$request('savePanelSsl', { privateKey: privateKey, certPem: certPem }, false)];
|
|||
|
|
case 2:
|
|||
|
|
_a = (_b.sent());
|
|||
|
|
_b.label = 3;
|
|||
|
|
case 3:
|
|||
|
|
_a;
|
|||
|
|
return [4, this.$request('setPanelSsl', Object.assign({ cert_type: cert_type }, vm.cert_type === '2' ? { email: email } : {}))];
|
|||
|
|
case 4:
|
|||
|
|
res = _b.sent();
|
|||
|
|
if (!res.status) return [3, 6];
|
|||
|
|
return [4, this.$request('restartPanel', { loading: false, msg: false })];
|
|||
|
|
case 5:
|
|||
|
|
rdata = _b.sent();
|
|||
|
|
rdata.status && close() && this.$refreshBrowser(location.href.replace(/^http:/, 'https:'), 800);
|
|||
|
|
_b.label = 6;
|
|||
|
|
case 6: return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
cancel: function () {
|
|||
|
|
_this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
btn2: function () {
|
|||
|
|
_this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
})];
|
|||
|
|
case 3:
|
|||
|
|
_b.sent();
|
|||
|
|
return [3, 5];
|
|||
|
|
case 4:
|
|||
|
|
err_1 = _b.sent();
|
|||
|
|
return [3, 5];
|
|||
|
|
case 5: return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setPanelSslConfigView = function () {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var that_1, _a, certPem, privateKey, error_1;
|
|||
|
|
var _this = this;
|
|||
|
|
return __generator(this, function (_b) {
|
|||
|
|
switch (_b.label) {
|
|||
|
|
case 0:
|
|||
|
|
_b.trys.push([0, 3, , 4]);
|
|||
|
|
that_1 = this;
|
|||
|
|
return [4, this.$request('getPanelSsl')];
|
|||
|
|
case 1:
|
|||
|
|
_a = _b.sent(), certPem = _a.certPem, privateKey = _a.privateKey;
|
|||
|
|
return [4, this.$open({
|
|||
|
|
title: lan.config.custom_panel_cert,
|
|||
|
|
area: '740px',
|
|||
|
|
content: {
|
|||
|
|
data: { certPem: certPem, privateKey: privateKey },
|
|||
|
|
template: function () {
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('bt-form pd20') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('myKeyCon') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('ssl-con-key pull-left mr20'), style: { width: '48%' } },
|
|||
|
|
lan.config.key,
|
|||
|
|
(0, snabbdom_1.jsx)("br", null),
|
|||
|
|
this.$textarea({ model: 'privateKey' })),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('ssl-con-key pull-left'), style: { width: '48%' } },
|
|||
|
|
lan.config.pem_cert,
|
|||
|
|
(0, snabbdom_1.jsx)("br", null),
|
|||
|
|
this.$textarea({ model: 'certPem' })),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('ssl-btn pull-left mtb15'), style: { width: '100%' } }, this.$button({ title: lan.config.save, click: this.savePanelSsl.bind(this) }))),
|
|||
|
|
this.$ul({ style: 'clear: both;' }, [
|
|||
|
|
[
|
|||
|
|
(0, snabbdom_1.jsx)("span", null,
|
|||
|
|
lan.config.ps,
|
|||
|
|
" ",
|
|||
|
|
this.$link({ title: "[".concat(lan.config.help, "]"), href: 'https://www.yakpanel.com/bbs/thread-704-1-1.html' }),
|
|||
|
|
"."),
|
|||
|
|
],
|
|||
|
|
[lan.config.ps1],
|
|||
|
|
[lan.config.ps2],
|
|||
|
|
])));
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
savePanelSsl: function () {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var _a, certPem, privateKey;
|
|||
|
|
return __generator(this, function (_b) {
|
|||
|
|
switch (_b.label) {
|
|||
|
|
case 0:
|
|||
|
|
_a = this, certPem = _a.certPem, privateKey = _a.privateKey;
|
|||
|
|
return [4, that_1.$verifySubmitList([[!certPem || !privateKey, 'Please enter certificate information']])];
|
|||
|
|
case 1:
|
|||
|
|
_b.sent();
|
|||
|
|
return [4, that_1.$request('savePanelSsl', { privateKey: privateKey, certPem: certPem })];
|
|||
|
|
case 2:
|
|||
|
|
_b.sent();
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
success: function (layero) {
|
|||
|
|
_this.setLayerVerticalCenter(layero);
|
|||
|
|
},
|
|||
|
|
})];
|
|||
|
|
case 2:
|
|||
|
|
_b.sent();
|
|||
|
|
return [3, 4];
|
|||
|
|
case 3:
|
|||
|
|
error_1 = _b.sent();
|
|||
|
|
return [3, 4];
|
|||
|
|
case 4: return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setBasicAuthView = function (e) {
|
|||
|
|
var _this = this;
|
|||
|
|
this.$open({
|
|||
|
|
title: 'Risk reminder',
|
|||
|
|
area: '650px',
|
|||
|
|
btn: ['Submit', 'Close'],
|
|||
|
|
content: {
|
|||
|
|
data: { agreement: false },
|
|||
|
|
template: function () {
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('bt-form pd25') },
|
|||
|
|
this.$warningTitle('Warning! Do not understand this feature, do not open!'),
|
|||
|
|
this.$ul({ className: 'explainDescribeList pd15' }, [
|
|||
|
|
['You must use and understand this feature to decide if you want to open it!', 'red'],
|
|||
|
|
['After opening, access the panel in any way, you will be asked to enter the BasicAuth username and password first.'],
|
|||
|
|
['After being turned on, it can effectively prevent the panel from being scanned and found, but it cannot replace the account password of the panel itself.'],
|
|||
|
|
['Please remember the BasicAuth password, but forget that you will not be able to access the panel.'],
|
|||
|
|
['If you forget your password, you can disable BasicAuth authentication by using the bt command in SSH.'],
|
|||
|
|
]),
|
|||
|
|
this.$learnMore({
|
|||
|
|
title: (0, snabbdom_1.jsx)("span", null, "I already know the details and are willing to take risks"),
|
|||
|
|
model: 'agreement',
|
|||
|
|
id: 'checkBasicAuth',
|
|||
|
|
link: this.$link({ title: 'What is BasicAuth authentication?', href: 'https://www.yakpanel.com/bbs/thread-34374-1-1.html' }),
|
|||
|
|
})));
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
success: function (layers) {
|
|||
|
|
_this.setLayerVerticalCenter(layers);
|
|||
|
|
},
|
|||
|
|
yes: function (config) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var close, vm;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
close = config.close, vm = config.vm;
|
|||
|
|
if (!vm.agreement)
|
|||
|
|
return [2, this.$tips({ el: '#checkBasicAuth', msg: 'Please read and agree to the risk' })];
|
|||
|
|
close();
|
|||
|
|
this.setBasicAuthConfigView(e);
|
|||
|
|
return [2];
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
cancel: function () {
|
|||
|
|
_this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
btn2: function () {
|
|||
|
|
_this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setBasicAuthConfigView = function (e) {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var that;
|
|||
|
|
var _this = this;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
that = this;
|
|||
|
|
this.$open({
|
|||
|
|
title: 'Configure BasicAuth authentication',
|
|||
|
|
area: '500px',
|
|||
|
|
content: {
|
|||
|
|
data: { open: true, basic_user: '', basic_pwd: '' },
|
|||
|
|
template: function () {
|
|||
|
|
var inputWidth = '280px';
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('bt-form pd25') },
|
|||
|
|
this.$line({ title: lan.public.server_status }, this.$switch({ model: 'open' })),
|
|||
|
|
this.$line({ title: lan.public.username }, this.$input({ model: 'basic_user', placeholder: lan.config.set_username, width: inputWidth })),
|
|||
|
|
this.$line({ title: lan.public.pass }, this.$input({ model: 'basic_pwd', placeholder: lan.config.set_passwd, width: inputWidth })),
|
|||
|
|
this.$line({ title: '' }, this.$button({ title: lan.public.save, click: this.saveBasicAuth.bind(this) })),
|
|||
|
|
this.$ul([[lan.config.basic_auth_tips1, 'red'], [lan.config.basic_auth_tips2], [lan.config.basic_auth_tips3]])));
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
saveBasicAuth: function () {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var _a, basic_user, basic_pwd, open, rdata;
|
|||
|
|
return __generator(this, function (_b) {
|
|||
|
|
switch (_b.label) {
|
|||
|
|
case 0:
|
|||
|
|
_a = this, basic_user = _a.basic_user, basic_pwd = _a.basic_pwd, open = _a.open;
|
|||
|
|
return [4, that.$request('setBasicAuth', { basic_user: basic_user, basic_pwd: basic_pwd, open: open ? 'True' : 'False' })];
|
|||
|
|
case 1:
|
|||
|
|
rdata = _b.sent();
|
|||
|
|
if (rdata.status) {
|
|||
|
|
this.$closeLayer();
|
|||
|
|
that.$refreshBrowser();
|
|||
|
|
}
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
success: function (layers) {
|
|||
|
|
_this.setLayerVerticalCenter(layers);
|
|||
|
|
},
|
|||
|
|
cancel: function () {
|
|||
|
|
_this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
btn2: function () {
|
|||
|
|
_this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
return [2];
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setGoogleAuthView = function (e) {
|
|||
|
|
var _this = this;
|
|||
|
|
this.$open({
|
|||
|
|
title: 'Google authentication binding',
|
|||
|
|
area: ['660px', '390px'],
|
|||
|
|
btn: ['Submit', 'Close'],
|
|||
|
|
content: {
|
|||
|
|
data: { agreement: false },
|
|||
|
|
template: function () {
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('bt-form pd25') },
|
|||
|
|
this.$warningTitle('Warning! Do not understand this feature, do not open!'),
|
|||
|
|
this.$ul({ className: 'explainDescribeList pd15' }, [
|
|||
|
|
['You must use and understand this feature to decide if you want to open it!', 'red'],
|
|||
|
|
['If it is not possible to verify, enter "bt 24" on the command line to cancel Google authentication.', 'red'],
|
|||
|
|
['Once the service is turned on, bind it immediately to avoid the panel being inaccessible.'],
|
|||
|
|
['After opening, the panel will not be accessible. You can click the link below to find out the solution.'],
|
|||
|
|
]),
|
|||
|
|
this.$learnMore({
|
|||
|
|
title: 'I already know the details and are willing to take risks',
|
|||
|
|
model: 'agreement',
|
|||
|
|
id: 'checkAuthenticator',
|
|||
|
|
link: this.$link({ title: 'Learn more', href: 'https://www.yakpanel.com/forum/d/357-how-to-use-google-authenticator-in-the-yakpanel' }),
|
|||
|
|
})));
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
yes: function (config) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var close, vm, rdata, _a;
|
|||
|
|
return __generator(this, function (_b) {
|
|||
|
|
switch (_b.label) {
|
|||
|
|
case 0:
|
|||
|
|
close = config.close, vm = config.vm;
|
|||
|
|
if (!vm.agreement)
|
|||
|
|
return [2, this.$tips({ el: '#checkAuthenticator', msg: 'Please read and agree to the risk' })];
|
|||
|
|
return [4, this.$request('setTwoStepAuth', { act: 1 })];
|
|||
|
|
case 1:
|
|||
|
|
rdata = _b.sent();
|
|||
|
|
_a = rdata.status && close();
|
|||
|
|
if (!_a) return [3, 3];
|
|||
|
|
return [4, this.googleAuthRelationView()];
|
|||
|
|
case 2:
|
|||
|
|
_a = (_b.sent());
|
|||
|
|
_b.label = 3;
|
|||
|
|
case 3:
|
|||
|
|
_a;
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
cancel: function () {
|
|||
|
|
e && _this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
btn2: function () {
|
|||
|
|
e && _this.changeReverseCheckbox(e);
|
|||
|
|
},
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.googleAuthRelationView = function () {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var that, checked;
|
|||
|
|
var _this = this;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
that = this;
|
|||
|
|
checked = $('input[name="check_two_step"]').is(':checked');
|
|||
|
|
if (!checked)
|
|||
|
|
return [2, this.$msg({ msg: 'Please turn on Google authentication first.', icon: 0 })];
|
|||
|
|
this.$open({
|
|||
|
|
title: 'Google authentication binding',
|
|||
|
|
area: ['600px', '660px'],
|
|||
|
|
content: {
|
|||
|
|
data: {
|
|||
|
|
username: '--',
|
|||
|
|
key: '--',
|
|||
|
|
type: 'Time based',
|
|||
|
|
},
|
|||
|
|
template: function () {
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('bt-form'), style: this.$style('padding:20px 35px;') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_title') }, "Login authentication based on Google Authenticator"),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_item') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_vice_title') }, "1. Key binding"),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_conter') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_box') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_box_line') },
|
|||
|
|
"Account: ",
|
|||
|
|
(0, snabbdom_1.jsx)("span", null, this.username)),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_box_line') },
|
|||
|
|
"Key: ",
|
|||
|
|
(0, snabbdom_1.jsx)("span", null, this.key)),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_box_line') },
|
|||
|
|
"Type: ",
|
|||
|
|
(0, snabbdom_1.jsx)("span", null, this.type))))),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_item') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_vice_title') }, "2. Scan code binding (Using Google Authenticator APP scan)"),
|
|||
|
|
(0, snabbdom_1.jsx)("div", { class: this.$class('verify_conter'), style: this.$style('text-align:center;padding-top:10px;') },
|
|||
|
|
(0, snabbdom_1.jsx)("div", { props: { id: 'verify_qrcode' }, key: 'verifyQrcode' }))),
|
|||
|
|
this.$ul({ className: 'verify_tips' }, [
|
|||
|
|
[
|
|||
|
|
(0, snabbdom_1.jsx)("span", null,
|
|||
|
|
"Tips: Please use the \"Google Authenticator APP\" binding to support Android, IOS system.",
|
|||
|
|
this.$link({ title: 'Use tutorial', href: 'https://www.yakpanel.com/forum/d/357-how-to-use-google-authenticator-in-the-yakpanel' })),
|
|||
|
|
],
|
|||
|
|
['Once you have turned on the service, use the Google Authenticator app binding now to avoid having to sign in.', 'red'],
|
|||
|
|
])));
|
|||
|
|
},
|
|||
|
|
mounted: function () {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var loadT;
|
|||
|
|
var _this = this;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
loadT = that.$load(lan.public.the);
|
|||
|
|
Promise.all([that.$request('getTwoStepKey', false), that.$request('getQrcodeData', { act: 1 }, false), that.$require('jquery.qrcode')])
|
|||
|
|
.then(function (resArr) {
|
|||
|
|
var keyRes = resArr[0], qrcodeRes = resArr[1];
|
|||
|
|
var username = keyRes.username, key = keyRes.key;
|
|||
|
|
_this.username = username;
|
|||
|
|
_this.key = key;
|
|||
|
|
$('#verify_qrcode').qrcode({ render: 'canvas', width: 150, height: 150, text: qrcodeRes });
|
|||
|
|
})
|
|||
|
|
.catch(function (err) {
|
|||
|
|
_this.$error(err.msg || 'Server Error');
|
|||
|
|
})
|
|||
|
|
.finally(function () {
|
|||
|
|
loadT.close();
|
|||
|
|
});
|
|||
|
|
return [2];
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
success: function (layers) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
this.setLayerVerticalCenter(layers);
|
|||
|
|
return [2];
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
return [2];
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setSafetyEntranceView = function () {
|
|||
|
|
var _this = this;
|
|||
|
|
this.$open({
|
|||
|
|
title: lan.config.change_safe_entry,
|
|||
|
|
area: ['420px', '180px'],
|
|||
|
|
btn: [lan.config.submit, lan.config.turn_off],
|
|||
|
|
content: {
|
|||
|
|
data: { expire: this.formColumns.admin_path.value },
|
|||
|
|
template: function () {
|
|||
|
|
return (0, snabbdom_1.jsx)("div", { class: this.$class('pd20 bt-form') }, this.$line({ title: lan.config.entry_addr }, this.$input({ model: 'expire', width: '240px' })));
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
yes: function (content) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var close, vm, admin_path, rdata;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
switch (_a.label) {
|
|||
|
|
case 0:
|
|||
|
|
close = content.close, vm = content.vm, admin_path = vm.expire;
|
|||
|
|
return [4, this.$verifySubmit(!admin_path, 'Entrance address cannot be empty')];
|
|||
|
|
case 1:
|
|||
|
|
_a.sent();
|
|||
|
|
return [4, this.$request('setAdminPath', { admin_path: rsa.encrypt_public(admin_path) })];
|
|||
|
|
case 2:
|
|||
|
|
rdata = _a.sent();
|
|||
|
|
if (rdata.status) {
|
|||
|
|
close();
|
|||
|
|
$('input[name="admin_path"]').val(admin_path);
|
|||
|
|
this.formColumns.admin_path.value = admin_path;
|
|||
|
|
}
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setStatusCodeView = function () {
|
|||
|
|
var _this = this;
|
|||
|
|
this.$open({
|
|||
|
|
title: lan.config.panel_entrance_err,
|
|||
|
|
area: ['420px', '250px'],
|
|||
|
|
btn: ['Confirm', 'Cancel'],
|
|||
|
|
content: {
|
|||
|
|
data: { status_code: parseInt(sessionInfo.statusCode) },
|
|||
|
|
template: function () {
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('pd20 bt-form') },
|
|||
|
|
this.$line({ title: lan.config.response, width: '80px' }, this.$select({
|
|||
|
|
model: 'status_code',
|
|||
|
|
width: '250px',
|
|||
|
|
options: [
|
|||
|
|
{ label: lan.config.response_msg1, value: 0 },
|
|||
|
|
{ label: '403', value: 403 },
|
|||
|
|
{ label: '404', value: 404 },
|
|||
|
|
{ label: '416', value: 416 },
|
|||
|
|
{ label: '408', value: 408 },
|
|||
|
|
{ label: '400', value: 400 },
|
|||
|
|
{ label: '401', value: 401 },
|
|||
|
|
],
|
|||
|
|
})),
|
|||
|
|
this.$ul([[lan.config.response_desc, 'red']])));
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
yes: function (config) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var close, vm, rdata;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
switch (_a.label) {
|
|||
|
|
case 0:
|
|||
|
|
close = config.close, vm = config.vm;
|
|||
|
|
return [4, this.$request('setNotAuthStatus', { status_code: vm.status_code })];
|
|||
|
|
case 1:
|
|||
|
|
rdata = _a.sent();
|
|||
|
|
rdata.status && close() && this.$refreshBrowser();
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setPawExpirationView = function () {
|
|||
|
|
var _this = this;
|
|||
|
|
var day = this.formColumns.paw_expire_time.day || 0;
|
|||
|
|
this.$open({
|
|||
|
|
title: lan.config.set_password_expiration_time,
|
|||
|
|
area: ['350px', '245px'],
|
|||
|
|
btn: [lan.public.confirm, lan.public.cancel],
|
|||
|
|
content: {
|
|||
|
|
data: { expire: day },
|
|||
|
|
template: function () {
|
|||
|
|
return ((0, snabbdom_1.jsx)("div", { class: this.$class('pd20 bt-form') },
|
|||
|
|
this.$line({ title: lan.config.expire_time }, this.$box(this.$input({ model: 'expire', placeholder: '', width: '120px' }), (0, snabbdom_1.jsx)("span", null, "Days"))),
|
|||
|
|
this.$ul([[lan.config.expire_password_desc1, 'red'], [lan.config.expire_password_desc2]])));
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
yes: function (config) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var close, vm, expire, rdata, _a, expire_time, expire_day, val, err_2;
|
|||
|
|
return __generator(this, function (_b) {
|
|||
|
|
switch (_b.label) {
|
|||
|
|
case 0:
|
|||
|
|
close = config.close, vm = config.vm, expire = vm.expire;
|
|||
|
|
_b.label = 1;
|
|||
|
|
case 1:
|
|||
|
|
_b.trys.push([1, 4, , 5]);
|
|||
|
|
return [4, this.$request('setPawExpire', { expire: expire })];
|
|||
|
|
case 2:
|
|||
|
|
rdata = _b.sent();
|
|||
|
|
if (!rdata.status)
|
|||
|
|
throw new Error(rdata);
|
|||
|
|
return [4, this.$request('getPasswordConfig', false)];
|
|||
|
|
case 3:
|
|||
|
|
_a = _b.sent(), expire_time = _a.expire_time, expire_day = _a.expire_day;
|
|||
|
|
close();
|
|||
|
|
val = expire > 0 ? "".concat(this.$formatTime(expire_time), " ( Exp in ").concat(expire_day, " days )") : lan.config.not_set;
|
|||
|
|
$('input[name="paw_expire_time"]').val(val);
|
|||
|
|
this.formColumns.paw_expire_time.day = expire;
|
|||
|
|
return [3, 5];
|
|||
|
|
case 4:
|
|||
|
|
err_2 = _b.sent();
|
|||
|
|
return [3, 5];
|
|||
|
|
case 5: return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.setTempAuthView = function () {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var _this = this;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
this.$open({
|
|||
|
|
area: ['700px', '600px'],
|
|||
|
|
title: 'Temporary authorization management',
|
|||
|
|
content: "<div class=\"login_view_table pd15\">\n <button class=\"btn btn-success btn-sm va0 create_temp_login\">Create authorization</button>\n <div class=\"divtable mt10\">\n <table class=\"table table-hover\">\n <thead>\n <tr>\n <th>Login IP</th>\n <th>Status</th>\n <th>Login time</th>\n <th>Expiration time</th>\n <th style=\"text-align:right;\">Opt</th>\n </tr>\n </thead>\n <tbody id=\"temp_login_view_tbody\">\n <tr>\n <td class=\"text-center\" colspan=\"5\">No Data</td>\n </tr>\n </tbody>\n </table>\n <div class=\"temp_login_view_page page\"></div>\n </div>\n </div>",
|
|||
|
|
success: function () {
|
|||
|
|
_this.reanderTempAuthList();
|
|||
|
|
$('.create_temp_login').on('click', function () {
|
|||
|
|
_this.$confirm({
|
|||
|
|
title: 'Risk tips',
|
|||
|
|
msg: "<span style=\"color:red\">Note 1: Abuse of temporary authorization may lead to security risks.</br>Note 2: Not publish temporary authorized connections in public</span></br>Temporary authorization connection is about to be created. Continue?",
|
|||
|
|
})
|
|||
|
|
.then(function (res) {
|
|||
|
|
return _this.$open({
|
|||
|
|
area: '570px',
|
|||
|
|
title: 'Create temporary authorization',
|
|||
|
|
content: "<div class=\"bt-form create_temp_view\">\n <div class=\"line\">\n <span class=\"tname\">Temporary authorized address</span>\n <div class=\"info-r ml0\">\n <textarea id=\"temp_link\" class=\"bt-input-text mr20\" style=\"margin: 0px;width: 500px;height: 50px;line-height: 19px;\"></textarea>\n </div>\n </div>\n <div class=\"line\">\n <button type=\"submit\" class=\"btn btn-success btn-sm btn-copy-temp-link\" data-clipboard-text=\"\">Copy address</button>\n </div>\n <ul class=\"help-info-text c7\">\n <li>The temporary authorization is valid within 1 hour after it is generated. It is a one-time authorization and will be invalid immediately after use</li>\n <li>Use temporary authorization to log in to the panel within 1 hour. Do not publish temporary authorization connection in public</li>\n <li>The authorized connection information is only displayed here once. If you forget it before use, please regenerate it</li>\n </ul>\n </div>",
|
|||
|
|
success: function () { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var rdata, temp_link, clipboard, clipboards;
|
|||
|
|
var _this = this;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
switch (_a.label) {
|
|||
|
|
case 0: return [4, this.$request('setTempAuthLink')];
|
|||
|
|
case 1:
|
|||
|
|
rdata = _a.sent();
|
|||
|
|
temp_link = "".concat(location.origin, "/login?tmp_token=").concat(rdata.token);
|
|||
|
|
$('#temp_link').val(temp_link);
|
|||
|
|
$('.btn-copy-temp-link').attr('data-clipboard-text', temp_link);
|
|||
|
|
this.reanderTempAuthList();
|
|||
|
|
return [4, this.$require('clipboard')];
|
|||
|
|
case 2:
|
|||
|
|
clipboard = (_a.sent()).clipboard;
|
|||
|
|
clipboards = new clipboard('.btn');
|
|||
|
|
clipboards.on('success', function (ev) {
|
|||
|
|
_this.$msg({ status: true, msg: 'Copy succeeded!！' });
|
|||
|
|
ev.clearSelection();
|
|||
|
|
});
|
|||
|
|
clipboards.on('error', function (ev) {
|
|||
|
|
_this.$msg({ status: false, msg: 'Copy failed, please copy address manually' });
|
|||
|
|
});
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); },
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch(function (err) { });
|
|||
|
|
});
|
|||
|
|
$('#temp_login_view_tbody').on('click', '.logs_temp_login', function (ev) {
|
|||
|
|
var _a = $(ev.target).data(), id = _a.id, ip = _a.ip;
|
|||
|
|
_this.$open({
|
|||
|
|
area: ['700px', '550px'],
|
|||
|
|
title: "Operation logs [".concat(ip, "]"),
|
|||
|
|
content: "<div class=\"pd15\">\n <button class=\"btn btn-default btn-sm va0 refresh_login_logs\">Refresh logs</button>\n <div class=\"divtable mt10 tablescroll\">\n <table class=\"table table-hover\" id=\"logs_login_view_table\">\n <thead>\n <tr>\n <th width=\"90px\">Operation</th>\n <th width=\"140px\">Time</th>\n <th>logs</th>\n </tr>\n </thead>\n <tbody>\n <tr><td class=\"text-center\" colspan=\"3\">No Data</td></tr>\n </tbody>\n </table>\n </div>\n </div>",
|
|||
|
|
success: function () {
|
|||
|
|
_this.reanderTempLogsList(id);
|
|||
|
|
$('.refresh_login_logs').click(function () {
|
|||
|
|
_this.reanderTempLogsList(id);
|
|||
|
|
});
|
|||
|
|
_this.fixedTableHead('#logs_login_view_table', '420px');
|
|||
|
|
},
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
});
|
|||
|
|
$('#temp_login_view_tbody').on('click', '.remove_temp_login', function (ev) {
|
|||
|
|
_this.$confirm({
|
|||
|
|
title: 'Remove unused licenses',
|
|||
|
|
msg: 'Delete unused authorization record, continue?',
|
|||
|
|
})
|
|||
|
|
.then(function (res) { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var id, rdata;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
switch (_a.label) {
|
|||
|
|
case 0:
|
|||
|
|
id = $(ev.target).data().id;
|
|||
|
|
return [4, this.$request('removeTempAuthLink', { id: id })];
|
|||
|
|
case 1:
|
|||
|
|
rdata = _a.sent();
|
|||
|
|
return [4, this.$delay()];
|
|||
|
|
case 2:
|
|||
|
|
_a.sent();
|
|||
|
|
rdata.status && this.reanderTempAuthList();
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); })
|
|||
|
|
.catch(function (err) { });
|
|||
|
|
});
|
|||
|
|
$('#temp_login_view_tbody').on('click', '.clear_temp_login', function (ev) {
|
|||
|
|
var _a = $(ev.target).data(), id = _a.id, ip = _a.ip;
|
|||
|
|
_this.$confirm({
|
|||
|
|
title: 'Force logout [ ' + ip + ' ]',
|
|||
|
|
msg: 'Confirm to force logout [ ' + ip + ' ] ?',
|
|||
|
|
})
|
|||
|
|
.then(function () { return __awaiter(_this, void 0, void 0, function () {
|
|||
|
|
var rdata;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
switch (_a.label) {
|
|||
|
|
case 0: return [4, this.$request('clearTempAuth', { id: id })];
|
|||
|
|
case 1:
|
|||
|
|
rdata = _a.sent();
|
|||
|
|
return [4, this.$delay()];
|
|||
|
|
case 2:
|
|||
|
|
_a.sent();
|
|||
|
|
rdata.status && this.reanderTempAuthList();
|
|||
|
|
return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}); })
|
|||
|
|
.catch(function (err) { });
|
|||
|
|
});
|
|||
|
|
$('.temp_login_view_page').on('click', 'a', function (ev) {
|
|||
|
|
ev.stopPropagation();
|
|||
|
|
ev.preventDefault();
|
|||
|
|
var href = $(ev.target).attr('href');
|
|||
|
|
var reg = /([0-9]*)$/;
|
|||
|
|
var p = reg.exec(href)[0];
|
|||
|
|
_this.reanderTempAuthList(p);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
}).catch(function (err) { });
|
|||
|
|
return [2];
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.reanderTempAuthList = function (p) {
|
|||
|
|
if (p === void 0) { p = 1; }
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var html, rdata, data, page, _loop_1, this_1, i, err_3;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
switch (_a.label) {
|
|||
|
|
case 0:
|
|||
|
|
html = '';
|
|||
|
|
_a.label = 1;
|
|||
|
|
case 1:
|
|||
|
|
_a.trys.push([1, 3, , 4]);
|
|||
|
|
return [4, this.$request('getTempAuthList', { p: p, rows: 10 })];
|
|||
|
|
case 2:
|
|||
|
|
rdata = _a.sent();
|
|||
|
|
data = rdata.data, page = rdata.page;
|
|||
|
|
if (data.length > 0) {
|
|||
|
|
_loop_1 = function (i) {
|
|||
|
|
var item = data[i];
|
|||
|
|
html += "<tr>\n <td>".concat(item.login_addr || 'Not login', "</td>\n <td>").concat((function () {
|
|||
|
|
switch (item.state) {
|
|||
|
|
case 0:
|
|||
|
|
return '<a style="color:green;">Not login</a>';
|
|||
|
|
case 1:
|
|||
|
|
return '<a style="color:brown;">Logged in</a>';
|
|||
|
|
case -1:
|
|||
|
|
return '<a>Expired</a>';
|
|||
|
|
}
|
|||
|
|
})(), "</td>\n <td>").concat(item.login_time == 0 ? 'Not login' : this_1.$formatTime(item.login_time), "</td>\n <td>").concat(this_1.$formatTime(item.expire), "</td>\n <td style=\"text-align:right;\">").concat((function () {
|
|||
|
|
if (item.state != 1)
|
|||
|
|
return "<a href=\"javascript:;\" class=\"btlink remove_temp_login\" data-ip=\"".concat(item.login_addr, "\" data-id=\"").concat(item.id, "\">Del</a>");
|
|||
|
|
if (item.online_state)
|
|||
|
|
return "<a href=\"javascript:;\" class=\"btlink clear_temp_login\" style=\"color:red\" data-ip=\"".concat(item.login_addr, "\" data-id=\"").concat(item.id, "\">Force logout</a> | \n <a href=\"javascript:;\" class=\"btlink logs_temp_login\" data-ip=\"").concat(item.login_addr, "\" data-id=\"").concat(item.id, "\">Logs</a>");
|
|||
|
|
return "<a href=\"javascript:;\" class=\"btlink logs_temp_login\" data-ip=\"".concat(item.login_addr, "\" data-id=\"").concat(item.id, "\">Logs</a>");
|
|||
|
|
})(), "</td>\n </tr>");
|
|||
|
|
};
|
|||
|
|
this_1 = this;
|
|||
|
|
for (i = 0; i < data.length; i++) {
|
|||
|
|
_loop_1(i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
html = '<tr><td class="text-center" colspan="5">No Data</td></tr>';
|
|||
|
|
}
|
|||
|
|
$('#temp_login_view_tbody').html(html);
|
|||
|
|
$('.temp_login_view_page').html(page);
|
|||
|
|
return [3, 4];
|
|||
|
|
case 3:
|
|||
|
|
err_3 = _a.sent();
|
|||
|
|
return [3, 4];
|
|||
|
|
case 4: return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
SafeConfig.prototype.reanderTempLogsList = function (id) {
|
|||
|
|
return __awaiter(this, void 0, void 0, function () {
|
|||
|
|
var html, rdata, i, item, err_4;
|
|||
|
|
return __generator(this, function (_a) {
|
|||
|
|
switch (_a.label) {
|
|||
|
|
case 0:
|
|||
|
|
_a.trys.push([0, 2, , 3]);
|
|||
|
|
html = '';
|
|||
|
|
return [4, this.$request('getTempOperationLogs', { id: id })];
|
|||
|
|
case 1:
|
|||
|
|
rdata = _a.sent();
|
|||
|
|
if (rdata.length > 0) {
|
|||
|
|
for (i = 0; i < rdata.length; i++) {
|
|||
|
|
item = rdata[i];
|
|||
|
|
html += "<tr>\n <td>".concat(item.type, "</td>\n <td>").concat(item.addtime, "</td>\n <td><span title=\"").concat(item.log, "\" style=\"white-space: pre;\">").concat(item.log, "</span></td>\n </tr>");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
html = '<tr><td class="text-center" colspan="3">No Data</td></tr>';
|
|||
|
|
}
|
|||
|
|
$('#logs_login_view_table tbody').html(html);
|
|||
|
|
return [3, 3];
|
|||
|
|
case 2:
|
|||
|
|
err_4 = _a.sent();
|
|||
|
|
return [3, 3];
|
|||
|
|
case 3: return [2];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
return SafeConfig;
|
|||
|
|
}(configMixin_1.default));
|
|||
|
|
exports.default = SafeConfig;
|
|||
|
|
});
|