Port comment destroy functionality to TypeScript

2022-01-09 00:56:59 +01:00 · 2022-01-09 00:56:59 +01:00 · 2b11834b31
parent 05702837bc
commit 2b11834b31
1 changed files with 48 additions and 0 deletions
--- a/app/javascript/retrospring/features/answerbox/comment/destroy.ts
+++ b/app/javascript/retrospring/features/answerbox/comment/destroy.ts
@ -0,0 +1,48 @@
+import Rails from '@rails/ujs';
+import swal from 'sweetalert';
+
+import I18n from '../../../../legacy/i18n';
+import { showNotification, showErrorNotification } from 'utilities/notifications';
+
+export function commentDestroyHandler(event: Event): void {
+  const button = event.target as HTMLButtonElement;
+  const id = button.dataset.cId;
+  event.preventDefault();
+  button.disabled = true;
+
+  swal({
+    title: I18n.translate('frontend.destroy_comment.confirm.title'),
+    text: I18n.translate('frontend.destroy_comment.confirm.text'),
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#DD6B55',
+    confirmButtonText: I18n.translate('views.actions.delete'),
+    cancelButtonText: I18n.translate('views.actions.cancel'),
+    closeOnConfirm: true
+  }, (returnValue) => {
+    if (returnValue === false) {
+      button.disabled = false;
+      return;
+    }
+    
+    Rails.ajax({
+      url: '/ajax/destroy_comment',
+      type: 'POST',
+      data: new URLSearchParams({
+        comment: id
+      }).toString(),
+      success: (data) => {
+        if (!data.success) return false;
+
+        showNotification(data.message);
+
+        document.querySelector(`[data-comment-id="${id}"]`).remove();
+      },
+      error: (data, status, xhr) => {
+        console.log(data, status, xhr);
+        showErrorNotification(I18n.translate('frontend.error.message'));
+        button.disabled = false;
+      }
+    });
+  });
+}