[Backend] Produits : édition avancée

ShopBundle/Resources/public/css/backend/custom.css

   border-color: #222;
 }
 
+/* line 234, ../../sass/backend/custom.scss */
+.layout-ajax #edit-productfamily-form .card-sections,
+.layout-ajax #edit-productfamily-form .card-footer {
+  width: 100%;
+  position: fixed;
+  left: 0px;
+  z-index: 10;
+}
+/* line 242, ../../sass/backend/custom.scss */
+.layout-ajax #edit-productfamily-form .card-sections {
+  top: 0px;
+}
+/* line 246, ../../sass/backend/custom.scss */
+.layout-ajax #edit-productfamily-form .form {
+  padding-top: 50px;
+}
+/* line 250, ../../sass/backend/custom.scss */
+.layout-ajax #edit-productfamily-form .card-footer {
+  bottom: 0px;
+  background-color: white;
+  border: solid 1px #e0e0e0;
+}
+
 /* ORDER */
-/* line 236, ../../sass/backend/custom.scss */
+/* line 260, ../../sass/backend/custom.scss */
 .table-order-summary {
   width: 100%;
 }
 
-/* line 239, ../../sass/backend/custom.scss */
+/* line 263, ../../sass/backend/custom.scss */
 .order-product-item.redelivery {
   background: rgba(18, 104, 253, 0.38) !important;
 }
 /*.select2-container--bootstrap .select2-selection{max-width: none;}*/
 /*.order-product-item{margin: 15px 0; padding: 0;}*/
 /* Product */
-/* line 244, ../../sass/backend/custom.scss */
+/* line 268, ../../sass/backend/custom.scss */
 .product-form-modal {
   display: none;
 }
 
-/* line 245, ../../sass/backend/custom.scss */
+/* line 269, ../../sass/backend/custom.scss */
 .product-form.modal .form-check-label {
   font-style: italic;
   color: #666;
   text-align: left;
 }
 
-/* line 246, ../../sass/backend/custom.scss */
+/* line 270, ../../sass/backend/custom.scss */
 .products-collection-table .inherited {
   color: #888;
   font-style: italic;
   font-weight: initial;
 }
 
-/* line 247, ../../sass/backend/custom.scss */
+/* line 271, ../../sass/backend/custom.scss */
 .products-collection-table td {
   position: relative;
 }
 
-/* line 248, ../../sass/backend/custom.scss */
+/* line 272, ../../sass/backend/custom.scss */
 .card-body.p-0 .products-collection-table tbody > tr > td:first-of-type, .card-body.p-0 .products-collection-table tbody > tr > th:first-of-type, .card-body.p-0 .products-collection-table thead > tr > td:first-of-type, .card-body.p-0 .products-collection-table thead > tr > th:first-of-type {
   padding-left: 0.35rem;
 }
 
-/* line 249, ../../sass/backend/custom.scss */
+/* line 273, ../../sass/backend/custom.scss */
 .products-collection-table .btn-empty-field {
   position: absolute;
   right: 3px;
   padding: 0px;
 }
 
-/* line 250, ../../sass/backend/custom.scss */
+/* line 274, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table {
   table-layout: fixed;
   /* background-clip: padding-box;*/
   border-collapse: collapse;
 }
 
-/* line 251, ../../sass/backend/custom.scss */
+/* line 275, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table th {
   font-size: 13px;
   border-left: 1px solid #dee2e6;
   position: relative;
 }
 
-/* line 252, ../../sass/backend/custom.scss */
+/* line 276, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table tfoot th {
   border-top: 2px solid #dee2e6;
 }
 
-/* line 253, ../../sass/backend/custom.scss */
+/* line 277, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table th span {
   white-space: initial;
 }
 
-/* line 254, ../../sass/backend/custom.scss */
+/* line 278, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table th:last-child {
   border-right: 1px solid #dee2e6;
 }
 
-/* line 255, ../../sass/backend/custom.scss */
+/* line 279, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td {
   border-left: 1px solid #dee2e6;
   text-align: center;
   border-bottom: 1px solid #dee2e6;
 }
 
-/* line 256, ../../sass/backend/custom.scss */
+/* line 280, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td:last-child {
   border-right: 1px solid #dee2e6;
   white-space: nowrap;
 }
 
-/* line 257, ../../sass/backend/custom.scss */
+/* line 281, ../../sass/backend/custom.scss */
 #lc-product-family-edit .btn-add-product {
   margin: 20px 0;
   float: right;
 }
 
