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.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=\"&#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('')

Reply
Join the discussion
Create an account Log in

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

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

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