All threads / Page does not reload, even though javascript comes back with 200

Ask A Question

Notifications

You’re not receiving notifications from this thread.

Page does not reload, even though javascript comes back with 200

khemlall mangal asked in General

Chris i followed your tutorial with polymorphic true commenting system, but i ran into an issue with trying to use ajax to refresh the page. The page does not refresh, only when i reload the page am i seeing the value.. any help is appreciated

Comments Controller
def create
@comment = @commentable.comments.new comment_params
@comment.user_id = current_user.id
@comment.user = current_user
respond_to do |format|
if @comment.save
format.html {redirect_to @commentable, notice: "successfully created"}
format.js
else
format.html { render :action => "new" }
format.json {render json: @commentable }
#redirect_to @commentable, alert: "Opps unable to post comment"
#render format.js
format.js
end
end
end

Routes

resources :createcampaigns do
resource :like, module: :createcampaigns
resources :campaignsteps, controller: 'createcampaigns/campaignsteps'
resources :organizers
resources :categories
** resources :comments, module: :createcampaigns**
resources :replies, module: :createcampaign
member do
get :follow
post :signpetition
get :likecomment
get :dislikedcomment

  post :upvote
  post :downvote
  get 'like'
  get 'unlike'
  post :follow
  get :likecampaign
  get :unlikecampaign
  get :unfollow
  post :unfollow
  post :destroy
  get :zipcodeURL
   get :search, controller: :main
end

end

COMMENTS FORM
_FORM.HTML.ERB

<%=form_for [commentable, Comment.new], remote:true, local: true, html: { class: local_assigns[:class] , data: {target: local_assigns[:target] }} do |f|%>

<%=f.submit class:"btn btn-primary"%>

<% end %>

_COMMENTS.HTML.ERB

<% commentable.comments.where(parent_id: nil).order(created_at: :desc).each do |comments|%>

following
Time.now.beginning_of_day %>