-/* line 258, ../../sass/backend/custom.scss */
+/* line 282, ../../sass/backend/custom.scss */
 #lc-product-family-edit .inherited {
   color: #888;
   font-style: italic;
   font-weight: initial;
 }
 
-/* line 259, ../../sass/backend/custom.scss */
+/* line 283, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td .value {
   min-width: 80%;
   margin: auto;
   cursor: pointer;
 }
 
-/* line 260, ../../sass/backend/custom.scss */
+/* line 284, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td .modal {
   text-align: left;
 }
 
-/* line 261, ../../sass/backend/custom.scss */
+/* line 285, ../../sass/backend/custom.scss */
 table.products-collection-table th.main-info, td.buyingPrice, td.multiplyingFactor, td.priceWithTax {
   background: #eeeeee;
   background-clip: padding-box;
   text-decoration: underline;
 }
 
-/* line 263, ../../sass/backend/custom.scss */
+/* line 287, ../../sass/backend/custom.scss */
 table.products-collection-table tr.disabled {
   opacity: 0.5;
 }
 
-/* line 264, ../../sass/backend/custom.scss */
+/* line 288, ../../sass/backend/custom.scss */
 .table-striped tbody .tr-sep {
   border-top: 2px solid #888;
 }
 
 /* DeliveryZone */
-/* line 268, ../../sass/backend/custom.scss */
+/* line 292, ../../sass/backend/custom.scss */
 #autocomplete-cities {
   position: relative;
 }
 
-/* line 272, ../../sass/backend/custom.scss */
+/* line 296, ../../sass/backend/custom.scss */
 #autocomplete-cities .ui-autocomplete {
   left: 30%;
   top: 41px;
   margin-left: 18px;
 }
 
-/* line 278, ../../sass/backend/custom.scss */
+/* line 302, ../../sass/backend/custom.scss */
 .head-reminders {
   margin-top: 15px;
 }
 
 /* TABLEAU DE BORD */
-/* line 281, ../../sass/backend/custom.scss */
+/* line 305, ../../sass/backend/custom.scss */
 .todo-list > li {
   position: relative;
 }
 
-/* line 282, ../../sass/backend/custom.scss */
+/* line 306, ../../sass/backend/custom.scss */
 .todo-list > li .text {
   margin-left: 30px;
 }
 
-/* line 283, ../../sass/backend/custom.scss */
+/* line 307, ../../sass/backend/custom.scss */
 .todo-list > li .tools {
   position: absolute;
   top: 4px;
   right: 15px;
 }
 
-/* line 285, ../../sass/backend/custom.scss */
+/* line 309, ../../sass/backend/custom.scss */
 #addTicketMessageForm {
   margin-top: 30px;
   border-top: 2px dotted #eee;
   padding-top: 30px;
 }
 
-/* line 287, ../../sass/backend/custom.scss */
+/* line 311, ../../sass/backend/custom.scss */
 #dashboard .list-btn-statistic {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 
-/* line 288, ../../sass/backend/custom.scss */
+/* line 312, ../../sass/backend/custom.scss */
 #dashboard .btn-statistic {
   width: 120px;
   height: 70px;
   line-height: 1rem;
 }
 
-/* line 289, ../../sass/backend/custom.scss */
+/* line 313, ../../sass/backend/custom.scss */
 #dashboard .btn-statistic small {
   margin-bottom: 10px;
   display: block;
 }
 
