post info now populates on homepage

Author: webdev410

controllers/homeRoutes.js

@@ -1,20 +1,18 @@
 const router = require("express").Router();
-const User = require("../models/User");
-
+const { Post, User } = require("../models");
 const withAuth = require("../utils/auth");
 
 router.get("/", withAuth, async (req, res) => {
   try {
-    // creates a users object for admin dashboard reporting
-    const userData = await User.findAll({
-      attributes: { exclude: ["password"] },
-      order: [["username", "ASC"]],
+    // gets all posts to display on the page
+    const postData = await Post.findAll({
+      attributes: ["title", "text", "createdAt"],
     });
 
-    const users = userData.map((project) => project.get({ plain: true }));
+    const posts = postData.map((post) => post.get({ plain: true }));
 
-    console.log(users);
     res.render("dashboard", {
+      posts,
       //pass data into page
       logged_in: req.session.logged_in,
       username: req.session.username,

models/Post.js

@@ -15,6 +15,9 @@ Post.init(
       primaryKey: true,
       autoIncrement: true,
     },
+    title: {
+      type: DataTypes.STRING,
+    },
     text: {
       type: DataTypes.STRING,
     },

seeds/postData.json

@@ -1,6 +1,7 @@
 [
   {
     "id": 1,
+    "title": "Sample Title",
     "text": "This is a sample post",
     "user_id": 1
   }

views/dashboard.handlebars

@@ -1 +1,3 @@
-<h2>dash</h2>
+<h2>dash</h2>
+
+{{>posts}}

views/partials/posts.handlebars

@@ -0,0 +1,10 @@
+<div>
+  <h3>Posts</h3>
+</div>
+
+{{#each posts}}
+  <div class="card">
+    <h3>{{title}}</h3>
+    <p>{{text}}</p>
+  </div>
+{{/each}}