52 lines
1.3 KiB
Templ
52 lines
1.3 KiB
Templ
package views
|
|
|
|
import (
|
|
"fmt"
|
|
database "github.com/dominicf2001/comfychan/internal/database"
|
|
"github.com/dominicf2001/comfychan/web/views/shared"
|
|
)
|
|
|
|
templ NewThreadForm(board database.Board) {
|
|
<form style="display: none;" id="newThreadForm" hx-swap="none" hx-post={ fmt.Sprintf("/%s/threads", board.Slug) } _="on htmx:afterRequest
|
|
hide me
|
|
then show #newThreadBtn
|
|
then trigger refreshThreads on body">
|
|
<table>
|
|
<tbody>
|
|
<tr class="new-post-form-field">
|
|
<th>Subject</th>
|
|
<td><input name="subject" /></td>
|
|
</tr>
|
|
<tr class="new-post-form-field">
|
|
<th>Comment</th>
|
|
<td><textarea name="body" required></textarea></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
}
|
|
|
|
templ BoardHeader(board database.Board) {
|
|
<header class="board-header">
|
|
<img src={ fmt.Sprintf("/static/img/banners/%s.png", board.Slug) } />
|
|
<h1>
|
|
{ fmt.Sprintf("/%s/ - %s", board.Slug, board.Name) }
|
|
</h1>
|
|
<p>{ board.Tag }</p>
|
|
</header>
|
|
}
|
|
|
|
templ Board(board database.Board) {
|
|
@shared.Layout() {
|
|
@BoardHeader(board)
|
|
<div class="new-post-container">
|
|
<button _="on click
|
|
hide me
|
|
then show #newThreadForm" id="newThreadBtn">[New Thread]</button>
|
|
@NewThreadForm(board)
|
|
</div>
|
|
<div hx-get={ fmt.Sprintf("/hx/%s/catalog", board.Slug) } hx-trigger="load, refreshThreads from:body"></div>
|
|
}
|
|
}
|