From 999effd2c4e90aca940cc1313fc4b5cbb8b798bf Mon Sep 17 00:00:00 2001
From: Thibault Duplessis <t@lichess.org>
Date: Tue, 25 May 2021 11:17:40 +0200
Subject: [PATCH] mod forum post deletion message with good old modal - WIP

---
 app/views/forum/topic.scala   | 3 ++-
 ui/site/css/build/_forum.scss | 1 +
 ui/site/src/forum.ts          | 6 +++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/views/forum/topic.scala b/app/views/forum/topic.scala
index 0bc18f1732..8f0c4587da 100644
--- a/app/views/forum/topic.scala
+++ b/app/views/forum/topic.scala
@@ -204,7 +204,8 @@ object topic {
     }
 
   private def deleteDialog(implicit ctx: Context) =
-    dialog(cls := "forum__delete")(
+    div(cls := "forum-delete-modal none")(
+      p("Delete the post"),
       st.form(method := "dialog", cls := "form3")(
         st.select(
           name := "reason",
diff --git a/ui/site/css/build/_forum.scss b/ui/site/css/build/_forum.scss
index d7a408befa..5a5ceb58cc 100644
--- a/ui/site/css/build/_forum.scss
+++ b/ui/site/css/build/_forum.scss
@@ -1,6 +1,7 @@
 @import '../../../common/css/plugin';
 @import '../../../common/css/component/slist';
 @import '../../../common/css/component/pagination';
+@import '../../../common/css/component/modal';
 @import '../../../common/css/form/form3';
 @import '../../../common/css/form/cmn-toggle';
 @import '../../../common/css/form/captcha';
diff --git a/ui/site/src/forum.ts b/ui/site/src/forum.ts
index 913023ef55..fbc200ab3b 100644
--- a/ui/site/src/forum.ts
+++ b/ui/site/src/forum.ts
@@ -1,12 +1,12 @@
 import * as xhr from 'common/xhr';
+import modal from 'common/modal';
 
 lichess.load.then(() => {
   $('.forum')
     .on('click', 'a.delete', function (this: HTMLAnchorElement) {
       console.log(this);
-      $('dialog.forum__delete').each(function (this: HTMLDialogElement) {
-        this.showModal();
-      });
+      const $wrap = modal($('.forum-delete-modal'));
+      $wrap.find('form').attr('action', this.href);
       // xhr.text(this.href, { method: 'post' });
       // $(this).closest('.forum-post').hide();
       return false;