Page does not reload, even though javascript comes back with 200
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.text_area :body, class: "form-control", placeholder: "Whats on your mind?"%>
<%= f.hidden_field :parent_id, value: local_assigns[:parent_id] %>
<%=f.submit class:"btn btn-primary"%>
<% end %>
_COMMENTS.HTML.ERB
<% commentable.comments.where(parent_id: nil).order(created_at: :desc).each do |comments|%>
<%=image_tag(User.find(comments.user_id).image, class: "profile-photo-md pull-left")%>
<%=User.find(comments.user_id).first_name%> <%=User.find(comments.user_id).last_name%> following <% if current_user.liked? comments %> <%= link_to "", unlike_createcampaign_path(comments.id), remote: true, id: "like_#{comments.id}", class: "glyphicon glyphicon-heart" %> <% else %> <%= link_to "", like_createcampaign_path(comments.id), remote: true, id: "like_#{comments.id}", class: "glyphicon glyphicon-heart-empty" %> <% end %> <%=current_user.party%>
<% if comments.created_at > Time.now.beginning_of_day %>Posted <%="#{time_ago_in_words(comments.created_at)} ago"%>
<% else %> <%= comments.created_at.strftime("%b %d, %Y" )%> <% end %> <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"><%=@replycount.count%> 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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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=\"✓\" />\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\">×<\/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('')