From 15f7359e155ccfde44742cc5f9e264b71e9c92c6 Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Sat, 10 Dec 2022 17:39:08 +0100
Subject: [PATCH] Add default modal for wish details

---
 src/assets/js/parts/wish.js  | 5 +++++
 src/classes/wish.php         | 2 +-
 src/pages/parts/wishlist.php | 9 +++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/assets/js/parts/wish.js b/src/assets/js/parts/wish.js
index bb13823c..50e3f1dc 100644
--- a/src/assets/js/parts/wish.js
+++ b/src/assets/js/parts/wish.js
@@ -1,3 +1,8 @@
 $(function () {
 
+    $(document).on('click', '.ui.button.details', function() {
+        console.log($('.ui.modal.details'));
+        $('.ui.modal.details').modal('show');
+    });
+
 });
diff --git a/src/classes/wish.php b/src/classes/wish.php
index b5ff2e8b..f6ad790b 100644
--- a/src/classes/wish.php
+++ b/src/classes/wish.php
@@ -354,7 +354,7 @@ class Wish
         ob_start();
         ?>
         <div class="extra content buttons">
-            <button class="ui compact labeled icon button">
+            <button class="ui compact labeled icon button details">
                 <i class="stream icon"></i>
                 <span><?= __('Details') ?></span>
             </button>
diff --git a/src/pages/parts/wishlist.php b/src/pages/parts/wishlist.php
index 1831a71e..b0aa30c7 100644
--- a/src/pages/parts/wishlist.php
+++ b/src/pages/parts/wishlist.php
@@ -215,3 +215,12 @@ namespace wishthis;
         </div>
     </div>
 </div>
+
+<!-- Modal: Details -->
+<div class="ui modal details">
+    <div class="header">Header</div>
+
+    <div class="scrolling content">
+        <p>Very long content goes here</p>
+    </div>
+</div>