[Backend] Produits : édition avancée

ShopBundle/Resources/public/js/backend/script/productfamily/vuejs-product-family.js

 // Reference array sent to dynamic staticRenderFns
 var staticRenderFns = [];
 $(window).on('load', function () {
+    /*var appProductFamily ;
+    lcInitProductFamily() ;*/
 
     Vue.component('product-unit-price', {
         mixins: [mixinUnit, mixinPrice, mixinTemplate],
         watch: {}
     });
 
-
     appProductFamily = new Vue({
         el: '#lc-product-family-edit',
         mixins: [mixinReduction],
     for (var key in formProductTemplate) {
         appProductFamily.formProducts[key] = formProductTemplate[key];
     }
-
 });
+
+function lcInitProductFamily() {
+
+}

ShopBundle/Resources/views/backend/default/edit-ajax.html.twig

+{% form_theme form with easyadmin_config('design.form_theme') only %}
+
+{% set _entity_config = easyadmin_entity(app.request.query.get('entity')) %}
+{% set _entity_id = attribute(entity, _entity_config.primary_key_field_name) %}
+{% trans_default_domain _entity_config.translation_domain %}
+
+{% set _trans_parameters = { '%entity_name%': _entity_config.name|trans, '%entity_label%': _entity_config.label|trans, '%entity_id%': _entity_id } %}
+
+{% extends '@LcShop/backend/default/layout/layout-ajax.html.twig' %}
+
+{% block ajax %}
+    {% block entity_form %}
+        {{ form(form) }}
+    {% endblock entity_form %}
+
+    {% block delete_form %}
+        {{ include('@EasyAdmin/default/includes/_delete_form.html.twig', {
+            view: 'edit',
+            referer: app.request.query.get('referer', ''),
+            delete_form: delete_form,
+            _translation_domain: _entity_config.translation_domain,
+            _trans_parameters: _trans_parameters,
+            _entity_config: _entity_config,
+        }, with_context = false) }}
+    {% endblock delete_form %}
+
+
+    {% block head_stylesheets %}
+        {{ parent() }}
+        <link rel="stylesheet"
+              href="{{ asset('bundles/lcshop/css/backend/adminlte/plugins/jquery-ui/jquery-ui.min.css') }}">
+    {% endblock %}
+
+    {% block plugin_javascript %}
+        {{ parent() }}
+        <script src="{{ asset('bundles/lcshop/js/backend/plugin/jquery-ui/jquery-ui.min.js') }}"></script>
+        <script type="text/javascript">
+            var CKEDITOR_BASEPATH = "{{ ckeditor_base_path("/bundles/fosckeditor/") }}";
+        </script>
+        <script type="text/javascript" src="{{ asset('bundles/fosckeditor/ckeditor.js') }}"></script>
+    {% endblock %}
+
+    {% block script_javascript %}
+        <script src="{{ asset('bundles/lcshop/js/backend/script/default/init-edit.js') }}"></script>
+    {% endblock %}
+
+{% endblock %}

ShopBundle/Resources/views/backend/default/layout/layout-ajax.html.twig

 {% trans_default_domain "lcshop" %}
 
 {% block ajax %}
+        {% block head_stylesheets %}
+                <link rel="stylesheet" href="{{ asset('bundles/lcshop/css/backend/adminlte/adminlte.css') }}">
+        {% endblock %}
 
+        {% block plugin_javascript %}
+                <!-- jQuery -->
+                <script src="{{ asset('bundles/lcshop/js/backend/plugin/jquery/jquery.min.js') }}"></script>
+                <!-- Bootstrap 4 -->
+                <script src="{{ asset('bundles/lcshop/js/backend/plugin/bootstrap/bootstrap.bundle.min.js') }}"></script>
+                <script src="{{ asset('bundles/lcshop/js/backend/plugin/toastr/toastr.min.js') }}"></script>
+                <script src="{{ asset('bundles/lcshop/js/backend/plugin/select2/select2.full.min.js') }}"></script>
+                <script src="{{ asset('bundles/lcshop/js/backend/plugin/bootstrap/bootstrap-switch.min.js') }}"></script>
+                <!-- AdminLTE App -->
+                <script src="{{ asset('bundles/lcshop/js/backend/plugin/adminlte.min.js') }}"></script>
+                <script src="{{ asset('bundles/lcshop/js/backend/script/default/utils.js') }}"></script>
+        {% endblock plugin_javascript %}
+
+        {% block script_javascript %}
+                <script src="{{ asset('bundles/lcshop/js/backend/script/default/init-common.js') }}"></script>
+        {% endblock script_javascript %}
 {% endblock %}

ShopBundle/Resources/views/backend/productfamily/edit.html.twig

-{% extends app.request.query.get('action') == 'edit'  ? '@LcShop/backend/default/edit.html.twig' : '@LcShop/backend/default/new.html.twig'  %}
+{% extends app.request.query.get('action') == 'edit'
+    ? (app.request.query.get('ajax') == 1 ? '@LcShop/backend/default/edit-ajax.html.twig' : '@LcShop/backend/default/edit.html.twig')
+    : '@LcShop/backend/default/new.html.twig'  %}
 
 {% block entity_form %}
     {% include '@LcShop/backend/productfamily/form.html.twig' %}
 
 {% block plugin_javascript %}
     {{ parent() }}
-
     <script src="{{  asset('bundles/lcshop/js/backend/plugin/daterange/moment.min.js')}}"></script>
     <script src="{{  asset('bundles/lcshop/js/backend/plugin/daterange/daterangepicker.js')}}"></script>
 {% endblock %}
     {{ parent() }}
     {% include '@LcShop/backend/default/block/script-vuejs.html.twig' %}
     <script src="{{ asset('bundles/lcshop/js/backend/script/productfamily/vuejs-product-family.js') }}"></script>
+    <script>
+        lcInitProductFamily() ;
+    </script>
 {% endblock %}