Player Control
-
-
-
-
-
+
+
π΅ Player Control
+
+
+
+
+
+
+
+ Status: Unknown
+ Current Track: None
+
-
-
-
Status: Stopped
-
Current Track: None
-
Position: 0s
+
+
+
π₯ User Management
+
+
+ 0
+ Total Users
+
+
+ 0
+ Active Users
+
+
+ 0
+ Admins
+
+
+ 0
+ DJs
+
+
+
+
+
+
@@ -325,8 +352,152 @@
alert('Copy your MP3 files to: /home/glenn/Projects/Code/asteroid/music/incoming/\n\nThen click "Copy Files to Library" to add them to your music collection.');
}
+ // User Management Functions
+ async function loadUserStats() {
+ try {
+ const response = await fetch('/asteroid/api/users/stats');
+ const result = await response.json();
+
+ if (result.status === 'success') {
+ const stats = result.stats;
+ document.getElementById('total-users').textContent = stats.total;
+ document.getElementById('active-users').textContent = stats.active;
+ document.getElementById('admin-users').textContent = stats.admins;
+ document.getElementById('dj-users').textContent = stats.djs;
+ }
+ } catch (error) {
+ console.error('Error loading user stats:', error);
+ }
+ }
+
+ async function loadUsers() {
+ try {
+ const response = await fetch('/asteroid/api/users');
+ const result = await response.json();
+
+ if (result.status === 'success') {
+ showUsersTable(result.users);
+ }
+ } catch (error) {
+ console.error('Error loading users:', error);
+ alert('Error loading users. Please try again.');
+ }
+ }
+
+ function showUsersTable(users) {
+ const container = document.createElement('div');
+ container.className = 'user-management';
+ container.innerHTML = `
+
User Management
+
+
+
+ | Username |
+ Email |
+ Role |
+ Status |
+ Last Login |
+ Actions |
+
+
+
+ ${users.map(user => `
+
+ | ${user.username} |
+ ${user.email} |
+
+
+ |
+ ${user.active ? 'β
Active' : 'β Inactive'} |
+ ${user['last-login'] ? new Date(user['last-login'] * 1000).toLocaleString() : 'Never'} |
+
+ ${user.active ?
+ `` :
+ ``
+ }
+ |
+
+ `).join('')}
+
+
+
+ `;
+
+ document.body.appendChild(container);
+ }
+
+ function hideUsersTable() {
+ const userManagement = document.querySelector('.user-management');
+ if (userManagement) {
+ userManagement.remove();
+ }
+ }
+
+ async function updateUserRole(userId, newRole) {
+ try {
+ const formData = new FormData();
+ formData.append('role', newRole);
+
+ const response = await fetch(`/asteroid/api/users/${userId}/role`, {
+ method: 'POST',
+ body: formData
+ });
+
+ const result = await response.json();
+
+ if (result.status === 'success') {
+ loadUserStats();
+ alert('User role updated successfully');
+ } else {
+ alert('Error updating user role: ' + result.message);
+ }
+ } catch (error) {
+ console.error('Error updating user role:', error);
+ alert('Error updating user role. Please try again.');
+ }
+ }
+
+ async function deactivateUser(userId) {
+ if (!confirm('Are you sure you want to deactivate this user?')) {
+ return;
+ }
+
+ try {
+ const response = await fetch(`/asteroid/api/users/${userId}/deactivate`, {
+ method: 'POST'
+ });
+
+ const result = await response.json();
+
+ if (result.status === 'success') {
+ loadUsers();
+ loadUserStats();
+ alert('User deactivated successfully');
+ } else {
+ alert('Error deactivating user: ' + result.message);
+ }
+ } catch (error) {
+ console.error('Error deactivating user:', error);
+ alert('Error deactivating user. Please try again.');
+ }
+ }
+
+ function showCreateUser() {
+ window.location.href = '/asteroid/register';
+ }
+
+ // Load user stats on page load
+ loadUserStats();
+
// Update player status every 5 seconds
setInterval(updatePlayerStatus, 5000);
+
+ // Update user stats every 30 seconds
+ setInterval(loadUserStats, 30000);