Started UI for editing images

This commit is contained in:
Leon Mika 2026-03-25 21:09:57 +11:00
parent 8c371ccae9
commit 18f9f49c0a
10 changed files with 191 additions and 9 deletions

View file

@ -1,5 +1,5 @@
{{ $isPublished := ne .post.State 1 }}
<main class="flex-grow-1 position-relative">
<main class="flex-grow-1 position-relative post-edit-page">
<form action="/sites/{{.site.ID}}/posts" method="post" class="container-fluid post-form py-2"
data-controller="postedit"
data-action="keydown.meta+s->postedit#save keydown.meta+enter->postedit#publish"

28
views/uploads/edit.html Normal file
View file

@ -0,0 +1,28 @@
<main class="flex-grow-1 flex-shrink-1">
<div class="flex-grow-1 flex-shrink-1 d-flex flex-column">
<div class="row flex-grow-1 flex-shrink-1 m-0" data-controller="edit-upload">
<figure class="col-md-9 p-3">
<img src="{{ .upload.URL }}" alt="{{ .upload.Upload.Alt }}" class="img-fluid">
</figure>
<div class="col-md-3 p-3">
<div data-edit-upload-target="processList"></div>
<div class="text-center">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Add Processor
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-9">
Actions go here
</div>
</main>