add event listener

src/client/js/legacy/crowi.js

@@ -379,25 +379,25 @@ $(() => {
 
     return false;
   });
-  $('#unlink-page-form').submit((e) => {
-    $.ajax({
-      type: 'POST',
-      url: '/_api/pages.unlink',
-      data: $('#unlink-page-form').serialize(),
-      dataType: 'json',
-    })
-      .done((res) => {
-        if (!res.ok) {
-          $('#delete-errors').html(`<i class="fa fa-times-circle"></i> ${res.error}`);
-          $('#delete-errors').addClass('alert-danger');
-        }
-        else {
-          window.location.href = `${res.path}?unlinked=true`;
-        }
-      });
-
-    return false;
-  });
+  // $('#unlink-page-form').submit((e) => {
+  //   $.ajax({
+  //     type: 'POST',
+  //     url: '/_api/pages.unlink',
+  //     data: $('#unlink-page-form').serialize(),
+  //     dataType: 'json',
+  //   })
+  //     .done((res) => {
+  //       if (!res.ok) {
+  //         $('#delete-errors').html(`<i class="fa fa-times-circle"></i> ${res.error}`);
+  //         $('#delete-errors').addClass('alert-danger');
+  //       }
+  //       else {
+  //         window.location.href = `${res.path}?unlinked=true`;
+  //       }
+  //     });
+
+  //   return false;
+  // });
 
   $('#create-portal-button').on('click', (e) => {
     $('a[data-toggle="tab"][href="#edit"]').tab('show');

src/client/js/services/PageContainer.js

@@ -89,6 +89,13 @@ export default class PageContainer extends Container {
       });
     });
 
+    const unlinkPageButton = document.getElementById('unlink-page-button');
+    if (unlinkPageButton != null) {
+      unlinkPageButton.addEventListener('click', () => {
+        alert('ボタンが押されました。');
+      });
+    }
+
     this.openPageDuplicateModal = this.openPageDuplicateModal.bind(this);
     this.closePageDuplicateModal = this.closePageDuplicateModal.bind(this);
   }
@@ -400,4 +407,25 @@ export default class PageContainer extends Container {
     this.setState({ isPageDuplicateModalShown: false });
   }
 
+
+  // $('#unlink-page-form').submit((e) => {
+  //   $.ajax({
+  //     type: 'POST',
+  //     url: '/_api/pages.unlink',
+  //     data: $('#unlink-page-form').serialize(),
+  //     dataType: 'json',
+  //   })
+  //     .done((res) => {
+  //       if (!res.ok) {
+  //         $('#delete-errors').html(`<i class="fa fa-times-circle"></i> ${res.error}`);
+  //         $('#delete-errors').addClass('alert-danger');
+  //       }
+  //       else {
+  //         window.location.href = `${res.path}?unlinked=true`;
+  //       }
+  //     });
+
+  //   return false;
+  // });
+
 }

src/server/views/widget/page_alerts.html

@@ -40,15 +40,10 @@
         {% endif %}
       </span>
       {% if user and not page.isDeleted() %}
-      <form role="form" id="unlink-page-form" onsubmit="return false;">
-        <input type="hidden" name="_csrf" value="{{ csrf() }}">
-        {# TODO: should be removed by GW-2283 #}
-        <input type="hidden" name="path" value="{{ page.path }}">
-        <button type="submit" class="btn btn-outline-secondary btn-sm float-right">
+        <button type="button" id="unlink-page-button" class="btn btn-secondary btn-sm float-right">
           <i class="ti-unlink" aria-hidden="true"></i>
           Unlink
         </button>
-      </form>
       {% endif %}
     </div>
     {% endif %}