feat(settings): add Hysteria Settings tab with geo update support
This commit is contained in:
@ -32,19 +32,8 @@
|
|||||||
Telegram Bot</a>
|
Telegram Bot</a>
|
||||||
</li>
|
</li>
|
||||||
<li class='nav-item'>
|
<li class='nav-item'>
|
||||||
<a class='nav-link' id='port-tab' data-toggle='pill' href='#port' role='tab'
|
<a class='nav-link' id='hysteria-settings-tab' data-toggle='pill' href='#hysteria-settings' role='tab'
|
||||||
aria-controls='port' aria-selected='false'><i class="fas fa-server"></i> Change
|
aria-controls='hysteria-settings' aria-selected='false'><i class="fas fa-cogs"></i> Hysteria Settings</a>
|
||||||
Port</a>
|
|
||||||
</li>
|
|
||||||
<li class='nav-item'>
|
|
||||||
<a class='nav-link' id='sni-tab' data-toggle='pill' href='#sni' role='tab'
|
|
||||||
aria-controls='sni' aria-selected='false'><i class="fas fa-shield-alt"></i> Change
|
|
||||||
SNI</a>
|
|
||||||
</li>
|
|
||||||
<li class='nav-item'>
|
|
||||||
<a class='nav-link' id='obfs-tab' data-toggle='pill' href='#obfs' role='tab'
|
|
||||||
aria-controls='obfs' aria-selected='false'><i class="fas fa-user-secret"></i>
|
|
||||||
OBFS</a>
|
|
||||||
</li>
|
</li>
|
||||||
<li class='nav-item'>
|
<li class='nav-item'>
|
||||||
<a class='nav-link' id='ip-tab' data-toggle='pill' href='#change_ip' role='tab'
|
<a class='nav-link' id='ip-tab' data-toggle='pill' href='#change_ip' role='tab'
|
||||||
@ -165,8 +154,13 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Port Tab -->
|
<!-- Hysteria Settings Tab -->
|
||||||
<div class='tab-pane fade' id='port' role='tabpanel' aria-labelledby='port-tab'>
|
<div class='tab-pane fade' id='hysteria-settings' role='tabpanel' aria-labelledby='hysteria-settings-tab'>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card card-outline card-primary h-100">
|
||||||
|
<div class="card-header"><h3 class="card-title"><i class="fas fa-server"></i> Change Port</h3></div>
|
||||||
|
<div class="card-body">
|
||||||
<form id="port_form">
|
<form id="port_form">
|
||||||
<div class='form-group'>
|
<div class='form-group'>
|
||||||
<label for='hysteria_port'>Port:</label>
|
<label for='hysteria_port'>Port:</label>
|
||||||
@ -179,9 +173,12 @@
|
|||||||
<button id="port_change" type='button' class='btn btn-primary'>Save</button>
|
<button id="port_change" type='button' class='btn btn-primary'>Save</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<!-- SNI Tab -->
|
</div>
|
||||||
<div class='tab-pane fade' id='sni' role='tabpanel' aria-labelledby='sni-tab'>
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card card-outline card-primary h-100">
|
||||||
|
<div class="card-header"><h3 class="card-title"><i class="fas fa-shield-alt"></i> Change SNI</h3></div>
|
||||||
|
<div class="card-body">
|
||||||
<form id="sni_form">
|
<form id="sni_form">
|
||||||
<div class='form-group'>
|
<div class='form-group'>
|
||||||
<label for='sni_domain'>Domain:</label>
|
<label for='sni_domain'>Domain:</label>
|
||||||
@ -194,9 +191,12 @@
|
|||||||
<button id="sni_change" type='button' class='btn btn-primary'>Save</button>
|
<button id="sni_change" type='button' class='btn btn-primary'>Save</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<!-- OBFS Tab -->
|
</div>
|
||||||
<div class='tab-pane fade' id='obfs' role='tabpanel' aria-labelledby='obfs-tab'>
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card card-outline card-secondary h-100">
|
||||||
|
<div class="card-header"><h3 class="card-title"><i class="fas fa-user-secret"></i> OBFS</h3></div>
|
||||||
|
<div class="card-body">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h5>OBFS Status</h5>
|
<h5>OBFS Status</h5>
|
||||||
<div id="obfs_status_container" class="p-3 border rounded">
|
<div id="obfs_status_container" class="p-3 border rounded">
|
||||||
@ -212,6 +212,34 @@
|
|||||||
Disable OBFS
|
Disable OBFS
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card card-outline card-info h-100">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title"><i class="fas fa-globe-americas"></i> Update GeoIP & GeoSite Files</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p>Update GeoIP and GeoSite database files for specific countries. This is useful for routing rules.</p>
|
||||||
|
<div class="d-flex flex-column">
|
||||||
|
<button id="geo_update_iran" type='button' class='btn btn-secondary mb-2'>
|
||||||
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
|
||||||
|
Update for Iran
|
||||||
|
</button>
|
||||||
|
<button id="geo_update_china" type='button' class='btn btn-secondary mb-2'>
|
||||||
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
|
||||||
|
Update for China
|
||||||
|
</button>
|
||||||
|
<button id="geo_update_russia" type='button' class='btn btn-secondary'>
|
||||||
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
|
||||||
|
Update for Russia
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- IP Management Tab -->
|
<!-- IP Management Tab -->
|
||||||
<div class='tab-pane fade' id='change_ip' role='tabpanel' aria-labelledby='ip-tab'>
|
<div class='tab-pane fade' id='change_ip' role='tabpanel' aria-labelledby='ip-tab'>
|
||||||
@ -1433,6 +1461,25 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function updateGeo(country) {
|
||||||
|
const countryName = country.charAt(0).toUpperCase() + country.slice(1);
|
||||||
|
const buttonId = `#geo_update_${country}`;
|
||||||
|
const baseUrl = "{{ url_for('update_geo', country='COUNTRY_PLACEHOLDER') }}";
|
||||||
|
const url = baseUrl.replace('COUNTRY_PLACEHOLDER', country);
|
||||||
|
|
||||||
|
confirmAction(`update the Geo files for ${countryName}`, function () {
|
||||||
|
sendRequest(
|
||||||
|
url,
|
||||||
|
"GET",
|
||||||
|
null,
|
||||||
|
`Geo files for ${countryName} updated successfully!`,
|
||||||
|
buttonId,
|
||||||
|
false,
|
||||||
|
null
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
$("#warp_start_btn").on("click", function() {
|
$("#warp_start_btn").on("click", function() {
|
||||||
confirmAction("install and start WARP", function () {
|
confirmAction("install and start WARP", function () {
|
||||||
sendRequest(
|
sendRequest(
|
||||||
@ -1506,6 +1553,9 @@
|
|||||||
const configName = $(this).data("name");
|
const configName = $(this).data("name");
|
||||||
deleteExtraConfig(configName);
|
deleteExtraConfig(configName);
|
||||||
});
|
});
|
||||||
|
$("#geo_update_iran").on("click", function() { updateGeo('iran'); });
|
||||||
|
$("#geo_update_china").on("click", function() { updateGeo('china'); });
|
||||||
|
$("#geo_update_russia").on("click", function() { updateGeo('russia'); });
|
||||||
|
|
||||||
$('#normal_domain, #sni_domain, #decoy_domain').on('input', function () {
|
$('#normal_domain, #sni_domain, #decoy_domain').on('input', function () {
|
||||||
if (isValidDomain($(this).val())) {
|
if (isValidDomain($(this).val())) {
|
||||||
|
|||||||
Reference in New Issue
Block a user