no warnings

app/javascript/controllers/application.js

@@ -3,7 +3,7 @@ import { Application } from "@hotwired/stimulus"
 const application = Application.start()
 
 // Configure Stimulus development experience
-application.debug = true
+application.debug = false
 window.Stimulus = application
 
 export { application }

app/javascript/initializers/forms.js

@@ -1,14 +1,22 @@
-Turbo.config.forms.confirm = (title) => {
-  console.log('confirm called')
-  const dialog = document.getElementById("front-dialog")
+
+// the confirm action opens front-dialog
+Turbo.config.forms.confirm = (content) => {
+  const dialog = document.getElementById('front-dialog')
+  const dialogContent = dialog.querySelector('[data-dialog-content]')
+  dialogContent.innerHTML = content
   dialog.showModal()
   return new Promise((resolve) => {
-    dialog.addEventListener("close", () => { resolve(dialog.returnValue == "confirm") }, { once: true })
+    dialog.addEventListener(
+      'close',
+      () => { resolve(dialog.returnValue == 'confirm') },
+      { once: true })
   })
 }
 
 Turbo.config.forms.showModal = (dialogId) => {
-  console.log('showModal called', dialogId)
+  const dialog = document.getElementById(dialogId)
+  if (dialog) dialog.showModal()
+  else console.warn(`dialog id=<${dialogId}> not found!`)
 }
 document.addEventListener('turbo:submit-start', (e) => {
   const dialogId = e.explicitOriginalTarget.dataset.turboShowModal

app/views/edge/index.html.erb

@@ -2,25 +2,17 @@
 
 <ul class="m-2 flex gap-2">
   <li>
-    <%= content_tag :button, 'Edit', class: "btn btn-primary", command: 'show-modal', commandfor: 'remote-dialog' %>
-
-    <button
-      class="btn btn-primary"
-      command="show-modal"
-      commandfor="remote-dialog"
-    >
-      Edit1
-    </button>
-
-    <%= button_to 'Close Modal','#', class: "btn btn-primary", data: { turbo_close_modal: 'front-dialog'} %>
+    <%= button_to 'Show Modal',false, class: "btn btn-primary", data: { turbo_show_modal: 'remote-dialog'} %>
+  </li>
 
-    <button class="btn btn-primary" data-turbo-mine="remote-dialog">
-      Show remote Modal
-    </button>
+  <li>
+    <form method="dialog">
+      <%= content_tag :button, 'Show Modal2', class: "btn btn-primary", onclick: "Turbo.config.forms.showModal('remote-dialog')" %>
+    </form>
   </li>
 
   <li>
-    <%= button_to 'Delete', @meeting, method: :delete, class: "btn btn-error", data: { turbo_confirm: 'merci de confirmer'} %>
+    <%= button_to 'Delete', @meeting, method: :delete, class: "btn btn-error", data: { turbo_confirm: 'cette action est irréversible, merci de confirmer'} %>
   </li>
 </ul>
 

app/views/layouts/components/_footer.html.erb

@@ -1,17 +1,17 @@
 <footer class="footer sm:footer-horizontal bg-base-200 text-base-content p-10">
   <nav>
     <h6 class="footer-title">Services</h6>
-    <a class="link link-hover">Design</a>
+    <a href="#" class="link link-hover">Design</a>
   </nav>
 
   <nav>
     <h6 class="footer-title">Company</h6>
-    <a class="link link-hover">About us</a>
+    <a href="#" class="link link-hover">About us</a>
   </nav>
 
   <nav>
     <h6 class="footer-title">Legal</h6>
-    <a class="link link-hover">Terms of use</a>
+    <a href="#" class="link link-hover">Terms of use</a>
   </nav>
 </footer>
 

app/views/layouts/components/_main_dialog.html.erb

@@ -1,17 +1,11 @@
 <dialog id="front-dialog" class="modal">
   <div class="modal-box bg-base-200">
-    <h3 data-modal="title" class="text-lg font-bold">Front Dialog</h3>
-
-    <p class="mb-6">
-      This is a centered dialog using the HTML dialog element with Tailwind CSS.
-      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro quisquam
-      enim blanditiis iusto neque accusantium minus, aspernatur ex eius at.
-      Aliquam nam ex sit vel nesciunt qui ducimus velit nulla.
-    </p>
+    <h3 class="text-lg font-bold">Demande de confirmation</h3>
+    <p data-dialog-content class="mb-6"></p>
 
     <form method="dialog" class="modal-action">
-      <%= content_tag :button, 'Cancel', value: :cancel, class: "btn btn-ghost" %>
       <%= content_tag :button, 'OK', value: :confirm, class: "btn btn-primary" %>
+      <%= content_tag :button, 'Cancel', value: :cancel, class: "btn btn-ghost" %>
     </form>
   </div>
 </dialog>

app/views/layouts/components/_navbar.html.erb

@@ -25,15 +25,15 @@
           w-52 p-2 shadow
         "
       >
-        <li><a>Homepage</a></li>
-        <li><a>Portfolio</a></li>
-        <li><a>About</a></li>
+        <li><a href="#">Homepage</a></li>
+        <li><a href="#">Portfolio</a></li>
+        <li><a href="#">About</a></li>
       </ul>
     </div>
   </div>
 
   <div class="navbar-center">
-    <a class="btn btn-ghost text-xl">Cutting Edge</a>
+    <a href="/" class="btn btn-ghost text-xl">Cutting Edge</a>
   </div>
 
   <div class="navbar-end">