mirror of
https://github.com/seaweedfs/seaweedfs.git
synced 2026-11-03 02:32:35 +01:00
Chris LuandClaude Opus 5.5
a074538c8f
* s3vectors: run an operation for trusted local tooling Like s3tables.Manager.Execute, Server.Execute runs one S3 Vectors operation through its handler as a given identity, without a signed request. The admin console can then manage vector buckets through the same validation, authorization and catalog steps as the API. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011UpvafvK8JpagF94MHWqwK * admin: list, inspect, create and delete vector buckets over the API /api/s3vectors runs the S3 Vectors operations through Server.Execute as the admin account: list vector buckets with their encryption, read one bucket with its policy and each index's data type, dimension, distance metric and non-filterable keys, create and delete a bucket, and delete an index. Going through the operations keeps the API's rules, such as ICEBERG buckets not being vector buckets and the implicit index namespace not blocking a delete. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011UpvafvK8JpagF94MHWqwK * s3vectors: export the rule for which table buckets are vector buckets IsVectorBucketFormat names the check ListVectorBuckets and isVectorBucket already make, so the admin console can tell the same buckets apart. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011UpvafvK8JpagF94MHWqwK * admin: vector bucket pages Object Store > Vector Buckets lists the vector buckets with their ARN, encryption and creation time, creates and deletes them, and opens one bucket with its indexes (data type, dimension, distance metric, non-filterable keys) and its policy, where an index can be deleted. A LANCE row on the Table Buckets page links to the same bucket's vector page, since both APIs serve it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011UpvafvK8JpagF94MHWqwK * admin: stop the vector bucket and index lists at the list limit A page cut short by filtered ICEBERG buckets let the next page carry the list past s3TablesAdminListLimit. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> * admin: say when a vector bucket or index list is cut at the limit The lists stop at s3TablesAdminListLimit while more remain, so mark them truncated and point to an S3 Vectors client for the rest. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> * admin: indent the vector bucket policy A policy stored as one line ran off the right edge of the details page. Policies that are not valid JSON are shown as stored. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> * admin: show a deeply nested vector bucket policy as stored Indenting multiplies the size of a deeply nested document, so a policy past 32 levels of nesting is shown without indenting. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
452 lines
23 KiB
Templ
452 lines
23 KiB
Templ
package layout
|
|
|
|
import (
|
|
"fmt"
|
|
"strings"
|
|
"time"
|
|
"github.com/seaweedfs/seaweedfs/weed/admin/dash"
|
|
"github.com/seaweedfs/seaweedfs/weed/util/version"
|
|
)
|
|
|
|
script setBasePath(prefix string) {
|
|
window.__BASE_PATH__ = prefix;
|
|
}
|
|
|
|
templ Layout(view ViewContext, content templ.Component) {
|
|
{{
|
|
username := view.Username
|
|
if username == "" {
|
|
username = "unknown"
|
|
}
|
|
csrfToken := view.CSRFToken
|
|
|
|
currentPath := ""
|
|
if view.Request != nil {
|
|
currentPath = view.Request.URL.Path
|
|
}
|
|
|
|
// Detect if we're on a message queue page to keep submenu expanded
|
|
isMQPage := strings.HasPrefix(currentPath, "/mq/")
|
|
|
|
// Detect if we're on a storage page to keep submenu expanded
|
|
isStoragePage := strings.HasPrefix(currentPath, "/storage/volumes") || strings.HasPrefix(currentPath, "/storage/ec-shards") || strings.HasPrefix(currentPath, "/storage/collections")
|
|
|
|
// Detect if we're on a cluster page (but not storage page) to keep submenu expanded
|
|
isClusterPage := (strings.HasPrefix(currentPath, "/cluster/masters") || strings.HasPrefix(currentPath, "/cluster/volume-servers") || strings.HasPrefix(currentPath, "/cluster/filers") || strings.HasPrefix(currentPath, "/cluster/s3") || strings.HasPrefix(currentPath, "/cluster/mount-clients"))
|
|
|
|
isDefaultWorkerPage := currentPath == "/plugin" ||
|
|
strings.HasPrefix(currentPath, "/plugin/configuration") ||
|
|
strings.HasPrefix(currentPath, "/plugin/detection") ||
|
|
strings.HasPrefix(currentPath, "/plugin/queue") ||
|
|
strings.HasPrefix(currentPath, "/plugin/execution") ||
|
|
strings.HasPrefix(currentPath, "/plugin/monitoring") ||
|
|
currentPath == "/plugin/lanes/default" ||
|
|
strings.HasPrefix(currentPath, "/plugin/lanes/default/")
|
|
isIcebergWorkerPage := currentPath == "/plugin/lanes/iceberg" || strings.HasPrefix(currentPath, "/plugin/lanes/iceberg/")
|
|
isLifecycleWorkerPage := currentPath == "/plugin/lanes/lifecycle" || strings.HasPrefix(currentPath, "/plugin/lanes/lifecycle/")
|
|
isLanceWorkerPage := currentPath == "/plugin/lanes/lance" || strings.HasPrefix(currentPath, "/plugin/lanes/lance/")
|
|
}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>SeaweedFS Admin</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content={ csrfToken }>
|
|
<link rel="icon" href={ string(view.P("/static/favicon.ico")) } type="image/x-icon">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href={ string(view.P("/static/css/bootstrap.min.css")) } rel="stylesheet">
|
|
<!-- Bootstrap Icons CSS -->
|
|
<link href={ string(view.P("/static/css/bootstrap-icons.min.css")) } rel="stylesheet">
|
|
<!-- HTMX -->
|
|
<script src={ string(view.P("/static/js/htmx.min.js")) }></script>
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href={ string(view.P("/static/css/admin.css")) }>
|
|
<!-- Set base path for JavaScript -->
|
|
@setBasePath(view.URLPrefix)
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid p-0">
|
|
<!-- Header -->
|
|
<header class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand fw-bold" href={ view.P("/admin") }>
|
|
<i class="bi bi-server me-2"></i>
|
|
SeaweedFS Admin
|
|
</a>
|
|
|
|
<button class="navbar-toggler d-md-none me-2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation menu">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="User menu">
|
|
<i class="bi bi-person"></i>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-person me-1"></i>{username}
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href={ view.P("/logout") }>
|
|
<i class="bi bi-box-arrow-right me-2"></i>Logout
|
|
</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="row g-0">
|
|
<!-- Sidebar -->
|
|
<div class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse" id="sidebarMenu">
|
|
<div class="position-sticky pt-3">
|
|
<h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted">
|
|
<span>MAIN</span>
|
|
</h6>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/admin") }>
|
|
<i class="bi bi-speedometer2 me-2"></i>Dashboard
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class={ "nav-link", templ.KV("collapsed", !isClusterPage) } href="#" data-bs-toggle="collapse" data-bs-target="#clusterSubmenu" aria-expanded={ fmt.Sprintf("%t", isClusterPage) } aria-controls="clusterSubmenu">
|
|
<i class="bi bi-diagram-3 me-2"></i>Cluster
|
|
<i class="bi bi-chevron-down ms-auto"></i>
|
|
</a>
|
|
<div class={ "collapse", templ.KV("show", isClusterPage) } id="clusterSubmenu">
|
|
<ul class="nav flex-column ms-3">
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/cluster/masters") }>
|
|
<i class="bi bi-award me-2"></i>Masters
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/cluster/volume-servers") }>
|
|
<i class="bi bi-server me-2"></i>Volume Servers
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/cluster/filers") }>
|
|
<i class="bi bi-folder2-open me-2"></i>Filers
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/cluster/s3") }>
|
|
<i class="bi bi-cloud me-2"></i>S3 Servers
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/cluster/mount-clients") }>
|
|
<i class="bi bi-plug me-2"></i>Mount Clients
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class={ "nav-link", templ.KV("collapsed", !isStoragePage) } href="#" data-bs-toggle="collapse" data-bs-target="#storageSubmenu" aria-expanded={ fmt.Sprintf("%t", isStoragePage) } aria-controls="storageSubmenu">
|
|
<i class="bi bi-device-hdd me-2"></i>Storage
|
|
<i class="bi bi-chevron-down ms-auto"></i>
|
|
</a>
|
|
<div class={ "collapse", templ.KV("show", isStoragePage) } id="storageSubmenu">
|
|
<ul class="nav flex-column ms-3">
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/storage/volumes") }>
|
|
<i class="bi bi-database me-2"></i>Volumes
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/storage/ec-shards") }>
|
|
<i class="bi bi-grid me-2"></i>EC Volumes
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/storage/collections") }>
|
|
<i class="bi bi-layers me-2"></i>Collections
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted">
|
|
<span>OBJECT STORE</span>
|
|
</h6>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/object-store/buckets") }>
|
|
<i class="bi bi-box me-2"></i>Buckets
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/object-store/s3tables/buckets") }>
|
|
<i class="bi bi-table me-2"></i>Table Buckets
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/object-store/vector-buckets") }>
|
|
<i class="bi bi-bounding-box-circles me-2"></i>Vector Buckets
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/object-store/users") }>
|
|
<i class="bi bi-people me-2"></i>Users
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/object-store/groups") }>
|
|
<i class="bi bi-people-fill me-2"></i>Groups
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/object-store/service-accounts") }>
|
|
<i class="bi bi-robot me-2"></i>Service Accounts
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/object-store/policies") }>
|
|
<i class="bi bi-shield me-2"></i>Policies
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted">
|
|
<span>MANAGEMENT</span>
|
|
</h6>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={ view.P("/files") }>
|
|
<i class="bi bi-folder me-2"></i>File Browser
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
if isMQPage {
|
|
<a class="nav-link" href="#" data-bs-toggle="collapse" data-bs-target="#messageQueueSubmenu" aria-expanded="true" aria-controls="messageQueueSubmenu">
|
|
<i class="bi bi-chat-dots me-2"></i>Message Queue
|
|
<i class="bi bi-chevron-down ms-auto"></i>
|
|
</a>
|
|
} else {
|
|
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#messageQueueSubmenu" aria-expanded="false" aria-controls="messageQueueSubmenu">
|
|
<i class="bi bi-chat-dots me-2"></i>Message Queue
|
|
<i class="bi bi-chevron-down ms-auto"></i>
|
|
</a>
|
|
}
|
|
if isMQPage {
|
|
<div class="collapse show" id="messageQueueSubmenu">
|
|
<ul class="nav flex-column ms-3">
|
|
<li class="nav-item">
|
|
if currentPath == "/mq/brokers" {
|
|
<a class="nav-link py-2 active" href={ view.P("/mq/brokers") }>
|
|
<i class="bi bi-server me-2"></i>Brokers
|
|
</a>
|
|
} else {
|
|
<a class="nav-link py-2" href={ view.P("/mq/brokers") }>
|
|
<i class="bi bi-server me-2"></i>Brokers
|
|
</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
if currentPath == "/mq/topics" {
|
|
<a class="nav-link py-2 active" href={ view.P("/mq/topics") }>
|
|
<i class="bi bi-card-list me-2"></i>Topics
|
|
</a>
|
|
} else {
|
|
<a class="nav-link py-2" href={ view.P("/mq/topics") }>
|
|
<i class="bi bi-card-list me-2"></i>Topics
|
|
</a>
|
|
}
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
} else {
|
|
<div class="collapse" id="messageQueueSubmenu">
|
|
<ul class="nav flex-column ms-3">
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/mq/brokers") }>
|
|
<i class="bi bi-server me-2"></i>Brokers
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-2" href={ view.P("/mq/topics") }>
|
|
<i class="bi bi-card-list me-2"></i>Topics
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
}
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted">
|
|
<span>WORKERS</span>
|
|
</h6>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
if isDefaultWorkerPage {
|
|
<a class="nav-link active" href={ view.P("/plugin/lanes/default") }>
|
|
<i class="bi bi-server me-2"></i>Default
|
|
</a>
|
|
} else {
|
|
<a class="nav-link" href={ view.P("/plugin/lanes/default") }>
|
|
<i class="bi bi-server me-2"></i>Default
|
|
</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
if isLifecycleWorkerPage {
|
|
<a class="nav-link active" href={ view.P("/plugin/lanes/lifecycle") }>
|
|
<i class="bi bi-hourglass-split me-2"></i>Lifecycle
|
|
</a>
|
|
} else {
|
|
<a class="nav-link" href={ view.P("/plugin/lanes/lifecycle") }>
|
|
<i class="bi bi-hourglass-split me-2"></i>Lifecycle
|
|
</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
if isIcebergWorkerPage {
|
|
<a class="nav-link active" href={ view.P("/plugin/lanes/iceberg") }>
|
|
<i class="bi bi-snow me-2"></i>Iceberg
|
|
</a>
|
|
} else {
|
|
<a class="nav-link" href={ view.P("/plugin/lanes/iceberg") }>
|
|
<i class="bi bi-snow me-2"></i>Iceberg
|
|
</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
if isLanceWorkerPage {
|
|
<a class="nav-link active" href={ view.P("/plugin/lanes/lance") }>
|
|
<i class="bi bi-bounding-box me-2"></i>Lance
|
|
</a>
|
|
} else {
|
|
<a class="nav-link" href={ view.P("/plugin/lanes/lance") }>
|
|
<i class="bi bi-bounding-box me-2"></i>Lance
|
|
</a>
|
|
}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sidebar backdrop for mobile -->
|
|
<div class="sidebar-backdrop" id="sidebarBackdrop"></div>
|
|
|
|
<!-- Main content -->
|
|
<main class="col-md-9 ms-sm-auto col-lg-10 px-3 px-md-4">
|
|
<div class="pt-3">
|
|
@content
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer mt-auto py-3 bg-light">
|
|
<div class="container-fluid text-center">
|
|
<small class="text-muted">
|
|
© {fmt.Sprintf("%d", time.Now().Year())} SeaweedFS Admin v{version.VERSION_NUMBER}
|
|
if version.COMMIT != "" {
|
|
<span class="mx-1">({version.COMMIT})</span>
|
|
}
|
|
if !strings.Contains(version.VERSION, "enterprise") {
|
|
<span class="mx-2">•</span>
|
|
<a href="https://seaweedfs.com" target="_blank" class="text-decoration-none">
|
|
<i class="bi bi-star me-1"></i>Enterprise Version Available
|
|
</a>
|
|
}
|
|
</small>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src={ string(view.P("/static/js/bootstrap.bundle.min.js")) }></script>
|
|
<!-- Modal Alerts JS (replaces native alert/confirm) -->
|
|
<script src={ string(view.P("/static/js/modal-alerts.js")) }></script>
|
|
<!-- Custom JS -->
|
|
<script src={ string(view.P("/static/js/admin.js")) }></script>
|
|
<script src={ string(view.P("/static/js/iam-utils.js")) }></script>
|
|
<script src={ string(view.P("/static/js/s3tables.js")) }></script>
|
|
<script src={ string(view.P("/static/js/policy_editor.js")) }></script>
|
|
</body>
|
|
</html>
|
|
}
|
|
|
|
templ LoginForm(title string, errorMessage string, csrfToken string) {
|
|
{{
|
|
prefix := dash.URLPrefixFromContext(ctx)
|
|
}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{title} - Login</title>
|
|
<link rel="icon" href={ prefix + "/static/favicon.ico" } type="image/x-icon">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href={ prefix + "/static/css/bootstrap.min.css" } rel="stylesheet">
|
|
<link href={ prefix + "/static/css/bootstrap-icons.min.css" } rel="stylesheet">
|
|
</head>
|
|
<body class="bg-light">
|
|
<div class="container">
|
|
<div class="row justify-content-center min-vh-100 align-items-center">
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="card shadow">
|
|
<div class="card-body p-5">
|
|
<div class="text-center mb-4">
|
|
<i class="bi bi-server icon-3x text-primary mb-3"></i>
|
|
<h4 class="card-title">{title}</h4>
|
|
<p class="text-muted">Please sign in to continue</p>
|
|
</div>
|
|
|
|
if errorMessage != "" {
|
|
<div class="alert alert-danger" role="alert">
|
|
<i class="bi bi-exclamation-triangle me-2"></i>
|
|
{errorMessage}
|
|
</div>
|
|
}
|
|
|
|
<form method="POST" action={ templ.SafeURL(prefix + "/login") }>
|
|
<input type="hidden" name="csrf_token" value={ csrfToken }>
|
|
<div class="mb-3">
|
|
<label for="username" class="form-label">Username</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">
|
|
<i class="bi bi-person"></i>
|
|
</span>
|
|
<input type="text" class="form-control" id="username" name="username" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label for="password" class="form-label">Password</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">
|
|
<i class="bi bi-lock"></i>
|
|
</span>
|
|
<input type="password" class="form-control" id="password" name="password" required>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary w-100">
|
|
<i class="bi bi-box-arrow-in-right me-2"></i>Sign In
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src={ prefix + "/static/js/bootstrap.bundle.min.js" }></script>
|
|
</body>
|
|
</html>
|
|
}
|