From 31646d483fb670f9f3af7754fcdcf725978433d2 Mon Sep 17 00:00:00 2001
From: Jalen Young <120889301+BlueUnderBoy@users.noreply.github.com>
Date: Sat, 19 Apr 2025 02:21:35 +0000
Subject: [PATCH 1/3] cree les fichiers de JS, et met a jour les autes fichiers

---
 app/controllers/comments_controller.rb |  6 ++++++
 app/views/comments/_comment.html.erb   | 21 ++++++++++++++++++---
 app/views/comments/_form.html.erb      |  4 ++--
 app/views/comments/create.js.erb       | 10 ++++++++++
 app/views/comments/destroy.js.erb      |  4 ++++
 app/views/comments/edit.js.erb         |  1 +
 app/views/comments/update.js.erb       |  1 +
 7 files changed, 42 insertions(+), 5 deletions(-)
 create mode 100644 app/views/comments/create.js.erb
 create mode 100644 app/views/comments/destroy.js.erb
 create mode 100644 app/views/comments/edit.js.erb
 create mode 100644 app/views/comments/update.js.erb

diff --git a/app/controllers/comments_controller.rb b/app/controllers/comments_controller.rb
index 28d0f47..194adc7 100644
--- a/app/controllers/comments_controller.rb
+++ b/app/controllers/comments_controller.rb
@@ -9,6 +9,9 @@ def new
 
   # GET /comments/1/edit
   def edit
+    respond_to do |format|
+      format.html
+      format.js
   end
 
   # POST /comments or /comments.json
@@ -20,6 +23,7 @@ def create
       if @comment.save
         format.html { redirect_back fallback_location: root_path, notice: "Comment was successfully created." }
         format.json { render :show, status: :created, location: @comment }
+        format.js { render template: "comments/create.js.erb" } #or you can just write "format.js" since folder and controller name are the same, template and action name are the same, and request format matches the file extension. Ruby will figure everything else out 
       else
         format.html { render :new, status: :unprocessable_entity }
         format.json { render json: @comment.errors, status: :unprocessable_entity }
@@ -33,6 +37,7 @@ def update
       if @comment.update(comment_params)
         format.html { redirect_to root_url, notice: "Comment was successfully updated." }
         format.json { render :show, status: :ok, location: @comment }
+        format.js
       else
         format.html { render :edit, status: :unprocessable_entity }
         format.json { render json: @comment.errors, status: :unprocessable_entity }
@@ -46,6 +51,7 @@ def destroy
     respond_to do |format|
       format.html { redirect_back fallback_location: root_url, notice: "Comment was successfully destroyed." }
       format.json { head :no_content }
+      format.js { render template: "comments/destroy" }
     end
   end
 
diff --git a/app/views/comments/_comment.html.erb b/app/views/comments/_comment.html.erb
index 845fd6a..8344e04 100644
--- a/app/views/comments/_comment.html.erb
+++ b/app/views/comments/_comment.html.erb
@@ -1,4 +1,4 @@
-<li class="list-group-item">
+<li id="<%= dom_id(comment) %>" class="list-group-item"> <!-- could put id="comment_<%= comment.id %>" as well -->
   <div class="d-flex">
     <div class="flex-shrink-0">
       <%= image_tag comment.author.avatar_image_url, class: "rounded-circle me-2 img-cover img-small" %>
@@ -11,11 +11,12 @@
 
         <div>
           <% if comment.author == current_user %>
-            <%= link_to edit_comment_path(comment), class: "btn btn-link btn-sm text-muted" do %>
+            <%= link_to edit_comment_path(comment), class: "btn btn-link btn-sm text-muted", remote: true do %>
               <i class="fas fa-edit fa-fw"></i>
             <% end %>
 
-            <%= button_to comment, method: :delete, class: "btn btn-link btn-sm text-muted", form_class: "btn btn-sm btn-link" do %>
+            <!--< button_to comment, method: :delete, class: "btn btn-link btn-sm text-muted", form_class: "btn btn-sm btn-link" do >-->
+              <%= button_to comment, method: :delete, class: "btn btn-link btn-sm text-muted", remote: true do %>
               <i class="fas fa-trash fa-fw"></i>
             <% end %>
           <% end %>
