Port answerbox destroy functionality to TypeScript

2022-01-09 00:55:40 +01:00 · 2022-01-09 00:55:40 +01:00 · 0feb05828a
parent 346037ddda
commit 0feb05828a
1 changed files with 46 additions and 0 deletions
--- a/app/javascript/retrospring/features/answerbox/destroy.ts
+++ b/app/javascript/retrospring/features/answerbox/destroy.ts
@ -0,0 +1,46 @@
+import Rails from '@rails/ujs';
+import { showErrorNotification, showNotification } from 'utilities/notifications';
+import swal from 'sweetalert';
+
+import I18n from '../../../legacy/i18n';
+
+export function answerboxDestroyHandler(event: Event): void {
+  event.preventDefault();
+  const button = event.target as HTMLButtonElement;
+  const answerId = button.dataset.aId;
+
+  swal({
+    title: I18n.translate('frontend.destroy_own.confirm.title'),
+    text: I18n.translate('frontend.destroy_own.confirm.text'),
+    type: "warning",
+    showCancelButton: true,
+    confirmButtonColor: "#DD6B55",
+    confirmButtonText: I18n.translate('views.actions.y'),
+    cancelButtonText: I18n.translate('views.actions.n'),
+    closeOnConfirm: true
+  }, (returnValue) => {
+    if (returnValue === false) {
+      button.disabled = false;
+      return;
+    }
+    
+    Rails.ajax({
+      url: '/ajax/destroy_answer',
+      type: 'POST',
+      data: new URLSearchParams({
+        answer: answerId
+      }).toString(),
+      success: (data) => {
+        if (data.success) {
+          document.querySelector(`.answerbox[data-id="${answerId}"]`).remove();
+        }
+        
+        showNotification(data.message, data.success);
+      },
+      error: (data, status, xhr) => {
+        console.log(data, status, xhr);
+        showErrorNotification(I18n.translate('frontend.error.message'));
+      }
+    });
+  });
+}