From 419e1ebb6c5a3b0f79cbddfb8d4008f9bd24a742 Mon Sep 17 00:00:00 2001
From: kim <haerong22@naver.com>
Date: Tue, 2 Feb 2021 15:14:57 +0900
Subject: [PATCH] jpablog : delete comment

---
 .../jpablog/controller/api/BoardApiController.java   |  7 ++++++-
 .../com/example/jpablog/service/BoardService.java    |  5 +++++
 jpablog/src/main/resources/static/js/board.js        | 12 ++++++++++++
 .../src/main/webapp/WEB-INF/views/board/detail.jsp   |  6 +++---
 4 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/jpablog/src/main/java/com/example/jpablog/controller/api/BoardApiController.java b/jpablog/src/main/java/com/example/jpablog/controller/api/BoardApiController.java
index be753970..31b00eae 100644
--- a/jpablog/src/main/java/com/example/jpablog/controller/api/BoardApiController.java
+++ b/jpablog/src/main/java/com/example/jpablog/controller/api/BoardApiController.java
@@ -40,11 +40,16 @@ public class BoardApiController {
     }
 
     @PostMapping("/api/board/{boardId}/reply")
-    public ResponseDto<Integer> replySave(@RequestBody ReplySaveRequestDto dto) {
+    public ResponseDto<Integer> SaveReply(@RequestBody ReplySaveRequestDto dto) {
         boardService.댓글쓰기(dto);
         return new ResponseDto<>(1, HttpStatus.OK.value());
     }
 
+    @DeleteMapping("/api/board/{boardId}/reply/{replyId}")
+    public ResponseDto<Integer> deleteReply(@PathVariable Long replyId) {
+        boardService.댓글삭제(replyId);
+        return new ResponseDto<>(1, HttpStatus.OK.value());
+    }
     /*// 기본 로그인
     @PostMapping("/user/login")
     public ResponseDto<Integer> login(@RequestBody User user, HttpSession session) {
diff --git a/jpablog/src/main/java/com/example/jpablog/service/BoardService.java b/jpablog/src/main/java/com/example/jpablog/service/BoardService.java
index c6cf55a3..7ad22589 100644
--- a/jpablog/src/main/java/com/example/jpablog/service/BoardService.java
+++ b/jpablog/src/main/java/com/example/jpablog/service/BoardService.java
@@ -74,4 +74,9 @@ public class BoardService {
 //                .build();
         replyRepository.replySave(replySaveRequestDto);
     }
+
+    @Transactional
+    public void 댓글삭제(Long replyId) {
+        replyRepository.deleteById(replyId);
+    }
 }
diff --git a/jpablog/src/main/resources/static/js/board.js b/jpablog/src/main/resources/static/js/board.js
index ef16b047..456be962 100644
--- a/jpablog/src/main/resources/static/js/board.js
+++ b/jpablog/src/main/resources/static/js/board.js
@@ -86,6 +86,18 @@ let index = {
             alert(JSON.stringify(error));
         });
     },
+    replyDelete : function (boardId, replyId) {
+        $.ajax({
+            type: "delete",
+            url: `/api/board/${boardId}/reply/${replyId}`,
+            dataType: "json"
+        }).done(function (resp){
+            alert("댓글 삭제 완료!");
+            location.href = `/board/${boardId}`;
+        }).fail(function (error){
+            alert(JSON.stringify(error));
+        });
+    },
 }
 
 index.init();
\ No newline at end of file
diff --git a/jpablog/src/main/webapp/WEB-INF/views/board/detail.jsp b/jpablog/src/main/webapp/WEB-INF/views/board/detail.jsp
index f982a027..7656c329 100644
--- a/jpablog/src/main/webapp/WEB-INF/views/board/detail.jsp
+++ b/jpablog/src/main/webapp/WEB-INF/views/board/detail.jsp
@@ -34,13 +34,13 @@
     <br/>
     <div class="card">
         <div class="card-header">댓글</div>
-        <ul id="reply--box" class="list-group">
+        <ul id="reply-box" class="list-group">
             <c:forEach var="reply" items="${board.replies}">
-                <li id="reply--1" class="list-group-item d-flex justify-content-between">
+                <li id="reply-${reply.id}" class="list-group-item d-flex justify-content-between">
                     <div>${reply.content}</div>
                     <div class="d-flex">
                         <div class="font-italic">작성자 : ${reply.user.username} &nbsp;</div>
-                        <button class="badge">삭제</button>
+                        <button onclick="index.replyDelete(${board.id}, ${reply.id})" class="badge">삭제</button>
                     </div>
                 </li>
             </c:forEach>