RBAC and Doc updates
This commit is contained in:
@@ -19,14 +19,15 @@
|
||||
</h1>
|
||||
<div class="auth-section">
|
||||
<div class="auth-controls" id="authControls">
|
||||
<input type="password" id="apiToken" placeholder="Enter API Token" class="token-input">
|
||||
<input type="text" id="username" placeholder="Username" class="token-input">
|
||||
<input type="password" id="password" placeholder="Password" class="token-input">
|
||||
<button class="btn btn-primary" id="loginBtn">Login</button>
|
||||
</div>
|
||||
<div class="user-info" id="userInfo" style="display: none;">
|
||||
<span class="status-indicator">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
Connected
|
||||
</span>
|
||||
<div class="user-details">
|
||||
<span class="user-name" id="currentUsername">User</span>
|
||||
<span class="user-role" id="currentUserRole">role</span>
|
||||
</div>
|
||||
<button class="btn btn-secondary" id="logoutBtn">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -38,7 +39,7 @@
|
||||
<main class="main-content" id="mainContent" style="display: none;">
|
||||
<div class="container">
|
||||
<!-- Navigation Tabs -->
|
||||
<nav class="tab-nav">
|
||||
<nav class="tab-nav" id="tabNav">
|
||||
<button class="tab-btn active" data-tab="lists">
|
||||
<i class="fas fa-list"></i>
|
||||
Mailing Lists
|
||||
@@ -47,6 +48,10 @@
|
||||
<i class="fas fa-users"></i>
|
||||
Members
|
||||
</button>
|
||||
<button class="tab-btn" data-tab="users" id="usersTab" style="display: none;">
|
||||
<i class="fas fa-user-shield"></i>
|
||||
Users
|
||||
</button>
|
||||
</nav>
|
||||
|
||||
<!-- Notification Area -->
|
||||
@@ -126,6 +131,35 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Users Tab (Admin Only) -->
|
||||
<div class="tab-content" id="users-tab">
|
||||
<div class="section-header">
|
||||
<h2>User Management</h2>
|
||||
<button class="btn btn-primary" id="addUserBtn">
|
||||
<i class="fas fa-plus"></i>
|
||||
Add User
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="data-table">
|
||||
<table class="table" id="usersTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Username</th>
|
||||
<th>Role</th>
|
||||
<th>Created</th>
|
||||
<th>Last Login</th>
|
||||
<th>Status</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="usersTableBody">
|
||||
<!-- Dynamic content -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
@@ -462,6 +496,51 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add/Edit User Modal -->
|
||||
<div class="modal" id="userModal">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h3 id="userModalTitle">Add User</h3>
|
||||
<button class="modal-close" id="userModalClose">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<form id="userForm">
|
||||
<div class="form-group">
|
||||
<label for="userName">Username *</label>
|
||||
<input type="text" id="userName" name="userName" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="userPassword">Password *</label>
|
||||
<input type="password" id="userPassword" name="userPassword" required>
|
||||
<div class="form-help" id="passwordHelp">
|
||||
Leave blank to keep current password (when editing)
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="userRole">Role *</label>
|
||||
<select id="userRole" name="userRole" required>
|
||||
<option value="">Select a role...</option>
|
||||
<option value="administrator">Administrator - Full access including user management</option>
|
||||
<option value="operator">Operator - Read/write access to lists and members</option>
|
||||
<option value="read-only">Read-Only - View-only access</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" id="userActive" name="userActive" checked>
|
||||
<span class="checkmark"></span>
|
||||
Active
|
||||
</label>
|
||||
</div>
|
||||
<div class="modal-actions">
|
||||
<button type="button" class="btn btn-secondary" id="userCancelBtn">Cancel</button>
|
||||
<button type="submit" class="btn btn-primary" id="userSubmitBtn">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Confirmation Modal -->
|
||||
<div class="modal" id="confirmModal">
|
||||
<div class="modal-content">
|
||||
|
||||
Reference in New Issue
Block a user