@@ -25,3 +26,17 @@
     </div>
   </div> 
 </li>
+
+<script>
+  // bind the click handler
+  $("#comment_<%= comment.id %>_delete_link").on("click", function() { 
+    
+    $.ajax({
+      url: "/comments/<%= comment.id %>", // what URL to submit a request to
+      type: "DELETE",                     // make it a DELETE request
+      dataType: "script"                  // what is the format of the request
+    });
+
+    return false;                         // break the link
+  });
+</script>
diff --git a/app/views/comments/_form.html.erb b/app/views/comments/_form.html.erb
index f6763ce..fd593a0 100644
--- a/app/views/comments/_form.html.erb
+++ b/app/views/comments/_form.html.erb
@@ -1,5 +1,5 @@
-<li class="list-group-item">
-  <%= form_with(model: comment) do |form| %>
+<li id="<%= dom_id(comment.photo) %>_<%= dom_id(comment) %>_form" class="list-group-item">
+  <%= form_with(model: comment, local: false) do |form| %>
     <% if comment.errors.any? %>
       <div id="error_explanation">
         <ul class="list-unstyled">
diff --git a/app/views/comments/create.js.erb b/app/views/comments/create.js.erb
new file mode 100644
index 0000000..83f1212
--- /dev/null
+++ b/app/views/comments/create.js.erb
@@ -0,0 +1,10 @@
+var added_comment = $("<%= j(render @comment) %>");
+ 
+ added_comment.hide();
+ 
+ $("#<%= dom_id(@comment.photo) %>_new_comment_form").before(added_comment);
+ 
+ added_comment.slideDown();
+ 
+ $("#<%= dom_id(@comment.photo) %>_new_comment_form #comment_body").val("");
+
diff --git a/app/views/comments/destroy.js.erb b/app/views/comments/destroy.js.erb
new file mode 100644
index 0000000..e716fdc
--- /dev/null
+++ b/app/views/comments/destroy.js.erb
@@ -0,0 +1,4 @@
+console.log("bye comment!")
+$("#<%= dom_id(@comment) %>").fadeOut(2000, function() {
+  $(this).remove();
+});
diff --git a/app/views/comments/edit.js.erb b/app/views/comments/edit.js.erb
new file mode 100644
index 0000000..fa5edd4
--- /dev/null
+++ b/app/views/comments/edit.js.erb
@@ -0,0 +1 @@
+$("#<%= dom_id(@comment) %>").replaceWith("<%= j(render "comments/form", comment: @comment) %>");
diff --git a/app/views/comments/update.js.erb b/app/views/comments/update.js.erb
new file mode 100644
index 0000000..06a1388
--- /dev/null
+++ b/app/views/comments/update.js.erb
@@ -0,0 +1 @@
+$("#<%= dom_id(@comment.photo) %>_<%= dom_id(@comment) %>_form").replaceWith("<%= j(render @comment) %>");

From 72eb098564d7086be65b4003661156afd8783b8d Mon Sep 17 00:00:00 2001
From: Jalen Young <120889301+BlueUnderBoy@users.noreply.github.com>
Date: Sat, 19 Apr 2025 06:30:16 +0000
Subject: [PATCH 2/3] met a jour avec js

---
 app/controllers/follow_requests_controller.rb |  2 ++
 app/controllers/likes_controller.rb           |  2 ++
 .../follow_requests/_follow_unfollow.html.erb | 28 ++++++++++---------
 app/views/follow_requests/_form.html.erb      |  2 +-
 app/views/follow_requests/create.js.erb       |  3 ++
 app/views/follow_requests/destroy.js.erb      |  3 ++
 app/views/likes/_form.html.erb                |  2 +-
 app/views/likes/create.js.erb                 |  7 +++++
 app/views/likes/destroy.js.erb                |  7 +++++
 9 files changed, 41 insertions(+), 15 deletions(-)
 create mode 100644 app/views/follow_requests/create.js.erb
 create mode 100644 app/views/follow_requests/destroy.js.erb
 create mode 100644 app/views/likes/create.js.erb
 create mode 100644 app/views/likes/destroy.js.erb

