Default page

Edit File: panelConfig.js

$('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/BTPanel/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.aapanel.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 aaPanel account',
									msg: 'Unbind the aaPanel 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;
});