992db11d2b
* iam: add Group message to protobuf schema Add Group message (name, members, policy_names, disabled) and add groups field to S3ApiConfiguration for IAM group management support (issue #7742). * iam: add group CRUD to CredentialStore interface and all backends Add group management methods (CreateGroup, GetGroup, DeleteGroup, ListGroups, UpdateGroup) to the CredentialStore interface with implementations for memory, filer_etc, postgres, and grpc stores. Wire group loading/saving into filer_etc LoadConfiguration and SaveConfiguration. * iam: add group IAM response types Add XML response types for group management IAM actions: CreateGroup, DeleteGroup, GetGroup, ListGroups, AddUserToGroup, RemoveUserFromGroup, AttachGroupPolicy, DetachGroupPolicy, ListAttachedGroupPolicies, ListGroupsForUser. * iam: add group management handlers to embedded IAM API Add CreateGroup, DeleteGroup, GetGroup, ListGroups, AddUserToGroup, RemoveUserFromGroup, AttachGroupPolicy, DetachGroupPolicy, ListAttachedGroupPolicies, and ListGroupsForUser handlers with dispatch in ExecuteAction. * iam: add group management handlers to standalone IAM API Add group handlers (CreateGroup, DeleteGroup, GetGroup, ListGroups, AddUserToGroup, RemoveUserFromGroup, AttachGroupPolicy, DetachGroupPolicy, ListAttachedGroupPolicies, ListGroupsForUser) and wire into DoActions dispatch. Also add helper functions for user/policy side effects. * iam: integrate group policies into authorization Add groups and userGroups reverse index to IdentityAccessManagement. Populate both maps during ReplaceS3ApiConfiguration and MergeS3ApiConfiguration. Modify evaluateIAMPolicies to evaluate policies from user's enabled groups in addition to user policies. Update VerifyActionPermission to consider group policies when checking hasAttachedPolicies. * iam: add group side effects on user deletion and rename When a user is deleted, remove them from all groups they belong to. When a user is renamed, update group membership references. Applied to both embedded and standalone IAM handlers. * iam: watch /etc/iam/groups directory for config changes Add groups directory to the filer subscription watcher so group file changes trigger IAM configuration reloads. * admin: add group management page to admin UI Add groups page with CRUD operations, member management, policy attachment, and enable/disable toggle. Register routes in admin handlers and add Groups entry to sidebar navigation. * test: add IAM group management integration tests Add comprehensive integration tests for group CRUD, membership, policy attachment, policy enforcement, disabled group behavior, user deletion side effects, and multi-group membership. Add "group" test type to CI matrix in s3-iam-tests workflow. * iam: address PR review comments for group management - Fix XSS vulnerability in groups.templ: replace innerHTML string concatenation with DOM APIs (createElement/textContent) for rendering member and policy lists - Use userGroups reverse index in embedded IAM ListGroupsForUser for O(1) lookup instead of iterating all groups - Add buildUserGroupsIndex helper in standalone IAM handlers; use it in ListGroupsForUser and removeUserFromAllGroups for efficient lookup - Add note about gRPC store load-modify-save race condition limitation * iam: add defensive copies, validation, and XSS fixes for group management - Memory store: clone groups on store/retrieve to prevent mutation - Admin dash: deep copy groups before mutation, validate user/policy exists - HTTP handlers: translate credential errors to proper HTTP status codes, use *bool for Enabled field to distinguish missing vs false - Groups templ: use data attributes + event delegation instead of inline onclick for XSS safety, prevent stale async responses * iam: add explicit group methods to PropagatingCredentialStore Add CreateGroup, GetGroup, DeleteGroup, ListGroups, and UpdateGroup methods instead of relying on embedded interface fallthrough. Group changes propagate via filer subscription so no RPC propagation needed. * iam: detect postgres unique constraint violation and add groups index Return ErrGroupAlreadyExists when INSERT hits SQLState 23505 instead of a generic error. Add index on groups(disabled) for filtered queries. * iam: add Marker field to group list response types Add Marker string field to GetGroupResult, ListGroupsResult, ListAttachedGroupPoliciesResult, and ListGroupsForUserResult to match AWS IAM pagination response format. * iam: check group attachment before policy deletion Reject DeletePolicy if the policy is attached to any group, matching AWS IAM behavior. Add PolicyArn to ListAttachedGroupPolicies response. * iam: include group policies in IAM authorization Merge policy names from user's enabled groups into the IAMIdentity used for authorization, so group-attached policies are evaluated alongside user-attached policies. * iam: check for name collision before renaming user in UpdateUser Scan identities and inline policies for newUserName before mutating, returning EntityAlreadyExists if a collision is found. Reuse the already-loaded policies instead of loading them again inside the loop. * test: use t.Cleanup for bucket cleanup in group policy test * iam: wrap ErrUserNotInGroup sentinel in RemoveGroupMember error Wrap credential.ErrUserNotInGroup so errors.Is works in groupErrorToHTTPStatus, returning proper 400 instead of 500. * admin: regenerate groups_templ.go with XSS-safe data attributes Regenerated from groups.templ which uses data-group-name attributes instead of inline onclick with string interpolation. * iam: add input validation and persist groups during migration - Validate nil/empty group name in CreateGroup and UpdateGroup - Save groups in migrateToMultiFile so they survive legacy migration * admin: use groupErrorToHTTPStatus in GetGroupMembers and GetGroupPolicies * iam: short-circuit UpdateUser when newUserName equals current name * iam: require empty PolicyNames before group deletion Reject DeleteGroup when group has attached policies, matching the existing members check. Also fix GetGroup error handling in DeletePolicy to only skip ErrGroupNotFound, not all errors. * ci: add weed/pb/** to S3 IAM test trigger paths * test: replace time.Sleep with require.Eventually for propagation waits Use polling with timeout instead of fixed sleeps to reduce flakiness in integration tests waiting for IAM policy propagation. * fix: use credentialManager.GetPolicy for AttachGroupPolicy validation Policies created via CreatePolicy through credentialManager are stored in the credential store, not in s3cfg.Policies (which only has static config policies). Change AttachGroupPolicy to use credentialManager.GetPolicy() for policy existence validation. * feat: add UpdateGroup handler to embedded IAM API Add UpdateGroup action to enable/disable groups and rename groups via the IAM API. This is a SeaweedFS extension (not in AWS SDK) used by tests to toggle group disabled status. * fix: authenticate raw IAM API calls in group tests The embedded IAM endpoint rejects anonymous requests. Replace callIAMAPI with callIAMAPIAuthenticated that uses JWT bearer token authentication via the test framework. * feat: add UpdateGroup handler to standalone IAM API Mirror the embedded IAM UpdateGroup handler in the standalone IAM API for parity. * fix: add omitempty to Marker XML tags in group responses Non-truncated responses should not emit an empty <Marker/> element. * fix: distinguish backend errors from missing policies in AttachGroupPolicy Return ServiceFailure for credential manager errors instead of masking them as NoSuchEntity. Also switch ListGroupsForUser to use s3cfg.Groups instead of in-memory reverse index to avoid stale data. Add duplicate name check to UpdateGroup rename. * fix: standalone IAM AttachGroupPolicy uses persisted policy store Check managed policies from GetPolicies() instead of s3cfg.Policies so dynamically created policies are found. Also add duplicate name check to UpdateGroup rename. * fix: rollback inline policies on UpdateUser PutPolicies failure If PutPolicies fails after moving inline policies to the new username, restore both the identity name and the inline policies map to their original state to avoid a partial-write window. * fix: correct test cleanup ordering for group tests Replace scattered defers with single ordered t.Cleanup in each test to ensure resources are torn down in reverse-creation order: remove membership, detach policies, delete access keys, delete users, delete groups, delete policies. Move bucket cleanup to parent test scope and delete objects before bucket. * fix: move identity nil check before map lookup and refine hasAttachedPolicies Move the nil check on identity before accessing identity.Name to prevent panic. Also refine hasAttachedPolicies to only consider groups that are enabled and have actual policies attached, so membership in a no-policy group doesn't incorrectly trigger IAM authorization. * fix: fail group reload on unreadable or corrupt group files Return errors instead of logging and continuing when group files cannot be read or unmarshaled. This prevents silently applying a partial IAM config with missing group memberships or policies. * fix: use errors.Is for sql.ErrNoRows comparison in postgres group store * docs: explain why group methods skip propagateChange Group changes propagate to S3 servers via filer subscription (watching /etc/iam/groups/) rather than gRPC RPCs, since there are no group-specific RPCs in the S3 cache protocol. * fix: remove unused policyNameFromArn and strings import * fix: update service account ParentUser on user rename When renaming a user via UpdateUser, also update ParentUser references in service accounts to prevent them from becoming orphaned after the next configuration reload. * fix: wrap DetachGroupPolicy error with ErrPolicyNotAttached sentinel Use credential.ErrPolicyNotAttached so groupErrorToHTTPStatus maps it to 400 instead of falling back to 500. * fix: use admin S3 client for bucket cleanup in enforcement test The user S3 client may lack permissions by cleanup time since the user is removed from the group in an earlier subtest. Use the admin S3 client to ensure bucket and object cleanup always succeeds. * fix: add nil guard for group param in propagating store log calls Prevent potential nil dereference when logging group.Name in CreateGroup and UpdateGroup of PropagatingCredentialStore. * fix: validate Disabled field in UpdateGroup handlers Reject values other than "true" or "false" with InvalidInputException instead of silently treating them as false. * fix: seed mergedGroups from existing groups in MergeS3ApiConfiguration Previously the merge started with empty group maps, dropping any static-file groups. Now seeds from existing iam.groups before overlaying dynamic config, and builds the reverse index after merging to avoid stale entries from overridden groups. * fix: use errors.Is for filer_pb.ErrNotFound comparison in group loading Replace direct equality (==) with errors.Is() to correctly match wrapped errors, consistent with the rest of the codebase. * fix: add ErrUserNotFound and ErrPolicyNotFound to groupErrorToHTTPStatus Map these sentinel errors to 404 so AddGroupMember and AttachGroupPolicy return proper HTTP status codes. * fix: log cleanup errors in group integration tests Replace fire-and-forget cleanup calls with error-checked versions that log failures via t.Logf for debugging visibility. * fix: prevent duplicate group test runs in CI matrix The basic lane's -run "TestIAM" regex also matched TestIAMGroup* tests, causing them to run in both the basic and group lanes. Replace with explicit test function names. * fix: add GIN index on groups.members JSONB for membership lookups Without this index, ListGroupsForUser and membership queries require full table scans on the groups table. * fix: handle cross-directory moves in IAM config subscription When a file is moved out of an IAM directory (e.g., /etc/iam/groups), the dir variable was overwritten with NewParentPath, causing the source directory change to be missed. Now also notifies handlers about the source directory for cross-directory moves. * fix: validate members/policies before deleting group in admin handler AdminServer.DeleteGroup now checks for attached members and policies before delegating to credentialManager, matching the IAM handler guards. * fix: merge groups by name instead of blind append during filer load Match the identity loader's merge behavior: find existing group by name and replace, only append when no match exists. Prevents duplicates when legacy and multi-file configs overlap. * fix: check DeleteEntry response error when cleaning obsolete group files Capture and log resp.Error from filer DeleteEntry calls during group file cleanup, matching the pattern used in deleteGroupFile. * fix: verify source user exists before no-op check in UpdateUser Reorder UpdateUser to find the source identity first and return NoSuchEntityException if not found, before checking if the rename is a no-op. Previously a non-existent user renamed to itself would incorrectly return success. * fix: update service account parent refs on user rename in embedded IAM The embedded IAM UpdateUser handler updated group membership but not service account ParentUser fields, unlike the standalone handler. * fix: replay source-side events for all handlers on cross-dir moves Pass nil newEntry to bucket, IAM, and circuit-breaker handlers for the source directory during cross-directory moves, so all watchers can clear caches for the moved-away resource. * fix: don't seed mergedGroups from existing iam.groups in merge Groups are always dynamic (from filer), never static (from s3.config). Seeding from iam.groups caused stale deleted groups to persist. Now only uses config.Groups from the dynamic filer config. * fix: add deferred user cleanup in TestIAMGroupUserDeletionSideEffect Register t.Cleanup for the created user so it gets cleaned up even if the test fails before the inline DeleteUser call. * fix: assert UpdateGroup HTTP status in disabled group tests Add require.Equal checks for 200 status after UpdateGroup calls so the test fails immediately on API errors rather than relying on the subsequent Eventually timeout. * fix: trim whitespace from group name in filer store operations Trim leading/trailing whitespace from group.Name before validation in CreateGroup and UpdateGroup to prevent whitespace-only filenames. Also merge groups by name during multi-file load to prevent duplicates. * fix: add nil/empty group validation in gRPC store Guard CreateGroup and UpdateGroup against nil group or empty name to prevent panics and invalid persistence. * fix: add nil/empty group validation in postgres store Guard CreateGroup and UpdateGroup against nil group or empty name to prevent panics from nil member access and empty-name row inserts. * fix: add name collision check in embedded IAM UpdateUser The embedded IAM handler renamed users without checking if the target name already existed, unlike the standalone handler. * fix: add ErrGroupNotEmpty sentinel and map to HTTP 409 AdminServer.DeleteGroup now wraps conflict errors with ErrGroupNotEmpty, and groupErrorToHTTPStatus maps it to 409 Conflict instead of 500. * fix: use appropriate error message in GetGroupDetails based on status Return "Group not found" only for 404, use "Failed to retrieve group" for other error statuses instead of always saying "Group not found". * fix: use backend-normalized group.Name in CreateGroup response After credentialManager.CreateGroup may normalize the name (e.g., trim whitespace), use group.Name instead of the raw input for the returned GroupData to ensure consistency. * fix: add nil/empty group validation in memory store Guard CreateGroup and UpdateGroup against nil group or empty name to prevent panics from nil pointer dereference on map access. * fix: reorder embedded IAM UpdateUser to verify source first Find the source identity before checking for collisions, matching the standalone handler's logic. Previously a non-existent user renamed to an existing name would get EntityAlreadyExists instead of NoSuchEntity. * fix: handle same-directory renames in metadata subscription Replay a delete event for the old entry name during same-directory renames so handlers like onBucketMetadataChange can clean up stale state for the old name. * fix: abort GetGroups on non-ErrGroupNotFound errors Only skip groups that return ErrGroupNotFound. Other errors (e.g., transient backend failures) now abort the handler and return the error to the caller instead of silently producing partial results. * fix: add aria-label and title to icon-only group action buttons Add accessible labels to View and Delete buttons so screen readers and tooltips provide meaningful context. * fix: validate group name in saveGroup to prevent invalid filenames Trim whitespace and reject empty names before writing group JSON files, preventing creation of files like ".json". * fix: add /etc/iam/groups to filer subscription watched directories The groups directory was missing from the watched directories list, so S3 servers in a cluster would not detect group changes made by other servers via filer. The onIamConfigChange handler already had code to handle group directory changes but it was never triggered. * add direct gRPC propagation for group changes to S3 servers Groups now have the same dual propagation as identities and policies: direct gRPC push via propagateChange + async filer subscription. - Add PutGroup/RemoveGroup proto messages and RPCs - Add PutGroup/RemoveGroup in-memory cache methods on IAM - Add PutGroup/RemoveGroup gRPC server handlers - Update PropagatingCredentialStore to call propagateChange on group mutations * reduce log verbosity for config load summary Change ReplaceS3ApiConfiguration log from Infof to V(1).Infof to avoid noisy output on every config reload. * admin: show user groups in view and edit user modals - Add Groups field to UserDetails and populate from credential manager - Show groups as badges in user details view modal - Add group management to edit user modal: display current groups, add to group via dropdown, remove from group via badge x button * fix: remove duplicate showAlert that broke modal-alerts.js admin.js defined showAlert(type, message) which overwrote the modal-alerts.js version showAlert(message, type), causing broken unstyled alert boxes. Remove the duplicate and swap all callers in admin.js to use the correct (message, type) argument order. * fix: unwrap groups API response in edit user modal The /api/groups endpoint returns {"groups": [...]}, not a bare array. * Update object_store_users_templ.go * test: assert AccessDenied error code in group denial tests Replace plain assert.Error checks with awserr.Error type assertion and AccessDenied code verification, matching the pattern used in other IAM integration tests. * fix: propagate GetGroups errors in ShowGroups handler getGroupsPageData was swallowing errors and returning an empty page with 200 status. Now returns the error so ShowGroups can respond with a proper error status. * fix: reject AttachGroupPolicy when credential manager is nil Previously skipped policy existence validation when credentialManager was nil, allowing attachment of nonexistent policies. Now returns a ServiceFailureException error. * fix: preserve groups during partial MergeS3ApiConfiguration updates UpsertIdentity calls MergeS3ApiConfiguration with a partial config containing only the updated identity (nil Groups). This was wiping all in-memory group state. Now only replaces groups when config.Groups is non-nil (full config reload). * fix: propagate errors from group lookup in GetObjectStoreUserDetails ListGroups and GetGroup errors were silently ignored, potentially showing incomplete group data in the UI. * fix: use DOM APIs for group badge remove button to prevent XSS Replace innerHTML with onclick string interpolation with DOM createElement + addEventListener pattern. Also add aria-label and title to the add-to-group button. * fix: snapshot group policies under RLock to prevent concurrent map access evaluateIAMPolicies was copying the map reference via groupMap := iam.groups under RLock then iterating after RUnlock, while PutGroup mutates the map in-place. Now copies the needed policy names into a slice while holding the lock. * fix: add nil IAM check to PutGroup and RemoveGroup gRPC handlers Match the nil guard pattern used by PutPolicy/DeletePolicy to prevent nil pointer dereference when IAM is not initialized.
1434 lines
71 KiB
Plaintext
1434 lines
71 KiB
Plaintext
package app
|
|
|
|
import (
|
|
"fmt"
|
|
"github.com/seaweedfs/seaweedfs/weed/admin/dash"
|
|
)
|
|
|
|
templ ObjectStoreUsers(data dash.ObjectStoreUsersData) {
|
|
<div class="container-fluid">
|
|
<!-- Page Header -->
|
|
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
|
<div>
|
|
<h1 class="h3 mb-0 text-gray-800">
|
|
<i class="fas fa-users me-2"></i>Object Store Users
|
|
</h1>
|
|
<p class="mb-0 text-muted">Manage S3 API users and their access credentials</p>
|
|
</div>
|
|
<div class="d-flex gap-2">
|
|
<button type="button" class="btn btn-primary"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#createUserModal">
|
|
<i class="fas fa-plus me-1"></i>Create User
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Summary Cards -->
|
|
<div class="row mb-4">
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
|
|
Total Users
|
|
</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">
|
|
{fmt.Sprintf("%d", data.TotalUsers)}
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-users fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-success shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">
|
|
Total Users
|
|
</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">
|
|
{fmt.Sprintf("%d", len(data.Users))}
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-user-check fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-info shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
|
|
Last Updated
|
|
</div>
|
|
<div class="h6 mb-0 font-weight-bold text-gray-800">
|
|
{data.LastUpdated.Format("15:04")}
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-clock fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Users Table -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
|
|
<h6 class="m-0 font-weight-bold text-primary">
|
|
<i class="fas fa-users me-2"></i>Object Store Users
|
|
</h6>
|
|
<div class="dropdown no-arrow">
|
|
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
|
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in">
|
|
<div class="dropdown-header">Actions:</div>
|
|
<a class="dropdown-item" href="#" onclick="exportUsers()">
|
|
<i class="fas fa-download me-2"></i>Export List
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover" width="100%" cellspacing="0" id="usersTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Username</th>
|
|
<th>Email</th>
|
|
<th>Access Key</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
for _, user := range data.Users {
|
|
<tr>
|
|
<td>
|
|
<div class="d-flex align-items-center">
|
|
<i class="fas fa-user me-2 text-muted"></i>
|
|
<strong>{user.Username}</strong>
|
|
</div>
|
|
</td>
|
|
<td>{user.Email}</td>
|
|
<td>
|
|
<code class="text-muted">{user.AccessKey}</code>
|
|
</td>
|
|
<td>
|
|
<div class="btn-group btn-group-sm" role="group">
|
|
<button type="button" class="btn btn-outline-info"
|
|
data-action="show-user-details" data-username={ user.Username }>
|
|
<i class="fas fa-info-circle"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-outline-primary"
|
|
data-action="edit-user" data-username={ user.Username }>
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-outline-secondary"
|
|
data-action="manage-access-keys" data-username={ user.Username }>
|
|
<i class="fas fa-key"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-outline-danger"
|
|
data-action="delete-user" data-username={ user.Username }>
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
}
|
|
if len(data.Users) == 0 {
|
|
<tr>
|
|
<td colspan="4" class="text-center text-muted py-4">
|
|
<i class="fas fa-users fa-3x mb-3 text-muted"></i>
|
|
<div>
|
|
<h5>No users found</h5>
|
|
<p>Create your first object store user to get started.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Last Updated -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<small class="text-muted">
|
|
<i class="fas fa-clock me-1"></i>
|
|
Last updated: {data.LastUpdated.Format("2006-01-02 15:04:05")}
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Create User Modal -->
|
|
<div class="modal fade" id="createUserModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">
|
|
<i class="fas fa-user-plus me-2"></i>Create New User
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="createUserForm">
|
|
<div class="mb-3">
|
|
<label for="username" class="form-label">Username *</label>
|
|
<input type="text" class="form-control" id="username" name="username" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email</label>
|
|
<input type="email" class="form-control" id="email" name="email">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="actions" class="form-label">Permissions</label>
|
|
<select multiple class="form-control" id="actions" name="actions" size="10">
|
|
<option value="Admin">Admin (Full Access)</option>
|
|
<option value="Read">Read</option>
|
|
<option value="Write">Write</option>
|
|
<option value="List">List</option>
|
|
<option value="Tagging">Tagging</option>
|
|
<optgroup label="Object Lock Permissions">
|
|
<option value="BypassGovernanceRetention">Bypass Governance Retention</option>
|
|
<option value="GetObjectRetention">Get Object Retention</option>
|
|
<option value="PutObjectRetention">Put Object Retention</option>
|
|
<option value="GetObjectLegalHold">Get Object Legal Hold</option>
|
|
<option value="PutObjectLegalHold">Put Object Legal Hold</option>
|
|
<option value="GetBucketObjectLockConfiguration">Get Bucket Object Lock Configuration</option>
|
|
<option value="PutBucketObjectLockConfiguration">Put Bucket Object Lock Configuration</option>
|
|
</optgroup>
|
|
<optgroup label="S3 Tables Permissions">
|
|
<option value="S3TablesAdmin">S3 Tables Admin (Full Access)</option>
|
|
<option value="CreateTableBucket">Create Table Bucket</option>
|
|
<option value="GetTableBucket">Get Table Bucket</option>
|
|
<option value="ListTableBuckets">List Table Buckets</option>
|
|
<option value="DeleteTableBucket">Delete Table Bucket</option>
|
|
<option value="PutTableBucketPolicy">Put Table Bucket Policy</option>
|
|
<option value="GetTableBucketPolicy">Get Table Bucket Policy</option>
|
|
<option value="DeleteTableBucketPolicy">Delete Table Bucket Policy</option>
|
|
<option value="CreateNamespace">Create Namespace</option>
|
|
<option value="GetNamespace">Get Namespace</option>
|
|
<option value="ListNamespaces">List Namespaces</option>
|
|
<option value="DeleteNamespace">Delete Namespace</option>
|
|
<option value="CreateTable">Create Table</option>
|
|
<option value="GetTable">Get Table</option>
|
|
<option value="ListTables">List Tables</option>
|
|
<option value="DeleteTable">Delete Table</option>
|
|
<option value="PutTablePolicy">Put Table Policy</option>
|
|
<option value="GetTablePolicy">Get Table Policy</option>
|
|
<option value="DeleteTablePolicy">Delete Table Policy</option>
|
|
<option value="TagResource">Tag Resource</option>
|
|
<option value="ListTagsForResource">List Tags</option>
|
|
<option value="UntagResource">Untag Resource</option>
|
|
</optgroup>
|
|
</select>
|
|
<small class="form-text text-muted">Hold Ctrl/Cmd to select multiple permissions</small>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Bucket Scope</label>
|
|
<small class="form-text text-muted d-block mb-2">Apply selected permissions to specific buckets or all buckets</small>
|
|
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="radio" name="bucketScope" id="allBuckets" value="all" checked onchange="toggleBucketList()">
|
|
<label class="form-check-label" for="allBuckets">
|
|
All Buckets
|
|
</label>
|
|
</div>
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="radio" name="bucketScope" id="specificBuckets" value="specific" onchange="toggleBucketList()">
|
|
<label class="form-check-label" for="specificBuckets">
|
|
Specific Buckets
|
|
</label>
|
|
</div>
|
|
|
|
<div id="bucketSelectionList" class="mt-2" style="display: none;">
|
|
<select multiple class="form-select" id="selectedBuckets" size="5">
|
|
<!-- Options loaded dynamically -->
|
|
</select>
|
|
<small class="form-text text-muted">Hold Ctrl/Cmd to select multiple buckets</small>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="policies" class="form-label">Attached Policies</label>
|
|
<select multiple class="form-control" id="policies" name="policies" size="5">
|
|
<!-- Options loaded dynamically -->
|
|
</select>
|
|
<small class="form-text text-muted">Hold Ctrl/Cmd to select multiple policies</small>
|
|
</div>
|
|
<div class="mb-3 form-check">
|
|
<input type="checkbox" class="form-check-input" id="generateKey" name="generateKey" checked>
|
|
<label class="form-check-label" for="generateKey">
|
|
Generate access key automatically
|
|
</label>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-primary" onclick="handleCreateUser()">Create User</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit User Modal -->
|
|
<div class="modal fade" id="editUserModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">
|
|
<i class="fas fa-user-edit me-2"></i>Edit User
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="editUserForm">
|
|
<input type="hidden" id="editUsername" name="username">
|
|
<div class="mb-3">
|
|
<label for="editEmail" class="form-label">Email</label>
|
|
<input type="email" class="form-control" id="editEmail" name="email">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="editActions" class="form-label">Permissions</label>
|
|
<select multiple class="form-control" id="editActions" name="actions" size="10">
|
|
<option value="Admin">Admin (Full Access)</option>
|
|
<option value="Read">Read</option>
|
|
<option value="Write">Write</option>
|
|
<option value="List">List</option>
|
|
<option value="Tagging">Tagging</option>
|
|
<optgroup label="Object Lock Permissions">
|
|
<option value="BypassGovernanceRetention">Bypass Governance Retention</option>
|
|
<option value="GetObjectRetention">Get Object Retention</option>
|
|
<option value="PutObjectRetention">Put Object Retention</option>
|
|
<option value="GetObjectLegalHold">Get Object Legal Hold</option>
|
|
<option value="PutObjectLegalHold">Put Object Legal Hold</option>
|
|
<option value="GetBucketObjectLockConfiguration">Get Bucket Object Lock Configuration</option>
|
|
<option value="PutBucketObjectLockConfiguration">Put Bucket Object Lock Configuration</option>
|
|
</optgroup>
|
|
<optgroup label="S3 Tables Permissions">
|
|
<option value="S3TablesAdmin">S3 Tables Admin (Full Access)</option>
|
|
<option value="CreateTableBucket">Create Table Bucket</option>
|
|
<option value="GetTableBucket">Get Table Bucket</option>
|
|
<option value="ListTableBuckets">List Table Buckets</option>
|
|
<option value="DeleteTableBucket">Delete Table Bucket</option>
|
|
<option value="PutTableBucketPolicy">Put Table Bucket Policy</option>
|
|
<option value="GetTableBucketPolicy">Get Table Bucket Policy</option>
|
|
<option value="DeleteTableBucketPolicy">Delete Table Bucket Policy</option>
|
|
<option value="CreateNamespace">Create Namespace</option>
|
|
<option value="GetNamespace">Get Namespace</option>
|
|
<option value="ListNamespaces">List Namespaces</option>
|
|
<option value="DeleteNamespace">Delete Namespace</option>
|
|
<option value="CreateTable">Create Table</option>
|
|
<option value="GetTable">Get Table</option>
|
|
<option value="ListTables">List Tables</option>
|
|
<option value="DeleteTable">Delete Table</option>
|
|
<option value="PutTablePolicy">Put Table Policy</option>
|
|
<option value="GetTablePolicy">Get Table Policy</option>
|
|
<option value="DeleteTablePolicy">Delete Table Policy</option>
|
|
<option value="TagResource">Tag Resource</option>
|
|
<option value="ListTagsForResource">List Tags</option>
|
|
<option value="UntagResource">Untag Resource</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Bucket Scope</label>
|
|
<small class="form-text text-muted d-block mb-2">Apply selected permissions to specific buckets or all buckets</small>
|
|
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="radio" name="editBucketScope" id="editAllBuckets" value="all" checked onchange="toggleBucketList('edit')">
|
|
<label class="form-check-label" for="editAllBuckets">
|
|
All Buckets
|
|
</label>
|
|
</div>
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="radio" name="editBucketScope" id="editSpecificBuckets" value="specific" onchange="toggleBucketList('edit')">
|
|
<label class="form-check-label" for="editSpecificBuckets">
|
|
Specific Buckets
|
|
</label>
|
|
</div>
|
|
|
|
<div id="editBucketSelectionList" class="mt-2" style="display: none;">
|
|
<select multiple class="form-select" id="editSelectedBuckets" size="5">
|
|
<!-- Options loaded dynamically -->
|
|
</select>
|
|
<small class="form-text text-muted">Hold Ctrl/Cmd to select multiple buckets</small>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="editPolicies" class="form-label">Attached Policies</label>
|
|
<select multiple class="form-control" id="editPolicies" name="policies" size="5">
|
|
<!-- Options loaded dynamically -->
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Groups</label>
|
|
<div id="editUserGroups">
|
|
<!-- Groups loaded dynamically -->
|
|
</div>
|
|
<div class="input-group mt-2">
|
|
<select class="form-select" id="editGroupSelect">
|
|
<option value="">Add to group...</option>
|
|
</select>
|
|
<button class="btn btn-outline-primary" type="button" onclick="addUserToGroupFromEdit()"
|
|
aria-label="Add user to group" title="Add user to group">
|
|
<i class="fas fa-plus"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-primary" onclick="handleUpdateUser()">Update User</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- User Details Modal -->
|
|
<div class="modal fade" id="userDetailsModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">
|
|
<i class="fas fa-user me-2"></i>User Details
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body" id="userDetailsContent">
|
|
<!-- Content will be loaded dynamically -->
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Access Keys Management Modal -->
|
|
<div class="modal fade" id="accessKeysModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">
|
|
<i class="fas fa-key me-2"></i>Manage Access Keys
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h6>Access Keys for <span id="accessKeysUsername"></span></h6>
|
|
<button type="button" class="btn btn-primary btn-sm" onclick="createAccessKey()">
|
|
<i class="fas fa-plus me-1"></i>Create New Key
|
|
</button>
|
|
</div>
|
|
<div id="accessKeysContent">
|
|
<!-- Content will be loaded dynamically -->
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- JavaScript for user management -->
|
|
<script>
|
|
// Access key status constants
|
|
const STATUS_ACTIVE = 'Active';
|
|
const STATUS_INACTIVE = 'Inactive';
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
// Event delegation for user action buttons
|
|
document.addEventListener('click', function(e) {
|
|
const button = e.target.closest('[data-action]');
|
|
if (!button) return;
|
|
|
|
const action = button.getAttribute('data-action');
|
|
const username = button.getAttribute('data-username');
|
|
|
|
switch (action) {
|
|
case 'show-user-details':
|
|
showUserDetails(username);
|
|
break;
|
|
case 'edit-user':
|
|
editUser(username);
|
|
break;
|
|
case 'manage-access-keys':
|
|
manageAccessKeys(username);
|
|
break;
|
|
case 'delete-user':
|
|
deleteUser(username);
|
|
break;
|
|
}
|
|
});
|
|
|
|
// Event delegation for delete access key buttons
|
|
document.addEventListener('click', function(e) {
|
|
const deleteBtn = e.target.closest('.delete-access-key-btn');
|
|
if (deleteBtn) {
|
|
const username = deleteBtn.getAttribute('data-username');
|
|
const accessKey = deleteBtn.getAttribute('data-access-key');
|
|
deleteAccessKey(username, accessKey);
|
|
}
|
|
});
|
|
|
|
// Event delegation for access key status changes
|
|
document.addEventListener('change', function(e) {
|
|
const statusSelect = e.target.closest('.access-key-status-select');
|
|
if (statusSelect) {
|
|
const username = statusSelect.getAttribute('data-username');
|
|
const accessKey = statusSelect.getAttribute('data-access-key');
|
|
const newStatus = statusSelect.value;
|
|
updateAccessKeyStatus(username, accessKey, newStatus);
|
|
}
|
|
});
|
|
|
|
// Load policies for dropdowns
|
|
loadPolicies();
|
|
|
|
// Load buckets for bucket permissions
|
|
loadBuckets();
|
|
});
|
|
|
|
// Global variable to store available buckets
|
|
var availableBuckets = [];
|
|
var bucketPermissionCounter = 0;
|
|
const s3TablesPermissions = new Set([
|
|
'CreateTableBucket',
|
|
'GetTableBucket',
|
|
'ListTableBuckets',
|
|
'DeleteTableBucket',
|
|
'PutTableBucketPolicy',
|
|
'GetTableBucketPolicy',
|
|
'DeleteTableBucketPolicy',
|
|
'CreateNamespace',
|
|
'GetNamespace',
|
|
'ListNamespaces',
|
|
'DeleteNamespace',
|
|
'CreateTable',
|
|
'GetTable',
|
|
'ListTables',
|
|
'DeleteTable',
|
|
'PutTablePolicy',
|
|
'GetTablePolicy',
|
|
'DeleteTablePolicy',
|
|
'TagResource',
|
|
'ListTagsForResource',
|
|
'UntagResource'
|
|
]);
|
|
function isS3TablesPermission(permission) {
|
|
return permission === 'S3TablesAdmin' || s3TablesPermissions.has(permission);
|
|
}
|
|
|
|
// Load buckets
|
|
async function loadBuckets() {
|
|
try {
|
|
const response = await fetch('/api/s3/buckets');
|
|
if (response.ok) {
|
|
const data = await response.json();
|
|
availableBuckets = (data.buckets || []).map(bucket => ({ name: bucket.name, type: 's3' }));
|
|
console.log('Loaded', availableBuckets.length, 'buckets');
|
|
} else {
|
|
console.warn('Failed to load buckets');
|
|
availableBuckets = [];
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading buckets:', error);
|
|
availableBuckets = [];
|
|
}
|
|
try {
|
|
const response = await fetch('/api/s3tables/buckets');
|
|
if (response.ok) {
|
|
const data = await response.json();
|
|
const tableBuckets = (data.buckets || data.tableBuckets || []).map(bucket => ({ name: bucket.name, type: 's3tables' }));
|
|
availableBuckets = availableBuckets.concat(tableBuckets);
|
|
} else {
|
|
console.warn('Failed to load table buckets');
|
|
}
|
|
} catch (error) {
|
|
console.warn('Error loading table buckets:', error);
|
|
}
|
|
// Populate bucket selection dropdowns
|
|
populateBucketSelections();
|
|
}
|
|
|
|
// Load policies
|
|
async function loadPolicies() {
|
|
try {
|
|
const response = await fetch('/api/object-store/policies');
|
|
if (response.ok) {
|
|
const data = await response.json();
|
|
const policies = data.policies || [];
|
|
|
|
const createSelect = document.getElementById('policies');
|
|
const editSelect = document.getElementById('editPolicies');
|
|
|
|
// Check if elements exist
|
|
if (!createSelect || !editSelect) {
|
|
console.warn('Policy select elements not found');
|
|
return;
|
|
}
|
|
|
|
// Clear existing options
|
|
createSelect.innerHTML = '';
|
|
editSelect.innerHTML = '';
|
|
|
|
if (policies && policies.length > 0) {
|
|
policies.forEach(policy => {
|
|
const option = document.createElement('option');
|
|
option.value = policy.name;
|
|
option.textContent = policy.name;
|
|
createSelect.appendChild(option);
|
|
editSelect.appendChild(option.cloneNode(true));
|
|
});
|
|
} else {
|
|
const emptyOption = document.createElement('option');
|
|
emptyOption.disabled = true;
|
|
emptyOption.textContent = 'No policies available';
|
|
createSelect.appendChild(emptyOption);
|
|
editSelect.appendChild(emptyOption.cloneNode(true));
|
|
}
|
|
} else {
|
|
const error = await response.json().catch(() => ({}));
|
|
showAlert('Failed to load policies: ' + (error.error || 'Unknown error'), 'error');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading policies:', error);
|
|
showAlert('Failed to load policies: ' + error.message, 'error');
|
|
}
|
|
}
|
|
|
|
// Toggle bucket permission fields when Admin checkbox changes
|
|
function toggleBucketPermissionFields(mode) {
|
|
mode = mode || 'create';
|
|
const adminCheckbox = document.getElementById(mode === 'edit' ? 'editBucketAdmin' : 'bucketAdmin');
|
|
const permissionFields = document.getElementById(mode === 'edit' ? 'editBucketPermissionFields' : 'bucketPermissionFields');
|
|
|
|
if (adminCheckbox && permissionFields) {
|
|
permissionFields.style.display = adminCheckbox.checked ? 'none' : 'block';
|
|
}
|
|
}
|
|
|
|
// Toggle bucket list visibility when bucket scope changes
|
|
function toggleBucketList(mode) {
|
|
mode = mode || 'create';
|
|
const specificRadio = document.getElementById(mode === 'edit' ? 'editSpecificBuckets' : 'specificBuckets');
|
|
const bucketList = document.getElementById(mode === 'edit' ? 'editBucketSelectionList' : 'bucketSelectionList');
|
|
|
|
if (specificRadio && bucketList) {
|
|
bucketList.style.display = specificRadio.checked ? 'block' : 'none';
|
|
}
|
|
}
|
|
|
|
// Populate bucket selection dropdowns
|
|
function populateBucketSelections() {
|
|
const createSelect = document.getElementById('selectedBuckets');
|
|
const editSelect = document.getElementById('editSelectedBuckets');
|
|
|
|
[createSelect, editSelect].forEach(select => {
|
|
if (select) {
|
|
select.innerHTML = '';
|
|
availableBuckets.forEach(bucket => {
|
|
const option = document.createElement('option');
|
|
option.value = bucket.type + ':' + bucket.name;
|
|
option.textContent = bucket.type === 's3tables' ? `Table: ${bucket.name}` : bucket.name;
|
|
select.appendChild(option);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
// Parse bucket permissions from actions array for new UI
|
|
function parseBucketPermissions(actions) {
|
|
const result = {
|
|
isAdmin: false,
|
|
permissions: [],
|
|
applyToAll: false,
|
|
specificBuckets: []
|
|
};
|
|
|
|
// Check if user has Admin permission
|
|
if (actions.includes('Admin')) {
|
|
result.isAdmin = true;
|
|
return result;
|
|
}
|
|
|
|
// Separate bucket-scoped from global actions
|
|
const bucketActions = [];
|
|
const globalBucketPerms = [];
|
|
|
|
actions.forEach(action => {
|
|
if (action.startsWith('s3tables:')) {
|
|
const actionValue = action.slice('s3tables:'.length);
|
|
if (actionValue === '*') {
|
|
globalBucketPerms.push('S3TablesAdmin');
|
|
return;
|
|
}
|
|
const parts = actionValue.split(':');
|
|
const perm = parts[0];
|
|
const bucket = parts.length > 1 ? parts.slice(1).join(':').replace(/\/\*$/, '') : '';
|
|
if (bucket) {
|
|
bucketActions.push({ permission: perm, bucketId: 's3tables:' + bucket });
|
|
} else {
|
|
globalBucketPerms.push(perm);
|
|
}
|
|
} else if (action.includes(':')) {
|
|
const parts = action.split(':');
|
|
const perm = parts[0];
|
|
const bucket = parts.slice(1).join(':').replace(/\/\*$/, '');
|
|
bucketActions.push({ permission: perm, bucketId: 's3:' + bucket });
|
|
} else {
|
|
globalBucketPerms.push(action);
|
|
}
|
|
});
|
|
|
|
// If we have global bucket permissions (no colon), they apply to all buckets
|
|
if (globalBucketPerms.length > 0) {
|
|
result.permissions = globalBucketPerms;
|
|
result.applyToAll = true;
|
|
} else if (bucketActions.length > 0) {
|
|
// Get unique permissions and buckets
|
|
const perms = [...new Set(bucketActions.map(ba => ba.permission))];
|
|
const buckets = [...new Set(bucketActions.map(ba => ba.bucketId))];
|
|
|
|
result.permissions = perms;
|
|
result.applyToAll = false;
|
|
result.specificBuckets = buckets;
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
function parseBucketOptionValue(value) {
|
|
if (value.startsWith('s3tables:')) {
|
|
return { type: 's3tables', name: value.slice('s3tables:'.length) };
|
|
}
|
|
if (value.startsWith('s3:')) {
|
|
return { type: 's3', name: value.slice('s3:'.length) };
|
|
}
|
|
return { type: 's3', name: value };
|
|
}
|
|
|
|
// Build bucket permission action strings using original permissions dropdown
|
|
/**
|
|
* Builds bucket permission strings based on selected permissions and bucket scope.
|
|
* @param {string} mode - The operation mode, either 'create' or 'edit'.
|
|
* @returns {string[]|null} Array of permission strings (e.g., ['Read:bucket1']) or null if validation fails (specific scope selected but no buckets).
|
|
*/
|
|
function buildBucketPermissions(mode) {
|
|
mode = mode || 'create';
|
|
const selectId = mode === 'edit' ? 'editActions' : 'actions';
|
|
const permSelect = document.getElementById(selectId);
|
|
|
|
if (!permSelect) return [];
|
|
|
|
// Get selected permissions from the original multi-select
|
|
const selectedPerms = Array.from(permSelect.selectedOptions).map(opt => opt.value);
|
|
|
|
const hasAdmin = selectedPerms.includes('Admin');
|
|
const hasS3TablesAdmin = selectedPerms.includes('S3TablesAdmin');
|
|
|
|
if (selectedPerms.length === 0) {
|
|
return [];
|
|
}
|
|
|
|
// Check if applying to all buckets or specific ones
|
|
// Use querySelector to find the checked radio button by name group
|
|
const scopeName = mode === 'edit' ? 'editBucketScope' : 'bucketScope';
|
|
|
|
// Try multiple methods to find the checked radio
|
|
let checkedRadio = document.querySelector(`input[name="${scopeName}"]:checked`);
|
|
|
|
// Fallback: check both radio buttons explicitly
|
|
if (!checkedRadio) {
|
|
const allBucketsId = mode === 'edit' ? 'editAllBuckets' : 'allBuckets';
|
|
const specificBucketsId = mode === 'edit' ? 'editSpecificBuckets' : 'specificBuckets';
|
|
|
|
const allBucketsRadio = document.getElementById(allBucketsId);
|
|
const specificBucketsRadio = document.getElementById(specificBucketsId);
|
|
|
|
if (specificBucketsRadio && specificBucketsRadio.checked) {
|
|
checkedRadio = specificBucketsRadio;
|
|
} else if (allBucketsRadio && allBucketsRadio.checked) {
|
|
checkedRadio = allBucketsRadio;
|
|
}
|
|
}
|
|
|
|
// Default to 'all' if nothing is checked (shouldn't happen) or if 'all' is checked
|
|
const applyToAll = !checkedRadio || checkedRadio.value === 'all';
|
|
|
|
if (applyToAll) {
|
|
// Return global permissions (no bucket specification)
|
|
const actions = [];
|
|
if (hasAdmin) {
|
|
actions.push('Admin');
|
|
}
|
|
if (hasS3TablesAdmin) {
|
|
actions.push('s3tables:*');
|
|
}
|
|
selectedPerms.forEach(perm => {
|
|
if (perm === 'Admin' || perm === 'S3TablesAdmin') {
|
|
return;
|
|
}
|
|
if (isS3TablesPermission(perm)) {
|
|
actions.push('s3tables:' + perm);
|
|
} else {
|
|
actions.push(perm);
|
|
}
|
|
});
|
|
return actions;
|
|
} else {
|
|
// Get selected specific buckets
|
|
const bucketSelect = document.getElementById(mode === 'edit' ? 'editSelectedBuckets' : 'selectedBuckets');
|
|
if (!bucketSelect) return null;
|
|
|
|
const selectedBuckets = [...new Set(Array.from(bucketSelect.selectedOptions).map(opt => opt.value))];
|
|
|
|
// Return null to signal validation failure if no buckets selected
|
|
if (selectedBuckets.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
// Build bucket-scoped permissions
|
|
const actions = [];
|
|
if (hasAdmin) {
|
|
actions.push('Admin');
|
|
}
|
|
if (hasS3TablesAdmin) {
|
|
actions.push('s3tables:*');
|
|
}
|
|
selectedPerms.forEach(perm => {
|
|
if (perm === 'Admin' || perm === 'S3TablesAdmin') {
|
|
return;
|
|
}
|
|
selectedBuckets.forEach(bucket => {
|
|
const bucketInfo = parseBucketOptionValue(bucket);
|
|
if (isS3TablesPermission(perm)) {
|
|
if (bucketInfo.type === 's3tables') {
|
|
actions.push('s3tables:' + perm + ':' + bucketInfo.name);
|
|
}
|
|
} else if (bucketInfo.type === 's3') {
|
|
actions.push(perm + ':' + bucketInfo.name);
|
|
}
|
|
});
|
|
});
|
|
|
|
return [...new Set(actions)];
|
|
}
|
|
}
|
|
|
|
// Show user details modal
|
|
async function showUserDetails(username) {
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const response = await fetch(`/api/users/${encodedUsername}`);
|
|
if (response.ok) {
|
|
const user = await response.json();
|
|
document.getElementById('userDetailsContent').innerHTML = createUserDetailsContent(user);
|
|
const modal = new bootstrap.Modal(document.getElementById('userDetailsModal'));
|
|
modal.show();
|
|
} else {
|
|
showAlert('Failed to load user details', 'error');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading user details:', error);
|
|
showAlert('Failed to load user details', 'error');
|
|
}
|
|
}
|
|
|
|
// Edit user function
|
|
async function editUser(username) {
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const response = await fetch(`/api/users/${encodedUsername}`);
|
|
if (response.ok) {
|
|
const user = await response.json();
|
|
|
|
// Populate edit form
|
|
document.getElementById('editUsername').value = username;
|
|
document.getElementById('editEmail').value = user.email || '';
|
|
|
|
// Set selected actions
|
|
const actionsSelect = document.getElementById('editActions');
|
|
Array.from(actionsSelect.options).forEach(option => {
|
|
option.selected = user.actions && user.actions.includes(option.value);
|
|
});
|
|
|
|
// Set selected policies
|
|
const policiesSelect = document.getElementById('editPolicies');
|
|
if (policiesSelect) {
|
|
Array.from(policiesSelect.options).forEach(option => {
|
|
option.selected = user.policy_names && user.policy_names.includes(option.value);
|
|
});
|
|
}
|
|
|
|
// Populate bucket permissions using original permissions dropdown
|
|
if (user.actions && user.actions.length > 0) {
|
|
const bucketPerms = parseBucketPermissions(user.actions);
|
|
|
|
// Set permissions in the original multi-select
|
|
const actionsSelect = document.getElementById('editActions');
|
|
if (actionsSelect) {
|
|
Array.from(actionsSelect.options).forEach(option => {
|
|
if (bucketPerms.isAdmin && option.value === 'Admin') {
|
|
option.selected = true;
|
|
} else if (!bucketPerms.isAdmin && bucketPerms.permissions.includes(option.value)) {
|
|
option.selected = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
// Set bucket scope (all or specific)
|
|
const allBucketsRadio = document.getElementById('editAllBuckets');
|
|
const specificBucketsRadio = document.getElementById('editSpecificBuckets');
|
|
|
|
if (!bucketPerms.isAdmin) {
|
|
if (bucketPerms.applyToAll) {
|
|
if (allBucketsRadio) allBucketsRadio.checked = true;
|
|
} else if (bucketPerms.specificBuckets.length > 0) {
|
|
if (specificBucketsRadio) specificBucketsRadio.checked = true;
|
|
toggleBucketList('edit');
|
|
|
|
// Select specific buckets
|
|
const bucketSelect = document.getElementById('editSelectedBuckets');
|
|
if (bucketSelect) {
|
|
Array.from(bucketSelect.options).forEach(option => {
|
|
option.selected = bucketPerms.specificBuckets.includes(option.value);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Populate groups
|
|
await populateEditUserGroups(username);
|
|
|
|
// Show modal
|
|
const modal = new bootstrap.Modal(document.getElementById('editUserModal'));
|
|
modal.show();
|
|
} else {
|
|
showAlert('Failed to load user details', 'error');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading user:', error);
|
|
showAlert('Failed to load user details', 'error');
|
|
}
|
|
}
|
|
|
|
// Manage access keys function
|
|
async function manageAccessKeys(username) {
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const response = await fetch(`/api/users/${encodedUsername}`);
|
|
if (response.ok) {
|
|
const user = await response.json();
|
|
document.getElementById('accessKeysUsername').textContent = username;
|
|
document.getElementById('accessKeysContent').innerHTML = createAccessKeysContent(user);
|
|
const modal = new bootstrap.Modal(document.getElementById('accessKeysModal'));
|
|
modal.show();
|
|
} else {
|
|
showAlert('Failed to load access keys', 'error');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading access keys:', error);
|
|
showAlert('Failed to load access keys', 'error');
|
|
}
|
|
}
|
|
|
|
// Delete user function
|
|
async function deleteUser(username) {
|
|
showDeleteConfirm(username, async function() {
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const response = await fetch(`/api/users/${encodedUsername}`, {
|
|
method: 'DELETE'
|
|
});
|
|
|
|
if (response.ok) {
|
|
showSuccessMessage('User deleted successfully');
|
|
setTimeout(() => window.location.reload(), 1000);
|
|
} else {
|
|
const error = await response.json();
|
|
showErrorMessage('Failed to delete user: ' + (error.error || 'Unknown error'));
|
|
}
|
|
} catch (error) {
|
|
console.error('Error deleting user:', error);
|
|
showErrorMessage('Failed to delete user: ' + error.message);
|
|
}
|
|
}, 'Are you sure you want to delete this user? This action cannot be undone.');
|
|
}
|
|
|
|
// Handle create user form submission
|
|
async function handleCreateUser() {
|
|
const form = document.getElementById('createUserForm');
|
|
const formData = new FormData(form);
|
|
|
|
// Get permissions with bucket scope applied
|
|
const allActions = buildBucketPermissions('create');
|
|
|
|
if (allActions === null) {
|
|
showAlert('Please select at least one bucket when using specific bucket permissions', 'error');
|
|
return;
|
|
}
|
|
|
|
if (!allActions || allActions.length === 0) {
|
|
showAlert('At least one permission must be selected', 'error');
|
|
return;
|
|
}
|
|
|
|
const userData = {
|
|
username: formData.get('username'),
|
|
email: formData.get('email'),
|
|
actions: allActions,
|
|
policy_names: Array.from(document.getElementById('policies').selectedOptions).map(option => option.value),
|
|
generate_key: document.getElementById('generateKey').checked
|
|
};
|
|
|
|
try {
|
|
const response = await fetch('/api/users', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify(userData)
|
|
});
|
|
|
|
if (response.ok) {
|
|
const result = await response.json();
|
|
showSuccessMessage('User created successfully');
|
|
|
|
// Show the created access key if generated
|
|
if (result.user && result.user.access_key) {
|
|
showNewAccessKeyModal(result.user);
|
|
}
|
|
|
|
// Close modal and refresh page
|
|
const modal = bootstrap.Modal.getInstance(document.getElementById('createUserModal'));
|
|
modal.hide();
|
|
form.reset();
|
|
setTimeout(() => window.location.reload(), 1000);
|
|
} else {
|
|
const error = await response.json();
|
|
showAlert('Failed to create user: ' + (error.error || 'Unknown error'), 'error');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error creating user:', error);
|
|
showAlert('Failed to create user: ' + error.message, 'error');
|
|
}
|
|
}
|
|
|
|
|
|
// Populate groups in the edit user modal
|
|
async function populateEditUserGroups(username) {
|
|
const container = document.getElementById('editUserGroups');
|
|
const groupSelect = document.getElementById('editGroupSelect');
|
|
container.innerHTML = '';
|
|
groupSelect.innerHTML = '<option value="">Add to group...</option>';
|
|
|
|
try {
|
|
// Fetch all groups
|
|
const groupsResp = await fetch('/api/groups');
|
|
if (!groupsResp.ok) return;
|
|
const groupsData = await groupsResp.json();
|
|
const allGroups = groupsData.groups || [];
|
|
|
|
// Fetch user details to get current groups
|
|
const userResp = await fetch(`/api/users/${encodeURIComponent(username)}`);
|
|
if (!userResp.ok) return;
|
|
const user = await userResp.json();
|
|
const userGroups = user.groups || [];
|
|
|
|
// Show current group badges with remove button
|
|
if (userGroups.length > 0) {
|
|
userGroups.forEach(function(group) {
|
|
const badge = document.createElement('span');
|
|
badge.className = 'badge bg-primary me-1 mb-1';
|
|
badge.textContent = group + ' ';
|
|
const removeIcon = document.createElement('i');
|
|
removeIcon.className = 'fas fa-times ms-1';
|
|
removeIcon.style.cursor = 'pointer';
|
|
removeIcon.setAttribute('aria-label', 'Remove from group ' + group);
|
|
removeIcon.setAttribute('title', 'Remove from group');
|
|
removeIcon.addEventListener('click', function() {
|
|
removeUserFromGroupInEdit(group);
|
|
});
|
|
badge.appendChild(removeIcon);
|
|
container.appendChild(badge);
|
|
});
|
|
} else {
|
|
container.innerHTML = '<span class="text-muted">No groups</span>';
|
|
}
|
|
|
|
// Populate dropdown with groups the user is NOT in
|
|
allGroups.forEach(function(g) {
|
|
if (!userGroups.includes(g.name)) {
|
|
const opt = document.createElement('option');
|
|
opt.value = g.name;
|
|
opt.textContent = g.name;
|
|
groupSelect.appendChild(opt);
|
|
}
|
|
});
|
|
} catch (error) {
|
|
console.error('Error loading groups:', error);
|
|
}
|
|
}
|
|
|
|
// Add user to group from edit modal
|
|
async function addUserToGroupFromEdit() {
|
|
const username = document.getElementById('editUsername').value;
|
|
const groupSelect = document.getElementById('editGroupSelect');
|
|
const groupName = groupSelect.value;
|
|
if (!groupName) return;
|
|
|
|
try {
|
|
const response = await fetch(`/api/groups/${encodeURIComponent(groupName)}/members`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ username: username })
|
|
});
|
|
if (response.ok) {
|
|
await populateEditUserGroups(username);
|
|
} else {
|
|
const error = await response.json();
|
|
showAlert('Failed to add to group: ' + (error.error || 'Unknown error'), 'error');
|
|
}
|
|
} catch (error) {
|
|
showAlert('Failed to add to group: ' + error.message, 'error');
|
|
}
|
|
}
|
|
|
|
// Remove user from group in edit modal
|
|
async function removeUserFromGroupInEdit(groupName) {
|
|
const username = document.getElementById('editUsername').value;
|
|
try {
|
|
const response = await fetch(`/api/groups/${encodeURIComponent(groupName)}/members/${encodeURIComponent(username)}`, {
|
|
method: 'DELETE'
|
|
});
|
|
if (response.ok) {
|
|
await populateEditUserGroups(username);
|
|
} else {
|
|
const error = await response.json();
|
|
showAlert('Failed to remove from group: ' + (error.error || 'Unknown error'), 'error');
|
|
}
|
|
} catch (error) {
|
|
showAlert('Failed to remove from group: ' + error.message, 'error');
|
|
}
|
|
}
|
|
|
|
// Handle update user form submission
|
|
async function handleUpdateUser() {
|
|
const username = document.getElementById('editUsername').value;
|
|
if (!username) {
|
|
showAlert('Username is required', 'error');
|
|
return;
|
|
}
|
|
|
|
// Get permissions with bucket scope applied
|
|
const allActions = buildBucketPermissions('edit');
|
|
|
|
// Check for null (validation failure from buildBucketPermissions)
|
|
if (allActions === null) {
|
|
showAlert('Please select at least one bucket when using specific bucket permissions', 'error');
|
|
return;
|
|
}
|
|
|
|
// Validate that permissions are not empty
|
|
if (!allActions || allActions.length === 0) {
|
|
showAlert('At least one permission must be selected', 'error');
|
|
return;
|
|
}
|
|
|
|
const userData = {
|
|
email: document.getElementById('editEmail').value,
|
|
actions: allActions,
|
|
policy_names: Array.from(document.getElementById('editPolicies').selectedOptions).map(option => option.value)
|
|
};
|
|
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const response = await fetch(`/api/users/${encodedUsername}`, {
|
|
method: 'PUT',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify(userData)
|
|
});
|
|
|
|
if (response.ok) {
|
|
showSuccessMessage('User updated successfully');
|
|
|
|
// Close modal and refresh page
|
|
const modal = bootstrap.Modal.getInstance(document.getElementById('editUserModal'));
|
|
modal.hide();
|
|
setTimeout(() => window.location.reload(), 1000);
|
|
} else {
|
|
const error = await response.json();
|
|
showAlert('Failed to update user: ' + (error.error || 'Unknown error'), 'error');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error updating user:', error);
|
|
showAlert('Failed to update user: ' + error.message, 'error');
|
|
}
|
|
}
|
|
|
|
|
|
// Create user details content
|
|
function createUserDetailsContent(user) {
|
|
var detailsHtml = '<div class="row">';
|
|
detailsHtml += '<div class="col-md-6">';
|
|
detailsHtml += '<h6 class="text-muted">Basic Information</h6>';
|
|
detailsHtml += '<table class="table table-sm">';
|
|
detailsHtml += '<tr><td><strong>Username:</strong></td><td>' + escapeHtml(user.username) + '</td></tr>';
|
|
detailsHtml += '<tr><td><strong>Email:</strong></td><td>' + escapeHtml(user.email || 'Not set') + '</td></tr>';
|
|
detailsHtml += '</table>';
|
|
detailsHtml += '</div>';
|
|
detailsHtml += '<div class="col-md-6">';
|
|
detailsHtml += '<h6 class="text-muted">Permissions</h6>';
|
|
detailsHtml += '<div class="mb-3">';
|
|
if (user.actions && user.actions.length > 0) {
|
|
detailsHtml += user.actions.map(function(action) {
|
|
return '<span class="badge bg-info me-1">' + escapeHtml(action) + '</span>';
|
|
}).join('');
|
|
} else {
|
|
detailsHtml += '<span class="text-muted">No permissions assigned</span>';
|
|
}
|
|
detailsHtml += '</div>';
|
|
detailsHtml += '<h6 class="text-muted">Attached Policy Names</h6>';
|
|
detailsHtml += '<div class="mb-3">';
|
|
if (user.policy_names && user.policy_names.length > 0) {
|
|
detailsHtml += user.policy_names.map(function(policy) {
|
|
return '<span class="badge bg-secondary me-1">' + escapeHtml(policy) + '</span>';
|
|
}).join('');
|
|
} else {
|
|
detailsHtml += '<span class="text-muted">No policies attached</span>';
|
|
}
|
|
detailsHtml += '</div>';
|
|
detailsHtml += '<h6 class="text-muted">Groups</h6>';
|
|
detailsHtml += '<div class="mb-3">';
|
|
if (user.groups && user.groups.length > 0) {
|
|
detailsHtml += user.groups.map(function(group) {
|
|
return '<span class="badge bg-primary me-1">' + escapeHtml(group) + '</span>';
|
|
}).join('');
|
|
} else {
|
|
detailsHtml += '<span class="text-muted">No groups</span>';
|
|
}
|
|
detailsHtml += '</div>';
|
|
detailsHtml += '<h6 class="text-muted">Access Keys</h6>';
|
|
if (user.access_keys && user.access_keys.length > 0) {
|
|
detailsHtml += '<div class="mb-2">';
|
|
user.access_keys.forEach(function(key) {
|
|
detailsHtml += '<div><code class="text-muted">' + escapeHtml(key.access_key) + '</code></div>';
|
|
});
|
|
detailsHtml += '</div>';
|
|
} else {
|
|
detailsHtml += '<p class="text-muted">No access keys</p>';
|
|
}
|
|
detailsHtml += '</div>';
|
|
detailsHtml += '</div>';
|
|
return detailsHtml;
|
|
}
|
|
|
|
// Create access keys content
|
|
function createAccessKeysContent(user) {
|
|
if (!user.access_keys || user.access_keys.length === 0) {
|
|
return '<p class="text-muted">No access keys available</p>';
|
|
}
|
|
|
|
var keysHtml = '<div class="table-responsive">';
|
|
keysHtml += '<table class="table table-sm">';
|
|
keysHtml += '<thead><tr><th>Access Key</th><th>Status</th><th>Actions</th></tr></thead>';
|
|
keysHtml += '<tbody>';
|
|
|
|
user.access_keys.forEach(function(key) {
|
|
keysHtml += '<tr>';
|
|
keysHtml += '<td><code>' + escapeHtml(key.access_key) + '</code></td>';
|
|
keysHtml += '<td>';
|
|
keysHtml += '<select class="form-select form-select-sm access-key-status-select" data-username="' + escapeHtml(user.username) + '" data-access-key="' + escapeHtml(key.access_key) + '" style="width: 110px;">';
|
|
keysHtml += '<option value="' + STATUS_ACTIVE + '" ' + (key.status === STATUS_ACTIVE || !key.status ? 'selected' : '') + '>' + STATUS_ACTIVE + '</option>';
|
|
keysHtml += '<option value="' + STATUS_INACTIVE + '" ' + (key.status === STATUS_INACTIVE ? 'selected' : '') + '>' + STATUS_INACTIVE + '</option>';
|
|
keysHtml += '</select>';
|
|
keysHtml += '</td>';
|
|
keysHtml += '<td>';
|
|
// Add "View Secret" button with data attributes
|
|
keysHtml += '<button class="btn btn-outline-secondary btn-sm me-2 view-secret-btn" data-access-key="' + escapeHtml(key.access_key) + '" data-secret-key="' + escapeHtml(key.secret_key) + '">';
|
|
keysHtml += '<i class="fas fa-eye"></i> View Secret';
|
|
keysHtml += '</button>';
|
|
// Delete button
|
|
keysHtml += '<button class="btn btn-outline-danger btn-sm delete-access-key-btn" data-username="' + escapeHtml(user.username) + '" data-access-key="' + escapeHtml(key.access_key) + '">';
|
|
keysHtml += '<i class="fas fa-trash"></i> Delete';
|
|
keysHtml += '</button>';
|
|
keysHtml += '</td>';
|
|
keysHtml += '</tr>';
|
|
});
|
|
|
|
keysHtml += '</tbody>';
|
|
keysHtml += '</table>';
|
|
keysHtml += '</div>';
|
|
|
|
// Add delegated event listener for view secret buttons
|
|
setTimeout(() => {
|
|
document.querySelectorAll('.view-secret-btn').forEach(btn => {
|
|
btn.addEventListener('click', function() {
|
|
const accessKey = this.getAttribute('data-access-key');
|
|
const secretKey = this.getAttribute('data-secret-key');
|
|
showSecretKey(accessKey, secretKey);
|
|
});
|
|
});
|
|
}, 100);
|
|
|
|
return keysHtml;
|
|
}
|
|
|
|
// Refresh access keys list content
|
|
async function refreshAccessKeysList(username) {
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const response = await fetch(`/api/users/${encodedUsername}`);
|
|
if (response.ok) {
|
|
const user = await response.json();
|
|
document.getElementById('accessKeysContent').innerHTML = createAccessKeysContent(user);
|
|
}
|
|
} catch (error) {
|
|
console.error('Error refreshing access keys:', error);
|
|
}
|
|
}
|
|
|
|
// Update access key status
|
|
async function updateAccessKeyStatus(username, accessKey, status) {
|
|
try {
|
|
const response = await fetch(`/api/users/${encodeURIComponent(username)}/access-keys/${encodeURIComponent(accessKey)}/status`, {
|
|
method: 'PUT',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({ status: status })
|
|
});
|
|
|
|
if (response.ok) {
|
|
showSuccessMessage('Access key status updated successfully');
|
|
// Refresh access keys display without toggling modal
|
|
refreshAccessKeysList(username);
|
|
} else {
|
|
const error = await response.json();
|
|
showAlert('Failed to update access key status: ' + (error.error || 'Unknown error'), 'error');
|
|
refreshAccessKeysList(username);
|
|
}
|
|
} catch (error) {
|
|
console.error('Error updating access key status:', error);
|
|
showAlert('Failed to update access key status: ' + error.message, 'error');
|
|
refreshAccessKeysList(username);
|
|
}
|
|
}
|
|
|
|
// Create new access key
|
|
async function createAccessKey() {
|
|
const username = document.getElementById('accessKeysUsername').textContent;
|
|
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const response = await fetch(`/api/users/${encodedUsername}/access-keys`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({})
|
|
});
|
|
|
|
if (response.ok) {
|
|
const result = await response.json();
|
|
|
|
// Show the new access key details (IMPORTANT: secret key is only shown once!)
|
|
if (result.access_key) {
|
|
showNewAccessKeyModal(result.access_key);
|
|
}
|
|
|
|
showSuccessMessage('Access key created successfully');
|
|
|
|
// Refresh access keys display
|
|
refreshAccessKeysList(username);
|
|
} else {
|
|
const error = await response.json();
|
|
showAlert('Failed to create access key: ' + (error.error || 'Unknown error'), 'error');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error creating access key:', error);
|
|
showAlert('Failed to create access key: ' + error.message, 'error');
|
|
}
|
|
}
|
|
|
|
// Delete access key
|
|
async function deleteAccessKey(username, accessKey) {
|
|
showDeleteConfirm(accessKey, async function() {
|
|
try {
|
|
const encodedUsername = encodeURIComponent(username);
|
|
const encodedAccessKey = encodeURIComponent(accessKey);
|
|
const response = await fetch(`/api/users/${encodedUsername}/access-keys/${encodedAccessKey}`, {
|
|
method: 'DELETE'
|
|
});
|
|
|
|
if (response.ok) {
|
|
showSuccessMessage('Access key deleted successfully');
|
|
|
|
// Refresh access keys display
|
|
refreshAccessKeysList(username);
|
|
} else {
|
|
const error = await response.json();
|
|
showErrorMessage('Failed to delete access key: ' + (error.error || 'Unknown error'));
|
|
}
|
|
} catch (error) {
|
|
console.error('Error deleting access key:', error);
|
|
showErrorMessage('Failed to delete access key: ' + error.message);
|
|
}
|
|
}, 'Are you sure you want to delete this access key?');
|
|
}
|
|
|
|
|
|
// Utility functions
|
|
function showSuccessMessage(message) {
|
|
// Simple implementation - could be enhanced with toast notifications
|
|
alert('Success: ' + message);
|
|
}
|
|
|
|
function showErrorMessage(message) {
|
|
showAlert(message, 'error');
|
|
}
|
|
|
|
function escapeHtml(text) {
|
|
if (!text) return '';
|
|
const div = document.createElement('div');
|
|
div.textContent = text;
|
|
return div.innerHTML;
|
|
}
|
|
</script>
|
|
}
|
|
|
|
// Helper functions for template
|
|
|