From 29fe39f160e0289dc9ee0e31d0123a6f1685a8d6 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Sat, 1 Oct 2022 10:53:04 +0200
Subject: [PATCH] rollback mesh modals

---
 assets/css/app.scss                   | 17 ++++++++++++++++-
 templates/page/mesh/default.html.twig |  6 +++---
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 6d00628..b0cc9ab 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -5,6 +5,7 @@
 @import "app/config";
 @import 'app/prism';
 @import "app/typo";
+@import "~tingle.js/src/tingle.css";
 
 @font-face {
   font-family: "MainFont";
@@ -125,6 +126,20 @@ pre[class*="language-"] {
 //   }
 //
 
+.tingle-modal-box--mesh {
+  .tingle-modal-box__content {
+    padding: 0;
+    line-height: 0;
+
+    iframe {
+      margin: 0;
+      padding: 0;
+      height: 90vh;
+      width: 100%;
+    }
+  }
+}
+
 .captcha_image {
   margin-bottom: 5px;
 }
@@ -991,7 +1006,7 @@ $links: (
 //       }
 //     }
 //
-//     .row > .col-4:nth-child(1) .card {
+//     .row > .col-4:nth-child(1) .{card {
 //       margin-left: 0;
 //     }
 //
diff --git a/templates/page/mesh/default.html.twig b/templates/page/mesh/default.html.twig
index c573b36..19ab01b 100644
--- a/templates/page/mesh/default.html.twig
+++ b/templates/page/mesh/default.html.twig
@@ -27,7 +27,7 @@
                                     <label tabindex="0" class="btn">{{ item.name }}</label>
                                     <ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52">
                                         <li>
-                                            <label for="mesh-{{ mesh.id }}-{{ key }}">Voir en 3D</a>
+                                            <a class="mesh-viewer" data-modal href="{{ path('mesh_viewer', {stlMesh: mesh.id, key: key + 1}) }}">Voir en 3D</a>
                                         </li>
                                         <li>
                                             <a target="_blank" href="{{ path('mesh_download', {stlMesh: mesh.id, key: key + 1}) }}">Télécharger</a>
@@ -40,7 +40,7 @@
                 </div>
             </div>
 
-            {% for key, item in mesh.files %}
+            {# for key, item in mesh.files %}
                 <input type="checkbox" id="mesh-{{ mesh.id }}-{{ key }}" class="modal-toggle" />
                 <div class="modal modal-mesh">
                     <div class="modal-box max-w-full w-full m-10">
@@ -50,7 +50,7 @@
                         </div>
                     </div>
                 </div>
-            {% endfor %}
+            {% endfor #}
         {% endfor %}
     </div>