Snippet page and edit

This commit is contained in:
Asaf Gartner 2024-06-23 17:12:20 +03:00
parent 5e7478fda7
commit 497fda3251
3 changed files with 11 additions and 6 deletions

View File

@ -24,8 +24,13 @@ function makeSnippetEdit(ownerName, ownerAvatar, ownerUrl, date, text, attachmen
let attachmentChanged = false;
let hasAttachment = false;
snippetEdit.redirect.value = location.href;
snippetEdit.avatarImg.src = ownerAvatar;
snippetEdit.avatarLink.href = ownerUrl;
if (ownerAvatar) {
snippetEdit.avatarImg.src = ownerAvatar;
snippetEdit.avatarLink.href = ownerUrl;
snippetEdit.avatarImg.hidden = false;
} else {
snippetEdit.avatarImg.hidden = true;
}
snippetEdit.username.textContent = ownerName;
snippetEdit.username.href = ownerUrl;
snippetEdit.date.textContent = new Intl.DateTimeFormat([], { month: "2-digit", day: "2-digit", year: "numeric" }).format(date);

View File

@ -9,7 +9,7 @@
</style>
<template id="snippet-edit">
<form data-tmpl="root" class="snippet-edit-root timeline-item pa3 mb2" method="POST" action="{{ .SnippetEdit.SubmitUrl }}" enctype="multipart/form-data">
<form data-tmpl="root" class="hmn-form snippet-edit-root ba b--theme-dim pa3 mb2" method="POST" action="{{ .SnippetEdit.SubmitUrl }}" enctype="multipart/form-data">
{{ csrftoken .Session }}
<input data-tmpl="redirect" type="hidden" name="redirect" />
<input data-tmpl="snippetId" type="hidden" name="snippet_id" />
@ -25,7 +25,7 @@
<textarea data-tmpl="text" placeholder="Description and/or links" class="w-100 h4 mt3" name="text"></textarea>
<div class="mv3">
<div data-tmpl="uploadBox">
<a data-tmpl="uploadLink" class="upload-box flex flex-column items-center pa4 b--dimmest br3 mw6" href="javascript:;">
<a data-tmpl="uploadLink" class="b--dashed flex flex-column items-center pa4 b--dimmest br3" href="javascript:;">
Upload image, video, or other file
</a>
<div data-tmpl="uploadResetBox" class="mt2 dn">

View File

@ -1,11 +1,11 @@
{{ template "base.html" . }}
{{ template "base-2024.html" . }}
{{ define "extrahead" }}
<script src="{{ static "js/templates.js" }}"></script>
{{ end }}
{{ define "content" }}
<div class="content-block">
<div class="mw-site pa3 center">
{{ template "timeline_item.html" .Snippet }}
</div>
{{ if .CanEditSnippet }}