58 lines
1.3 KiB
Go
58 lines
1.3 KiB
Go
package chat
|
|
|
|
import (
|
|
"chat/internal/db"
|
|
"fmt"
|
|
"github.com/maddalax/htmgo/framework/h"
|
|
"strings"
|
|
"time"
|
|
)
|
|
|
|
func MessageRow(message *Message) *h.Element {
|
|
return h.Div(
|
|
h.Attribute("hx-swap-oob", "beforeend"),
|
|
h.Class("flex flex-col gap-4 w-full break-words whitespace-normal"),
|
|
// Ensure container breaks long words
|
|
h.Id("messages"),
|
|
h.Div(
|
|
h.Class("flex flex-col gap-1"),
|
|
h.Div(
|
|
h.Class("flex gap-2 items-center"),
|
|
h.Pf(
|
|
message.UserName,
|
|
h.Class("font-bold"),
|
|
),
|
|
h.Pf(message.CreatedAt.In(time.Local).Format("01/02 03:04 PM")),
|
|
),
|
|
h.Article(
|
|
h.Class("break-words whitespace-normal"),
|
|
// Ensure message text wraps correctly
|
|
h.P(
|
|
h.Text(message.Message),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
}
|
|
|
|
func ConnectedUsers(users []db.User, myId string) *h.Element {
|
|
return h.Ul(
|
|
h.Attribute("hx-swap-oob", "outerHTML"),
|
|
h.Id("connected-users"),
|
|
h.Class("flex flex-col"),
|
|
h.List(users, func(user db.User, index int) *h.Element {
|
|
return connectedUser(user.Name, user.SessionID == myId)
|
|
}),
|
|
)
|
|
}
|
|
|
|
func connectedUser(username string, isMe bool) *h.Element {
|
|
id := fmt.Sprintf("connected-user-%s", strings.ReplaceAll(username, "#", "-"))
|
|
return h.Li(
|
|
h.Id(id),
|
|
h.ClassX("truncate text-slate-700", h.ClassMap{
|
|
"font-bold": isMe,
|
|
}),
|
|
h.Text(username),
|
|
)
|
|
}
|