hypermc/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Updating Mods button

Browse Source
This commit is contained in:
MCHost
2025-06-19 01:39:33 -04:00
parent 15f4564760
commit d2498c0cf8
4 changed files with 89 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
public/app.js
View File

@ -70,6 +70,10 @@ document.addEventListener('DOMContentLoaded', () => {
editPropertiesModal: document.getElementById('editPropertiesModal'),
propertiesFields: document.getElementById('propertiesFields'),
editPropertiesForm: document.getElementById('editPropertiesForm'),
updateModsBtn: document.getElementById('updateModsBtn'),
updateModsModal: document.getElementById('updateModsModal'),
updateModsOutput: document.getElementById('updateModsOutput'),
closeUpdateModsBtn: document.getElementById('closeUpdateModsBtn'),
stopBtn: document.getElementById('stopBtn'),
restartBtn: document.getElementById('restartBtn'),
connectionStatus: document.getElementById('connectionStatus'),
@ -371,6 +375,8 @@ document.addEventListener('DOMContentLoaded', () => {
updateGeyserStatusUI(message);
} else if (message.type === 'sftp-status') {
updateSftpStatusUI(message);
} else if (message.type === 'update-mods') {
updateModsUI(message);
} else {
updateNonDockerUI(message);
}
@ -412,6 +418,7 @@ document.addEventListener('DOMContentLoaded', () => {
const sections = document.querySelectorAll('.bg-gray-800.p-6.rounded-lg.shadow-lg.mb-6');
const serverStatusSection = document.querySelector('.bg-gray-800.p-6.rounded-lg.shadow-lg.mb-6[data-section="server-status"]');
const editPropertiesBtn = elements.editPropertiesBtn;
const updateModsBtn = elements.updateModsBtn;
const startBtn = document.getElementById('startBtn');
const stopBtn = elements.stopBtn;
const restartBtn = elements.restartBtn;
@ -435,6 +442,9 @@ document.addEventListener('DOMContentLoaded', () => {
if (editPropertiesBtn) {
editPropertiesBtn.classList.add('hidden');
}
if (updateModsBtn) {
updateModsBtn.classList.add('hidden');
}
if (stopBtn) {
stopBtn.disabled = true;
stopBtn.classList.add('disabled-btn');
@ -454,6 +464,9 @@ document.addEventListener('DOMContentLoaded', () => {
if (editPropertiesBtn) {
editPropertiesBtn.classList.remove('hidden');
}
if (updateModsBtn) {
updateModsBtn.classList.remove('hidden');
}
if (stopBtn) {
stopBtn.disabled = false;
stopBtn.classList.remove('disabled-btn');
@ -520,6 +533,15 @@ document.addEventListener('DOMContentLoaded', () => {
}
}
function updateModsUI(message) {
if (message.error) {
elements.updateModsOutput.textContent = `Error: ${message.error}`;
} else if (message.output) {
elements.updateModsOutput.textContent = message.output;
}
elements.updateModsModal.classList.remove('hidden');
}
function updateNonDockerUI(message) {
if (message.error) {
if (message.error.includes('Missing token') || message.error.includes('HTTP 403')) {
@ -1214,6 +1236,28 @@ document.addEventListener('DOMContentLoaded', () => {
}
}
async function updateMods() {
try {
const response = await wsRequest('/update-mods', 'POST');
console.log('Raw response:', response); // Debug: Log the full response
console.log('Output content:', response.output); // Debug: Log the output string
if (response.error) {
showNotification(`Failed to update mods: ${response.error}`, 'error');
elements.updateModsOutput.textContent = `Error: ${response.error}`;
} else {
const output = response.output || 'No output from mod update.';
console.log('Processed output:', output); // Debug: Log the final output
elements.updateModsOutput.textContent = output; // Set textContent
}
elements.updateModsModal.classList.remove('hidden');
} catch (error) {
console.error('Update mods error:', error);
showNotification(`Failed to update mods: ${error.message}`, 'error');
elements.updateModsOutput.textContent = `Error: ${error.message}`;
elements.updateModsModal.classList.remove('hidden');
}
}
elements.loginBtn.addEventListener('click', () => {
apiKey = elements.loginApiKey.value.trim();
if (apiKey) {
@ -1322,6 +1366,18 @@ document.addEventListener('DOMContentLoaded', () => {
}
});
elements.updateModsBtn.addEventListener('click', updateMods);
elements.closeUpdateModsBtn.addEventListener('click', () => {
elements.updateModsModal.classList.add('hidden');
elements.updateModsOutput.textContent = '';
});
elements.updateModsModal.querySelector('.modal-close').addEventListener('click', () => {
elements.updateModsModal.classList.add('hidden');
elements.updateModsOutput.textContent = '';
});
document.getElementById('searchBtn').addEventListener('click', () => {
searchMods(1);
});

15
public/index.html
View File

@ -85,6 +85,19 @@
</form>
</div>
</div>
<div id="updateModsModal" class="modal hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-2 sm:p-4">
<div class="modal-content bg-gray-900 rounded-lg max-w-[95%] w-full sm:w-[90%] md:w-[85%] lg:w-[80%] mx-auto flex flex-col max-h-[95vh]">
<div class="flex justify-between items-center p-4 border-b">
<h2 class="text-xl font-semibold text-white">Mod Update Output</h2>
<button class="modal-close text-2xl font-bold text-white">×</button>
</div>
<pre id="updateModsOutput" class="flex-1 p-4 text-white text-sm max-h-[calc(95vh-10rem)] overflow-y-auto overflow-x-auto whitespace-pre-wrap break-words leading-relaxed"></pre>
<div class="p-4 border-t">
<button id="closeUpdateModsBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded w-full">Close</button>
</div>
</div>
</div>
<nav class="bg-gray-800 p-4 shadow-lg">
<div class="container mx-auto flex justify-between items-center">
@ -130,6 +143,8 @@
<button id="editPropertiesBtn"
class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded control-btn w-full mt-2">Edit Server
Properties</button>
<button id="updateModsBtn"
class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded control-btn w-full mt-2">Update Mods</button>
</div>
</div>
</div>