Spaces:

Legal-Assistant
/

LawBot

Running

App Files Files Community

Vishwanath77 commited on 24 days ago

Commit

7e698ac

verified ·

1 Parent(s): d5508ff

Upload admin_users.html

Browse files

Files changed (1) hide show

src/apps/templates/admin_users.html +57 -16

src/apps/templates/admin_users.html CHANGED Viewed

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -17,39 +18,71 @@
             box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
             border: 1px solid rgba(255, 255, 255, 0.1);
         }
-        h2 { text-align: center; margin-bottom: 2rem; font-size: 2rem; color: #9b87f5; }
         .table-wrapper {
             overflow-x: auto;
         }
         table {
             width: 100%;
             border-collapse: collapse;
             margin-top: 1rem;
             color: white;
         }
-        th, td {
             padding: 1.25rem;
             text-align: left;
             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         }
-        th {
-            background: rgba(155, 135, 245, 0.2);
             color: #D6BCFA;
             font-weight: 600;
             text-transform: uppercase;
             font-size: 0.85rem;
             letter-spacing: 0.05em;
         }
-        tr:hover { background: rgba(255, 255, 255, 0.03); }
         .badge {
             padding: 0.35rem 0.75rem;
             border-radius: 9999px;
             font-size: 0.75rem;
             font-weight: 500;
         }
-        .badge-Admin { background: rgba(239, 68, 68, 0.2); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.2); }
-        .badge-User { background: rgba(59, 130, 246, 0.2); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.2); }
-        .loading { text-align: center; font-style: italic; padding: 2rem; color: #a1a1aa; }
         .back-btn {
             display: inline-block;
             margin-bottom: 1rem;
@@ -57,9 +90,13 @@
             text-decoration: none;
             font-size: 0.9rem;
         }
-        .back-btn:hover { text-decoration: underline; }
     </style>
 </head>
 <body class="dark" style="background-color: #030303;">
     <div class="admin-container">
         <a href="/" class="back-btn">← Back to Dashboard</a>
@@ -74,12 +111,15 @@
             try {
                 const response = await fetch('/api/admin/users');
                 if (!response.ok) {
-                    if (response.status === 403) throw new Error('Access denied: Admin only');
-                    if (response.status === 401) throw new Error('Not logged in');
                     throw new Error('Failed to fetch data');
                 }
                 const users = await response.json();
                 let html = `
                     <table>
                         <thead>
@@ -94,7 +134,7 @@
                         </thead>
                         <tbody>
                 `;
                 users.forEach(user => {
                     const badgeClass = user.role === 'Admin' ? 'badge-Admin' : 'badge-User';
                     html += `
@@ -108,15 +148,16 @@
                         </tr>
                     `;
                 });
                 html += `</tbody></table>`;
                 document.getElementById('usersList').innerHTML = users.length > 0 ? html : '<p style="text-align:center; padding: 2rem;">No users found.</p>';
             } catch (err) {
                 document.getElementById('usersList').innerHTML = `<div style="text-align:center; padding: 2rem;"><p style="color:#ef4444; margin-bottom: 0.5rem;">🚨 Error: ${err.message}</p><a href="/login?role=Admin" style="color:#9b87f5; text-decoration:none;">Login as Admin</a></div>`;
             }
         }
         fetchUsers();
     </script>
 </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
             box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
             border: 1px solid rgba(255, 255, 255, 0.1);
         }
+        h2 {
+            text-align: center;
+            margin-bottom: 2rem;
+            font-size: 2rem;
+            color: #9b87f5;
+        }
         .table-wrapper {
             overflow-x: auto;
         }
         table {
             width: 100%;
             border-collapse: collapse;
             margin-top: 1rem;
             color: white;
         }
+        th,
+        td {
             padding: 1.25rem;
             text-align: left;
             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         }
+        th {
+            background: rgba(155, 135, 245, 0.2);
             color: #D6BCFA;
             font-weight: 600;
             text-transform: uppercase;
             font-size: 0.85rem;
             letter-spacing: 0.05em;
         }
+        tr:hover {
+            background: rgba(255, 255, 255, 0.03);
+        }
         .badge {
             padding: 0.35rem 0.75rem;
             border-radius: 9999px;
             font-size: 0.75rem;
             font-weight: 500;
         }
+        .badge-Admin {
+            background: rgba(239, 68, 68, 0.2);
+            color: #f87171;
+            border: 1px solid rgba(239, 68, 68, 0.2);
+        }
+        .badge-User {
+            background: rgba(59, 130, 246, 0.2);
+            color: #60a5fa;
+            border: 1px solid rgba(59, 130, 246, 0.2);
+        }
+        .loading {
+            text-align: center;
+            font-style: italic;
+            padding: 2rem;
+            color: #a1a1aa;
+        }
         .back-btn {
             display: inline-block;
             margin-bottom: 1rem;
             text-decoration: none;
             font-size: 0.9rem;
         }
+        .back-btn:hover {
+            text-decoration: underline;
+        }
     </style>
 </head>
 <body class="dark" style="background-color: #030303;">
     <div class="admin-container">
         <a href="/" class="back-btn">← Back to Dashboard</a>
             try {
                 const response = await fetch('/api/admin/users');
                 if (!response.ok) {
+                    if (response.status === 403 || response.status === 401) {
+                        // For safety, immediately transfer unauthenticated users to the secure login portal
+                        window.location.href = '/login?role=Admin';
+                        return;
+                    }
                     throw new Error('Failed to fetch data');
                 }
                 const users = await response.json();
                 let html = `
                     <table>
                         <thead>
                         </thead>
                         <tbody>
                 `;
                 users.forEach(user => {
                     const badgeClass = user.role === 'Admin' ? 'badge-Admin' : 'badge-User';
                     html += `
                         </tr>
                     `;
                 });
                 html += `</tbody></table>`;
                 document.getElementById('usersList').innerHTML = users.length > 0 ? html : '<p style="text-align:center; padding: 2rem;">No users found.</p>';
             } catch (err) {
                 document.getElementById('usersList').innerHTML = `<div style="text-align:center; padding: 2rem;"><p style="color:#ef4444; margin-bottom: 0.5rem;">🚨 Error: ${err.message}</p><a href="/login?role=Admin" style="color:#9b87f5; text-decoration:none;">Login as Admin</a></div>`;
             }
         }
         fetchUsers();
     </script>
 </body>
+</html>