Tyler
257 lines
9.7 KiB
HTML
257 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="description" content="PacCrypt - Admin Panel" />
|
|
<title>Admin Panel - PacCrypt</title>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/png" href="{{ url_for('static', filename='img/PacCrypt.png') }}" />
|
|
|
|
<!-- Stylesheets -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
|
|
|
|
<!-- Scripts -->
|
|
<script type="module" src="{{ url_for('static', filename='js/main.js') }}"></script>
|
|
</head>
|
|
<body class="dark">
|
|
|
|
<!-- Header -->
|
|
<header class="card logo-header">
|
|
<div class="logo-container">
|
|
<img src="{{ url_for('static', filename='img/PacCrypt.png') }}" alt="PacCrypt Logo" />
|
|
<div class="logo-text">
|
|
<h1>PACCRYPT</h1>
|
|
<p>ADMIN PANEL</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content -->
|
|
<main>
|
|
<!-- Site Map Section -->
|
|
<section id="sitemap-section" class="card form-group">
|
|
<h2>Server Management</h2>
|
|
|
|
<div class="sitemap-header">
|
|
<button onclick="toggleSitemap()" style="margin-bottom: 10px;">Show Site Map</button>
|
|
</div>
|
|
|
|
<div id="sitemap-list" class="sitemap-content" style="display: none;">
|
|
<ul style="list-style: none; padding-left: 0;">
|
|
{% for route in routes %}
|
|
<li style="margin-bottom: 5px;"><code>{{ route }}</code></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Server Management Buttons -->
|
|
<div class="admin-button-grid">
|
|
<button onclick="restartServer()">Restart Server</button>
|
|
<form action="{{ url_for('admin_logout') }}" method="GET" style="display: inline;">
|
|
<button type="submit">Log Out</button>
|
|
</form>
|
|
<button onclick="updateServer()">Pull Latest Changes</button>
|
|
<form action="{{ url_for('admin_settings') }}" method="GET" style="display: inline;">
|
|
<button type="submit">Manage Upload Settings</button>
|
|
</form>
|
|
<button onclick="resetAdmin()" class="danger-button">Reset Admin</button>
|
|
<button onclick="clearUploads()" class="danger-button">Clear Uploaded Files</button>
|
|
</div>
|
|
|
|
|
|
<!-- Flash Messages -->
|
|
<div id="admin-feedback" class="copy-feedback" style="display: none;"></div>
|
|
</section>
|
|
|
|
<!-- Password Change Section -->
|
|
<section id="password-change-section" class="card form-group">
|
|
<h2>Change Admin Password</h2>
|
|
|
|
<!-- Password Feedback -->
|
|
{% with messages = get_flashed_messages(with_categories=true, category_filter=['password-feedback']) %}
|
|
{% for category, message in messages %}
|
|
<div class="copy-feedback show">{{ message }}</div>
|
|
{% endfor %}
|
|
{% endwith %}
|
|
|
|
<!-- Password Change Form -->
|
|
<form method="POST" action="{{ url_for('admin_change_password') }}">
|
|
<input type="password" name="current_password" placeholder="Current Password" required />
|
|
<input type="password" name="new_password" placeholder="New Password" required />
|
|
<button type="submit">Update Password</button>
|
|
</form>
|
|
</section>
|
|
|
|
<!-- Server Status Section -->
|
|
<section id="server-status-section" class="card form-group">
|
|
<h2>Server Status</h2>
|
|
<ul style="width: 400px;">
|
|
<li>Uptime: <code>0 days, 11 hours, 47 minutes</code></li>
|
|
<li>Server Time: <code>2025-05-14 14:32:18</code></li>
|
|
<li>Python Version: <code>3.13.3</code></li>
|
|
<li>Flask Debug Mode: <code>True</code></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Server Logs Section -->
|
|
<section id="server-logs-section" class="card form-group">
|
|
<h2>Server Logs</h2>
|
|
<button onclick="toggleLogs()" style="margin-bottom: 10px;">Show/Hide Logs</button>
|
|
<div id="logLoader" style="display: none; margin-bottom: 10px;">Loading logs...</div>
|
|
<pre id="logContainer" style="display: none;"></pre>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<p>© 2025 UnNaturalll-Dev. All rights reserved.</p>
|
|
<a href="https://github.com/TySP-Dev" target="_blank" id="github-link">
|
|
<img src="\static\img\Github_logo.png" alt="GitHub Logo" width="100" />
|
|
</a>
|
|
<a href="{{ url_for('sitemap') }}">
|
|
<img src="\static\img\sitemap.png" alt="Sitemap Png" width="55" />
|
|
</a>
|
|
</footer>
|
|
|
|
<!-- Log Viewer Script -->
|
|
<script>
|
|
async function toggleLogs() {
|
|
const logContainer = document.getElementById('logContainer');
|
|
const logLoader = document.getElementById('logLoader');
|
|
if (logContainer.style.display === 'none') {
|
|
logLoader.style.display = 'block';
|
|
const response = await fetch("{{ url_for('admin_logs') }}");
|
|
const data = await response.json();
|
|
logLoader.style.display = 'none';
|
|
logContainer.innerText = data.logs.join('\n');
|
|
logContainer.style.display = 'block';
|
|
} else {
|
|
logContainer.style.display = 'none';
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
function toggleSitemap() {
|
|
const list = document.getElementById('sitemap-list');
|
|
const button = document.querySelector('.sitemap-header button');
|
|
|
|
if (list.style.display === 'none') {
|
|
list.style.display = 'block';
|
|
button.textContent = 'Hide Site Map';
|
|
} else {
|
|
list.style.display = 'none';
|
|
button.textContent = 'Show Site Map';
|
|
}
|
|
}
|
|
|
|
async function restartServer() {
|
|
if (!confirm('Are you sure you want to restart the server? This will temporarily disconnect all users.')) return;
|
|
|
|
try {
|
|
const response = await fetch('{{ url_for("restart_server") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
}
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (response.ok) {
|
|
showFeedback(data.message);
|
|
// Add a small delay before redirecting to allow the server to restart
|
|
setTimeout(() => {
|
|
window.location.reload();
|
|
}, 2000);
|
|
} else {
|
|
showFeedback(data.error || 'Failed to restart server.');
|
|
}
|
|
} catch (error) {
|
|
showFeedback('Failed to restart server.');
|
|
}
|
|
}
|
|
|
|
async function updateServer() {
|
|
if (!confirm('Are you sure you want to pull the latest changes from GitHub?')) return;
|
|
|
|
try {
|
|
const response = await fetch('{{ url_for("admin_update_server") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
}
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (response.ok) {
|
|
showFeedback(data.message);
|
|
} else {
|
|
showFeedback(data.error || 'Failed to update server from GitHub.');
|
|
}
|
|
} catch (error) {
|
|
showFeedback('Failed to update server from GitHub.');
|
|
}
|
|
}
|
|
|
|
async function resetAdmin() {
|
|
if (!confirm('Are you sure you want to reset admin credentials?')) return;
|
|
|
|
try {
|
|
const response = await fetch('{{ url_for("admin_reset") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
}
|
|
});
|
|
|
|
if (response.ok) {
|
|
showFeedback('Admin credentials reset. Please create new credentials.');
|
|
setTimeout(() => {
|
|
window.location.href = '{{ url_for("admin_setup") }}';
|
|
}, 2000);
|
|
}
|
|
} catch (error) {
|
|
showFeedback('Failed to reset admin credentials.');
|
|
}
|
|
}
|
|
|
|
async function clearUploads() {
|
|
if (!confirm('Are you sure you want to delete ALL uploaded files?')) return;
|
|
|
|
try {
|
|
const response = await fetch('{{ url_for("admin_clear_uploads") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
}
|
|
});
|
|
|
|
if (response.ok) {
|
|
showFeedback('All uploaded files have been cleared.');
|
|
}
|
|
} catch (error) {
|
|
showFeedback('Failed to clear uploaded files.');
|
|
}
|
|
}
|
|
|
|
function showFeedback(message) {
|
|
const feedback = document.getElementById('admin-feedback');
|
|
feedback.textContent = message;
|
|
feedback.style.display = 'block';
|
|
feedback.classList.add('show');
|
|
|
|
setTimeout(() => {
|
|
feedback.classList.remove('show');
|
|
setTimeout(() => {
|
|
feedback.style.display = 'none';
|
|
}, 300);
|
|
}, 3000);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|