-/* line 290, ../../sass/backend/custom.scss */
+/* line 314, ../../sass/backend/custom.scss */
 #dashboard .btn-statistic .value {
   display: block;
 }
 
-/* line 292, ../../sass/backend/custom.scss */
+/* line 316, ../../sass/backend/custom.scss */
 #dashboard #range_date_interval {
   margin-bottom: 20px;
 }
 
-/* line 293, ../../sass/backend/custom.scss */
+/* line 317, ../../sass/backend/custom.scss */
 #dashboard #range_date_interval label {
   float: left;
   margin-right: 20px;
 }
 
-/* line 294, ../../sass/backend/custom.scss */
+/* line 318, ../../sass/backend/custom.scss */
 #dashboard #range_date_interval .form-check {
   float: left;
   margin-right: 10px;
 }
 
-/* line 295, ../../sass/backend/custom.scss */
+/* line 319, ../../sass/backend/custom.scss */
 #dashboard .table-condensed .btn, #dashboard .table-condensed .btn-sm {
   white-space: nowrap;
 }
 
 /* Tickets */
-/* line 301, ../../sass/backend/custom.scss */
+/* line 325, ../../sass/backend/custom.scss */
 #ticket-list .btn-sm {
   display: block;
 }

ShopBundle/Resources/public/sass/backend/custom.scss

 .field-price .input-group.priceByRefUnitWithTax input,.field-price .input-group.priceByRefUnitWithTax .input-group-text{font-weight: bold; border-color: #222  }
 .input-group.multiplyingFactor input,.input-group.multiplyingFactor .input-group-text{font-weight: bold; border-color: #222  }
 
-
+.layout-ajax {
+        #edit-productfamily-form {
+                .card-sections,
+                .card-footer {
+                        width: 100% ;
+                        position: fixed ;
+                        left: 0px ;
+                        z-index: 10;
+                }
+
+                .card-sections {
+                        top: 0px ;
+                }
+
+                .form {
+                        padding-top: 50px ;
+                }
+
+                .card-footer {
+                        bottom: 0px ;
+                        background-color: white;
+                        border: solid 1px #e0e0e0;
+                }
+        }
+}
 
         /* ORDER */
 

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

 {% trans_default_domain "lcshop" %}
 
+<div class="layout-ajax">
 {% block ajax %}
         {% block head_stylesheets %}
                 <link rel="stylesheet" href="{{ asset('bundles/lcshop/css/backend/adminlte/adminlte.css') }}">
+                <link rel="stylesheet" href="{{ asset('bundles/lcshop/css/backend/custom.css') }}">
         {% endblock %}
 
         {% block plugin_javascript %}
         {% block script_javascript %}
                 <script src="{{ asset('bundles/lcshop/js/backend/script/default/init-common.js') }}"></script>
         {% endblock script_javascript %}
-{% endblock %}
+{% endblock %}
+</div>

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

 {% set formValues = form.vars.value %}
 
 <div id="lc-product-family-edit">
-    <div class="card card-light">
+    <div class="card card-light card-sections">
         <div class="lc-vue-js-container card-header p-0 border-bottom-0">
             <ul class="nav nav-tabs" id="nav-params">
                 <li class="nav-item" v-for="section in sectionsArray">
                 {% if formValues.propertyExpirationDate %}propertyExpirationDate: "{{ formValues.propertyExpirationDate }}",{% endif %}
                 {% if formValues.activeProducts %}activeProducts: "{{ formValues.activeProducts }}",{% endif %}
                 {% if formValues.productsQuantityAsTitle %}productsQuantityAsTitle: {{ formValues.productsQuantityAsTitle }},{% endif %}
-
+                {% set current_section = app.request.query.get('currentSection') %}
+                {% if current_section is defined and current_section|length > 0 %}currentSection: "{{ current_section }}",{% endif %}
             };
             multiplyingFactor = "{{ form.multiplyingFactor.vars.value }}"
             window.productUnitPriceValues = {