Estuve siguiendo este tutorial de AJAX y Rails. En el cual se muestra como guardar, modificar y eliminar posts sin recargar la página mediante Ajax, pero si quisiera que al tener otra pestaña abierta, y elimino un post en una, en las otras pestaña también sean eliminadas, con el código que tengo solo se refresca en la pestaña 1, como podría hacer que todos los clientes reflejen los cambios que realizo sobre el modelo posts.
Post-> index.html.erb
<div class="container">
<div class="row">
<div class="text-center">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#mynewpost">
New Post
</button>
</div>
</div>
<br>
<br>
<div class="row" id="container_posts">
<%= render @posts %><!--carga todos los posts-->
</div>
<!-- Modal create action -->
<%= form_for(@post, remote: true) do |f| %> <!--ajax remote: true-->
<div class="modal fade" id="mynewpost" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Post</h4>
</div>
<div class="modal-body">
<div class="field">
<%= f.label :title %><br>
<%= f.text_area :title, class: "form-control post_title" %>
</div>
<div class="field">
<%= f.label :content %><br>
<%= f.text_area :content, class: "form-control post_content" %>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="mynewpostclose">Close</button>
<%= submit_tag "Create", class: "btn btn-primary"%>
</div>
</div>
</div>
</div>
<%end%>
</div>
El método del controlador es:
def create
@post = Post.new(post_params)
respond_to do |format|
if @post.save
format.html { redirect_to @post, notice: 'Post was successfully created.' }
format.json { render :show, status: :created, location: @post }
format.js #ajax
else
format.html { render :new }
format.json { render json: @post.errors, status: :unprocessable_entity }
format.js #ajax
end
end
end
Y el CREATE.JS.ERB :
$("#mynewpost").modal('hide');
$(".post_title").val('');
$(".post_content").val('');
$("#container_posts").prepend('<%= j render @post %>');
$("#post_<%= @post.id %>").hide().fadeIn(1000);