arimelody-web/admin/templates/html/edit-blog.html

{{define "head"}}
<title>Editing {{.Post.Title}} - ari melody 💫</title>
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/admin/static/edit-blog.css">
{{end}}

{{define "content"}}
<main>
    <h1>Editing Blog Post</h1>

    <div id="blogpost" data-id="{{.Post.ID}}">
        <label for="title">Title</label>
        <h2 id="blog-title">
            <div
                id="title"
                name="title"
                role="textbox"
                aria-multiline="true"
                spellcheck="true"
                aria-haspopup="listbox"
                aria-invalid="false"
                aria-autocomplete="list"
                autocorrect="off"
                contenteditable="true"
                zindex="-1"
                >{{.Post.Title}}</div>
        </h2>

        <label for="publish-date">Publish Date</label>
        <input type="datetime-local" name="publish-date" id="publish-date" value="{{.Post.TextPublishDate}}">
        <button type="button" id="set-current-date">Current date</button>

        <label for="description">Description</label>
        <textarea
                id="description"
                name="description"
                value="{{.Post.Description}}"
                placeholder="No description provided."
                rows="3"
                >{{.Post.Description}}</textarea>

        <label for="markdown">Markdown</label>
        <textarea
                id="markdown"
                name="markdown"
                value="{{.Post.Markdown}}"
                rows="30"
                >{{.Post.Markdown}}</textarea>

        <div class="social-post-details">
            <div class="social-post-item">
                <label for="bluesky-actor">Bluesky Author DID</label>
                <input
                        type="text"
                        name="bluesky-actor"
                        id="bluesky-actor"
                        placeholder="did:plc:1234abcd..."
                        value="{{if .Post.Bluesky}}{{.Post.Bluesky.ActorDID}}{{end}}">
            </div>
            <div class="social-post-item">
                <label for="bluesky-record">Bluesky Post ID</label>
                <input
                        type="text"
                        name="bluesky-record"
                        id="bluesky-record"
                        placeholder="3m109a03..."
                        value="{{if .Post.Bluesky}}{{.Post.Bluesky.RecordID}}{{end}}">
            </div>
        </div>

        <div class="social-post-details">
            <div class="social-post-item">
                <label for="fediverse-account">Fediverse Account</label>
                <input
                        type="text"
                        name="fediverse-account"
                        id="fediverse-account"
                        placeholder="@me@my.fediverse.place"
                        value="{{if .Post.Fediverse}}{{.Post.Fediverse.AccountID}}{{end}}">
            </div>
            <div class="social-post-item">
                <label for="fediverse-status">Fediverse Status ID</label>
                <input
                        type="text"
                        name="fediverse-status"
                        id="fediverse-status"
                        placeholder="never consistent ¯\_(ツ)_/¯"
                        value="{{if .Post.Fediverse}}{{.Post.Fediverse.StatusID}}{{end}}">
            </div>
        </div>

        <label for="visibility">Visibility</label>
        <select name="visibility" id="visibility">
            <option value="true"{{if .Post.Visible}} selected{{end}}>Visible</option>
            <option value="false"{{if not .Post.Visible}} selected{{end}}>Hidden</option>
        </select>

        <div class="blog-actions">
            <a href="/blog/{{.Post.ID}}" class="button">View</a>
            <button type="submit" class="save" id="save" disabled>Save</button>
        </div>
    </div>

    <div class="card" id="danger">
        <div class="card-header">
            <h2>Danger Zone</h2>
        </div>
        <p>
        Clicking the button below will delete this blog post.
        This action is <strong>irreversible</strong>.
        You will be prompted to confirm this decision.
        </p>
        <button class="delete" id="delete">Delete Release</button>
    </div>
</main>

<script type="module" src="/admin/static/edit-blog.js"></script>
{{end}}