Add dates to user posts

User posts now include the date it was submitted.
The layout for each post has also been changed
to account for the date.

Changes made drumstick.sql file

 - added created_on column of type date
   to posts table to automatically time stamp
   a date for a post when created.

Changes made to posts.go file

  Changes made to the post struct

   - Added createdOn field of type time.Time
     to map to the the same field in the posts table

   - Added the date string field to store the  date as a formatted
     string. This allows the date to be viewed via the posts template file

 - Changes made to usernameByID func
   - added logic to format the date in usernameByID func
     to store the date as a string in the post.Date field

 - Changes made to CreatePosts func
   - updated fields to inlcude the createdOn field to
     map to created_on column in the posts table

Changes made to posts.tmpl file
  - looping through posts now shows the date
  - added link to new drumstick.css file for better layout of posts elements

Changes made to main.go file
 - added the echo.Static func to include the root directory path to
   the static file drumstick.css file to shorten the import path for posts.tmpl.

Author: ScriptMang

drumstick.sql

@@ -2,7 +2,7 @@
 -- PostgreSQL database dump
 --
 
-\restrict xIB8oa6OL1g4W2kgqB6ttDmSQdalyoWow5wgfGhof14LWv70TjhknIVbzwgYgcH
+\restrict kjat48JEwxUStXA4GnmmegyFEUjW5UWBb3apRFcL9rp6CJIGB2HyW9kbVVQuulT
 
 -- Dumped from database version 16.10 (Homebrew)
 -- Dumped by pg_dump version 16.10 (Homebrew)
@@ -32,6 +32,7 @@ CREATE TABLE public.posts (
     thread_id integer NOT NULL,
     username character varying(30) NOT NULL,
     content character varying(350) NOT NULL,
+    created_on date DEFAULT CURRENT_DATE NOT NULL,
     CONSTRAINT non_empty_column CHECK ((length(TRIM(BOTH FROM content)) > 0))
 );
 
