catbase/plugins/counter/counter.templ

package counter

import "fmt"

func urlFor(who, what, dir string) string {
    return fmt.Sprintf("/counter/users/%s/items/%s/%s", who, what, dir)
}

func (p *CounterPlugin) allItems() map[string][]Item {
    items, err := GetAllItemsByUser(p.db)
    if err != nil {
        return map[string][]Item{"error": {}}
    }
    return items
}

templ (p *CounterPlugin) index() {
    <h2>Counter</h2>
    <label>Password
        <input class="input-group-field" type="text" name="password" />
    </label>
    <table class="striped">
        for user, items := range p.allItems() {
            <thead>
                <tr><th class="text-left" colspan="3">{ user }</th></tr>
            </thead>
            for _, thing := range items {
                @p.renderItem(user, thing)
            }
        }
    </table>
}

templ (p *CounterPlugin) renderItem(user string, item Item) {
    <tr id={ fmt.Sprintf("item%d", item.ID) }>
        <td>
            { item.Item }
        </td>
        <td>
            { fmt.Sprintf("%d", item.Count) }
        </td>
        <td>
            <button
                class="button tiny alert"
                style="vertical-align: baseline"
                hx-target={ "#"+fmt.Sprintf("item%d", item.ID) }
                hx-include="[name='password']"
                hx-swap="outerHTML"
                hx-post={ urlFor(user, item.Item, "decrement") }
            >-</button>
            <button
                class="button tiny success"
                style="vertical-align: baseline"
                hx-target={ "#"+fmt.Sprintf("item%d", item.ID) }
                hx-include="[name='password']"
                hx-swap="outerHTML"
                hx-post={ urlFor(user, item.Item, "increment") }
            >+</button>
        </td>
    </tr>
}