Adds comments to stories

Author: elixirprogrammer

mix.lock

@@ -12,6 +12,7 @@
   "ecto": {:hex, :ecto, "2.1.4", "d1ba932813ec0e0d9db481ef2c17777f1cefb11fc90fa7c142ff354972dfba7e", [:mix], [{:db_connection, "~> 1.1", [hex: :db_connection, repo: "hexpm", optional: true]}, {:decimal, "~> 1.2", [hex: :decimal, repo: "hexpm", optional: false]}, {:mariaex, "~> 0.8.0", [hex: :mariaex, repo: "hexpm", optional: true]}, {:poison, "~> 2.2 or ~> 3.0", [hex: :poison, repo: "hexpm", optional: true]}, {:poolboy, "~> 1.5", [hex: :poolboy, repo: "hexpm", optional: false]}, {:postgrex, "~> 0.13.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:sbroker, "~> 1.0", [hex: :sbroker, repo: "hexpm", optional: true]}], "hexpm"},
   "fs": {:hex, :fs, "0.9.2", "ed17036c26c3f70ac49781ed9220a50c36775c6ca2cf8182d123b6566e49ec59", [:rebar], [], "hexpm"},
   "gettext": {:hex, :gettext, "0.13.1", "5e0daf4e7636d771c4c71ad5f3f53ba09a9ae5c250e1ab9c42ba9edccc476263", [:mix], [], "hexpm"},
+  "gravity": {:hex, :gravity, "1.0.0", "59766085dc8895803f758b595d61df2ab6440b4d3d47f95b36797d999fe63893", [:mix], [], "hexpm"},
   "hackney": {:hex, :hackney, "1.8.6", "21a725db3569b3fb11a6af17d5c5f654052ce9624219f1317e8639183de4a423", [:rebar3], [{:certifi, "1.2.1", [hex: :certifi, repo: "hexpm", optional: false]}, {:idna, "5.0.2", [hex: :idna, repo: "hexpm", optional: false]}, {:metrics, "1.0.1", [hex: :metrics, repo: "hexpm", optional: false]}, {:mimerl, "1.0.2", [hex: :mimerl, repo: "hexpm", optional: false]}, {:ssl_verify_fun, "1.1.1", [hex: :ssl_verify_fun, repo: "hexpm", optional: false]}], "hexpm"},
   "hound": {:hex, :hound, "1.0.3", "bf1859fcb855bf7a3b84c632ba68f04c43bfeb16efebf0080b6c1efb960c30c6", [:mix], [{:hackney, "~> 1.5", [hex: :hackney, repo: "hexpm", optional: false]}, {:poison, ">= 1.4.0", [hex: :poison, repo: "hexpm", optional: false]}], "hexpm"},
   "idna": {:hex, :idna, "5.0.2", "ac203208ada855d95dc591a764b6e87259cb0e2a364218f215ad662daa8cd6b4", [:rebar3], [{:unicode_util_compat, "0.2.0", [hex: :unicode_util_compat, repo: "hexpm", optional: false]}], "hexpm"},

priv/repo/seeds.exs

@@ -47,3 +47,12 @@ Fmylife.Repo.delete_all Fmylife.Story
     %{body: "The quick brown fox jumps over the lazy dog. #{n}"})
   |> Fmylife.Repo.insert!
 end)
+
+Fmylife.Repo.delete_all Fmylife.Comment
+(1..900) |> Enum.each(fn n ->
+  Fmylife.Comment.changeset(%Fmylife.Comment{
+    user_id: :rand.uniform(10),
+    story_id: :rand.uniform(60)},
+    %{body: "Locavore cardigan street art vice iPhone woke. #{n}"})
+  |> Fmylife.Repo.insert!
+end)

web/commanders/story_commander.ex

@@ -1,9 +1,27 @@
 defmodule Fmylife.StoryCommander do
   use Drab.Commander
-  alias Fmylife.{Like, Repo}
+  alias Fmylife.{Like, Repo, Comment, User}
 
   access_session :user_id
 
+  def publish_comment(socket, sender) do
+    user = get_session(socket, :user_id)
+    story_id = socket |> select(data: "storyId", from: this(sender))
+    comment = socket |> select(:val, from: "#comment_body")
+    changeset = Comment.changeset(%Comment{user_id: user, story_id: story_id}, %{body: comment})
+
+    case Repo.insert(changeset) do
+      {:ok, comment} ->
+        comment = Repo.preload(comment, [:user])
+        html = render_to_string("_comment.html", [comment: comment])
+        socket
+        |> insert!(html, prepend: "#comments")
+        |> update(:val, set: "", on: "#comment_body")
+      {:error, changeset} ->
+        socket |> exec_js("alert('You need to fill the form')")
+    end
+  end
+
   def like(socket, dom_sender) do
     user = get_session(socket, :user_id)
     story_id = socket |> select(data: "storyId", from: this(dom_sender))

web/controllers/comment_controller.ex

@@ -42,8 +42,12 @@ defmodule Fmylife.StoryController do
   end
 
   def show(conn, %{"id" => id}) do
-    story = Repo.get!(Story, id)
-    render(conn, :show, story: story)
+    changeset = Comment.changeset(%Comment{})
+    story = Repo.preload(
+      Repo.get!(Story, id),
+      [:user, {:comments, :user}]
+    )
+    render(conn, :show, story: story, changeset: changeset)
   end
 
   def top_stories(conn, _params) do

web/controllers/story_controller.ex

@@ -17,4 +17,12 @@ defmodule Fmylife.Comment do
     |> cast(params, [:body])
     |> validate_required([:body])
   end
+
+  def count(story_id) do
+    hd Fmylife.Repo.all(
+      from c in Fmylife.Comment,
+      select: count(c.id),
+      where: [story_id: ^story_id]
+    )
+  end
 end

web/models/comment.ex

@@ -0,0 +1,20 @@
+<div class="media">
+  <div class="media-left">
+    <a href="#">
+      <img class="media-object" src="<%= gravatar_for(@comment.user.email) %>" alt="<%= @comment.user.email %>">
+    </a>
+  </div>
+  <div class="media-body">
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <%= @comment.user.name %>
+        <span class="text-muted pull-right">
+          <small><%= time_ago_in_words(@comment.inserted_at) %></small>
+        </span>
+      </div>
+      <div class="panel-body">
+        <%= @comment.body %>
+      </div>
+    </div>
+  </div>
+</div><!-- /.media -->

web/templates/story/_comment.html.eex

@@ -0,0 +1,12 @@
+<div class="form-group">
+  <label class="control-label" for="comment_Add_a_comment">
+    Add a comment
+  </label>
+  <textarea class="form-control" id="comment_body" rows="6"></textarea>
+</div>
+
+<div class="form-group text-center">
+  <button drab-click="publish_comment" data-story-id="<%= @story %>" id="comment-publish" class="btn btn-primary" type="submit">
+    Publish
+  </button>
+</div>

web/templates/story/_comment_form.html.eex

@@ -20,6 +20,6 @@
   <span id="total-dislikes-<%= @story.id %>" class="text-warning">
     (<%= Fmylife.Like.total_dislikes(@story.id) %>)
   </span>
-  <a href="#" class="btn btn-link btn-xs">Comments</a><small><em> (200)</em></small>
+  <%= link "Comments", to: story_path(@conn, :show, @story), class: "btn btn-link btn-xs" %></a><small><em> (<%= Fmylife.Comment.count(@story.id) %>)</em></small>
   <div class="text-muted pull-right"><small>Created by: <%= @story.user.name %>&nbsp;<%= time_ago_in_words(@story.inserted_at) %></small></div>
 </div><!-- /.well -->

web/templates/story/_stories.html.eex

@@ -1,8 +1,16 @@
 <div class="container">
   <div class="row">
-    <hr>
-    <div class="row">
-      <%= @story.body %>
-    </div>
+    <div class="col-md-8 col-md-offset-2">
+      <%= render_one @story, StoryView, "_stories.html", conn: @conn, current_user: @current_user %>
+
+      <div class="form-area">
+        <div class="well">
+          <%= render "_comment_form.html", story: @story.id %>
+        </div>
+      </div>
+      <div id="comments">
+        <%= render_many @story.comments, StoryView, "_comment.html", as: :comment %>
+      </div>
+    </div><!-- /.col-md-8 col-md-offset-2 -->
   </div>
 </div>