charleslemaux/servii-backend
1
0
Fork 0
mirror of https://github.com/hubHarmony/servii-backend.git synced 2024-11-17 21:40:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[+] Updated testing page

Browse Source
This commit is contained in:
Charles Le Maux 2024-09-10 01:05:36 +02:00
parent c46e04f7f1
commit 8a282012e3
1 changed files with 138 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
api_sender.html
View File

@ -2,17 +2,76 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>API Interaction Form</title> <title>File Upload and API Interaction Form</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f0f0f0;
}
form {
display: flex;
flex-direction: column;
gap: 15px;
background-color: #ffffff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
input[type="file"], input[type="text"], input[type="number"] {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
padding: 12px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #0056b3;
}
.message {
margin-top: 10px;
padding: 12px;
border-radius: 4px;
}
.success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.error {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
</style>
</head> </head>
<body> <body>
<h2>Generic Calls</h2> <h2>File Upload Form</h2>
<form id="uploadForm">
<input type="file" id="files" accept=".zip,.jar,.txt" multiple required>
<button type="submit">Upload File</button>
</form>
<div id="message" class="message"></div>
<h2>API Interaction Form</h2>
<form id="genericForm"> <form id="genericForm">
Email: <label for="accountEmail"></label><input type="text" id="accountEmail"><br> Email: <input type="text" id="accountEmail"><br>
Port: <label for="accountPort"></label><input type="number" id="accountPort"><br> Port: <input type="number" id="accountPort"><br>
Name: <label for="serverName"></label><input type="text" id="serverName"><br> Name: <input type="text" id="serverName"><br>
Version: <label for="serverVersion"></label><input type="text" id="serverVersion"><br> Version: <input type="text" id="serverVersion"><br>
Framework: <label for="serverFramework"></label><input type="text" id="serverFramework"><br> Framework: <input type="text" id="serverFramework"><br>
<button type="button" class="actionButton" data-action="AccountCreate">Create Account</button> <button type="button" class="actionButton" data-action="AccountCreate">Create Account</button>
<button type="button" class="actionButton" data-action="AccountDelete">Delete Account</button> <button type="button" class="actionButton" data-action="AccountDelete">Delete Account</button>
<button type="button" class="actionButton" data-action="ServerCreate">Create Server</button> <button type="button" class="actionButton" data-action="ServerCreate">Create Server</button>
@ -22,34 +81,84 @@
<button type="button" class="actionButton" data-action="FetchServers">Fetch Servers</button> <button type="button" class="actionButton" data-action="FetchServers">Fetch Servers</button>
<button type="button" class="actionButton" data-action="FetchLogs">Fetch Logs</button> <button type="button" class="actionButton" data-action="FetchLogs">Fetch Logs</button>
<button type="button" class="actionButton" data-action="FetchPlayersStatus">Fetch Players Status</button> <button type="button" class="actionButton" data-action="FetchPlayersStatus">Fetch Players Status</button>
</form> </form>
<h2>Update Property</h2> <h2>Update Property</h2>
<form id="updatePropertyForm"> <form id="updatePropertyForm">
Property: <label for="update_property"></label><input type="text" id="update_property"><br> Property: <input type="text" id="update_property"><br>
Value: <label for="update_value"></label><input type="text" id="update_value"><br> Value: <input type="text" id="update_value"><br>
<button type="button" class="actionButton" data-action="UpdateProperties">Update Property</button> <button type="button" class="actionButton" data-action="UpdateProperties">Update Property</button>
</form> </form>
<h2>Send Command</h2> <h2>Send Command</h2>
<form id="sendCommandForm"> <form id="sendCommandForm">
Command: <label for="command"></label><input type="text" id="command"><br> Command: <input type="text" id="command"><br>
<button type="button" class="actionButton" data-action="Command">Send command</button> <button type="button" class="actionButton" data-action="Command">Send command</button>
</form> </form>
<h2>Set Subdomain</h2> <h2>Set Subdomain</h2>
<form id="sendCommandForm"> <form id="setSubdomainForm">
Command: <label for="subdomain"></label><input type="text" id="subdomain"><br> Subdomain: <input type="text" id="subdomain"><br>
<button type="button" class="actionButton" data-action="SetSubdomain">Send command</button> <button type="button" class="actionButton" data-action="SetSubdomain">Set Subdomain</button>
</form> </form>
<script> <script>
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const uploadForm = document.getElementById('uploadForm');
const genericForm = document.getElementById('genericForm');
const updatePropertyForm = document.getElementById('updatePropertyForm');
const sendCommandForm = document.getElementById('sendCommandForm');
const setSubdomainForm = document.getElementById('setSubdomainForm');
const messageDiv = document.getElementById('message');
// File Upload functionality
uploadForm.addEventListener('submit', async event => {
event.preventDefault();
const fileInput = document.getElementById('files');
const filesLength = fileInput.files.length;
if (filesLength === 0) {
showMessage('Please select at least one file.', 'error');
return;
}
const formData = new FormData();
formData.append('name', 'local');
formData.append('token', 'MpkbDMOO8PQddQgB5VgBQdTMWF53');
for (let i = 0; i < filesLength; i++) {
formData.append(`${i}`, fileInput.files[i]);
}
try {
const response = await fetch('http://localhost:3000/Upload', {
method: 'POST',
body: formData
});
if (!response.ok) {
const errorMessage = await response.text();
const parser = new DOMParser();
const doc = parser.parseFromString(errorMessage, 'text/html');
const title = doc.querySelector('title')?.textContent || 'Unknown Error';
const description = doc.querySelector('p')?.textContent || 'Unable to determine error description.';
showMessage(`${title}: ${description}`, 'error');
} else {
const result = await response.json();
showMessage(`File uploaded successfully. Filename: ${result.filename}`, 'success');
}
} catch (error) {
console.error('Error:', error);
showMessage('An error occurred. Please try again.', 'error');
}
});
// API Interaction functionality
const buttons = document.querySelectorAll('.actionButton'); const buttons = document.querySelectorAll('.actionButton');
buttons.forEach(button => { buttons.forEach(button => {
button.addEventListener('click', async event => { button.addEventListener('click', async event => {
event.preventDefault();
const action = button.dataset.action; const action = button.dataset.action;
const token = "MpkbDMOO8PQddQgB5VgBQdTMWF53"; const token = "MpkbDMOO8PQddQgB5VgBQdTMWF53";
const framework = document.getElementById('serverFramework').value; const framework = document.getElementById('serverFramework').value;
@ -63,6 +172,7 @@ document.addEventListener('DOMContentLoaded', () => {
const command = document.getElementById('command').value; const command = document.getElementById('command').value;
const props = [[prop, value], ["max-players", "666"]]; const props = [[prop, value], ["max-players", "666"]];
let data = {}; let data = {};
switch(action) { switch(action) {
case 'FetchServers': case 'FetchServers':
data = {token}; data = {token};
@ -98,13 +208,14 @@ document.addEventListener('DOMContentLoaded', () => {
data = {port, name, command, token}; data = {port, name, command, token};
break; break;
case 'SetSubdomain': case 'SetSubdomain':
data = {token, subdomain} data = {token, subdomain};
break; break;
} }
sendRequest(action, data) sendRequest(action, data)
.then(response => response.text()) .then(response => response.text())
.then(data => alert(`Response: ${data}`)) .then(data => alert(`Response: ${data}`))
.catch(error => console.error('Error:', error)); .catch(error => console.error('Error:', error));
}); });
}); });
@ -117,6 +228,15 @@ document.addEventListener('DOMContentLoaded', () => {
body: JSON.stringify(payload) body: JSON.stringify(payload)
}); });
} }
function showMessage(message, type) {
messageDiv.textContent = message;
messageDiv.className = `message ${type}`;
setTimeout(() => {
messageDiv.textContent = '';
messageDiv.className ='message';
}, 5000);
}
}); });
</script> </script>