minor EasyCorp#4162 Enable the use of VueJS (mneuhaus)

javiereguiluz · javiereguiluz · commit e63f66a4bf4b · 2021-01-30T16:13:04.000+01:00
This PR was merged into the 3.0.x-dev branch. Discussion ---------- Enable the use of VueJS I've been trying to enhance our EasyAdmin with some VueJS. I want to wrap most of the EasyAdmin HTML into a VueJS App, but one Problem i found was, that the _filters_modal_html.twig is included quite "deep" into the HTML, which produces warnings when i try to set up a vue app starting from the .content-wrapper for example. The main issue is, that that template file contains a script tag with javascript code. By moving it to the body_javascript section everything works nicely together. Commits ------- ce605eb Enable the use of VueJS
diff --git a/src/Resources/views/crud/index.html.twig b/src/Resources/views/crud/index.html.twig
@@ -214,15 +214,15 @@
     {% block delete_form %}
         {{ include('@EasyAdmin/crud/includes/_delete_form.html.twig', with_context = false) }}
     {% endblock delete_form %}
-
-    {% if filters|length > 0 %}
-        {{ include('@EasyAdmin/crud/includes/_filters_modal.html.twig') }}
-    {% endif %}
 {% endblock main %}
 
 {% block body_javascript %}
     {{ parent() }}
 
+    {% if filters|length > 0 %}
+        {{ include('@EasyAdmin/crud/includes/_filters_modal.html.twig') }}
+    {% endif %}
+
     <script type="text/javascript">
         $(function() {
             const customSwitches = document.querySelectorAll('td.field-boolean .custom-control.custom-switch input[type="checkbox"]');