@@ -159,7 +160,7 @@ ALTER TABLE ONLY public.user_profile ALTER COLUMN id SET DEFAULT nextval('public
 -- Data for Name: posts; Type: TABLE DATA; Schema: public; Owner: <username>
 --
 
-COPY public.posts (user_id, parent_id, thread_id, username, content) FROM stdin;
+COPY public.posts (user_id, parent_id, thread_id, username, content, created_on) FROM stdin;
 \.
 
 
@@ -200,14 +201,6 @@ SELECT pg_catalog.setval('public.user_account_id_seq', 1, false);
 SELECT pg_catalog.setval('public.user_profile_id_seq', 1, false);
 
 
---
--- Name: posts posts_user_id_parent_id_thread_id_username_content_key; Type: CONSTRAINT; Schema: public; Owner: <username>
---
-
-ALTER TABLE ONLY public.posts
-    ADD CONSTRAINT posts_user_id_parent_id_thread_id_username_content_key UNIQUE (user_id, parent_id, thread_id, username, content);
-
-
 --
 -- Name: user_account user_account_email_key; Type: CONSTRAINT; Schema: public; Owner: <username>
 --
@@ -300,5 +293,5 @@ ALTER TABLE ONLY public.user_profile
 -- PostgreSQL database dump complete
 --
 
-\unrestrict xIB8oa6OL1g4W2kgqB6ttDmSQdalyoWow5wgfGhof14LWv70TjhknIVbzwgYgcH
+\unrestrict kjat48JEwxUStXA4GnmmegyFEUjW5UWBb3apRFcL9rp6CJIGB2HyW9kbVVQuulT
 

internal/posts/posts.go

@@ -5,18 +5,21 @@ import (
 	"fmt"
 	"scriptmang/drumstick/internal/accts"
 	"scriptmang/drumstick/internal/backend"
+	"time"
 
 	"github.com/georgysavva/scany/v2/pgxscan"
 	"github.com/jackc/pgx/v5"
 	"github.com/jackc/pgx/v5/pgconn"
 )
 
 type Post struct {
-	UserID   int    `json:"user_id" form:"user_id"`
-	ParentID int    `json:"parent_id"`
-	ThreadID int    `json:"thread_id"`
-	Username string `json:"username" form:"username"`
-	Content  string `json:"content" form:"content"`
+	UserID    int       `json:"user_id" form:"user_id"`
+	ParentID  int       `json:"parent_id"`
+	ThreadID  int       `json:"thread_id"`
+	Username  string    `json:"username" form:"username"`
+	Content   string    `json:"content" form:"content"`
+	CreatedOn time.Time `json:"created_on"`
+	Date      string
 }
 
 func usernameByID(id int) (string, error) {
@@ -41,6 +44,11 @@ func UserPostsByID(uid int) ([]*Post, error) {
 	if err != nil {
 		return nil, fmt.Errorf("error: %w", err)
 	}
+
+	for _, pst := range userPosts {
+		pst.Date = pst.CreatedOn.Format("01/02/2006")
+	}
+
 	return userPosts, nil
 }
 
@@ -58,7 +66,7 @@ func CreatePosts(userPost, email string) (*Post, error) {
 		return nil, fmt.Errorf("error: %w", uidErr)
 	}
 
-	// add posts to posts
+	// get the  user's  username
 	username, userNameErr := usernameByID(uid)
 	if userNameErr != nil {
 		return nil, fmt.Errorf("error: %v\n", userNameErr)
@@ -68,7 +76,8 @@ func CreatePosts(userPost, email string) (*Post, error) {
 	err := db.QueryRow(ctx, `INSERT INTO posts(user_id, parent_id, username, content)`+
 		` VALUES($1,$2,$3,$4) RETURNING *`, uid, 0, username, userPost).Scan(
 		&tempPost.UserID, &tempPost.ParentID,
-		&tempPost.ThreadID, &tempPost.Username, &tempPost.Content,
+		&tempPost.ThreadID, &tempPost.Username,
+		&tempPost.Content, &tempPost.CreatedOn,
 	)
 
 	if err != nil {

main.go

@@ -233,8 +233,9 @@ func main() {
 	router.Use(middleware.Logger())
 	router.Use(middleware.Recover())
 
-	router.Renderer = tm
+	router.Static("static", "ui/static/")
 
+	router.Renderer = tm
 	router.GET("/", homePage)
 	router.GET("/signup", signUp)
 	router.GET("/loginForm", loginForm)

ui/html/pages/posts.tmpl

@@ -4,9 +4,10 @@
   <head>
      <meta charset='utf-8'>
      <title>Posts</title>
-     <link rel='stylesheet' href='https://fonts.google.apis.com/css?family=Ubuntu+Mono:400,700'>
+     <link rel='stylesheet' href="static/drumstick.css">
   </head>
-  <body>
+<body>
+
     <header>
         <h1>View Posts</h1>
     </header>
@@ -22,24 +23,26 @@
 
 
     <h3> My Feed</h3>
-    <hr>
-
+  <hr class="post-separator">
   {{range .Posts}}
-   <div name="post-container" style="margin-bottom: 5rem">
-
-    <div name="post-top-div">
-      <p><strong>{{.Username}}</strong></p>
-    </div>
-
-    <div name="post-center-div" style="margin-bototm: 4rem; margin-left: 1rem">
-      <p>{{.Content}}</p>
-    </div>
-
+   <div class="posts">
+      <div class="posts-row">
+        <div class="posts-item">
+          <p><strong>{{.Username}}</strong></p>
+        </div>
+   
+        <div class="posts-item">
+          <p><strong>{{.Date}}</strong></p>
+        </div>
+      </div>
+
+      <div class="posts-body">
+        <p>{{.Content}}</p>
+      </div>
    </div>
-   <hr>
+   <hr class="posts-separator bottom-separator">
    {{end}}
 
-
   </body>
 </html>
 {{end}}

ui/static/drumstick.css

@@ -0,0 +1,36 @@
+.post-container {
+    margin-bottom: 0;
+    padding: 0;
+}
+
+.posts-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 5px;
+    margin-bottom: 0.25rem;
+}
+
+.posts-body {
+    display: block;
+    padding: 0;
+    margin-left: 1rem;
+}
+
+.posts-item {
+    padding: 0;
+}
+
+.posts-row p, .posts-body p {
+    margin: 0;
+    line-height: 1.2;
+}
+
+.posts-separator {
+    margin: 0.5rem 0;
+    border: none;
+    border-top: 1px solid black;
+}
+ 
+.bottom-separator {
+    margin-top: 4rem;
+}