feat(admin): implement provider-specific storage configuration pages
Some checks failed
Build and Publish Docker Image / deploy (push) Has been cancelled
Some checks failed
Build and Publish Docker Image / deploy (push) Has been cancelled
Refactor the admin storage backend creation and editing flows to use provider-specific pages (e.g., `/admin/storage/new/sftp`) instead of a single generic form. This ensures only relevant fields are rendered for each storage provider (such as SFTP, S3, or WebDAV). Additionally: - Prevent mutation of the storage provider type during backend edits. - Add comprehensive unit tests for provider-specific rendering, edit validation, and CSRF/admin route protection.
This commit is contained in:
@@ -28,15 +28,36 @@
|
||||
<h1 id="admin-storage-title">{{.Data.PageTitle}}</h1>
|
||||
<p class="muted-copy">Local storage is always active. Remote backends are proxied through Warpbox.</p>
|
||||
</div>
|
||||
<a class="button button-primary" href="/admin/storage/new">{{template "icon-plus-circle" .}}<span>Add storage</span></a>
|
||||
</div>
|
||||
|
||||
{{if .Data.Notice}}<p class="form-success">{{.Data.Notice}}</p>{{end}}
|
||||
{{if .Data.Error}}<p class="form-error">{{.Data.Error}}</p>{{end}}
|
||||
|
||||
<div class="storage-stack">
|
||||
<div class="storage-ops-grid">
|
||||
<form class="storage-op-card" action="/admin/storage/jobs/cleanup" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<strong>Run cleanup now</strong>
|
||||
<span>Remove expired boxes and boxes that reached their download limit.</span>
|
||||
<button class="button button-outline button-sm" type="submit">Run cleanup</button>
|
||||
</form>
|
||||
<form class="storage-op-card" action="/admin/storage/jobs/thumbnails" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<strong>Generate thumbnails now</strong>
|
||||
<span>Scan active boxes and create missing image or video thumbnails.</span>
|
||||
<button class="button button-outline button-sm" type="submit">Generate</button>
|
||||
</form>
|
||||
<form class="storage-op-card" action="/admin/storage/jobs/verify" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<strong>Verify storage now</strong>
|
||||
<span>Test every enabled backend and update its last-test status.</span>
|
||||
<button class="button button-outline button-sm" type="submit">Verify all</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="storage-stack">
|
||||
{{range .Data.Storage}}
|
||||
<div class="storage-card {{if eq .Config.ID "local"}}is-local{{end}}" data-storage-id="{{.Config.ID}}">
|
||||
|
||||
<div class="storage-card-header">
|
||||
<div class="storage-card-identity">
|
||||
<div class="storage-card-icon">
|
||||
@@ -59,12 +80,16 @@
|
||||
</div>
|
||||
|
||||
<div class="storage-card-actions">
|
||||
{{if .CanSpeedTest}}
|
||||
<a class="button button-outline button-sm" href="/admin/storage/{{.Config.ID}}/tests">Testing</a>
|
||||
{{else}}
|
||||
<form action="/admin/storage/{{.Config.ID}}/test" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
|
||||
<button class="button button-outline button-sm" type="submit">Test</button>
|
||||
</form>
|
||||
{{end}}
|
||||
{{if ne .Config.ID "local"}}
|
||||
<button class="button button-outline button-sm storage-edit-trigger" type="button">Edit</button>
|
||||
<a class="button button-outline button-sm" href="/admin/storage/{{.Config.ID}}/edit">Edit</a>
|
||||
{{if .Config.Enabled}}
|
||||
<form action="/admin/storage/{{.Config.ID}}/disable" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
|
||||
@@ -79,7 +104,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{/* View-mode summary */}}
|
||||
<div class="storage-card-summary">
|
||||
{{if eq .Config.Type "local"}}
|
||||
<div class="storage-detail"><span>Path</span><code>{{.Config.LocalPath}}</code></div>
|
||||
@@ -107,141 +131,8 @@
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
{{/* Edit-mode form — hidden via CSS until .is-editing */}}
|
||||
{{if ne .Config.ID "local"}}
|
||||
<div class="storage-card-body">
|
||||
<form action="/admin/storage/{{.Config.ID}}/edit" method="post" class="storage-card-fields">
|
||||
<input type="hidden" name="csrf_token" value="{{$.CSRFToken}}">
|
||||
<label><span>Storage kind</span>
|
||||
<select name="provider" data-storage-provider>
|
||||
<option value="s3" {{if or (eq .Config.Provider "s3") (eq .Config.Provider "")}}selected{{end}}>S3 bucket</option>
|
||||
<option value="contabo" {{if eq .Config.Provider "contabo"}}selected{{end}}>Contabo Object Storage</option>
|
||||
<option value="sftp" {{if eq .Config.Provider "sftp"}}selected{{end}}>SFTP</option>
|
||||
<option value="smb" {{if eq .Config.Provider "smb"}}selected{{end}}>Samba</option>
|
||||
<option value="webdav" {{if eq .Config.Provider "webdav"}}selected{{end}}>WebDAV</option>
|
||||
</select>
|
||||
</label>
|
||||
<label><span>Name</span><input name="name" value="{{.Config.Name}}" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Endpoint</span><input name="endpoint" value="{{.Config.Endpoint}}" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Region</span><input name="region" value="{{.Config.Region}}"></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Bucket</span><input name="bucket" value="{{.Config.Bucket}}" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Access key</span><input name="access_key" value="{{.Config.AccessKey}}" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Secret key</span><input name="secret_key" type="password" placeholder="Leave unchanged"></label>
|
||||
<label class="checkbox-field" data-provider-fields="s3 contabo"><input type="checkbox" name="use_ssl" {{if .Config.UseSSL}}checked{{end}}><span>Use TLS</span></label>
|
||||
<label class="checkbox-field" data-provider-fields="s3 contabo"><input type="checkbox" name="path_style" {{if .Config.PathStyle}}checked{{end}}><span>Path-style lookup</span></label>
|
||||
<label data-provider-fields="sftp smb"><span>Host</span><input name="host" value="{{.Config.Host}}" required></label>
|
||||
<label data-provider-fields="sftp smb"><span>Port</span><input type="number" name="port" min="1" value="{{.Config.Port}}"></label>
|
||||
<label data-provider-fields="smb"><span>Share</span><input name="share" value="{{.Config.Share}}" required></label>
|
||||
<label data-provider-fields="smb"><span>Domain</span><input name="domain" value="{{.Config.Domain}}" placeholder="Optional"></label>
|
||||
<label data-provider-fields="sftp smb webdav"><span>Username</span><input name="username" value="{{.Config.Username}}" required></label>
|
||||
<label data-provider-fields="sftp smb webdav"><span>Password</span><input name="password" type="password" placeholder="Leave unchanged"></label>
|
||||
<label data-provider-fields="sftp"><span>Private key</span><textarea name="private_key" rows="4" placeholder="Leave unchanged"></textarea></label>
|
||||
<label data-provider-fields="sftp"><span>SSH host key</span><textarea name="host_key" rows="3" placeholder="Optional">{{.Config.HostKey}}</textarea></label>
|
||||
<label data-provider-fields="webdav"><span>WebDAV URL</span><input name="endpoint" value="{{.Config.Endpoint}}" placeholder="https://files.example.com/webdav"></label>
|
||||
<label data-provider-fields="sftp smb webdav"><span>Remote path</span><input name="remote_path" value="{{.Config.RemotePath}}" placeholder="/srv/warpbox"></label>
|
||||
<div class="storage-card-edit-bar">
|
||||
<button class="button button-primary button-sm" type="submit">Save changes</button>
|
||||
<button class="button button-outline button-sm storage-cancel-trigger" type="button">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
{{/* Add storage section */}}
|
||||
<div class="storage-add-section">
|
||||
<div class="storage-add-controls">
|
||||
<button class="button button-outline storage-add-trigger" type="button">
|
||||
{{template "icon-plus-circle" .}}
|
||||
<span>Add storage</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="storage-type-picker" hidden>
|
||||
<p class="muted-copy" style="margin:0 0 0.75rem">Choose a backend type</p>
|
||||
<div class="storage-type-grid">
|
||||
<button class="storage-type-option" type="button" data-provider="s3">
|
||||
{{template "icon-cloud-upload" .}}
|
||||
<strong>S3 Bucket</strong>
|
||||
<span>Generic S3-compatible object storage</span>
|
||||
</button>
|
||||
<button class="storage-type-option" type="button" data-provider="contabo">
|
||||
{{template "icon-cloud-upload" .}}
|
||||
<strong>Contabo Object Storage</strong>
|
||||
<span>Optimized settings for Contabo COS</span>
|
||||
</button>
|
||||
<button class="storage-type-option" type="button" data-provider="sftp">
|
||||
{{template "icon-database" .}}
|
||||
<strong>SFTP</strong>
|
||||
<span>SSH file transfer to a server or NAS</span>
|
||||
</button>
|
||||
<button class="storage-type-option" type="button" data-provider="smb">
|
||||
{{template "icon-folder" .}}
|
||||
<strong>Samba / SMB</strong>
|
||||
<span>Windows share or network attached storage</span>
|
||||
</button>
|
||||
<button class="storage-type-option" type="button" data-provider="webdav">
|
||||
{{template "icon-cloud-sync" .}}
|
||||
<strong>WebDAV</strong>
|
||||
<span>Nextcloud, ownCloud, or any WebDAV server</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="storage-new-card storage-card is-editing" hidden>
|
||||
<div class="storage-card-header">
|
||||
<div class="storage-card-identity">
|
||||
<div class="storage-card-icon storage-new-icon">{{template "icon-cloud-upload" .}}</div>
|
||||
<div>
|
||||
<strong class="storage-card-name storage-new-label">New storage backend</strong>
|
||||
<div class="storage-card-meta">
|
||||
<span class="badge storage-new-type-badge">S3 bucket</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="storage-card-body">
|
||||
<form action="/admin/storage/s3" method="post" class="storage-card-fields">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<label><span>Storage kind</span>
|
||||
<select name="provider" data-storage-provider>
|
||||
<option value="s3">S3 bucket</option>
|
||||
<option value="contabo">Contabo Object Storage</option>
|
||||
<option value="sftp">SFTP</option>
|
||||
<option value="smb">Samba</option>
|
||||
<option value="webdav">WebDAV</option>
|
||||
</select>
|
||||
</label>
|
||||
<label><span>Name</span><input name="name" placeholder="My storage" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Endpoint</span><input name="endpoint" placeholder="s3.example.com" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Region</span><input name="region" placeholder="us-east-1"></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Bucket</span><input name="bucket" placeholder="my-bucket" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Access key</span><input name="access_key" required></label>
|
||||
<label data-provider-fields="s3 contabo"><span>Secret key</span><input name="secret_key" type="password" required></label>
|
||||
<label class="checkbox-field" data-provider-fields="s3 contabo"><input type="checkbox" name="use_ssl" checked><span>Use TLS</span></label>
|
||||
<label class="checkbox-field" data-provider-fields="s3 contabo"><input type="checkbox" name="path_style"><span>Path-style lookup</span></label>
|
||||
<label data-provider-fields="sftp smb"><span>Host</span><input name="host" placeholder="files.example.com" required></label>
|
||||
<label data-provider-fields="sftp smb"><span>Port</span><input type="number" name="port" min="1"></label>
|
||||
<label data-provider-fields="smb"><span>Share</span><input name="share" placeholder="uploads" required></label>
|
||||
<label data-provider-fields="smb"><span>Domain</span><input name="domain" placeholder="Optional"></label>
|
||||
<label data-provider-fields="sftp smb webdav"><span>Username</span><input name="username" required></label>
|
||||
<label data-provider-fields="sftp smb webdav"><span>Password</span><input name="password" type="password"></label>
|
||||
<label data-provider-fields="sftp"><span>Private key</span><textarea name="private_key" rows="4" placeholder="Optional private key"></textarea></label>
|
||||
<label data-provider-fields="sftp"><span>SSH host key</span><textarea name="host_key" rows="3" placeholder="Optional pinned host key"></textarea></label>
|
||||
<label data-provider-fields="webdav"><span>WebDAV URL</span><input name="endpoint" placeholder="https://files.example.com/webdav"></label>
|
||||
<label data-provider-fields="sftp smb webdav"><span>Remote path</span><input name="remote_path" placeholder="/srv/warpbox"></label>
|
||||
<div class="storage-card-edit-bar">
|
||||
<button class="button button-primary button-sm" type="submit">Add storage</button>
|
||||
<button class="button button-outline button-sm storage-new-cancel" type="button">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
117
backend/templates/pages/admin_storage_form.html
Normal file
117
backend/templates/pages/admin_storage_form.html
Normal file
@@ -0,0 +1,117 @@
|
||||
{{define "admin_storage_form.html"}}{{template "base" .}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
<section class="app-shell admin-shell" aria-labelledby="admin-storage-form-title">
|
||||
<aside class="app-sidebar">
|
||||
<nav class="sidebar-nav">
|
||||
<a class="sidebar-link" href="/admin">{{template "icon-dashboard" .}}<span>Overview</span></a>
|
||||
<a class="sidebar-link" href="/admin/files">{{template "icon-folder" .}}<span>Files</span></a>
|
||||
<a class="sidebar-link" href="/admin/users">{{template "icon-user-circle" .}}<span>Users</span></a>
|
||||
<a class="sidebar-link" href="/admin/settings">{{template "icon-settings" .}}<span>Settings</span></a>
|
||||
<a class="sidebar-link is-active" href="/admin/storage">{{template "icon-database" .}}<span>Storage</span></a>
|
||||
</nav>
|
||||
<hr class="sidebar-sep">
|
||||
<nav class="sidebar-nav">
|
||||
<a class="sidebar-link" href="/app">{{template "icon-home-simple" .}}<span>My Files</span></a>
|
||||
</nav>
|
||||
<hr class="sidebar-sep">
|
||||
<form class="sidebar-logout" action="/admin/logout" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<button class="button button-outline" type="submit">{{template "icon-log-out" .}}<span>Sign out</span></button>
|
||||
</form>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<div class="admin-header">
|
||||
<div>
|
||||
<p class="kicker">{{if eq .Data.StorageForm.Mode "edit"}}Edit storage{{else}}New storage{{end}}</p>
|
||||
<h1 id="admin-storage-form-title">{{.Data.PageTitle}}</h1>
|
||||
<p class="muted-copy">Provider is locked for this backend. Only fields used by {{.Data.StorageForm.ProviderLabel}} are shown.</p>
|
||||
</div>
|
||||
<a class="button button-outline" href="{{.Data.StorageForm.BackHref}}">Back</a>
|
||||
</div>
|
||||
|
||||
{{if .Data.Error}}<p class="form-error">{{.Data.Error}}</p>{{end}}
|
||||
|
||||
<div class="storage-card is-editing">
|
||||
<div class="storage-card-header">
|
||||
<div class="storage-card-identity">
|
||||
<div class="storage-card-icon">
|
||||
{{if eq .Data.StorageForm.Provider "sftp"}}{{template "icon-database" .}}
|
||||
{{else if eq .Data.StorageForm.Provider "smb"}}{{template "icon-folder" .}}
|
||||
{{else if eq .Data.StorageForm.Provider "webdav"}}{{template "icon-cloud-sync" .}}
|
||||
{{else}}{{template "icon-cloud-upload" .}}{{end}}
|
||||
</div>
|
||||
<div>
|
||||
<strong class="storage-card-name">{{.Data.StorageForm.ProviderLabel}}</strong>
|
||||
<div class="storage-card-meta">
|
||||
<span class="badge">{{.Data.StorageForm.ProviderLabel}}</span>
|
||||
<span class="badge">Immutable provider</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="storage-card-body">
|
||||
<form action="{{.Data.StorageForm.Action}}" method="post" class="storage-card-fields">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<input type="hidden" name="provider" value="{{.Data.StorageForm.Provider}}">
|
||||
|
||||
<label><span>Name</span><input name="name" value="{{.Data.StorageForm.Config.Name}}" placeholder="My storage" required></label>
|
||||
|
||||
{{if eq .Data.StorageForm.Provider "s3"}}
|
||||
<label><span>Endpoint</span><input name="endpoint" value="{{.Data.StorageForm.Config.Endpoint}}" placeholder="https://s3.example.com" required></label>
|
||||
<label><span>Region</span><input name="region" value="{{.Data.StorageForm.Config.Region}}" placeholder="us-east-1"></label>
|
||||
<label><span>Bucket</span><input name="bucket" value="{{.Data.StorageForm.Config.Bucket}}" placeholder="my-bucket" required></label>
|
||||
<label><span>Access key</span><input name="access_key" value="{{.Data.StorageForm.Config.AccessKey}}" required></label>
|
||||
<label><span>Secret key</span><input name="secret_key" type="password" placeholder="{{if eq .Data.StorageForm.Mode "edit"}}Leave unchanged{{else}}Secret key{{end}}" {{if ne .Data.StorageForm.Mode "edit"}}required{{end}}></label>
|
||||
<label class="checkbox-field"><input type="checkbox" name="use_ssl" {{if .Data.StorageForm.Config.UseSSL}}checked{{end}}><span>Use TLS</span></label>
|
||||
<label class="checkbox-field"><input type="checkbox" name="path_style" {{if .Data.StorageForm.Config.PathStyle}}checked{{end}}><span>Path-style lookup</span></label>
|
||||
{{end}}
|
||||
|
||||
{{if eq .Data.StorageForm.Provider "contabo"}}
|
||||
<label><span>Endpoint</span><input name="endpoint" value="{{.Data.StorageForm.Config.Endpoint}}" placeholder="https://eu2.contabostorage.com" required></label>
|
||||
<label><span>Region</span><input name="region" value="{{.Data.StorageForm.Config.Region}}" placeholder="eu2"></label>
|
||||
<label><span>Bucket display name</span><input name="bucket" value="{{.Data.StorageForm.Config.Bucket}}" placeholder="My Main Bucket" required></label>
|
||||
<label><span>Access key</span><input name="access_key" value="{{.Data.StorageForm.Config.AccessKey}}" required></label>
|
||||
<label><span>Secret key</span><input name="secret_key" type="password" placeholder="{{if eq .Data.StorageForm.Mode "edit"}}Leave unchanged{{else}}Secret key{{end}}" {{if ne .Data.StorageForm.Mode "edit"}}required{{end}}></label>
|
||||
<p class="storage-form-note">Contabo Object Storage uses TLS and path-style lookup. Warpbox keeps those options locked for this provider.</p>
|
||||
{{end}}
|
||||
|
||||
{{if eq .Data.StorageForm.Provider "sftp"}}
|
||||
<label><span>Host</span><input name="host" value="{{.Data.StorageForm.Config.Host}}" placeholder="files.example.com" required></label>
|
||||
<label><span>Port</span><input type="number" name="port" min="1" value="{{.Data.StorageForm.Config.Port}}" placeholder="22"></label>
|
||||
<label><span>Username</span><input name="username" value="{{.Data.StorageForm.Config.Username}}" required></label>
|
||||
<label><span>Password</span><input name="password" type="password" placeholder="{{if eq .Data.StorageForm.Mode "edit"}}Leave unchanged{{else}}Optional if private key is provided{{end}}"></label>
|
||||
<label><span>Private key</span><textarea name="private_key" rows="5" placeholder="{{if eq .Data.StorageForm.Mode "edit"}}Leave unchanged{{else}}Optional private key{{end}}"></textarea></label>
|
||||
<label><span>SSH host key</span><textarea name="host_key" rows="5" placeholder="Optional pinned host key">{{.Data.StorageForm.Config.HostKey}}</textarea></label>
|
||||
<label><span>Remote path</span><input name="remote_path" value="{{.Data.StorageForm.Config.RemotePath}}" placeholder="/srv/warpbox"></label>
|
||||
{{end}}
|
||||
|
||||
{{if eq .Data.StorageForm.Provider "smb"}}
|
||||
<label><span>Host</span><input name="host" value="{{.Data.StorageForm.Config.Host}}" placeholder="nas.local" required></label>
|
||||
<label><span>Port</span><input type="number" name="port" min="1" value="{{.Data.StorageForm.Config.Port}}" placeholder="445"></label>
|
||||
<label><span>Share</span><input name="share" value="{{.Data.StorageForm.Config.Share}}" placeholder="uploads" required></label>
|
||||
<label><span>Domain</span><input name="domain" value="{{.Data.StorageForm.Config.Domain}}" placeholder="Optional"></label>
|
||||
<label><span>Username</span><input name="username" value="{{.Data.StorageForm.Config.Username}}" required></label>
|
||||
<label><span>Password</span><input name="password" type="password" placeholder="{{if eq .Data.StorageForm.Mode "edit"}}Leave unchanged{{else}}Password{{end}}" {{if ne .Data.StorageForm.Mode "edit"}}required{{end}}></label>
|
||||
<label><span>Remote path</span><input name="remote_path" value="{{.Data.StorageForm.Config.RemotePath}}" placeholder="/warpbox"></label>
|
||||
{{end}}
|
||||
|
||||
{{if eq .Data.StorageForm.Provider "webdav"}}
|
||||
<label><span>WebDAV URL</span><input name="endpoint" value="{{.Data.StorageForm.Config.Endpoint}}" placeholder="https://files.example.com/webdav" required></label>
|
||||
<label><span>Username</span><input name="username" value="{{.Data.StorageForm.Config.Username}}" placeholder="Optional"></label>
|
||||
<label><span>Password</span><input name="password" type="password" placeholder="{{if eq .Data.StorageForm.Mode "edit"}}Leave unchanged{{else}}Optional{{end}}"></label>
|
||||
<label><span>Remote path</span><input name="remote_path" value="{{.Data.StorageForm.Config.RemotePath}}" placeholder="/warpbox"></label>
|
||||
{{end}}
|
||||
|
||||
<div class="storage-card-edit-bar">
|
||||
<button class="button button-primary button-sm" type="submit">{{if eq .Data.StorageForm.Mode "edit"}}Save changes{{else}}Add storage{{end}}</button>
|
||||
<a class="button button-outline button-sm" href="{{.Data.StorageForm.BackHref}}">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
50
backend/templates/pages/admin_storage_new.html
Normal file
50
backend/templates/pages/admin_storage_new.html
Normal file
@@ -0,0 +1,50 @@
|
||||
{{define "admin_storage_new.html"}}{{template "base" .}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
<section class="app-shell admin-shell" aria-labelledby="admin-storage-new-title">
|
||||
<aside class="app-sidebar">
|
||||
<nav class="sidebar-nav">
|
||||
<a class="sidebar-link" href="/admin">{{template "icon-dashboard" .}}<span>Overview</span></a>
|
||||
<a class="sidebar-link" href="/admin/files">{{template "icon-folder" .}}<span>Files</span></a>
|
||||
<a class="sidebar-link" href="/admin/users">{{template "icon-user-circle" .}}<span>Users</span></a>
|
||||
<a class="sidebar-link" href="/admin/settings">{{template "icon-settings" .}}<span>Settings</span></a>
|
||||
<a class="sidebar-link is-active" href="/admin/storage">{{template "icon-database" .}}<span>Storage</span></a>
|
||||
</nav>
|
||||
<hr class="sidebar-sep">
|
||||
<nav class="sidebar-nav">
|
||||
<a class="sidebar-link" href="/app">{{template "icon-home-simple" .}}<span>My Files</span></a>
|
||||
</nav>
|
||||
<hr class="sidebar-sep">
|
||||
<form class="sidebar-logout" action="/admin/logout" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<button class="button button-outline" type="submit">{{template "icon-log-out" .}}<span>Sign out</span></button>
|
||||
</form>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<div class="admin-header">
|
||||
<div>
|
||||
<p class="kicker">Storage provider</p>
|
||||
<h1 id="admin-storage-new-title">{{.Data.PageTitle}}</h1>
|
||||
<p class="muted-copy">Choose the provider first. A backend keeps its provider forever after creation.</p>
|
||||
</div>
|
||||
<a class="button button-outline" href="/admin/storage">Back</a>
|
||||
</div>
|
||||
|
||||
{{if .Data.Error}}<p class="form-error">{{.Data.Error}}</p>{{end}}
|
||||
|
||||
<div class="storage-type-grid">
|
||||
{{range .Data.StorageTypes}}
|
||||
<a class="storage-type-option" href="/admin/storage/new/{{.Provider}}">
|
||||
{{if eq .Icon "database"}}{{template "icon-database" $}}
|
||||
{{else if eq .Icon "folder"}}{{template "icon-folder" $}}
|
||||
{{else if eq .Icon "sync"}}{{template "icon-cloud-sync" $}}
|
||||
{{else}}{{template "icon-cloud-upload" $}}{{end}}
|
||||
<strong>{{.Label}}</strong>
|
||||
<span>{{.Description}}</span>
|
||||
</a>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
144
backend/templates/pages/admin_storage_tests.html
Normal file
144
backend/templates/pages/admin_storage_tests.html
Normal file
@@ -0,0 +1,144 @@
|
||||
{{define "admin_storage_tests.html"}}{{template "base" .}}{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
<section class="app-shell admin-shell" aria-labelledby="admin-storage-tests-title">
|
||||
<aside class="app-sidebar">
|
||||
<nav class="sidebar-nav">
|
||||
<a class="sidebar-link" href="/admin">{{template "icon-dashboard" .}}<span>Overview</span></a>
|
||||
<a class="sidebar-link" href="/admin/files">{{template "icon-folder" .}}<span>Files</span></a>
|
||||
<a class="sidebar-link" href="/admin/users">{{template "icon-user-circle" .}}<span>Users</span></a>
|
||||
<a class="sidebar-link" href="/admin/settings">{{template "icon-settings" .}}<span>Settings</span></a>
|
||||
<a class="sidebar-link is-active" href="/admin/storage">{{template "icon-database" .}}<span>Storage</span></a>
|
||||
</nav>
|
||||
<hr class="sidebar-sep">
|
||||
<nav class="sidebar-nav">
|
||||
<a class="sidebar-link" href="/app">{{template "icon-home-simple" .}}<span>My Files</span></a>
|
||||
</nav>
|
||||
<hr class="sidebar-sep">
|
||||
<form class="sidebar-logout" action="/admin/logout" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<button class="button button-outline" type="submit">{{template "icon-log-out" .}}<span>Sign out</span></button>
|
||||
</form>
|
||||
</aside>
|
||||
|
||||
<div class="app-main">
|
||||
<div class="admin-header">
|
||||
<div>
|
||||
<p class="kicker">Storage testing</p>
|
||||
<h1 id="admin-storage-tests-title">{{.Data.PageTitle}}</h1>
|
||||
<p class="muted-copy">Connection status, speed-test history, and background benchmark runs for this backend.</p>
|
||||
</div>
|
||||
<div class="storage-tests-header-actions">
|
||||
<a class="button button-outline" href="/admin/storage">Back</a>
|
||||
{{if .Data.StorageTest.CanRun}}
|
||||
<button class="button button-primary" type="button" data-storage-speed-open>New Test</button>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{if .Data.Notice}}<p class="form-success">{{.Data.Notice}}</p>{{end}}
|
||||
{{if .Data.Error}}<p class="form-error">{{.Data.Error}}</p>{{end}}
|
||||
|
||||
<div class="storage-card">
|
||||
<div class="storage-card-header">
|
||||
<div class="storage-card-identity">
|
||||
<div class="storage-card-icon">
|
||||
{{if eq .Data.StorageTest.Config.Type "local"}}{{template "icon-hard-drive" .}}
|
||||
{{else if eq .Data.StorageTest.Config.Type "sftp"}}{{template "icon-database" .}}
|
||||
{{else if eq .Data.StorageTest.Config.Type "smb"}}{{template "icon-folder" .}}
|
||||
{{else if eq .Data.StorageTest.Config.Type "webdav"}}{{template "icon-cloud-sync" .}}
|
||||
{{else}}{{template "icon-cloud-upload" .}}{{end}}
|
||||
</div>
|
||||
<div>
|
||||
<strong class="storage-card-name">{{.Data.StorageTest.Config.Name}}</strong>
|
||||
<div class="storage-card-meta">
|
||||
<span class="badge">{{if eq .Data.StorageTest.Config.Provider "contabo"}}Contabo{{else if eq .Data.StorageTest.Config.Type "sftp"}}SFTP{{else if eq .Data.StorageTest.Config.Type "smb"}}Samba{{else if eq .Data.StorageTest.Config.Type "webdav"}}WebDAV{{else if eq .Data.StorageTest.Config.Type "s3"}}S3{{else if eq .Data.StorageTest.Config.Type "local"}}Local files{{else}}{{.Data.StorageTest.Config.Type}}{{end}}</span>
|
||||
{{if .Data.StorageTest.Config.LastTestSuccess}}<span class="badge badge-active">Connection OK</span>{{else}}<span class="badge badge-disabled">Needs connection test</span>{{end}}
|
||||
{{if .Data.StorageTest.UsageLabel}}<span class="storage-card-usage">{{.Data.StorageTest.UsageLabel}}</span>{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form action="/admin/storage/{{.Data.StorageTest.Config.ID}}/test" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<input type="hidden" name="next" value="tests">
|
||||
<button class="button button-outline button-sm" type="submit">Test Connection</button>
|
||||
</form>
|
||||
</div>
|
||||
{{if not (.Data.StorageTest.Config.LastTestedAt.IsZero)}}
|
||||
<div class="storage-card-summary">
|
||||
<div class="storage-detail storage-detail-test {{if .Data.StorageTest.Config.LastTestSuccess}}is-ok{{else}}is-err{{end}}">
|
||||
<span>Last test</span>
|
||||
<span>{{.Data.StorageTest.Config.LastTestedAt.Format "Jan 2, 15:04"}} · {{if .Data.StorageTest.Config.LastTestSuccess}}Passed{{else}}{{if .Data.StorageTest.Config.LastTestError}}{{.Data.StorageTest.Config.LastTestError}}{{else}}Failed{{end}}{{end}}</span>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
{{if not .Data.StorageTest.CanRun}}
|
||||
<p class="form-error">Run a successful connection test before starting speed tests.</p>
|
||||
{{end}}
|
||||
|
||||
<div class="storage-results-list storage-results-page" data-storage-tests-page data-storage-tests-url="/admin/storage/{{.Data.StorageTest.Config.ID}}/tests.json">
|
||||
{{if .Data.StorageTest.Tests}}
|
||||
{{range .Data.StorageTest.Tests}}
|
||||
<details class="storage-result-row" data-storage-test-id="{{.ID}}">
|
||||
<summary>
|
||||
<span>{{.StartedLabel}}</span>
|
||||
<span>{{if eq .Mode "custom"}}{{.CustomFileCount}} files × {{.CustomFileSizeMB}} MB{{else}}{{.ModeLabel}}{{end}}</span>
|
||||
<span class="storage-result-status is-{{.Status}}">{{.Status}}</span>
|
||||
</summary>
|
||||
<div class="storage-test-progress" aria-label="Test progress">
|
||||
<div class="storage-test-progress-bar"><span style="width: {{.ProgressPercent}}%"></span></div>
|
||||
<small>{{.ProgressPercent}}%{{if .Stage}} · {{.Stage}}{{end}}</small>
|
||||
</div>
|
||||
<div class="storage-result-detail">
|
||||
<span><strong>Finished</strong>{{.FinishedLabel}}</span>
|
||||
<span><strong>Files</strong>{{.FilesWritten}}</span>
|
||||
<span><strong>Size</strong>{{.TotalSizeLabel}}</span>
|
||||
<span><strong>Write</strong>{{.WriteSpeedLabel}}</span>
|
||||
<span><strong>Read</strong>{{.ReadSpeedLabel}}</span>
|
||||
{{if .Error}}<span class="storage-result-error"><strong>Error</strong>{{.Error}}</span>{{end}}
|
||||
</div>
|
||||
</details>
|
||||
{{end}}
|
||||
{{else}}
|
||||
<p class="muted-copy">No speed tests have been run for this backend yet.</p>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<div class="storage-modal" data-storage-speed-modal hidden>
|
||||
<div class="storage-modal-backdrop" data-storage-modal-close></div>
|
||||
<div class="storage-modal-card" role="dialog" aria-modal="true" aria-label="Run storage speed test">
|
||||
<div class="storage-modal-header">
|
||||
<strong>New speed test</strong>
|
||||
<button type="button" class="button button-outline button-sm" data-storage-modal-close>Close</button>
|
||||
</div>
|
||||
<form action="/admin/storage/{{.Data.StorageTest.Config.ID}}/speed-test" method="post" class="storage-speed-form">
|
||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
|
||||
<label class="storage-speed-option">
|
||||
<input type="radio" name="mode" value="small">
|
||||
<span><strong>Many small files test</strong><small>Writes, reads, and deletes many tiny objects.</small></span>
|
||||
</label>
|
||||
<label class="storage-speed-option">
|
||||
<input type="radio" name="mode" value="big">
|
||||
<span><strong>One big file test</strong><small>Uses one larger object for sequential throughput.</small></span>
|
||||
</label>
|
||||
<label class="storage-speed-option">
|
||||
<input type="radio" name="mode" value="mixed" checked>
|
||||
<span><strong>Average Test ( mix )</strong><small>Balances small object overhead and larger transfer speed.</small></span>
|
||||
</label>
|
||||
<label class="storage-speed-option">
|
||||
<input type="radio" name="mode" value="custom" data-storage-custom-radio>
|
||||
<span><strong>Custom</strong><small>Choose how many mock files to create and the size of each file.</small></span>
|
||||
</label>
|
||||
<div class="storage-custom-fields" data-storage-custom-fields hidden>
|
||||
<label><span>Files</span><input type="number" name="custom_file_count" min="1" max="500" value="10"></label>
|
||||
<label><span>Size per file (MB)</span><input type="number" name="custom_file_size_mb" min="0.001" step="0.001" value="1"></label>
|
||||
</div>
|
||||
<button class="button button-primary button-sm" type="submit">Run in background</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
Reference in New Issue
Block a user