articles with categories

Signed-off-by: Arnav Gupta <[email protected]>

Author: championswimmer

Lecture17/blog-project/controllers/articles.js

@@ -1,12 +1,14 @@
-const { Article, User } = require('../db/models')
+const { db, Article, User, Category } = require('../db/models')
 
 async function getAllArticles() {
-  return await Article.findAll()
+  return await Article.findAll({
+    include: [{ model: User, as: 'author' }, { model: Category }],
+  })
 }
 async function getArticleById(id) {
   return await Article.findOne({
     include: [{ model: User, as: 'author' }],
-    where: { id }
+    where: { id },
   })
 }
 
@@ -18,12 +20,21 @@ async function getArticleByAuthorEmail(email) {
 
   return article
 }
-async function createArticle(authorId, title, subtitle, body) {
-  const article = await Article.create({
-    authorId,
-    title,
-    subtitle,
-    body,
+async function createArticle(authorId, title, subtitle, body, categoryIds) {
+  let article;
+  await db.transaction(async (t) => {
+
+    article = await Article.create({
+      authorId,
+      title,
+      subtitle,
+      body,
+    }, {transaction: t})
+
+    if (article) {
+      await article.setCategories(categoryIds, {transaction: t})
+    }
+
   })
 
   return article

Lecture17/blog-project/controllers/categories.js

@@ -0,0 +1,20 @@
+const { Category } = require('../db/models')
+
+async function addCategory(catName) {
+  return await Category.create({name: catName})
+}
+
+async function getAllCategories() {
+  return await Category.findAll()
+}
+
+async function getAllCategoriesAsArray() {
+  return (await Category.findAll()).map(cat => cat.name)
+}
+
+
+module.exports = {
+  addCategory,
+  getAllCategories,
+  getAllCategoriesAsArray
+}

Lecture17/blog-project/db/models.js

@@ -41,6 +41,14 @@ const Comment = db.define('comment', {
   },
 })
 
+const Category = db.define('category', {
+  name: {
+    type: Sequelize.STRING(30),
+    allowNull: false,
+    unique: true
+  },
+})
+
 Article.belongsTo(User, { as: 'author' })
 User.hasMany(Article, { as: 'author' })
 
@@ -50,9 +58,13 @@ User.hasMany(Comment, { as: 'commentor' })
 Comment.belongsTo(Article)
 Article.hasMany(Comment)
 
+Article.belongsToMany(Category, {through: 'article_category'})
+Category.belongsToMany(Article, {through: 'article_category'})
+
 module.exports = {
   db,
   Article,
   User,
   Comment,
+  Category
 }

Lecture17/blog-project/routes/api/categories.js

@@ -0,0 +1,23 @@
+const { Router } = require('express')
+const { getAllCategories, addCategory } = require('../../controllers/categories')
+
+const route = Router()
+
+route.get('/', async (req, res) => {
+  const categories = await getAllCategories()
+  return res.status(200).send(categories)
+})
+
+route.post('/', async (req, res) => {
+  try {
+    const category = await addCategory(req.body.name)
+
+    return res.status(201).send(category)
+  } catch (e) {
+    return res.status(500).send({
+      error: e,
+    })
+  }
+})
+
+module.exports = route

Lecture17/blog-project/routes/api/index.js

@@ -5,5 +5,6 @@ const route = Router()
 route.use('/articles', require('./articles'))
 route.use('/comments', require('./comments'))
 route.use('/users', require('./users'))
+route.use('/categories', require('./categories'))
 
 module.exports = route

Lecture17/blog-project/routes/pages/index.js

@@ -1,25 +1,34 @@
 const { Router } = require('express')
 const { getAllArticles, createArticle } = require('../../controllers/articles')
 const { getAllUsers } = require('../../controllers/users')
+const { getAllCategories } = require('../../controllers/categories')
 
 const route = Router()
 
 route.get('/', async (req, res) => {
 
   const articles = await getAllArticles()
   const users = await getAllUsers()
+  const categories = await getAllCategories()
 
   res.render('home', {
     title: 'Home',
-    articles, users
+    articles, users, categories
   })
 })
 
 route.post('/articles', async (req, res) => {
   try {
-    const article = await createArticle(req.body.author_id, req.body.title, req.body.subtitle, req.body.body)
+    const article = await createArticle(
+      req.body.author_id,
+      req.body.title,
+      req.body.subtitle,
+      req.body.body,
+      req.body.category
+    )
     return res.redirect('/')
   } catch (e) {
+    throw e
     return res.status(500).send({
       error: e,
     })

Lecture17/blog-project/views/partials/new_article_form.hbs

@@ -2,24 +2,40 @@
   <div class="form-group col-12">
     <label for="title">Heading</label>
     <input name="title"
-          type="text" class="form-control"
-          id="title" placeholder="Heading">
+           type="text" class="form-control"
+           id="title" placeholder="Heading">
   </div>
 
   <div class="form-group col-12">
     <label for="subtitle">Article Subheading</label>
     <input name="subtitle"
-          type="text" class="form-control"
-          id="subtitle" placeholder="Article Subheading">
+           type="text" class="form-control"
+           id="subtitle" placeholder="Article Subheading">
   </div>
 
   <div class="form-group col-12">
     <label for="body">Article Body</label>
     <textarea name="body"
-          class="form-control" id="body"
-          placeholder="Write your article here"></textarea>
+              class="form-control" id="body"
+              placeholder="Write your article here"></textarea>
   </div>
 
+  <div class="form-group col-12">
+    <div>Categories</div>
+    {{#each categories as |category|}}
+    <div class="p-2" style="display: inline-block;">
+      <input name="category" value="{{category.id}}" type="checkbox">
+      <label class="text-sm-left">{{category.name}}</label>
+    </div>
+
+    {{/each}}
+    <div class="p-2" style="display: inline-block;">
+      <input name="category" value="10" type="checkbox">
+      <label class="text-sm-left">wrong</label>
+    </div>
+  </div>
+
+
   <div class="form-group col-10">
     <div class="row">
       <label for="author" class="col-2">Author</label>