Comment-task: edit, delete, create

Author: linh236

app/assets/stylesheets/custom.scss

@@ -34,7 +34,8 @@ a.btn.btn-primary {
 .fixed-right {
   .icon {
     font-size: 30px;
-    left: -10px;
+    left: 0px;
+    top: 16px;
     position: absolute;
   }
 }
@@ -59,4 +60,8 @@ a.btn.btn-primary {
   grid-template-columns: repeat(8, 1fr);
   overflow-x: auto;
   overflow-y: hidden;
+}
+
+#toast-success, #toast-warning, #toast-danger {
+  z-index: 10000;
 }

app/controllers/comments_controller.rb

@@ -0,0 +1,43 @@
+class CommentsController < ApplicationController
+  before_action :set_comment, only: %i[show edit destroy update]
+  before_action :set_task, only: %i[create show edit destroy update]
+  
+  def show
+    
+  end
+
+  def create
+    @comment = Comment.new(comment_params)
+    @comment.user = current_user
+    @comment.task_id = params[:task_id].to_i
+    if @comment.save
+      # redirect_to root_path
+    else
+      render_danger(@comment.errors.full_messages.join(", "))
+    end
+  end
+  
+  def update
+    if @comment.update(comment_params)
+    else
+    end
+  end
+
+  def destroy
+    @comment.destroy
+  end
+  
+  private
+
+    def set_comment 
+      @comment = Comment.find(params[:id])
+    end
+
+    def set_task 
+      @task = Task.find(params[:task_id])
+    end
+    
+    def comment_params 
+      params.require(:comment).permit(:description)
+    end
+end

app/controllers/tasks_controller.rb

@@ -6,8 +6,9 @@ def index
   end
 
   def show
-    
+    @comment = Comment.new
   end
+  
   def new
     @task = Task.new
   end
@@ -60,7 +61,9 @@ def assign_member
     if @task.update(assign_id: params[:assign_id])
       if current_user.id != params[:assign_id].to_i
         activity = tracking_activity("ActivityType::AssignMember", {task_id: @task.id, assign_id: params[:assign_id], text: "Assign Task"})
-        tracking_notification([params[:assign_id]], activity.id)
+        if params[:assign_id].present? 
+          tracking_notification([params[:assign_id]], activity.id)
+        end 
       end
     end
   end

app/controllers/users_controller.rb

@@ -1,4 +1,5 @@
 class UsersController < ApplicationController
+  before_action :set_user, only: %i[show update]
   def list_users
     member_user_ids = Member.where(project: @current_project).pluck(:user_id) rescue []
     @users = User.search(params[:name]).where.not(id: member_user_ids) rescue []
@@ -10,4 +11,9 @@ def list_users
       }
     )
   end
+
+  def show 
+
+  end
+
 end

app/helpers/comments_helper.rb

@@ -0,0 +1,2 @@
+module CommentsHelper
+end

app/javascript/controllers/assign_member_controller.js

@@ -4,7 +4,6 @@ import RequestController from "./request_controller";
 // Connects to data-controller="assign-member"
 export default class extends RequestController {
   connect() {
-  console.log("assign-member")
   }
 
   assignMember(event) {
@@ -21,4 +20,19 @@ export default class extends RequestController {
     }
     this.sendPostOrPut(params)
   }
+
+  noneMember(event) {
+    if (event.preventDefault) {
+      event.preventDefault();
+    }
+    let id = event.target.dataset.task;
+    const params = {
+      url: `/assign_member/${id}`,
+      method: "POST",
+      body: {
+        assign_id: null
+      }
+    }
+    this.sendPostOrPut(params)
+  }
 }

app/javascript/controllers/index.js

@@ -17,11 +17,13 @@ import ProjectController from "./project_controller";
 import InviteFormController from "./invite_form_controller";
 import ToastController from "./toast_controller";
 import AssignMemberController from "./assign_member_controller";
+import ModalTurboController from "./modal_turbo_controller";
 
 application.register("request", RequestController)
 application.register("move-task", MoveTaskController)
 application.register("nav", NavController)
 application.register("project", ProjectController)
 application.register("invite-form", InviteFormController)
 application.register("toast", ToastController)
-application.register("assign-member", AssignMemberController)
+application.register("assign-member", AssignMemberController)
+application.register("modal-turbo", ModalTurboController)

app/javascript/controllers/modal_turbo_controller.js

@@ -0,0 +1,55 @@
+import { Controller } from "@hotwired/stimulus"
+import RequestController from "./request_controller";
+
+// Connects to data-controller="modal-turbo"
+export default class extends RequestController {
+  connect() {
+  }
+
+  open(event) {
+    let id = event.target.dataset.id;
+   this._openComment(id)
+  }
+
+  deleteComment(event) {
+    if (event.preventDefault) {
+      event.preventDefault();
+    }
+    let id = event.target.dataset.id;
+    let task_id = event.target.dataset.task;
+    const params = {
+      url: `/tasks/${task_id}/comments/${id}`,
+      method: 'Delete',
+    }
+    this.sendGetorDelete(params)
+    if (!$(`.comment-form-${task_id}`).hasClass("hidden")) {
+      this._openComment(task_id)
+    }
+  }
+
+  editComment(event) {
+    if (event.preventDefault) {
+      event.preventDefault();
+    }
+    let id = event.target.dataset.id;
+    let task_id = event.target.dataset.task;
+    this._openComment(task_id)
+    const params = {
+      url: `/tasks/${task_id}/comments/${id}`,
+      method: 'GET',
+    }
+    this.sendGetorDelete(params)
+  }
+
+  _openComment(task_id) {
+    if ($(`.comment-form-${task_id}`).hasClass("hidden")) {
+      $(`.comment-form-${task_id}`).removeClass("hidden");
+      $(`.des-${task_id}`).removeClass("vh-80").addClass("vh-70");
+      $(`.input-${task_id}`).removeClass("form-control").addClass("hidden");
+    } else {
+      $(`.comment-form-${task_id}`).addClass("hidden");
+      $(`.des-${task_id}`).removeClass("vh-70").addClass("vh-80");
+      $(`.input-${task_id}`).addClass("form-control").removeClass("hidden");
+    }
+  }
+}

app/javascript/controllers/move_task_controller.js

@@ -123,6 +123,9 @@ export default class extends RequestController {
   }
 
   detail(event) {
+    if (event.preventDefault) {
+      event.preventDefault();
+    }
     let project_id = event.target.dataset.project;
     let label_id = event.target.dataset.label;
     let task_id = event.target.dataset.task;

app/models/comment.rb

@@ -0,0 +1,7 @@
+class Comment < ApplicationRecord
+  belongs_to :user
+  belongs_to :task
+  has_rich_text :description
+
+  validates :description, presence: true, length: { minimum: 10 }
+end