github-mirrors/3lips
1
0
Fork 0
mirror of https://github.com/30hours/3lips.git synced 2024-11-18 12:33:58 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change name url to server

Browse source
This commit is contained in:
30hours 2024-02-08 12:17:40 +00:00
parent 24620e1bf5
commit 447af3fd70
2 changed files with 5 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/public/js/index.js
View file

@ -1,25 +1,3 @@
// function toggle_button(button) {
// button.classList.toggle('active');
// var pressed = button.getAttribute('aria-pressed') === 'false' ? 'true' : 'false';
// button.setAttribute('aria-pressed', pressed);
// // fix button states
// if (pressed === 'true') {
// button.classList.add("btn-success");
// button.classList.remove("btn-secondary");
// } else {
// button.classList.add("btn-secondary");
// button.classList.remove("btn-success");
// // Remove the corresponding hidden input when the button is deselected
// var serverUrl = button.getAttribute('value');
// var hiddenInputs = document.querySelectorAll('input[name="url"][value="' + serverUrl + '"]');
// hiddenInputs.forEach(function (input) {
// input.parentNode.removeChild(input);
// });
// }
// }
function toggle_button(button) { function toggle_button(button) {
button.classList.toggle('active'); button.classList.toggle('active');
var pressed = button.getAttribute('aria-pressed') === 'false' ? 'true' : 'false'; var pressed = button.getAttribute('aria-pressed') === 'false' ? 'true' : 'false';
@ -32,12 +10,12 @@ function toggle_button(button) {
// Add the hidden input when the button is pressed // Add the hidden input when the button is pressed
var serverUrl = button.getAttribute('value'); var serverUrl = button.getAttribute('value');
var inputExists = document.querySelector('input[name="url"][value="' + serverUrl + '"]'); var inputExists = document.querySelector('input[name="server"][value="' + serverUrl + '"]');
if (!inputExists) { if (!inputExists) {
var hiddenInput = document.createElement('input'); var hiddenInput = document.createElement('input');
hiddenInput.setAttribute('type', 'hidden'); hiddenInput.setAttribute('type', 'hidden');
hiddenInput.setAttribute('name', 'url'); hiddenInput.setAttribute('name', 'server');
hiddenInput.setAttribute('value', serverUrl); hiddenInput.setAttribute('value', serverUrl);
document.querySelector('form').appendChild(hiddenInput); document.querySelector('form').appendChild(hiddenInput);
} }
@ -47,7 +25,7 @@ function toggle_button(button) {
// Remove the corresponding hidden input when the button is deselected // Remove the corresponding hidden input when the button is deselected
var serverUrl = button.getAttribute('value'); var serverUrl = button.getAttribute('value');
var hiddenInputs = document.querySelectorAll('input[name="url"][value="' + serverUrl + '"]'); var hiddenInputs = document.querySelectorAll('input[name="server"][value="' + serverUrl + '"]');
hiddenInputs.forEach(function (input) { hiddenInputs.forEach(function (input) {
// Check if the input element exists before removing it // Check if the input element exists before removing it

4
src/templates/index.html
View file

@ -57,8 +57,8 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label fw-bold">Servers:</label> <label class="form-label fw-bold">Servers:</label>
{% for server in servers %} {% for server in servers %}
<button type="button" class="btn btn-success toggle-button active w-100 mb-1" name="url" data-toggle="button" aria-pressed="true" value="{{ server.url }}" onclick="toggle_button(this)">{{ server.name }}</button> <button type="button" class="btn btn-success toggle-button active w-100 mb-1" name="server" data-toggle="button" aria-pressed="true" value="{{ server.url }}" onclick="toggle_button(this)">{{ server.name }}</button>
<input type="hidden" name="url" value="{{ server.url }}"> <input type="hidden" name="server" value="{{ server.url }}">
{% endfor %} {% endfor %}
</div> </div>