Implemented features for creating and deleting boards and threads, removed thread types, enhanced CSS for boards and comments
parent
f7206db295
commit
55908bb215
GPG Key ID:
B1836DCE2F50BDF7
|
|
@ -54,9 +54,8 @@ func BoardHandler(app *App) http.HandlerFunc {
|
|||
action := r.URL.Query().Get("action")
|
||||
if action == "create_thread" {
|
||||
title := r.FormValue("title")
|
||||
threadType := r.FormValue("type")
|
||||
if title == "" || (threadType != "classic" && threadType != "chat" && threadType != "question") {
|
||||
http.Error(w, "Invalid input", http.StatusBadRequest)
|
||||
if title == "" {
|
||||
http.Error(w, "Thread title is required", http.StatusBadRequest)
|
||||
return
|
||||
}
|
||||
if board.Private {
|
||||
|
|
@ -74,7 +73,6 @@ func BoardHandler(app *App) http.HandlerFunc {
|
|||
thread := models.Thread{
|
||||
BoardID: boardID,
|
||||
Title: title,
|
||||
Type: threadType,
|
||||
CreatedByUserID: userID,
|
||||
}
|
||||
err = models.CreateThread(app.DB, thread)
|
||||
|
|
|
|||
|
|
@ -3,16 +3,52 @@ package handlers
|
|||
import (
|
||||
"log"
|
||||
"net/http"
|
||||
"github.com/gorilla/sessions"
|
||||
"strconv"
|
||||
"threadr/models"
|
||||
"github.com/gorilla/sessions"
|
||||
)
|
||||
|
||||
func BoardsHandler(app *App) http.HandlerFunc {
|
||||
return func(w http.ResponseWriter, r *http.Request) {
|
||||
session := r.Context().Value("session").(*sessions.Session)
|
||||
loggedIn := session.Values["user_id"] != nil
|
||||
userID, _ := session.Values["user_id"].(int)
|
||||
cookie, _ := r.Cookie("threadr_cookie_banner")
|
||||
userID, _ := session.Values["user_id"].(int)
|
||||
isAdmin := false
|
||||
|
||||
if loggedIn {
|
||||
user, err := models.GetUserByID(app.DB, userID)
|
||||
if err != nil {
|
||||
log.Printf("Error fetching user: %v", err)
|
||||
} else if user != nil {
|
||||
isAdmin = models.HasGlobalPermission(user, models.PermCreateBoard)
|
||||
}
|
||||
}
|
||||
|
||||
if r.Method == http.MethodPost && loggedIn && isAdmin {
|
||||
name := r.FormValue("name")
|
||||
description := r.FormValue("description")
|
||||
if name == "" {
|
||||
http.Error(w, "Board name is required", http.StatusBadRequest)
|
||||
return
|
||||
}
|
||||
board := models.Board{
|
||||
Name: name,
|
||||
Description: description,
|
||||
Private: false,
|
||||
PublicVisible: true,
|
||||
}
|
||||
query := "INSERT INTO boards (name, description, private, public_visible) VALUES (?, ?, ?, ?)"
|
||||
result, err := app.DB.Exec(query, board.Name, board.Description, board.Private, board.PublicVisible)
|
||||
if err != nil {
|
||||
log.Printf("Error creating board: %v", err)
|
||||
http.Error(w, "Failed to create board", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
boardID, _ := result.LastInsertId()
|
||||
http.Redirect(w, r, app.Config.ThreadrDir+"/board/?id="+strconv.FormatInt(boardID, 10), http.StatusFound)
|
||||
return
|
||||
}
|
||||
|
||||
publicBoards, err := models.GetAllBoards(app.DB, false)
|
||||
if err != nil {
|
||||
|
|
@ -46,6 +82,7 @@ func BoardsHandler(app *App) http.HandlerFunc {
|
|||
PageData
|
||||
PublicBoards []models.Board
|
||||
PrivateBoards []models.Board
|
||||
IsAdmin bool
|
||||
}{
|
||||
PageData: PageData{
|
||||
Title: "ThreadR - Boards",
|
||||
|
|
@ -58,6 +95,7 @@ func BoardsHandler(app *App) http.HandlerFunc {
|
|||
},
|
||||
PublicBoards: publicBoards,
|
||||
PrivateBoards: privateBoards,
|
||||
IsAdmin: isAdmin,
|
||||
}
|
||||
if err := app.Tmpl.ExecuteTemplate(w, "boards", data); err != nil {
|
||||
log.Printf("Error executing template in BoardsHandler: %v", err)
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ func ThreadHandler(app *App) http.HandlerFunc {
|
|||
if action == "submit" {
|
||||
content := r.FormValue("content")
|
||||
replyToStr := r.URL.Query().Get("to")
|
||||
replyTo := 0
|
||||
replyTo := -1
|
||||
if replyToStr != "" {
|
||||
replyTo, err = strconv.Atoi(replyToStr)
|
||||
if err != nil {
|
||||
|
|
@ -109,12 +109,6 @@ func ThreadHandler(app *App) http.HandlerFunc {
|
|||
return
|
||||
}
|
||||
|
||||
if thread.Type == "chat" {
|
||||
for i, j := 0, len(posts)-1; i < j; i, j = i+1, j-1 {
|
||||
posts[i], posts[j] = posts[j], posts[i]
|
||||
}
|
||||
}
|
||||
|
||||
data := struct {
|
||||
PageData
|
||||
Thread models.Thread
|
||||
|
|
|
|||
3
main.go
3
main.go
|
|
@ -64,13 +64,12 @@ func createTablesIfNotExist(db *sql.DB) error {
|
|||
return fmt.Errorf("error creating users table: %v", err)
|
||||
}
|
||||
|
||||
// Create threads table
|
||||
// Create threads table (without type field)
|
||||
_, err = db.Exec(`
|
||||
CREATE TABLE IF NOT EXISTS threads (
|
||||
id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
board_id INT NOT NULL,
|
||||
title VARCHAR(255) NOT NULL,
|
||||
type VARCHAR(50) NOT NULL,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
created_by_user_id INT NOT NULL,
|
||||
|
|
|
|||
|
|
@ -20,20 +20,38 @@ func GetBoardByID(db *sql.DB, id int) (*Board, error) {
|
|||
query := "SELECT id, name, description, private, public_visible, pinned_threads, custom_landing_page, color_scheme FROM boards WHERE id = ?"
|
||||
row := db.QueryRow(query, id)
|
||||
board := &Board{}
|
||||
var pinnedThreadsJSON string
|
||||
err := row.Scan(&board.ID, &board.Name, &board.Description, &board.Private, &board.PublicVisible, &pinnedThreadsJSON, &board.CustomLandingPage, &board.ColorScheme)
|
||||
var pinnedThreadsJSON sql.NullString
|
||||
var customLandingPage sql.NullString
|
||||
var colorScheme sql.NullString
|
||||
var description sql.NullString
|
||||
err := row.Scan(&board.ID, &board.Name, &description, &board.Private, &board.PublicVisible, &pinnedThreadsJSON, &customLandingPage, &colorScheme)
|
||||
if err == sql.ErrNoRows {
|
||||
return nil, nil
|
||||
}
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
if pinnedThreadsJSON != "" {
|
||||
err = json.Unmarshal([]byte(pinnedThreadsJSON), &board.PinnedThreads)
|
||||
if description.Valid {
|
||||
board.Description = description.String
|
||||
} else {
|
||||
board.Description = ""
|
||||
}
|
||||
if pinnedThreadsJSON.Valid && pinnedThreadsJSON.String != "" {
|
||||
err = json.Unmarshal([]byte(pinnedThreadsJSON.String), &board.PinnedThreads)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
}
|
||||
if customLandingPage.Valid {
|
||||
board.CustomLandingPage = customLandingPage.String
|
||||
} else {
|
||||
board.CustomLandingPage = ""
|
||||
}
|
||||
if colorScheme.Valid {
|
||||
board.ColorScheme = colorScheme.String
|
||||
} else {
|
||||
board.ColorScheme = ""
|
||||
}
|
||||
return board, nil
|
||||
}
|
||||
|
||||
|
|
@ -48,17 +66,35 @@ func GetAllBoards(db *sql.DB, private bool) ([]Board, error) {
|
|||
var boards []Board
|
||||
for rows.Next() {
|
||||
board := Board{}
|
||||
var pinnedThreadsJSON string
|
||||
err := rows.Scan(&board.ID, &board.Name, &board.Description, &board.Private, &board.PublicVisible, &pinnedThreadsJSON, &board.CustomLandingPage, &board.ColorScheme)
|
||||
var pinnedThreadsJSON sql.NullString
|
||||
var customLandingPage sql.NullString
|
||||
var colorScheme sql.NullString
|
||||
var description sql.NullString
|
||||
err := rows.Scan(&board.ID, &board.Name, &description, &board.Private, &board.PublicVisible, &pinnedThreadsJSON, &customLandingPage, &colorScheme)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
if pinnedThreadsJSON != "" {
|
||||
err = json.Unmarshal([]byte(pinnedThreadsJSON), &board.PinnedThreads)
|
||||
if description.Valid {
|
||||
board.Description = description.String
|
||||
} else {
|
||||
board.Description = ""
|
||||
}
|
||||
if pinnedThreadsJSON.Valid && pinnedThreadsJSON.String != "" {
|
||||
err = json.Unmarshal([]byte(pinnedThreadsJSON.String), &board.PinnedThreads)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
}
|
||||
if customLandingPage.Valid {
|
||||
board.CustomLandingPage = customLandingPage.String
|
||||
} else {
|
||||
board.CustomLandingPage = ""
|
||||
}
|
||||
if colorScheme.Valid {
|
||||
board.ColorScheme = colorScheme.String
|
||||
} else {
|
||||
board.ColorScheme = ""
|
||||
}
|
||||
boards = append(boards, board)
|
||||
}
|
||||
return boards, nil
|
||||
|
|
|
|||
|
|
@ -29,10 +29,26 @@ func GetPostsByThreadID(db *sql.DB, threadID int) ([]Post, error) {
|
|||
var posts []Post
|
||||
for rows.Next() {
|
||||
post := Post{}
|
||||
err := rows.Scan(&post.ID, &post.ThreadID, &post.UserID, &post.PostTime, &post.EditTime, &post.Content, &post.AttachmentHash, &post.AttachmentName, &post.Title, &post.ReplyTo)
|
||||
var postTimeStr string
|
||||
var editTimeStr sql.NullString
|
||||
err := rows.Scan(&post.ID, &post.ThreadID, &post.UserID, &postTimeStr, &editTimeStr, &post.Content, &post.AttachmentHash, &post.AttachmentName, &post.Title, &post.ReplyTo)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
post.PostTime, err = time.Parse("2006-01-02 15:04:05", postTimeStr)
|
||||
if err != nil {
|
||||
post.PostTime = time.Time{}
|
||||
}
|
||||
if editTimeStr.Valid {
|
||||
editTime, err := time.Parse("2006-01-02 15:04:05", editTimeStr.String)
|
||||
if err != nil {
|
||||
post.EditTime = nil
|
||||
} else {
|
||||
post.EditTime = &editTime
|
||||
}
|
||||
} else {
|
||||
post.EditTime = nil
|
||||
}
|
||||
posts = append(posts, post)
|
||||
}
|
||||
return posts, nil
|
||||
|
|
|
|||
|
|
@ -9,7 +9,6 @@ type Thread struct {
|
|||
ID int
|
||||
BoardID int
|
||||
Title string
|
||||
Type string // "classic", "chat", "question"
|
||||
CreatedAt time.Time
|
||||
UpdatedAt time.Time
|
||||
CreatedByUserID int
|
||||
|
|
@ -17,21 +16,31 @@ type Thread struct {
|
|||
}
|
||||
|
||||
func GetThreadByID(db *sql.DB, id int) (*Thread, error) {
|
||||
query := "SELECT id, board_id, title, type, created_at, updated_at, created_by_user_id, accepted_answer_post_id FROM threads WHERE id = ?"
|
||||
query := "SELECT id, board_id, title, created_at, updated_at, created_by_user_id, accepted_answer_post_id FROM threads WHERE id = ?"
|
||||
row := db.QueryRow(query, id)
|
||||
thread := &Thread{}
|
||||
err := row.Scan(&thread.ID, &thread.BoardID, &thread.Title, &thread.Type, &thread.CreatedAt, &thread.UpdatedAt, &thread.CreatedByUserID, &thread.AcceptedAnswerPostID)
|
||||
var createdAtStr string
|
||||
var updatedAtStr string
|
||||
err := row.Scan(&thread.ID, &thread.BoardID, &thread.Title, &createdAtStr, &updatedAtStr, &thread.CreatedByUserID, &thread.AcceptedAnswerPostID)
|
||||
if err == sql.ErrNoRows {
|
||||
return nil, nil
|
||||
}
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
thread.CreatedAt, err = time.Parse("2006-01-02 15:04:05", createdAtStr)
|
||||
if err != nil {
|
||||
thread.CreatedAt = time.Time{}
|
||||
}
|
||||
thread.UpdatedAt, err = time.Parse("2006-01-02 15:04:05", updatedAtStr)
|
||||
if err != nil {
|
||||
thread.UpdatedAt = time.Time{}
|
||||
}
|
||||
return thread, nil
|
||||
}
|
||||
|
||||
func GetThreadsByBoardID(db *sql.DB, boardID int) ([]Thread, error) {
|
||||
query := "SELECT id, board_id, title, type, created_at, updated_at, created_by_user_id, accepted_answer_post_id FROM threads WHERE board_id = ? ORDER BY updated_at DESC"
|
||||
query := "SELECT id, board_id, title, created_at, updated_at, created_by_user_id, accepted_answer_post_id FROM threads WHERE board_id = ? ORDER BY updated_at DESC"
|
||||
rows, err := db.Query(query, boardID)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
|
|
@ -41,17 +50,27 @@ func GetThreadsByBoardID(db *sql.DB, boardID int) ([]Thread, error) {
|
|||
var threads []Thread
|
||||
for rows.Next() {
|
||||
thread := Thread{}
|
||||
err := rows.Scan(&thread.ID, &thread.BoardID, &thread.Title, &thread.Type, &thread.CreatedAt, &thread.UpdatedAt, &thread.CreatedByUserID, &thread.AcceptedAnswerPostID)
|
||||
var createdAtStr string
|
||||
var updatedAtStr string
|
||||
err := rows.Scan(&thread.ID, &thread.BoardID, &thread.Title, &createdAtStr, &updatedAtStr, &thread.CreatedByUserID, &thread.AcceptedAnswerPostID)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
thread.CreatedAt, err = time.Parse("2006-01-02 15:04:05", createdAtStr)
|
||||
if err != nil {
|
||||
thread.CreatedAt = time.Time{}
|
||||
}
|
||||
thread.UpdatedAt, err = time.Parse("2006-01-02 15:04:05", updatedAtStr)
|
||||
if err != nil {
|
||||
thread.UpdatedAt = time.Time{}
|
||||
}
|
||||
threads = append(threads, thread)
|
||||
}
|
||||
return threads, nil
|
||||
}
|
||||
|
||||
func CreateThread(db *sql.DB, thread Thread) error {
|
||||
query := "INSERT INTO threads (board_id, title, type, created_by_user_id, created_at, updated_at) VALUES (?, ?, ?, ?, NOW(), NOW())"
|
||||
_, err := db.Exec(query, thread.BoardID, thread.Title, thread.Type, thread.CreatedByUserID)
|
||||
query := "INSERT INTO threads (board_id, title, created_by_user_id, created_at, updated_at, type) VALUES (?, ?, ?, NOW(), NOW(), 'classic')"
|
||||
_, err := db.Exec(query, thread.BoardID, thread.Title, thread.CreatedByUserID)
|
||||
return err
|
||||
}
|
||||
207
static/style.css
207
static/style.css
|
|
@ -1,5 +1,5 @@
|
|||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #fef6e4; /* beige */
|
||||
|
|
@ -10,7 +10,7 @@ main {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
main > header {
|
||||
|
|
@ -20,20 +20,33 @@ main > header {
|
|||
|
||||
main > section {
|
||||
margin: 1em;
|
||||
padding: 1em;
|
||||
padding: 14px 20px;
|
||||
border: 1px solid #001858;
|
||||
border-radius: 5px;
|
||||
background-color: #f3d2c1; /* orange */
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
width: 80%;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
main > div {
|
||||
width: 80%;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
main > div > article {
|
||||
border: 1px solid #001858;
|
||||
padding: 1em;
|
||||
padding: 14px 20px;
|
||||
margin-bottom: 1em;
|
||||
background-color: #fef6e4;
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
main > div > article:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
article > header {
|
||||
|
|
@ -41,7 +54,9 @@ article > header {
|
|||
background-color: #001858;
|
||||
color: #fef6e4;
|
||||
padding: 0.5em;
|
||||
margin: -1em -1em 1em -1em;
|
||||
margin: -14px -20px 1em -20px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
ul.topnav {
|
||||
|
|
@ -52,6 +67,7 @@ ul.topnav {
|
|||
background-color: #001858;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
box-shadow: 0 0.7em 1.2em 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
|
|
@ -64,11 +80,13 @@ ul.topnav li a {
|
|||
display: block;
|
||||
color: #fef6e4;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
padding: 1.2em 1.3em;
|
||||
text-decoration: none;
|
||||
font-family: monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
ul.topnav li a:hover {
|
||||
ul.topnav li a:hover:not(.active) {
|
||||
background-color: #8bd3dd; /* cyan */
|
||||
}
|
||||
|
||||
|
|
@ -83,6 +101,7 @@ div.topnav {
|
|||
div.banner {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #001858;
|
||||
padding: 10px;
|
||||
|
|
@ -104,17 +123,21 @@ form {
|
|||
}
|
||||
|
||||
input, textarea, select {
|
||||
margin: 0.5em 0;
|
||||
padding: 0.5em;
|
||||
margin: 8px 0;
|
||||
padding: 14px 20px;
|
||||
border: 1px solid #001858;
|
||||
border-radius: 4px;
|
||||
background-color: #fef6e4;
|
||||
color: #001858;
|
||||
font-family: monospace;
|
||||
box-sizing: border-box;
|
||||
box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
background-color: #001858;
|
||||
color: #fef6e4;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -123,13 +146,15 @@ input[type="submit"]:hover {
|
|||
}
|
||||
|
||||
button {
|
||||
margin: 0.5em 0;
|
||||
padding: 0.5em;
|
||||
margin: 8px 0;
|
||||
padding: 14px 20px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
background-color: #001858;
|
||||
color: #fef6e4;
|
||||
cursor: pointer;
|
||||
font-family: monospace;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
|
|
@ -138,6 +163,125 @@ button:hover {
|
|||
|
||||
img {
|
||||
max-width: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: monospace;
|
||||
color: #001858;
|
||||
}
|
||||
|
||||
p, a, li {
|
||||
font-family: monospace;
|
||||
color: #001858;
|
||||
}
|
||||
|
||||
/* Enhanced styles for boards */
|
||||
ul.board-list {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li.board-item {
|
||||
margin-bottom: 1em;
|
||||
padding: 1em;
|
||||
background-color: #fef6e4;
|
||||
border: 1px solid #001858;
|
||||
border-radius: 8px;
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
li.board-item:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
li.board-item a {
|
||||
color: #001858;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
li.board-item a:hover {
|
||||
color: #f582ae;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p.board-desc {
|
||||
margin: 0.5em 0 0 0;
|
||||
color: #001858;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* Enhanced styles for thread posts */
|
||||
.thread-posts {
|
||||
width: 80%;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.post-item {
|
||||
background-color: #fef6e4;
|
||||
border: 1px solid #001858;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 1.5em;
|
||||
padding: 1em;
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.post-item:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.post-item header {
|
||||
background-color: #001858;
|
||||
color: #fef6e4;
|
||||
padding: 0.5em;
|
||||
margin: -1em -1em 1em -1em;
|
||||
border-radius: 6px 6px 0 0;
|
||||
border-bottom: 1px solid #001858;
|
||||
}
|
||||
|
||||
.post-item header h3 {
|
||||
margin: 0;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.post-item header p {
|
||||
margin: 0.3em 0 0 0;
|
||||
font-size: 0.85em;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
margin: 0;
|
||||
padding: 0.5em;
|
||||
line-height: 1.5;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.post-actions {
|
||||
margin-top: 0.8em;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.post-actions a {
|
||||
color: #001858;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
padding: 0.3em 0.6em;
|
||||
border: 1px solid #001858;
|
||||
border-radius: 4px;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.post-actions a:hover {
|
||||
background-color: #8bd3dd;
|
||||
color: #fef6e4;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
|
@ -169,6 +313,40 @@ img {
|
|||
input[type="submit"]:hover, button:hover {
|
||||
background-color: #8bd3dd;
|
||||
}
|
||||
li.board-item {
|
||||
background-color: #444;
|
||||
border-color: #fef6e4;
|
||||
}
|
||||
li.board-item a {
|
||||
color: #fef6e4;
|
||||
}
|
||||
li.board-item a:hover {
|
||||
color: #f582ae;
|
||||
}
|
||||
p.board-desc {
|
||||
color: #fef6e4;
|
||||
}
|
||||
.post-item {
|
||||
background-color: #444;
|
||||
border-color: #fef6e4;
|
||||
}
|
||||
.post-content {
|
||||
color: #fef6e4;
|
||||
}
|
||||
.post-actions a {
|
||||
color: #fef6e4;
|
||||
border-color: #fef6e4;
|
||||
}
|
||||
.post-actions a:hover {
|
||||
background-color: #8bd3dd;
|
||||
color: #001858;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #fef6e4;
|
||||
}
|
||||
p, a, li {
|
||||
color: #fef6e4;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
|
|
@ -182,5 +360,12 @@ img {
|
|||
main > section {
|
||||
margin: 0.5em;
|
||||
padding: 0.5em;
|
||||
width: 95%;
|
||||
}
|
||||
main > div {
|
||||
width: 95%;
|
||||
}
|
||||
.thread-posts {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
|
|
@ -13,11 +13,16 @@
|
|||
<p>{{.Board.Description}}</p>
|
||||
</header>
|
||||
<section>
|
||||
<h3>Threads</h3>
|
||||
{{if .Threads}}
|
||||
<ul>
|
||||
{{range .Threads}}
|
||||
<li><a href="{{$.BasePath}}/thread/?id={{.ID}}">{{.Title}}</a> ({{.Type}})</li>
|
||||
<li><a href="{{$.BasePath}}/thread/?id={{.ID}}">{{.Title}}</a> - Updated on {{.UpdatedAt.Format "02/01/2006 - 15:04"}}</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<p>No threads available in this board yet.</p>
|
||||
{{end}}
|
||||
</section>
|
||||
{{if .LoggedIn}}
|
||||
<section>
|
||||
|
|
@ -25,12 +30,6 @@
|
|||
<form method="post" action="{{.BasePath}}/board/?id={{.Board.ID}}&action=create_thread">
|
||||
<label for="title">Thread Title:</label>
|
||||
<input type="text" id="title" name="title" required><br>
|
||||
<label for="type">Thread Type:</label>
|
||||
<select id="type" name="type">
|
||||
<option value="classic">Classic</option>
|
||||
<option value="chat">Chat</option>
|
||||
<option value="question">Question</option>
|
||||
</select><br>
|
||||
<input type="submit" value="Create Thread">
|
||||
</form>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -13,20 +13,46 @@
|
|||
</header>
|
||||
<section>
|
||||
<h3>Public Boards</h3>
|
||||
<ul>
|
||||
{{if .PublicBoards}}
|
||||
<ul class="board-list">
|
||||
{{range .PublicBoards}}
|
||||
<li><a href="{{$.BasePath}}/board/?id={{.ID}}">{{.Name}}</a></li>
|
||||
<li class="board-item">
|
||||
<a href="{{$.BasePath}}/board/?id={{.ID}}">{{.Name}}</a>
|
||||
<p class="board-desc">{{.Description}}</p>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<p>No public boards available at the moment.</p>
|
||||
{{end}}
|
||||
</section>
|
||||
{{if .LoggedIn}}
|
||||
<section>
|
||||
<h3>Private Boards</h3>
|
||||
<ul>
|
||||
{{if .PrivateBoards}}
|
||||
<ul class="board-list">
|
||||
{{range .PrivateBoards}}
|
||||
<li><a href="{{$.BasePath}}/board/?id={{.ID}}">{{.Name}}</a></li>
|
||||
<li class="board-item">
|
||||
<a href="{{$.BasePath}}/board/?id={{.ID}}">{{.Name}}</a>
|
||||
<p class="board-desc">{{.Description}}</p>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<p>No private boards available to you at the moment.</p>
|
||||
{{end}}
|
||||
</section>
|
||||
{{end}}
|
||||
{{if .IsAdmin}}
|
||||
<section>
|
||||
<h3>Create New Public Board</h3>
|
||||
<form method="post" action="{{.BasePath}}/boards/">
|
||||
<label for="name">Board Name:</label>
|
||||
<input type="text" id="name" name="name" required><br>
|
||||
<label for="description">Description:</label>
|
||||
<textarea id="description" name="description"></textarea><br>
|
||||
<input type="submit" value="Create Board">
|
||||
</form>
|
||||
</section>
|
||||
{{end}}
|
||||
</main>
|
||||
|
|
|
|||
|
|
@ -10,35 +10,32 @@
|
|||
<main>
|
||||
<header>
|
||||
<h2>{{.Thread.Title}}</h2>
|
||||
{{if eq .Thread.Type "question"}}
|
||||
{{if .Thread.AcceptedAnswerPostID}}
|
||||
<p>Accepted Answer: <a href="#{{.Thread.AcceptedAnswerPostID}}">Post {{.Thread.AcceptedAnswerPostID}}</a></p>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</header>
|
||||
<div>
|
||||
<div class="thread-posts">
|
||||
{{range .Posts}}
|
||||
<article id="{{.ID}}">
|
||||
<article id="{{.ID}}" class="post-item" style="margin-left: {{if gt .ReplyTo 0}}20px{{else}}0px{{end}};">
|
||||
<header>
|
||||
<h3>{{.Title}}</h3>
|
||||
<p>Posted by User {{.UserID}} on {{.PostTime}}</p>
|
||||
<h3>{{if .Title}}{{.Title}}{{else}}Post #{{.ID}}{{end}}</h3>
|
||||
<p>Posted on {{.PostTime.Format "02/01/2006 - 15:04"}}</p>
|
||||
{{if gt .ReplyTo 0}}
|
||||
<p>Reply to post {{.ReplyTo}}</p>
|
||||
<p>Reply to post <a href="#{{.ReplyTo}}">{{.ReplyTo}}</a></p>
|
||||
{{end}}
|
||||
</header>
|
||||
<p>{{.Content}}</p>
|
||||
<div class="post-content">{{.Content}}</div>
|
||||
{{if $.LoggedIn}}
|
||||
<form method="post" action="{{$.BasePath}}/like/" style="display:inline;">
|
||||
<input type="hidden" name="post_id" value="{{.ID}}">
|
||||
<input type="hidden" name="type" value="like">
|
||||
<button type="submit">Like</button>
|
||||
</form>
|
||||
<form method="post" action="{{$.BasePath}}/like/" style="display:inline;">
|
||||
<input type="hidden" name="post_id" value="{{.ID}}">
|
||||
<input type="hidden" name="type" value="dislike">
|
||||
<button type="submit">Dislike</button>
|
||||
</form>
|
||||
<a href="{{$.BasePath}}/thread/?id={{$.Thread.ID}}&action=submit&to={{.ID}}">Reply</a>
|
||||
<div class="post-actions">
|
||||
<form method="post" action="{{$.BasePath}}/like/" style="display:inline;">
|
||||
<input type="hidden" name="post_id" value="{{.ID}}">
|
||||
<input type="hidden" name="type" value="like">
|
||||
<button type="submit">Like</button>
|
||||
</form>
|
||||
<form method="post" action="{{$.BasePath}}/like/" style="display:inline;">
|
||||
<input type="hidden" name="post_id" value="{{.ID}}">
|
||||
<input type="hidden" name="type" value="dislike">
|
||||
<button type="submit">Dislike</button>
|
||||
</form>
|
||||
<a href="{{$.BasePath}}/thread/?id={{$.Thread.ID}}&action=submit&to={{.ID}}">Reply</a>
|
||||
</div>
|
||||
{{end}}
|
||||
</article>
|
||||
{{end}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue