Implement edit post page

This commit is contained in:
Brian Picciano 2022-05-20 10:13:46 -06:00
parent 0bc0204f0b
commit 75044eef03
8 changed files with 126 additions and 9 deletions

View File

@ -214,7 +214,8 @@ func (a *api) handler() http.Handler {
v2Mux.Handle("/follow.html", a.renderDumbTplHandler("follow.html"))
v2Mux.Handle("/posts/", http.StripPrefix("/posts",
apiutil.MethodMux(map[string]http.Handler{
"GET": a.renderPostHandler(),
"GET": a.renderPostHandler(),
"EDIT": a.editPostHandler(),
"DELETE": authMiddleware(auther,
formMiddleware(a.deletePostHandler()),
),

View File

@ -149,7 +149,7 @@ func (a *api) postPostAssetHandler() http.Handler {
return http.HandlerFunc(func(rw http.ResponseWriter, r *http.Request) {
id := r.PostFormValue("id")
if id == "" {
if id == "/" {
apiutil.BadRequest(rw, r, errors.New("id is required"))
return
}
@ -176,7 +176,7 @@ func (a *api) deletePostAssetHandler() http.Handler {
id := filepath.Base(r.URL.Path)
if id == "" {
if id == "/" {
apiutil.BadRequest(rw, r, errors.New("id is required"))
return
}

View File

@ -138,13 +138,43 @@ func (a *api) renderPostsIndexHandler() http.Handler {
})
}
func (a *api) editPostHandler() http.Handler {
tpl := a.mustParseBasedTpl("edit-post.html")
return http.HandlerFunc(func(rw http.ResponseWriter, r *http.Request) {
id := filepath.Base(r.URL.Path)
var storedPost post.StoredPost
if id != "/" {
var err error
storedPost, err = a.params.PostStore.GetByID(id)
if errors.Is(err, post.ErrPostNotFound) {
http.Error(rw, "Post not found", 404)
return
} else if err != nil {
apiutil.InternalServerError(
rw, r, fmt.Errorf("fetching post with id %q: %w", id, err),
)
return
}
}
executeTemplate(rw, r, tpl, storedPost)
})
}
func (a *api) deletePostHandler() http.Handler {
return http.HandlerFunc(func(rw http.ResponseWriter, r *http.Request) {
id := filepath.Base(r.URL.Path)
if id == "" {
if id == "/" {
apiutil.BadRequest(rw, r, errors.New("id is required"))
return
}

View File

@ -8,6 +8,7 @@ import (
"net/http"
"path/filepath"
"strings"
"time"
"github.com/mediocregopher/blog.mediocregopher.com/srv/api/apiutil"
)
@ -50,6 +51,9 @@ func (a *api) mustParseTpl(name string) *template.Template {
path := filepath.Join("posts", id)
return blogURL(path)
},
"DateTimeFormat": func(t time.Time) string {
return t.Format("2006-01-02")
},
})
tpl = template.Must(tpl.Parse(mustReadTplFile(name)))

View File

@ -0,0 +1,82 @@
{{ define "body" }}
<form method="POST" action="{{ BlogURL "posts/" }}">
<div class="row">
<div class="columns six">
<label for="idInput">Unique ID (e.g. "how-to-fly-a-kite")</label>
<input
id="idInput"
name="id"
class="u-full-width"
type="text"
value="{{ .Payload.ID }}" />
</div>
<div class="columns three">
<label for="tagsInput">Tags (space separated)</label>
<input
id="tagsInput"
name="tags"
class="u-full-width"
type="text"
value="{{ range $i, $tag := .Payload.Tags }}{{ if ne $i 0 }} {{ end }}{{ $tag }}{{ end }}" />
</div>
<div class="columns three">
<label for="seriesInput">Series</label>
<input
id="seriesInput"
name="series"
class="u-full-width"
type="text"
value="{{ .Payload.Series }}" />
</div>
</div>
<div class="row">
<div class="columns six">
<label for="titleInput">Title</label>
<input
id="titleInput"
name="title"
class="u-full-width"
type="text"
value="{{ .Payload.Title }}" />
</div>
<div class="columns six">
<label for="descrInput">Description</label>
<input
id="descrInput"
name="description"
class="u-full-width"
type="text"
value="{{ .Payload.Description }}" />
</div>
</div>
<div class="row">
<div class="columns twelve">
<textarea
name="body"
class="u-full-width"
placeholder="Blog body"
style="height: 50vh;"
>
{{ .Payload.Body }}
</textarea>
</div>
</div>
<input type="submit" value="Save" />
</form>
{{ end }}
{{ template "base.html" . }}

View File

@ -7,9 +7,9 @@
<h2>
<a href="{{ PostURL .ID }}">{{ .Title }}</a>
</h2>
<span>{{ .PublishedAt.Format "2006-01-02" }}</span>
<span>{{ DateTimeFormat .PublishedAt }}</span>
{{ if not .LastUpdatedAt.IsZero }}
<span>(Updated {{ .LastUpdatedAt.Format "2006-01-02" }})</span>
<span>(Updated {{ DateTimeFormat .LastUpdatedAt }})</span>
{{ end }}
<p>{{ .Description }}</p>
</li>

View File

@ -5,10 +5,10 @@
{{ .Payload.Title }}
</h1>
<div class="light">
{{ .Payload.PublishedAt.Format "2006-01-02" }}
{{ DateTimeFormat .Payload.PublishedAt }}
&nbsp;&nbsp;
{{ if not .Payload.LastUpdatedAt.IsZero }}
(Updated {{ .Payload.LastUpdatedAt.Format "2006-01-02" }})
(Updated {{ DateTimeFormat .Payload.LastUpdatedAt }})
&nbsp;&nbsp;
{{ end }}
<em>{{ .Payload.Description }}</em>

View File

@ -22,7 +22,7 @@
<p style="text-align: center;">
<a href="{{ BlogURL "posts/" }}?method=new">
<a href="{{ BlogURL "posts/" }}?method=edit">
<button>New Post</button>
</a>
</p>