diff --git a/app/controllers/follow_requests_controller.rb b/app/controllers/follow_requests_controller.rb
index 7ec9ec2..e83267c 100644
--- a/app/controllers/follow_requests_controller.rb
+++ b/app/controllers/follow_requests_controller.rb
@@ -10,6 +10,7 @@ def create
       if @follow_request.save
         format.html { redirect_back fallback_location: root_url, notice: "Follow request was successfully created." }
         format.json { render :show, status: :created, location: @follow_request }
+        format.js
       else
         format.html { render :new, status: :unprocessable_entity }
         format.json { render json: @follow_request.errors, status: :unprocessable_entity }
@@ -36,6 +37,7 @@ def destroy
     respond_to do |format|
       format.html { redirect_back fallback_location: root_url, notice: "Follow request was successfully destroyed." }
       format.json { head :no_content }
+      format.js
     end
   end
 
diff --git a/app/controllers/likes_controller.rb b/app/controllers/likes_controller.rb
index 56ba8c3..062f218 100644
--- a/app/controllers/likes_controller.rb
+++ b/app/controllers/likes_controller.rb
@@ -9,6 +9,7 @@ def create
       if @like.save
         format.html { redirect_back fallback_location: @like.photo, notice: "Like was successfully created." }
         format.json { render :show, status: :created, location: @like }
+        format.js
       else
         format.html { render :new, status: :unprocessable_entity }
         format.json { render json: @like.errors, status: :unprocessable_entity }
@@ -22,6 +23,7 @@ def destroy
     respond_to do |format|
       format.html { redirect_back fallback_location: @like.photo, notice: "Like was successfully destroyed." }
       format.json { head :no_content }
+      format.js
     end
   end
 
diff --git a/app/views/follow_requests/_follow_unfollow.html.erb b/app/views/follow_requests/_follow_unfollow.html.erb
index f70aab9..4f1f03c 100644
--- a/app/views/follow_requests/_follow_unfollow.html.erb
+++ b/app/views/follow_requests/_follow_unfollow.html.erb
@@ -1,17 +1,19 @@
-<% unless sender == recipient %>
-  <% follow_request = current_user.sent_follow_requests.find_by(recipient: recipient) %>
+<div class="sender_<%= sender.id %>_recipient_<%= recipient.id %>_follow_unfollow">
+  <% unless sender == recipient %>
+    <% follow_request = current_user.sent_follow_requests.find_by(recipient: recipient) %>
 
-  <% if follow_request %>
-    <% if follow_request.pending? %>
-      <%= link_to follow_request, method: :delete, class: "btn btn-outline-secondary" do %>
-        Un-request
-      <% end %>
-    <% elsif follow_request.accepted? %>
-      <%= link_to follow_request, method: :delete, class: "btn btn-outline-secondary" do %>
-        Un-follow
+    <% if follow_request %>
+      <% if follow_request.pending? %>
+        <%= link_to follow_request, method: :delete, class: "btn btn-outline-secondary" do %>
+          Un-request
+        <% end %>
+      <% elsif follow_request.accepted? %>
+        <%= link_to follow_request, method: :delete, class: "btn btn-outline-secondary" do %>
+          Un-follow
+        <% end %>
       <% end %>
+    <% else %>
+      <%= render "follow_requests/form", follow_request: recipient.received_follow_requests.build %>
     <% end %>
-  <% else %>
-    <%= render "follow_requests/form", follow_request: recipient.received_follow_requests.build %>
   <% end %>
-<% end %>
+</div>
diff --git a/app/views/follow_requests/_form.html.erb b/app/views/follow_requests/_form.html.erb
index dc11ab9..959ec6b 100644
--- a/app/views/follow_requests/_form.html.erb
+++ b/app/views/follow_requests/_form.html.erb
@@ -1,4 +1,4 @@
-<%= form_with(model: follow_request, class: "d-inline-block") do |form| %>
+<%= form_with(model: follow_request, local: false, class: "d-inline-block") do |form| %>
   <% if follow_request.errors.any? %>
     <div id="error_explanation">
       <h2><%= pluralize(follow_request.errors.count, "error") %> prohibited this follow_request from being saved:</h2>
