revert

Author: zsbahtiar

web_src/js/features/common-button.ts

@@ -1,4 +1,4 @@
-import {DELETE, POST} from '../modules/fetch.ts';
+import {POST} from '../modules/fetch.ts';
 import {addDelegatedEventListener, hideElem, queryElems, showElem, toggleElem} from '../utils/dom.ts';
 import {fomanticQuery} from '../modules/fomantic/base.ts';
 import {camelize} from 'vue';
@@ -17,7 +17,8 @@ export function initGlobalDeleteButton(): void {
   // Some model/form elements will be filled by `data-id` / `data-name` / `data-data-xxx` attributes.
   // If there is a form defined by `data-form`, then the form will be submitted as-is (without any modification).
   // If there is no form, then the data will be posted to `data-url`.
-  // TODO: it's not encouraged to use this method. `show-modal` does far better than this.
+  // TODO: do not use this method in new code. `show-modal` / `link-action(data-modal-confirm)` does far better than this.
+  // FIXME: all legacy `delete-button` should be refactored to use `show-modal` or `link-action`
   for (const btn of document.querySelectorAll<HTMLElement>('.delete-button')) {
     btn.addEventListener('click', (e) => {
       e.preventDefault();
@@ -62,10 +63,7 @@ export function initGlobalDeleteButton(): void {
             }
           }
 
-          const method = btn.getAttribute('data-method')?.toUpperCase() || 'POST';
-          const response = method === 'DELETE' ?
-            await DELETE(btn.getAttribute('data-url')) :
-            await POST(btn.getAttribute('data-url'), {data: postData});
+          const response = await POST(btn.getAttribute('data-url'), {data: postData});
           if (response.ok) {
             const data = await response.json();
             window.location.href = data.redirect;