Merge pull request #7 from zunairkhan811/add-form

Add form to Blog App

Gemfile

@@ -71,4 +71,5 @@ group :test do
   gem 'capybara'
   gem 'selenium-webdriver'
 end
+gem 'bootstrap_form', '~> 5.4'
 gem 'rubocop', '>= 1.0', '< 2.0'

Gemfile.lock

@@ -72,6 +72,9 @@ GEM
     bindex (0.8.1)
     bootsnap (1.17.0)
       msgpack (~> 1.2)
+    bootstrap_form (5.4.0)
+      actionpack (>= 6.1)
+      activemodel (>= 6.1)
     builder (3.2.4)
     capybara (3.39.2)
       addressable
@@ -262,6 +265,7 @@ PLATFORMS
 
 DEPENDENCIES
   bootsnap
+  bootstrap_form (~> 5.4)
   capybara
   debug
   importmap-rails

app/controllers/application_controller.rb

@@ -1,2 +1,8 @@
 class ApplicationController < ActionController::Base
+  protect_from_forgery with: :exception
+  helper_method :current_user
+
+  def current_user
+    @current_user ||= User.first
+  end
 end

app/controllers/comments_controller.rb

@@ -0,0 +1,10 @@
+class CommentsController < ApplicationController
+  def create
+    @comment = Comment.new(user_id: current_user.id, post_id: params[:post_id], text: params[:text])
+    if @comment.save
+      redirect_to user_post_path(:user_id, :post_id), notice: 'Your comment has been successfully created.'
+    else
+      redirect_to user_post_path(:user_id, :post_id), alert: 'Error creating comment.'
+    end
+  end
+end

app/controllers/homes_controller.rb

@@ -0,0 +1,3 @@
+class HomesController < ApplicationController
+  def index; end
+end

app/controllers/likes_controller.rb

@@ -0,0 +1,20 @@
+class LikesController < ApplicationController
+  def create
+    @like = Like.new(user_id: params[:user_id], post_id: params[:post_id])
+    if @like.save
+      redirect_to redirect_url, notice: 'You have successfully liked the post'
+    else
+      redirect_to redirect_url, alert: 'Error occurred while liking the post'
+    end
+  end
+
+  private
+
+  def redirect_url
+    if request.referer.present? && request.referer.include?("/users/#{params[:user_id]}/posts")
+      request.referer
+    else
+      user_posts_path(params[:user_id])
+    end
+  end
+end

app/controllers/posts_controller.rb

@@ -9,6 +9,15 @@ def new
     @post = Post.new
   end
 
+  def create
+    @post = @user.posts.new(post_params)
+    if @post.save
+      redirect_to user_posts_path(current_user), notice: 'Your Post has been successfully Created'
+    else
+      render :new, notice: error
+    end
+  end
+
   def show; end
 
   private
@@ -24,6 +33,6 @@ def set_user
   def set_post
     @post = @user.posts.find(params[:id])
   rescue ActiveRecord::RecordNotFound => e
-    redirect_to posts_path, notice: e
+    redirect_to user_post_path, notice: e
   end
 end

app/views/posts/index.html.erb

@@ -1,8 +1,13 @@
 <div class="col-lg-12 mb-5">
    <%= render 'shared/show_user', user: @user %>
-   <% @user.posts.each do |post| %>
+    <div class="mb-2 mt-2">
+    <%= link_to "Create New Post", new_user_post_path(current_user.id), class: 'btn btn-primary' %>
+    </div>
+   <% @user.posts.order(created_at: :asc).each do |post| %>
         <%= render 'shared/post', post: post %>
-        <%= render 'shared/comment', post: post %>        
+        <%= render 'shared/comment', post: post %>
+        <%= link_to 'Add Comment', user_post_path(@user, post.id) ,class: " mt-1 col-lg-2 btn btn-primary btn-outline-warning border-primary" %>
     <% end %>
+
 </div>
 

app/views/posts/new.html.erb

@@ -0,0 +1,10 @@
+<div class="col-lg-12">
+    <div class="card mt-1 mb-5">
+        <div class="card-body">
+            <h2 class="text-center">Create New Post</h2>
+        </div>
+    </div>
+
+    <%= render 'shared/form', post: @post %>
+
+</div>

app/views/posts/show.html.erb

@@ -5,8 +5,10 @@
                 <h3 class="font-weight-bold col-sm-7 mb-0"><%= @post.title %> By <%= @user.name %></h3>
                 <span class="card-text my-1 text-end col-sm-5">Comments: <%= @post.comments_counter %>, Likes: <%= @post.likes_counter %></span>
             </div>