Posted

              <div class="reaction">
                <a class="btn text-green"><i class="fa fa-thumbs-up"></i><%=comments.votes_for.size%><br> </a>
                <%=link_to "Liked", upvote_createcampaign_path(comments), method: :post%>
                <a class="btn text-red"><i class="fa fa-thumbs-down"></i> <%=comments.get_downvotes.size %></a>
                <%=link_to "DIS-LIKE", downvote_createcampaign_path(comments), method: :post %>



              </div>
              <div class="line-divider"></div>
              <div class="post-text">
                <p><%=comments.body%></p>

                <%#= react_component 'Main' %>

                   <div class="text-right">
                   <button type="button" class="btn btn-xl btn-primary btn-rounded" data-toggle="modal" data-target="#<%=comments.id%>">
                    ADD A REPLY
                  </button>
                  </div>
              </div>

                 <!-- Button trigger modal -->


        <!-- Modal -->
        <div class="modal fade" id="<%=comments.id%>" tabindex="-1">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h4 class="modal-title">Add a Reply</h4>
              </div>
              <div class="modal-body">
                <%= render partial: "comments/form", locals: {commentable: comments.commentable, parent_id: comments.id, class: "", target: "reply.form" }%>
              </div>
            </div>
          </div>
        </div>
              <!-- if Reply exist, then show these by the user -->
              <div class="line-divider"></div>

              <div class="panel">
      <div class="panel-heading">

      <%@pagination = commentable.comments.where(parent_id: comments.id).paginate(:page => params[:page], :per_page => 5).order("created_at DESC")%>
        <%@replycount = commentable.comments.where(parent_id: comments.id)%>
        <span class="panel-title"><%[email protected]%> Replies to <%=User.find(comments.user_id).first_name%> <%=User.find(comments.user_id).last_name%> Comment</span>
      </div>
      <% commentable.comments.where(parent_id: comments.id).limit(3).order(created_at: :desc).each do |reply|%> 
      <div class="widget-messages-alt-item">

         <%=image_tag(User.find(reply.user_id).image, class: "widget-messages-alt-avatar")%>
        <div  class="widget-messages-alt-subject"><%=reply.body%> </div>
        <div class="widget-messages-alt-description">from <a href="#"> <%=User.find(reply.user_id).first_name%> <%=User.find(reply.user_id).last_name%></a></div>
        <% if reply.created_at > Time.now.beginning_of_day %>
             <p class="widget-messages-alt-date"> Replied <%="#{time_ago_in_words(reply.created_at)} ago"%>  </p>
                 <% else %>
                   <span class="Replied">  <%= reply.created_at.strftime("%b %d, %Y" )%>   </span>
                 <% end %>

      </div> 

      <%end%>
          <% if @replycount.count>3%>
      <a  class="widget-more-link" data-toggle="modal" data-target="#commentModal<%=comments.id%>">MORE MESSAGES</a>
      <%end%> 


             CREATE CAMPAIGN SHOW PAGE

             SHOW.html.erb

              <div class="panel">
           <div class="panel-title">
              <h1> Comments </h1>
           </div>
            <div id="comment_pane">
           <%= render partial: "comments/comments", locals: {commentable: @createcampaign}%>
           </div>

           <div class="panel-body">
           </div>
        </div>
     </div>
    </div>
  </div>


        comments/comments/create.js.erb  

        $('#comment_pane).prepend("<%=j render 'comments/comments', commentable: @commentable %>");
$('#comment_content_<%= @comment.id %>').val('')


    here is the response in the network tab

    $('#comment_pane).prepend("\n\n<div id=\"comment_pane\">\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_190\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_190\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/190/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted less than a minute ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/190/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/190/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>prepend<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#190\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"190\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"190\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal190\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_189\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_189\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/189/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 2 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/189/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/189/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>ccccffsdf<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#189\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"189\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"189\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal189\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_188\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_188\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/188/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 3 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/188/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/188/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>cccc<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#188\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"188\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"188\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal188\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_187\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_187\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/187/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 4 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/187/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/187/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>dere<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#187\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"187\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"187\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal187\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_186\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_186\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/186/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 5 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/186/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/186/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>sdsd<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#186\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"186\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"186\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal186\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_185\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_185\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/185/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 6 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/185/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/185/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>ok here is the commentable id<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#185\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"185\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"185\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal185\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_184\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_184\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/184/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 11 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/184/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/184/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>dgd<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#184\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"184\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"184\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal184\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_183\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_183\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/183/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 11 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/183/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/183/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>cvc<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#183\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"183\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"183\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal183\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_182\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_182\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/182/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 15 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/182/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/182/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>cvc<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#182\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"182\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"182\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal182\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_181\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_181\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/181/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 25 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/181/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/181/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>,L,KKKK<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#181\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"181\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"181\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal181\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_180\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_180\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/180/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 25 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/180/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/180/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>,L,<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#180\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"180\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"180\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal180\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_179\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_179\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/179/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 26 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>0<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/179/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 0<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/179/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>NFGHFG<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#179\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"179\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"179\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal179\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n<link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\">\n<div class=\"container\" id=\"comment_178\">\n    <div class=\"row\">\n        <div class=\"col-md-9\">\n            <div class=\"post-content\">\n              <div class=\"post-container\">\n                <img class=\"profile-photo-md pull-left\" src=\"https://chymeinuserupload.s3.amazonaws.com/uploads/user/image/2/man-person-suit-united-states-of-america.jpg\" alt=\"Man person suit united states of america\" />\n                <div class=\"post-detail\">\n                  <div class=\"user-info\">\n                    <h5><a href=\"timeline.html\" class=\"profile-link\">Donald trump<\/a> <span class=\"following\">following\n                          <a id=\"like_178\" class=\"glyphicon glyphicon-heart-empty\" data-remote=\"true\" href=\"/createcampaigns/178/like\"><\/a>\n                    \n                     Republican\n                    \n                    <\/span><\/h5>\n                 <p class=\"text-muted\"> Posted 30 minutes ago  <\/p>\n                  <\/div>\n                  <div class=\"reaction\">\n                    <a class=\"btn text-green\"><i class=\"fa fa-thumbs-up\"><\/i>1<br> <\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/178/upvote\">Liked<\/a>\n                    <a class=\"btn text-red\"><i class=\"fa fa-thumbs-down\"><\/i> 1<\/a>\n                    <a rel=\"nofollow\" data-method=\"post\" href=\"/createcampaigns/178/downvote\">DIS-LIKE<\/a>\n                    \n                    \n                    \n                  <\/div>\n                  <div class=\"line-divider\"><\/div>\n                  <div class=\"post-text\">\n                    <p>lice offer need to stop beating people up Readmore<\/p>\n                    \n                    \n                       <div class=\"text-right\">\n                       <button type=\"button\" class=\"btn btn-xl btn-primary btn-rounded\" data-toggle=\"modal\" data-target=\"#178\">\n                        ADD A REPLY\n                      <\/button>\n                      <\/div>\n                  <\/div>\n             \n                     <!-- Button trigger modal -->\n         \n\n            <!-- Modal -->\n            <div class=\"modal fade\" id=\"178\" tabindex=\"-1\">\n              <div class=\"modal-dialog modal-lg\">\n                <div class=\"modal-content\">\n                  <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\">×<\/button>\n                    <h4 class=\"modal-title\">Add a Reply<\/h4>\n                  <\/div>\n                  <div class=\"modal-body\">\n                    \n<form class=\"\" data-target=\"reply.form\" id=\"new_comment\" action=\"/createcampaigns/206/comments\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n<div class=\"form-group\">\n<textarea class=\"form-control\" placeholder=\"Whats on your mind?\" name=\"comment[body]\" id=\"comment_body\">\n<\/textarea>\n<input value=\"178\" type=\"hidden\" name=\"comment[parent_id]\" id=\"comment_parent_id\" />\n\n<\/div>\n<input type=\"submit\" name=\"commit\" value=\"Create Comment\" class=\"btn btn-primary\" />\n\n<\/form>\n\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <!-- if Reply exist, then show these by the user -->\n                  <div class=\"line-divider\"><\/div>\n                  \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n           \n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n         \n        <\/div>\n    \n\n\n\n<!-- The Modal for all comments list-->\n<div class=\"modal\" id=\"commentModal178\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\">View All Messages<\/h4>\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n           here is where the list of all comment going to be appearing\n                \n                  <div class=\"panel\">\n          <div class=\"panel-heading\">\n            <span class=\"panel-title\">0 Replies to Donald trump Comment<\/span>\n          <\/div>\n               \n\n          <a href=\"#\" class=\"widget-more-link\">MORE MESSAGES<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Modal footer -->\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">Close<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>    \n             \n             \n                <\/div>\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n   \n<\/div>\n\n\n        <\/div>");

$('#comment_content_190').val('')

Join the discussion

Want to stay up-to-date with Ruby on Rails?

Join 39,609+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2020 GoRails, LLC. All rights reserved.