Files
at-container-registry/pkg/hold/admin/templates/pages/crew_edit.html
T

90 lines
3.6 KiB
HTML

{{define "pages/crew_edit.html"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}} - Hold Admin</title>
<script src="/admin/public/js/htmx.min.js"></script>
<script src="/admin/public/js/lucide.min.js"></script>
<link rel="stylesheet" href="/admin/public/css/admin.css">
</head>
<body>
{{template "nav" .}}
<main class="container">
{{if .Flash}}
<div class="flash flash-{{.Flash.Category}}">{{.Flash.Message}}</div>
{{end}}
<div class="page-header">
<h1>Edit Crew Member</h1>
<a href="/admin/crew" class="btn">
<i data-lucide="arrow-left"></i>
Back to Crew
</a>
</div>
<div class="card">
<div class="card-header member-header">
<div class="member-info">
{{if .MemberHandle}}<strong id="member-handle">{{.MemberHandle}}</strong>{{end}}
<code class="did-code">{{.Member.Member}}</code>
</div>
{{if .IsOwner}}<span class="badge badge-gold">Owner</span>{{end}}
</div>
<form action="/admin/crew/{{.RKey}}/update" method="POST" class="form">
<div class="form-group">
<label for="role">Role</label>
<input type="text" id="role" name="role" value="{{.Member.Role}}" {{if .IsOwner}}disabled{{end}}>
</div>
<div class="form-group">
<label>Permissions</label>
<div class="checkbox-group">
<label class="checkbox">
<input type="checkbox" name="perm_read" {{if contains .Member.Permissions "blob:read"}}checked{{end}} {{if .IsOwner}}disabled{{end}}>
<span>blob:read</span>
</label>
<label class="checkbox">
<input type="checkbox" name="perm_write" {{if contains .Member.Permissions "blob:write"}}checked{{end}} {{if .IsOwner}}disabled{{end}}>
<span>blob:write</span>
</label>
<label class="checkbox">
<input type="checkbox" name="perm_admin" {{if contains .Member.Permissions "crew:admin"}}checked{{end}} {{if .IsOwner}}disabled{{end}}>
<span>crew:admin</span>
</label>
</div>
</div>
{{if .Tiers}}
<div class="form-group">
<label for="tier">Quota Tier</label>
<select id="tier" name="tier" {{if .IsOwner}}disabled{{end}}>
{{range .Tiers}}
<option value="{{.Key}}" {{if eq .Key $.Member.Tier}}selected{{end}}>{{.Name}} ({{.Limit}})</option>
{{end}}
</select>
</div>
{{end}}
{{if .IsOwner}}
<p class="note">Owner permissions cannot be modified.</p>
{{else}}
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save Changes</button>
<a href="/admin/crew" class="btn">Cancel</a>
</div>
{{end}}
</form>
</div>
</main>
<footer class="footer"><p>Hold: <code>{{.HoldDID}}</code></p></footer>
<script>lucide.createIcons();</script>
</body>
</html>
{{end}}