-            <p class="card-text mt-5"><%= @post.text %></p>   
+            <p class="card-text mt-5"><%= @post.text %></p>
+            <%= render 'shared/like_form', like: @like, post: @post %>   
         </div> 
     </div>
     <%= render 'shared/full_comment', post: @post %>
+    <%= render 'shared/comment_form', comment: @comment %> 
 </div>

app/views/shared/_comment_form.html.erb

@@ -0,0 +1,6 @@
+<%= form_with model: @comment, url: user_post_comments_path(current_user.id, @post) do |form| %>
+  <div class="form-group">
+    <%= form.text_field :text, class: "form-control form-control-lg col-lg-9", placeholder: "Add a comment..." %>
+    <%= form.submit 'Add Comment', class: "mt-1 col-lg-3 btn btn-primary" %>
+  </div>
+<% end %>

app/views/shared/_form.html.erb

@@ -0,0 +1,26 @@
+<div class="container">
+    <div class="row justify-content-center">
+      <div class="col-lg-5">
+        <%= form_with model: @post, url: user_posts_path do |form| %>
+          <div class="form-group">
+            <%= form.label "#{:title}(*)", class: "lead mb-2" %>
+            <%= form.text_field :title, class: "form-control form-control-lg rounded-0" %>
+            <% @post.errors.full_messages_for(:title).each do |message|  %>
+              <p class="text-danger"><%= message %></p>
+            <% end %>
+          </div>
+          <div class="form-group">
+            <%= form.label "#{:text}(*)", class: "lead mb-2" %>
+            <%= form.text_area :text, rows: 5, class: "form-control form-control-lg rounded-0" %>
+            <% @post.errors.full_messages_for(:text).each do |message|  %>
+              <p class="text-danger"><%= message %></p>
+            <% end %>
+          </div>
+          <div class="form-group text-center mt-3">
+            <%= form.submit "Create post", class: "btn btn-primary btn-sm" %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+</div>
+

app/views/shared/_header.html.erb

@@ -15,9 +15,6 @@
                 <li><a class="dropdown-item" href="javascript:void(0)">Link 1</a></li>
               </ul>
             </li>
-
-
-
         </ul>
       </div>
     </div>

app/views/shared/_like_form.html.erb

@@ -0,0 +1,3 @@
+<%= form_with model: like, url: user_post_likes_path(user_id: @user.id, post_id: post.id) do |form| %>
+  <%= form.submit 'Like', class: "mt-1 col-lg-1 btn btn-outline-dark" %>
+<% end %>

app/views/shared/_post.html.erb

@@ -2,6 +2,7 @@
     <div class="card-body">
         <h5><%= link_to "#{post.title}", user_post_path(@user, post.id), class: 'user-link' %></h5>
         <p class="card-text"><%= post.text.slice(0,150).concat('...') %></p>
+        <%= render 'shared/like_form', like: @like, post: post %>
         <p class="card-text text-end">Comments: <%= post.comments_counter %>, Likes: <%= post.likes_counter %></p>
     </div>
 </div> 

app/views/users/show.html.erb

@@ -1,5 +1,8 @@
 <div class="col-lg-12">
     <%= render 'shared/show_user', user: @user %>
+    <div class="mb-2 mt-2">
+        <%= link_to "Create New Post", new_user_post_path(current_user.id), class: 'btn btn-primary' %>
+    </div>
     <div class="card mb-3">
         <h5 class="card-header">Bio</h5>
         <div class="card-body">

config/routes.rb

@@ -1,11 +1,13 @@
 Rails.application.routes.draw do
-  get 'users/:user_id/posts' => 'posts#index', as: 'user_posts'
-  get 'users/:user_id/posts/:id' => 'posts#show', as: 'user_post'
-  get 'users' => 'users#index', as: 'users'
-  get 'users/:id' => 'users#show', as: 'user'
+  # get 'users/:user_id/posts' => 'posts#index', as: 'user_posts'
+  # get 'users/:user_id/posts/:id' => 'posts#show', as: 'user_post'
+  # get 'users' => 'users#index', as: 'users'
+  # get 'users/:id' => 'users#show', as: 'user'
   root 'users#index'
-  # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html
-
-  # Defines the root path route ("/")
-  # root "articles#index"
+  resources :users do
+    resources :posts do
+      resources :comments
+      resources :likes
+    end
+  end
 end