jason/cpolis
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases 58 Wiki Activity

Allow uploading a banner image

Browse Source
This commit is contained in:
Jason Streifling
2024-10-27 07:21:36 +01:00
parent 19b390cbbb
commit 343022273c
11 changed files with 274 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/templates/editor.html
View File

@ -1,15 +1,24 @@
{{define "page-content"}}
<h2>Editor</h2>
<form id="edit-area">
<form id="edit-area" hx-encoding="multipart/form-data">
<div class="flex flex-col gap-y-1">
<label for="article-title">Titel</label>
<div class="w-full" id="article-banner-container">
<img src="data:image/webp;base64,{{.BannerImage}}" alt="Banner Image">
<input id="article-banner-url" name="article-banner-url" type="hidden" value="{{.Article.BannerLink}}" />
</div>
<div class="grid grid-cols-2 gap-4 items-center">
<input name="article-title" type="text" value="{{.Article.Title}}" />
<label class="btn text-center" for="image-upload">Titelbild</label>
<input class="hidden" id="image-upload" name="issue-image" type="file" required
hx-post="/issue/upload-image" />
<!-- TODO: Route einfügen -->
<div class="flex flex-col">
<label for="article-title">Titel</label>
<input name="article-title" type="text" value="{{.Article.Title}}" />
</div>
<div class="grid grid-cols-1 items-center">
<label class="btn cursor-pointer text-center" for="article-banner">Titelbild</label>
<input class="hidden" id="article-banner" name="article-banner" type="file" required
hx-post="/article/upload-banner" hx-target="#article-banner-container" />
</div>
</div>
</div>
@ -81,3 +90,10 @@
});
</script>
{{end}}
{{define "article-banner-template"}}
<div class="w-full" id="article-banner-container">
<img src="data:image/webp;base64,{{.BannerImage}}" alt="Banner Image">
<input id="article-banner-url" name="article-banner-url" type="hidden" value="{{.URL}}" />
</div>
{{end}}