diff --git a/app/views/follow_requests/create.js.erb b/app/views/follow_requests/create.js.erb
new file mode 100644
index 0000000..420ff63
--- /dev/null
+++ b/app/views/follow_requests/create.js.erb
@@ -0,0 +1,3 @@
+$(".sender_<%= @follow_request.sender.id %>_recipient_<%= @follow_request.recipient.id %>_follow_unfollow").replaceWith($("<%= j(render "follow_requests/follow_unfollow", sender: @follow_request.sender, recipient: @follow_request.recipient) %>"))
+
+console.log("You followed this user")
diff --git a/app/views/follow_requests/destroy.js.erb b/app/views/follow_requests/destroy.js.erb
new file mode 100644
index 0000000..906372b
--- /dev/null
+++ b/app/views/follow_requests/destroy.js.erb
@@ -0,0 +1,3 @@
+$(".sender_<%= @follow_request.sender.id %>_recipient_<%= @follow_request.recipient.id %>_follow_unfollow").replaceWith($("<%= j(render "follow_requests/follow_unfollow", sender: @follow_request.sender, recipient: @follow_request.recipient) %>"))
+
+console.log("You un-followed this user")
diff --git a/app/views/likes/_form.html.erb b/app/views/likes/_form.html.erb
index ed8c5b8..a62c1f1 100644
--- a/app/views/likes/_form.html.erb
+++ b/app/views/likes/_form.html.erb
@@ -1,4 +1,4 @@
-<%= form_with(model: like) do |form| %>
+<%= form_with(model: like, local: false) do |form| %>
   <%= form.hidden_field :fan_id %>
 
   <%= form.hidden_field :photo_id %>
diff --git a/app/views/likes/create.js.erb b/app/views/likes/create.js.erb
new file mode 100644
index 0000000..f3cf4dd
--- /dev/null
+++ b/app/views/likes/create.js.erb
@@ -0,0 +1,7 @@
+var current_likes = $("#<%= dom_id(@like.photo) %>_likes")
+
+var update_likes = $("<%= j(render "photos/likes", photo: @like.photo) %>")
+
+current_likes.replaceWith(update_likes)
+
+console.log("create like")
diff --git a/app/views/likes/destroy.js.erb b/app/views/likes/destroy.js.erb
new file mode 100644
index 0000000..1c809ca
--- /dev/null
+++ b/app/views/likes/destroy.js.erb
@@ -0,0 +1,7 @@
+var current_likes = $("#<%= dom_id(@like.photo) %>_likes")
+
+var update_likes = $("<%= j(render "photos/likes", photo: @like.photo) %>")
+
+current_likes.replaceWith(update_likes)
+
+console.log("destroy like")

From ec57e3cf40df15413dcfd6595933aec936ced29a Mon Sep 17 00:00:00 2001
From: Jalen Young <120889301+BlueUnderBoy@users.noreply.github.com>
Date: Sat, 19 Apr 2025 06:39:20 +0000
Subject: [PATCH 3/3] corrige

---
 app/controllers/comments_controller.rb | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/controllers/comments_controller.rb b/app/controllers/comments_controller.rb
index 194adc7..132d1dc 100644
--- a/app/controllers/comments_controller.rb
+++ b/app/controllers/comments_controller.rb
@@ -12,6 +12,7 @@ def edit
     respond_to do |format|
       format.html
       format.js
+    end
   end
 
   # POST /comments or /comments.json
@@ -23,7 +24,7 @@ def create
       if @comment.save
         format.html { redirect_back fallback_location: root_path, notice: "Comment was successfully created." }
         format.json { render :show, status: :created, location: @comment }
-        format.js { render template: "comments/create.js.erb" } #or you can just write "format.js" since folder and controller name are the same, template and action name are the same, and request format matches the file extension. Ruby will figure everything else out 
+        format.js #or you can just write "format.js" since folder and controller name are the same, template and action name are the same, and request format matches the file extension. Ruby will figure everything else out 
       else
         format.html { render :new, status: :unprocessable_entity }
         format.json { render json: @comment.errors, status: :unprocessable_entity }