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

Remove add server functionality

Browse source
This commit is contained in:
30hours 2024-02-04 10:49:20 +00:00
parent bdd5964b2a
commit 969c031ca2
2 changed files with 1 additions and 82 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -17,78 +17,3 @@ function toggle_button(button) {
button.value = pressed === 'true' ? serverUrl : ''; button.value = pressed === 'true' ? serverUrl : '';
console.log(button.value); console.log(button.value);
} }
function addNewServer() {
const container = document.getElementById("new-server-container");
// Create a new text field
const textField = document.createElement("input");
textField.type = "text";
textField.placeholder = "Enter new server name";
textField.classList.add("form-control", "new-server-field");
// Create Submit and Cancel buttons
const submitBtn = document.createElement("button");
submitBtn.innerText = "Submit";
submitBtn.classList.add("btn", "btn-success", "w-100", "mb-1");
submitBtn.onclick = submitNewServer;
const cancelBtn = document.createElement("button");
cancelBtn.innerText = "Cancel";
cancelBtn.classList.add("btn", "btn-danger", "w-100", "mb-1");
cancelBtn.onclick = cancelNewServer;
// Append elements to the container
container.innerHTML = ""; // Clear previous content
container.appendChild(textField);
container.appendChild(submitBtn);
container.appendChild(cancelBtn);
}
function submitNewServer(event) {
event.preventDefault();
const container = document.getElementById("new-server-container");
const textField = container.querySelector(".new-server-field");
// Get the entered value
const serverName = textField.value;
// Validate if the serverName is not empty
if (serverName.trim() === "") {
alert("Please enter a valid server name.");
return;
}
// Create a new button for the server
const serverBtn = document.createElement("button");
serverBtn.type = "button";
serverBtn.classList.add("btn", "btn-success", "toggle-button", "active", "w-100", "mb-1");
serverBtn.dataset.toggle = "button";
serverBtn.setAttribute("aria-pressed", "true");
serverBtn.setAttribute("server-url", serverName);
serverBtn.innerText = serverName;
serverBtn.onclick = function () {
toggle_button(this);
};
// Create a hidden input to store the server URL
const hiddenInput = document.createElement("input");
hiddenInput.type = "hidden";
hiddenInput.name = "url";
hiddenInput.value = serverName;
// Append the button and input to the server list
const serverList = document.querySelector("#server-list");
serverList.appendChild(serverBtn);
serverList.appendChild(hiddenInput);
// Clear the new server container
container.innerHTML = "";
}
function cancelNewServer() {
const container = document.getElementById("new-server-container");
container.innerHTML = "";
}

8
src/templates/index.html
View file

@ -58,14 +58,8 @@
<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="url" 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="url" value="{{ server.url }}">
{% endfor %} {% endfor %}
<div id="server-list">
<!-- Existing or dynamically added server buttons go here -->
</div>
<!-- Add the new server functionality here -->
<button type="button" class="btn btn-primary add-server-btn w-100 mt-2 mb-3" onclick="addNewServer()">Add Server</button>
<div class="" id="new-server-container"></div>
</div> </div>
<div class="mb-3"> <div class="mb-3">