Applications/comfychan
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 3 Activity

get adding threads working

Browse Source
This commit is contained in:
Dominic Ferrando
2025-04-18 02:25:35 -04:00
parent a8e1443f03
commit ccc53447de
6 changed files with 106 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files
'
-130
View File
@@ -1,130 +0,0 @@
body {
background: #EEF2FF;
}
/* INDEX */
#clavis {
display: block;
width: 300px;
margin: 10px auto;
margin-bottom: 50px;
}
/* BOARD LIST */
#boardList {
font-size: 12px;
margin: 5px;
}
#boardList a {
cursor: pointer;
color: #575F68;
}
#boardList a:hover {
color: #ff0000;
}
/* BOARDS */
.board-header {
text-align: center;
color: #AF0A0F;
}
.board-header h1 {
font-weight: bold;
font-size: 1.8rem;
margin: 8px;
margin-top: 12px;
}
.board-header p {
font-size: .8rem;
margin: 4px;
}
.board-header img {
width: 300px;
}
.new-thread-container {
width: max-content;
margin: auto;
}
.thread-catalog-post {
border: 2px solid rgba(111, 111, 111, 0.34);
min-width: 140px;
max-width: 140px;
max-height: 192px;
}
.thread-catalog-post h1 {
color: #0F0C5D;
font-weight: bold;
}
.thread-catalog-post p {
margin-top: 10px;
font-size: 12px;
}
#newThreadBtn {
margin-top: 12px;
background: none;
border: none;
padding: 0;
font-weight: bold;
font-size: 1.2rem;
color: #34345C;
cursor: pointer;
}
#newThreadBtn:hover {
color: #ff0000
}
.new-thread-form-field {}
.new-thread-form-field th {
border: 1px solid black;
text-align: left;
vertical-align: middle;
padding: 4px;
background: #98E;
font-weight: bold;
font-size: .8rem;
}
.new-thread-form-field td {
display: block;
margin: 2px;
}
/* GENERAL LAYOUT */
.container {
width: 600px;
margin: auto;
}
.box {
font-size: 12px;
border: 1px solid black;
background-color: #eceff6;
}
.box h2 {
padding: 5px;
margin: 0;
background-color: #00007F;
color: #FFF;
}
.box p {
padding: 10px;
}
internal/database/handlers.go
+29
View File
@@ -73,3 +73,32 @@ func GetThreadPosts(db *sql.DB, thread_id int) ([]Post, error) {
return result, rows.Err()
}
func PutBoardThread(db *sql.DB, boardId int, subject string, body string) error {
tx, err := db.Begin()
if err != nil {
return err
}
defer tx.Rollback()
res, err := tx.Exec(`INSERT INTO threads (board_id, subject) VALUES (?, ?) RETURNING id`, boardId, subject)
if err != nil {
return err
}
threadId, err := res.LastInsertId()
if err != nil {
return err
}
_, err = tx.Exec(`INSERT INTO posts (thread_id, body) VALUES (?, ?)`, threadId, body)
if err != nil {
return err
}
if err = tx.Commit(); err != nil {
return err
}
return nil
}
main.go
+24 -6
View File
@@ -3,15 +3,14 @@ package main
import (
"database/sql"
"fmt"
"log"
"net/http"
"strconv"
"github.com/dominicf2001/comfychan/internal/database"
"github.com/dominicf2001/comfychan/web/views"
"github.com/go-chi/chi/v5"
"github.com/go-chi/chi/v5/middleware"
_ "github.com/mattn/go-sqlite3"
"log"
"net/http"
"strconv"
)
var dev = true
@@ -59,7 +58,7 @@ func main() {
views.Board(board).Render(r.Context(), w)
})
r.Get("/hx/{boardId}/posts/grid", func(w http.ResponseWriter, r *http.Request) {
r.Get("/hx/boards/{boardId}/catalog", func(w http.ResponseWriter, r *http.Request) {
boardIdStr := chi.URLParam(r, "boardId")
boardId, err := strconv.Atoi(boardIdStr)
if err != nil {
@@ -89,7 +88,26 @@ func main() {
})
}
views.PostsGrid(vms).Render(r.Context(), w)
views.PostsCatalog(vms).Render(r.Context(), w)
})
r.Post("/boards/{boardId}/threads", func(w http.ResponseWriter, r *http.Request) {
boardIdStr := chi.URLParam(r, "boardId")
boardId, err := strconv.Atoi(boardIdStr)
if err != nil {
http.Error(w, "invalid board id", http.StatusBadRequest)
return
}
if err := r.ParseForm(); err != nil {
http.Error(w, "Bad form data", http.StatusBadRequest)
return
}
subject := r.FormValue("subject")
body := r.FormValue("body")
database.PutBoardThread(db, boardId, subject, body)
})
fmt.Println("Listening on :8080")
web/static/index.css
+13 -3
View File
@@ -54,21 +54,26 @@ body {
.new-thread-container {
width: max-content;
margin: auto;
margin-top: 16px;
}
#threadCatalog {
margin: 0 2rem;
#catalog {
display: grid;
grid-template-columns: auto auto auto auto;
gap: 1rem;
margin: 2rem;
}
.thread-catalog-post {
padding: 10px;
border: 2px solid rgba(111, 111, 111, 0.34);
min-width: 140px;
max-width: 140px;
max-width: 200px;
max-height: 192px;
}
.thread-catalog-post h1 {
font-size: 14px;
color: #0F0C5D;
font-weight: bold;
}
@@ -93,6 +98,11 @@ body {
color: #ff0000
}
#newThreadForm button {
display: block;
margin-left: auto;
}
.new-thread-form-field {}
.new-thread-form-field th {
web/views/board.templ
+24 -19
View File
@@ -1,43 +1,48 @@
package views
import (
"fmt"
database "github.com/dominicf2001/comfychan/internal/database"
"github.com/dominicf2001/comfychan/web/views/shared"
"fmt"
database "github.com/dominicf2001/comfychan/internal/database"
"github.com/dominicf2001/comfychan/web/views/shared"
)
templ NewThreadForm() {
<form style="display: none;" id="newThreadForm" style="display: ;">
<div>
templ NewThreadForm(board database.Board) {
<form
style="display: none;"
id="newThreadForm"
hx-swap="none"
hx-post={ fmt.Sprintf("/boards/%d/threads", board.Id) }
_="on htmx:afterRequest hide me then show #newThreadBtn then trigger refreshThreads on body"
>
<table>
<tbody>
<tr class="new-thread-form-field">
<th>Subject</th>
<td><input /></td>
<td><input name="subject"/></td>
</tr>
<tr class="new-thread-form-field">
<th>Comment</th>
<td><textarea></textarea></td>
<td><textarea name="body" required></textarea></td>
</tr>
</tbody>
</table>
</div>
</form>
<button type="submit">Submit</button>
</form>
}
templ Board(board database.Board) {
@shared.Layout() {
<header class="board-header">
<img src="/static/img/banner-comfy.png" />
@shared.Layout() {
<header class="board-header">
<img src="/static/img/banner-comfy.png"/>
<h1>
{ fmt.Sprintf("/%s/ - %s", board.Slug, board.Name) }
</h1>
<p>{ board.Tag }</p>
</header>
<div class="new-thread-container">
</header>
<div class="new-thread-container">
<button _="on click hide me then show #newThreadForm" id="newThreadBtn">[New Thread]</button>
@NewThreadForm()
</div>
<div hx-get={ fmt.Sprintf("/hx/%d/posts/grid", board.Id) } hx-trigger="load" id="threadCatalog"></div>
}
@NewThreadForm(board)
</div>
<div hx-get={ fmt.Sprintf("/hx/boards/%d/catalog", board.Id) } hx-trigger="load, refreshThreads from:body"></div>
}
}
web/views/posts.templ
+9 -7
View File
@@ -3,15 +3,17 @@ package views
import "github.com/dominicf2001/comfychan/internal/database"
type ThreadGridBoxViewModel struct {
Thread database.Thread
Posts []database.Post
Thread database.Thread
Posts []database.Post
}
templ PostsGrid(vms []ThreadGridBoxViewModel) {
for _, vm := range vms {
<div class="thread-catalog-post">
templ PostsCatalog(vms []ThreadGridBoxViewModel) {
<div id="catalog">
for _, vm := range vms {
<div class="thread-catalog-post">
<h1>{ vm.Thread.Subject }</h1>
<p>{ vm.Posts[0].Body }</p>
</div>
}
</div>
}
</div>
}