small-package/luci-app-nekobox/htdocs/nekobox/settings.php

585 lines
23 KiB
PHP
Raw Normal View History

2024-10-26 10:38:22 +08:00
<?php
include './cfg.php';
$themeDir = "$neko_www/assets/theme";
$tmpPath = "$neko_www/lib/selected_config.txt";
$arrFiles = array();
$arrFiles = glob("$themeDir/*.css");
for($x=0;$x<count($arrFiles);$x++) $arrFiles[$x] = substr($arrFiles[$x], strlen($themeDir)+1);
if(isset($_POST['themechange'])){
$dt = $_POST['themechange'];
shell_exec("echo $dt > $neko_www/lib/theme.txt");
$neko_theme = $dt;
}
if(isset($_POST['fw'])){
$dt = $_POST['fw'];
if ($dt == 'enable') shell_exec("uci set neko.cfg.new_interface='1' && uci commit neko");
if ($dt == 'disable') shell_exec("uci set neko.cfg.new_interface='0' && uci commit neko");
}
$fwstatus=shell_exec("uci get neko.cfg.new_interface");
?>
<?php
function getSingboxVersion() {
$singBoxPath = '/usr/bin/sing-box';
$command = "$singBoxPath version 2>&1";
exec($command, $output, $returnVar);
if ($returnVar === 0) {
foreach ($output as $line) {
if (strpos($line, 'version') !== false) {
$parts = explode(' ', $line);
return end($parts);
}
}
}
return '未知版本';
}
$singBoxVersion = getSingboxVersion();
?>
2024-10-26 16:23:41 +08:00
<?php
function getUiVersion() {
$versionFile = '/etc/neko/ui/metacubexd/version.txt';
if (file_exists($versionFile)) {
return trim(file_get_contents($versionFile));
} else {
return "版本文件不存在";
}
}
$uiVersion = getUiVersion();
?>
2024-10-26 10:38:22 +08:00
<!doctype html>
<html lang="en" data-bs-theme="<?php echo substr($neko_theme,0,-4) ?>">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Settings - Neko</title>
<link rel="icon" href="./assets/img/nekobox.png">
<link href="./assets/css/bootstrap.min.css" rel="stylesheet">
<link href="./assets/theme/<?php echo $neko_theme ?>" rel="stylesheet">
<link href="./assets/css/custom.css" rel="stylesheet">
<script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./assets/js/feather.min.js"></script>
2024-10-26 16:23:41 +08:00
<script type="text/javascript" src="./assets/bootstrap/bootstrap.bundle.min.js"></script>
2024-10-26 10:38:22 +08:00
<script type="text/javascript" src="./assets/js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="./assets/js/neko.js"></script>
2024-11-02 14:15:04 +08:00
<?php include './status-bar.php'; ?>
2024-10-26 10:38:22 +08:00
</head>
<body>
<div class="container-sm container-bg text-center callout border border-3 rounded-4 col-11">
<div class="row">
<a href="./" class="col btn btn-lg">🏠 首页</a>
<a href="./dashboard.php" class="col btn btn-lg">📊 面板</a>
<a href="./configs.php" class="col btn btn-lg">⚙️ 配置</a>
<a href="/nekobox/mon.php" class="col btn btn-lg d-flex align-items-center justify-content-center"></i>📦 订阅</a>
<a href="#" class="col btn btn-lg">🛠️ 设定</a>
<h2 class="text-center p-2 mb-3">主题设定</h2>
<form action="settings.php" method="post">
<div class="container text-center justify-content-md-center">
<div class="row justify-content-md-center">
<div class="col mb-3 justify-content-md-center">
<select class="form-select" name="themechange" aria-label="themex">
<option selected>Change Theme (<?php echo $neko_theme ?>)</option>
<?php foreach ($arrFiles as $file) echo "<option value=\"".$file.'">'.$file."</option>" ?>
</select>
</div>
<div class="row justify-content-md-center">
<div class="col justify-content-md-center mb-3">
<input class="btn btn-info" type="submit" value="🖫 更改主题">
</div>
</div>
</div>
</div>
</form>
<h2 class="text-center p-2 mb-3">软体资讯</h2>
<table class="table table-borderless mb-3">
<tbody>
<tr>
<td colspan="2">
<h3 class="text-center mb-3">自动重载防火墙</h3>
<form action="settings.php" method="post">
<div class="btn-group d-flex justify-content-center">
<button type="submit" name="fw" value="enable" class="btn btn<?php if($fwstatus==1) echo "-outline" ?>-success <?php if($fwstatus==1) echo "disabled" ?>">启用</button>
<button type="submit" name="fw" value="disable" class="btn btn<?php if($fwstatus==0) echo "-outline" ?>-danger <?php if($fwstatus==0) echo "disabled" ?>">停用</button>
</div>
</form>
</td>
</tr>
<tr>
<td colspan="2">
<div class="row">
2024-10-26 16:23:41 +08:00
<div class="col-md-6 mb-3">
2024-10-26 10:38:22 +08:00
<div class="text-center">
<h3>客户端版本</h3>
<div class="form-control text-center" style="font-family: monospace; text-align: center;">
<span id="cliver"></span>&nbsp;<span id="NewCliver"> </span>
</div>
<div class="text-center mt-2">
2024-10-26 16:23:41 +08:00
<button class="btn btn-pink" id="checkCliverButton">🔍 检测版本</button>
<button class="btn btn-info" id="updateButton" title="更新到最新版本">🔄 更新版本</button>
2024-10-26 10:38:22 +08:00
</div>
</div>
</div>
2024-10-26 16:23:41 +08:00
<div class="col-md-6 mb-3">
2024-10-26 10:38:22 +08:00
<div class="text-center">
2024-10-26 16:23:41 +08:00
<h3>Metacubexd 面板</h3>
<div class="form-control text-center">
<?php echo htmlspecialchars($uiVersion); ?>&nbsp;<span id="NewUi"> </span>
</div>
<div class="text-center mt-2">
<button class="btn btn-pink" id="checkUiButton">🔍 检测版本</button>
<button class="btn btn-info" id="updateUiButton" title="更新 Metacubexd 面板">🔄 更新版本</button>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="text-center">
<h3>Sing-box 核心版本</h3>
2024-10-26 10:38:22 +08:00
<div class="form-control text-center">
<div id="singBoxCorever">
<?php echo htmlspecialchars($singBoxVersion); ?>&nbsp;<span id="NewSingbox"></span>
</div>
</div>
<div class="text-center mt-2">
2024-10-26 16:23:41 +08:00
<button class="btn btn-pink" id="checkSingboxButton">🔍 检测版本</button>
<button class="btn btn-success" id="updatePuernyaButton" title="切换 Puernya 内核">🔄 切换内核</button>
2024-10-27 12:23:17 +08:00
<button class="btn btn-primary" id="updateRuleButton" title="更新 Singbox 规则集<配合 Puernya 内核可以使用 Singbox 的配置文件和本地规则集>">🔄 更新规则</button>
2024-10-26 16:23:41 +08:00
<button class="btn btn-info" id="updateSingboxButton" title="更新 Singbox 内核">🔄 更新版本</button>
2024-10-26 10:38:22 +08:00
</div>
</div>
</div>
2024-10-26 16:23:41 +08:00
<div class="col-md-6 mb-3">
2024-10-26 10:38:22 +08:00
<div class="text-center">
2024-10-26 16:23:41 +08:00
<h3>Mihomo 核心版本</h3>
2024-10-26 10:38:22 +08:00
<div class="form-control text-center">
<span id="corever"></span>&nbsp;<span id="NewMihomo"> </span>
</div>
<div class="text-center mt-2">
2024-10-26 16:23:41 +08:00
<button class="btn btn-pink" id="checkMihomoButton">🔍 检测版本</button>
<button id="updateConfigButton" class="btn btn-primary" title="更新 Mihomo 配置文件">🔄 更新配置</button>
<button class="btn btn-info" id="updateCoreButton" title="更新 Mihomo 内核">🔄 更新版本</button>
2024-10-26 10:38:22 +08:00
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
2024-10-30 10:48:06 +08:00
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-lg" role="document">
2024-10-26 16:23:41 +08:00
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="updateModalLabel">更新状态</h5>
2024-10-27 12:23:17 +08:00
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
2024-10-26 16:23:41 +08:00
<span aria-hidden="true">&times;</span>
</button>
</div>
2024-10-30 10:48:06 +08:00
<div class="modal-body text-center">
<pre id="logOutput" style="white-space: pre-wrap; word-wrap: break-word; text-align: left; display: inline-block;">开始下载更新...</pre>
2024-10-26 16:23:41 +08:00
</div>
</div>
</div>
</div>
<div id="logOutput" class="mt-3"></div>
<style>
.table-container {
overflow-x: auto;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
.table {
width: 100%;
border-collapse: collapse;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
.table td {
padding: 10px;
word-wrap: break-word;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
.form-control {
width: 100%;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
.btn {
white-space: nowrap;
flex: 1;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
@media (max-width: 767px) {
.table td {
display: block;
width: 100%;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
.form-control {
display: flex;
flex-direction: column;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
.btn-group {
flex-direction: column;
}
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
#updateButton:hover {
background-color: #20B2AA;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
#updateSingboxButton:hover {
background-color: #FF69B4;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
#updateCoreButton:hover {
background-color: #90EE90;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
#updatePuernyaButton:hover {
background-color: #87CEFA;
}
2024-10-27 12:23:17 +08:00
#updateModal #logOutput {
font-family: 'Courier New', monospace;
font-size: 1rem;
color: #333;
}
2024-10-26 16:23:41 +08:00
</style>
2024-10-26 10:38:22 +08:00
<script>
2024-10-26 16:23:41 +08:00
function initiateUpdate(url, logMessage) {
2024-10-26 10:38:22 +08:00
const xhr = new XMLHttpRequest();
2024-10-26 16:23:41 +08:00
xhr.open('POST', url, true);
2024-10-26 10:38:22 +08:00
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
2024-10-26 16:23:41 +08:00
$('#updateModal').modal('show');
document.getElementById('logOutput').textContent = logMessage;
2024-10-26 10:38:22 +08:00
xhr.onload = function() {
if (xhr.status === 200) {
2024-10-26 16:23:41 +08:00
document.getElementById('logOutput').textContent += '\n更新完成';
document.getElementById('logOutput').textContent += '\n' + xhr.responseText;
2024-10-26 10:38:22 +08:00
setTimeout(function() {
2024-10-26 16:23:41 +08:00
$('#updateModal').modal('hide');
setTimeout(function() {
location.reload();
}, 500);
}, 10000);
2024-10-26 10:38:22 +08:00
} else {
2024-10-26 16:23:41 +08:00
document.getElementById('logOutput').textContent += '\n发生错误' + xhr.statusText;
2024-10-26 10:38:22 +08:00
}
};
2024-10-26 16:23:41 +08:00
xhr.onerror = function() {
document.getElementById('logOutput').textContent += '\n网络错误请稍后再试。';
};
2024-10-26 10:38:22 +08:00
xhr.send();
2024-10-26 16:23:41 +08:00
}
document.getElementById('updateButton').addEventListener('click', function() {
initiateUpdate('update_script.php', '开始下载更新...');
2024-10-26 10:38:22 +08:00
});
document.getElementById('updateSingboxButton').addEventListener('click', function() {
2024-10-26 16:23:41 +08:00
initiateUpdate('singbox.php', '开始下载 Singbox 核心更新...');
2024-10-26 10:38:22 +08:00
});
document.getElementById('updatePuernyaButton').addEventListener('click', function() {
2024-10-26 16:23:41 +08:00
initiateUpdate('puernya.php', '开始下载 Puernya 核心更新...');
});
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
document.getElementById('updateCoreButton').addEventListener('click', function() {
initiateUpdate('core.php', '开始下载 Mihomo 核心更新...');
});
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
document.getElementById('updateUiButton').addEventListener('click', function() {
initiateUpdate('ui.php', '开始下载 UI 面板更新...');
2024-10-26 10:38:22 +08:00
});
2024-10-26 16:23:41 +08:00
document.getElementById('updateConfigButton').addEventListener('click', function() {
2024-10-26 20:35:29 +08:00
initiateUpdate('update_config.php', '开始下载 Mihomo 配置文件更新...');
2024-10-26 10:38:22 +08:00
});
2024-10-27 12:23:17 +08:00
document.getElementById('updateRuleButton').addEventListener('click', function() {
initiateUpdate('update_rule.php', '开始下载 Singbox 规则集更新...');
});
2024-10-26 10:38:22 +08:00
</script>
<script>
2024-10-26 16:23:41 +08:00
function checkVersion(buttonId, outputId, url) {
document.getElementById(outputId).innerHTML = '正在检查新版本...';
2024-10-26 10:38:22 +08:00
var xhr = new XMLHttpRequest();
2024-10-26 16:23:41 +08:00
xhr.open('GET', url + '?check_version=true', true);
2024-10-26 10:38:22 +08:00
xhr.onload = function() {
if (xhr.status === 200) {
2024-10-26 16:23:41 +08:00
document.getElementById(outputId).innerHTML = xhr.responseText;
2024-10-26 10:38:22 +08:00
} else {
2024-10-26 16:23:41 +08:00
document.getElementById(outputId).innerHTML = '版本检测失败,请稍后重试。';
2024-10-26 10:38:22 +08:00
}
};
xhr.onerror = function() {
2024-10-26 16:23:41 +08:00
document.getElementById(outputId).innerHTML = '网络错误,请稍后重试';
2024-10-26 10:38:22 +08:00
};
xhr.send();
2024-10-26 16:23:41 +08:00
}
document.getElementById('checkCliverButton').addEventListener('click', function() {
checkVersion('checkCliverButton', 'NewCliver', 'update_script.php');
2024-10-26 10:38:22 +08:00
});
document.getElementById('checkMihomoButton').addEventListener('click', function() {
2024-10-26 16:23:41 +08:00
checkVersion('checkMihomoButton', 'NewMihomo', 'core.php');
2024-10-26 10:38:22 +08:00
});
document.getElementById('checkSingboxButton').addEventListener('click', function() {
2024-10-26 16:23:41 +08:00
checkVersion('checkSingboxButton', 'NewSingbox', 'singbox.php');
});
document.getElementById('checkUiButton').addEventListener('click', function() {
checkVersion('checkUiButton', 'NewUi', 'ui.php');
2024-10-26 10:38:22 +08:00
});
</script>
<script>
2024-10-26 16:23:41 +08:00
function compareVersions(v1, v2) {
const v1parts = v1.split(/[-.]/).filter(x => x !== 'alpha' && x !== 'beta');
const v2parts = v2.split(/[-.]/).filter(x => x !== 'alpha' && x !== 'beta');
for (let i = 0; i < Math.max(v1parts.length, v2parts.length); ++i) {
const v1part = parseInt(v1parts[i]) || 0;
const v2part = parseInt(v2parts[i]) || 0;
if (v1part > v2part) return 1;
if (v1part < v2part) return -1;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
return 0;
2024-10-26 10:38:22 +08:00
}
2024-10-26 16:23:41 +08:00
function checkSingboxVersion() {
var currentVersion = '<?php echo getSingboxVersion(); ?>';
var minVersion = '1.10.0';
if (compareVersions(currentVersion, minVersion) >= 0) {
return;
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
var modalHtml = `
<div class="modal fade" id="versionWarningModal" tabindex="-1" aria-labelledby="versionWarningModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="versionWarningModalLabel">版本警告</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>您的 Sing-box 版本 (${currentVersion}) 低于推荐的最低版本 (v1.10.0)</p>
<p>请考虑升级到更高版本以获得最佳性能。</p>
</div>
2024-10-26 10:38:22 +08:00
</div>
</div>
</div>
2024-10-26 16:23:41 +08:00
`;
document.body.insertAdjacentHTML('beforeend', modalHtml);
var modal = new bootstrap.Modal(document.getElementById('versionWarningModal'));
modal.show();
setTimeout(function() {
modal.hide();
}, 5000);
}
2024-10-26 10:38:22 +08:00
2024-10-26 16:23:41 +08:00
document.addEventListener('DOMContentLoaded', checkSingboxVersion);
2024-10-26 10:38:22 +08:00
</script>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NekoBox</title>
<link rel="stylesheet" href="/www/nekobox/assets/css/bootstrap.min.css">
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
.feature-box {
padding: 15px;
margin-bottom: 20px;
border: 1px solid #000000;
border-radius: 8px;
}
.feature-box h6 {
margin-bottom: 15px;
}
.table-container {
padding: 15px;
margin-bottom: 20px;
border: 1px solid #000000;
border-radius: 8px;
}
.table {
table-layout: fixed;
width: 100%;
}
.table td, .table th {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.table thead th {
background-color: transparent;
color: #000000;
}
.btn-outline-secondary {
border-color: transparent;
color: #000000;
}
.btn-outline-secondary:hover {
background-color: transparent;
color: #000000;
}
.footer {
padding: 15px 0;
background-color: transparent;
color: #000000;
}
.footer p {
margin: 0;
}
.link-box {
border: 1px solid #000000;
border-radius: 8px;
padding: 10px;
display: block;
text-align: center;
width: 100%;
box-sizing: border-box;
transition: background-color 0.3s ease;
}
.link-box a {
display: block;
padding: 10px;
text-decoration: none;
color: #000000;
}
</style>
</head>
<body>
<div class="container mt-4">
<h2 class="text-center mb-4">关于 NekoBox</h2>
<div class="feature-box text-center">
<h5>NekoBox</h5>
<p>NekoBox是一款精心设计的 Sing-box 代理工具,专为家庭用户打造,旨在提供简洁而强大的代理解决方案。基于 PHP BASH 技术NekoBox 将复杂的代理配置简化为直观的操作体验,让每个用户都能轻松享受高效、安全的网络环境。</p>
</div>
<h5 class="text-center mb-4">核心特点</h5>
<div class="row">
<div class="col-md-4 mb-4 d-flex">
<div class="feature-box text-center flex-fill">
<h6>简化配置</h6>
<p>采用用户友好的界面和智能配置功能,轻松实现 Sing-box 代理的设置与管理。</p>
</div>
</div>
<div class="col-md-4 mb-4 d-flex">
<div class="feature-box text-center flex-fill">
<h6>优化性能</h6>
<p>通过高效的脚本和自动化处理,确保最佳的代理性能和稳定性。</p>
</div>
</div>
<div class="col-md-4 mb-4 d-flex">
<div class="feature-box text-center flex-fill">
<h6>无缝体验</h6>
<p>专为家庭用户设计,兼顾易用性与功能性,确保每个家庭成员都能便捷地使用代理服务。</p>
</div>
</div>
</div>
<h5 class="text-center mb-4">工具信息</h5>
<div class="d-flex justify-content-center">
<div class="table-container">
<table class="table table-borderless mb-5">
<tbody>
<tr class="text-center">
<td>SagerNet</td>
<td>MetaCubeX</td>
</tr>
<tr class="text-center">
<td>
<div class="link-box">
<a href="https://github.com/SagerNet/sing-box" target="_blank">Sing-box</a>
</div>
</td>
<td>
<div class="link-box">
<a href="https://github.com/MetaCubeX/mihomo" target="_blank">Mihomo</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<h5 class="text-center mb-4">外部链接</h5>
<div class="table-container">
<table class="table table-borderless mb-5">
<tbody>
<tr class="text-center">
<td>Github</td>
<td>Github</td>
</tr>
<tr class="text-center">
<td>
<div class="link-box">
<a href="https://github.com/Thaolga/openwrt-nekobox/issues" target="_blank">Issues</a>
</div>
</td>
<td>
<div class="link-box">
<a href="https://github.com/Thaolga/openwrt-nekobox" target="_blank">Thaolga</a>
</div>
</td>
</tr>
<tr class="text-center">
<td>Telegram</td>
<td>MetaCubeX</td>
</tr>
<tr class="text-center">
<td>
<div class="link-box">
<a href="https://t.me/+J55MUupktxFmMDgx" target="_blank">Telegram</a>
</div>
</td>
<td>
<div class="link-box">
<a href="https://github.com/MetaCubeX" target="_blank">METACUBEX</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<footer class="text-center">
<p><?php echo $footer ?></p>
</footer>
</div>
<script src="/www/nekobox/assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>