feat(settings): add Hysteria Settings tab with geo update support
This commit is contained in:
Whispering Wind
@ -30,21 +30,10 @@
|
|||||||
<a class='nav-link' id='telegram-tab' data-toggle='pill' href='#telegram' role='tab'
|
<a class='nav-link' id='telegram-tab' data-toggle='pill' href='#telegram' role='tab'
|
||||||
aria-controls='telegram' aria-selected='true'><i class="fab fa-telegram"></i>
|
aria-controls='telegram' aria-selected='true'><i class="fab fa-telegram"></i>
|
||||||
Telegram Bot</a>
|
Telegram Bot</a>
|
||||||
</li>
|
|
||||||
<li class='nav-item'>
|
|
||||||
<a class='nav-link' id='port-tab' data-toggle='pill' href='#port' role='tab'
|
|
||||||
aria-controls='port' aria-selected='false'><i class="fas fa-server"></i> Change
|
|
||||||
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>
|
||||||
<li class='nav-item'>
|
<li class='nav-item'>
|
||||||
<a class='nav-link' id='obfs-tab' data-toggle='pill' href='#obfs' role='tab'
|
<a class='nav-link' id='hysteria-settings-tab' data-toggle='pill' href='#hysteria-settings' role='tab'
|
||||||
aria-controls='obfs' aria-selected='false'><i class="fas fa-user-secret"></i>
|
aria-controls='hysteria-settings' aria-selected='false'><i class="fas fa-cogs"></i> Hysteria Settings</a>
|
||||||
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,52 +154,91 @@
|
|||||||
</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'>
|
||||||
<form id="port_form">
|
<div class="row">
|
||||||
<div class='form-group'>
|
<div class="col-md-6 mb-4">
|
||||||
<label for='hysteria_port'>Port:</label>
|
<div class="card card-outline card-primary h-100">
|
||||||
<input type='text' class='form-control' id='hysteria_port'
|
<div class="card-header"><h3 class="card-title"><i class="fas fa-server"></i> Change Port</h3></div>
|
||||||
placeholder='Enter Port'>
|
<div class="card-body">
|
||||||
<div class="invalid-feedback">
|
<form id="port_form">
|
||||||
Please enter a valid port number.
|
<div class='form-group'>
|
||||||
|
<label for='hysteria_port'>Port:</label>
|
||||||
|
<input type='text' class='form-control' id='hysteria_port'
|
||||||
|
placeholder='Enter Port'>
|
||||||
|
<div class="invalid-feedback">
|
||||||
|
Please enter a valid port number.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button id="port_change" type='button' class='btn btn-primary'>Save</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button id="port_change" type='button' class='btn btn-primary'>Save</button>
|
<div class="col-md-6 mb-4">
|
||||||
</form>
|
<div class="card card-outline card-primary h-100">
|
||||||
</div>
|
<div class="card-header"><h3 class="card-title"><i class="fas fa-shield-alt"></i> Change SNI</h3></div>
|
||||||
|
<div class="card-body">
|
||||||
<!-- SNI Tab -->
|
<form id="sni_form">
|
||||||
<div class='tab-pane fade' id='sni' role='tabpanel' aria-labelledby='sni-tab'>
|
<div class='form-group'>
|
||||||
<form id="sni_form">
|
<label for='sni_domain'>Domain:</label>
|
||||||
<div class='form-group'>
|
<input type='text' class='form-control' id='sni_domain'
|
||||||
<label for='sni_domain'>Domain:</label>
|
placeholder='Enter Domain'>
|
||||||
<input type='text' class='form-control' id='sni_domain'
|
<div class="invalid-feedback">
|
||||||
placeholder='Enter Domain'>
|
Please enter a valid domain (without http:// or https://).
|
||||||
<div class="invalid-feedback">
|
</div>
|
||||||
Please enter a valid domain (without http:// or https://).
|
</div>
|
||||||
|
<button id="sni_change" type='button' class='btn btn-primary'>Save</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button id="sni_change" type='button' class='btn btn-primary'>Save</button>
|
<div class="col-md-6 mb-4">
|
||||||
</form>
|
<div class="card card-outline card-secondary h-100">
|
||||||
</div>
|
<div class="card-header"><h3 class="card-title"><i class="fas fa-user-secret"></i> OBFS</h3></div>
|
||||||
|
<div class="card-body">
|
||||||
<!-- OBFS Tab -->
|
<div class="mb-3">
|
||||||
<div class='tab-pane fade' id='obfs' role='tabpanel' aria-labelledby='obfs-tab'>
|
<h5>OBFS Status</h5>
|
||||||
<div class="mb-3">
|
<div id="obfs_status_container" class="p-3 border rounded">
|
||||||
<h5>OBFS Status</h5>
|
<span id="obfs_status_message">Loading OBFS status...</span>
|
||||||
<div id="obfs_status_container" class="p-3 border rounded">
|
</div>
|
||||||
<span id="obfs_status_message">Loading OBFS status...</span>
|
</div>
|
||||||
|
<button id="obfs_enable_btn" type='button' class='btn btn-success' style="display: none;">
|
||||||
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
|
||||||
|
Enable OBFS
|
||||||
|
</button>
|
||||||
|
<button id="obfs_disable_btn" type='button' class='btn btn-danger' style="display: none;">
|
||||||
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
|
||||||
|
Disable OBFS
|
||||||
|
</button>
|
||||||
|
</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>
|
</div>
|
||||||
<button id="obfs_enable_btn" type='button' class='btn btn-success' style="display: none;">
|
|
||||||
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
|
|
||||||
Enable OBFS
|
|
||||||
</button>
|
|
||||||
<button id="obfs_disable_btn" type='button' class='btn btn-danger' style="display: none;">
|
|
||||||
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
|
|
||||||
Disable OBFS
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- IP Management Tab -->
|
<!-- IP Management 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