Correctif page produit

ShopBundle/Controller/Backend/ProductFamilyController.php

 use Lc\ShopBundle\Model\ProductFamily;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
 use Symfony\Component\Form\Extension\Core\Type\NumberType;
 use Symfony\Component\Form\FormError;
 use Symfony\Component\HttpFoundation\Response;
                         'data' => $reductionCatalog
                 ));
 
-
+                $formBuilder->add('stayOnPage', HiddenType::class, array(
+                        'required'=>false,
+                        'mapped'=>false,
+                ));
                 $formBuilder->add('warningMessageType', ChoiceType::class, array(
                         'choices' => array(
                                 'field.default.warningMessageTypeOptions.' . ProductFamily::WARNING_MESSAGE_TYPE_SUCCESS => ProductFamily::WARNING_MESSAGE_TYPE_SUCCESS,
                         $this->dispatch(EasyAdminEvents::POST_UPDATE, ['entity' => $entity]);
 
                         $this->utils->addFlash('success', 'Produit sauvegardé');
-                        return $this->redirectToReferrer();
 
-                        //return $this->redirectToRoute('easyadmin', ['entity' => 'ProductFamily', 'action' => 'edit', 'id' => $id]) ;
+                        if($editForm->get('stayOnPage')->getData() || $this->request->get('submitAndStay')){
+                                return $this->redirectToRoute('easyadmin', ['entity' => 'ProductFamily', 'action' => 'edit', 'id' => $id]) ;
+                        }else {
+                                return $this->redirectToReferrer();
+                        }
+
                 }
 
                 $this->dispatch(EasyAdminEvents::POST_EDIT);
                         $this->executeDynamicMethod('persist<EntityName>Entity', [$entity, $newForm]);
                         $this->dispatch(EasyAdminEvents::POST_PERSIST, ['entity' => $entity]);
 
-                        return $this->redirectToReferrer();
+                        if($newForm->get('stayOnPage')->getData() || $this->request->get('submitAndStay')){
+                                return $this->redirectToRoute('easyadmin', ['entity' => 'ProductFamily', 'action' => 'edit', 'id' => $entity->getId()]) ;
+                        }else {
+                                return $this->redirectToReferrer();
+                        }
                 }
 
                 $this->dispatch(EasyAdminEvents::POST_NEW, [

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

 
 /* Général */
 /* line 125, ../../sass/backend/custom.scss */
-.btn.btn-primary.action-save {
+.btn.action-save {
   float: right;
+  margin-left: 10px;
 }
 
 /* line 126, ../../sass/backend/custom.scss */
 }
 
 /* ORDER */
-/* line 225, ../../sass/backend/custom.scss */
+/* line 224, ../../sass/backend/custom.scss */
 .table-order-summary {
   width: 100%;
 }
 
-/* line 228, ../../sass/backend/custom.scss */
+/* line 227, ../../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 233, ../../sass/backend/custom.scss */
+/* line 232, ../../sass/backend/custom.scss */
 .product-form-modal {
   display: none;
 }
 
-/* line 234, ../../sass/backend/custom.scss */
+/* line 233, ../../sass/backend/custom.scss */
 .product-form.modal .form-check-label {
   font-style: italic;
   color: #666;
   text-align: left;
 }
 
-/* line 235, ../../sass/backend/custom.scss */
+/* line 234, ../../sass/backend/custom.scss */
 .products-collection-table .inherited {
   color: #888;
   font-style: italic;
   font-weight: initial;
 }
 
-/* line 236, ../../sass/backend/custom.scss */
+/* line 235, ../../sass/backend/custom.scss */
 .products-collection-table td {
   position: relative;
 }
 
-/* line 237, ../../sass/backend/custom.scss */
+/* line 236, ../../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 238, ../../sass/backend/custom.scss */
+/* line 237, ../../sass/backend/custom.scss */
 .products-collection-table .btn-empty-field {
   position: absolute;
   right: 3px;
   padding: 0px;
 }
 
-/* line 239, ../../sass/backend/custom.scss */
+/* line 238, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table {
   table-layout: fixed;
+  /* background-clip: padding-box;*/
+  border-collapse: collapse;
 }
 
-/* line 240, ../../sass/backend/custom.scss */
-#lc-product-family-edit .products-collection-table tr {
-  border-bottom: 1px solid #dee2e6;
-}
-
-/* line 241, ../../sass/backend/custom.scss */
+/* line 239, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table th {
   font-size: 13px;
   border-left: 1px solid #dee2e6;
   border-top: 1px solid #dee2e6;
   text-align: center;
+  border-bottom: 2px solid #dee2e6;
 }
 
-/* line 242, ../../sass/backend/custom.scss */
+/* line 240, ../../sass/backend/custom.scss */
+#lc-product-family-edit .products-collection-table tfoot th {
+  border-top: 2px solid #dee2e6;
+}
+
+/* line 241, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table th span {
   white-space: initial;
 }
 
-/* line 243, ../../sass/backend/custom.scss */
+/* line 242, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table th:last-child {
   border-right: 1px solid #dee2e6;
 }
 
-/* line 244, ../../sass/backend/custom.scss */
+/* line 243, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td {
   border-left: 1px solid #dee2e6;
   text-align: center;
   font-size: 13px;
+  border-bottom: 1px solid #dee2e6;
 }
 
-/* line 245, ../../sass/backend/custom.scss */
+/* line 244, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td:last-child {
   border-right: 1px solid #dee2e6;
   white-space: nowrap;
 }
 
-/* line 246, ../../sass/backend/custom.scss */
+/* line 245, ../../sass/backend/custom.scss */
 #lc-product-family-edit .btn-add-product {
   margin: 20px 0;
   float: right;
 }
 
-/* line 247, ../../sass/backend/custom.scss */
+/* line 246, ../../sass/backend/custom.scss */
 #lc-product-family-edit .inherited {
   color: #888;
   font-style: italic;
   font-weight: initial;
 }
 
-/* line 248, ../../sass/backend/custom.scss */
+/* line 247, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td .value {
   min-width: 80%;
   margin: auto;
   cursor: pointer;
 }
 
-/* line 249, ../../sass/backend/custom.scss */
+/* line 248, ../../sass/backend/custom.scss */
 #lc-product-family-edit .products-collection-table td .modal {
   text-align: left;
 }
 
+/* line 249, ../../sass/backend/custom.scss */
+table.products-collection-table th.main-info, td.buyingPrice, td.multiplyingFactor, td.priceWithTax {
+  background: #eeeeee;
+  background-clip: padding-box;
+}
+
 /* DeliveryZone */
 /* line 253, ../../sass/backend/custom.scss */
 #autocomplete-cities {

ShopBundle/Resources/public/js/backend/script/default/utils.js

 
 
 function arrayRemove(arr, value) { return arr.filter(function(ele){ return ele != value; });}
+
+const scratchDiv = document.createElement('div');
+function toPlainText(html) {
+    scratchDiv.innerHTML = html;
+    return scratchDiv.textContent;
+}

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

             //INIT VAR
             this.init();
             this.initKeyboardNav();
+            this.title = toPlainText(this.title)
 
             //METHOD
             //this.updateProductForm();
             //this.updateProductView();
         },
         methods: {
+            decode(str){
+                var textArea = document.createElement('textarea');
+                textArea.innerText = str;
+                return textArea.textContent;
+            },
             titleUpdated: function () {
             },
             availableQuantityUpdated: function () {
             deleteProductForm: function () {
                 if (confirm('Êtes-vous sur de cette action ?')) {
                     Vue.delete(this.$parent.formProducts, this.keyForm);
-                    this.$parent.updateSortableProducts(false);
-                    this.$parent.reindexProductForm(null);
+                    this.$nextTick(function () {
+                        this.$parent.updateSortableProducts(true);
+                    });
                 }
 
             },
             return Object.assign(
                 {
                     isMounted: false,
+                    stayOnPage: false,
                     title: null,
                     isNovelty: null,
                     isOrganic: null,
         },
         mounted: function () {
             this.$nextTick(function () {
+                this.title = toPlainText(this.title)
+
+
                 this.isMounted = true;
                 $(".vuejs-checkbox-switch input").each(function () {
                     setBootstrapSwitch($(this));
                 newForm = newForm.replace(/__name__/g, Object.keys(this.formProducts).length);
                 Vue.set(this.formProducts, Object.keys(this.formProducts).length, newForm);
 
+                log(Object.keys(this.formProducts).length);
                 this.$nextTick(function () {
                     this.updateSortableProducts(false);
                     this.updateKeyboardNav();
                     }
                 });
             },
-            reindexProductForm: function (newArray) {
-                if(newArray==null) {
-                    log('ncichhc');
-                    var newArray = {};
-                    var i = 0;
-                    for (key in this.formProducts) {
-                        newArray[i] = this.formProducts[key];
-                        i++;
-                    }
-                }
-                this.formProducts = newArray;
-                this.updateKeyboardNav();
-
+            postForm:function(){
+                this.stayOnPage = 1;
+                $("#edit-productfamily-form").submit();
             },
 
             initLcSortableProductsList: function () {
                     });
                 }
             },
-            updateSortableProducts: function (reindex) {
+            updateSortableProducts: function (post) {
                 if ($('.lc-sortable-products').length > 0) {
                     var app=this;
                     var newArray = {};
+
                     $('.lc-sortable-products tr.lc-draggable').each(function (index, li) {
                         oldKey = $(li).find('.field-position').val();
-                        //log('OLD : '+oldKey);
                         $(li).find('.field-position').val(index);
-                        //log('NEW : '+index);
-                        if(reindex)newArray[index] = app.formProducts[oldKey];
                     });
-                    if(reindex)app.reindexProductForm(newArray);
+                    if(post)this.postForm();
                 }
             },
 
     });
 
     var allowLeave = false;
-    $('#edit-productfamily-form').on('submit', function () {
+    $('#edit-productfamily-form, #new-productfamily-form').on('submit', function () {
         allowLeave = true;
     })
     $(window).bind('beforeunload', function (e) {

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

 
 
 /* Général */
-.btn.btn-primary.action-save{float: right;}
+.btn.action-save{float: right; margin-left: 10px;}
 .button-action a.float-right{margin-left: 10px;}
 
 .input-group-text {
 .autoresize textarea{height: auto; min-height: 38px;}
 
 
-
-/* ORDER */
+        /* ORDER */
 
 .table-order-summary{width: 100%;}
 
 .products-collection-table td{position: relative;}
 .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;}
 .products-collection-table .btn-empty-field{position: absolute; right: 3px; font-size: 0.7rem; top: 5px; padding: 0px;}
-#lc-product-family-edit .products-collection-table {table-layout:fixed;}
-#lc-product-family-edit .products-collection-table tr{border-bottom: 1px solid #dee2e6;}
-#lc-product-family-edit .products-collection-table th{font-size:13px; border-left: 1px solid #dee2e6; border-top: 1px solid #dee2e6; text-align: center;}
+#lc-product-family-edit .products-collection-table {table-layout:fixed;/* background-clip: padding-box;*/ border-collapse: collapse;}
+#lc-product-family-edit .products-collection-table th{font-size:13px; border-left: 1px solid #dee2e6; border-top: 1px solid #dee2e6; text-align: center; border-bottom: 2px solid #dee2e6;}
+#lc-product-family-edit .products-collection-table tfoot th{border-top: 2px solid #dee2e6;}
 #lc-product-family-edit .products-collection-table th span {white-space: initial;}
 #lc-product-family-edit .products-collection-table th:last-child{border-right: 1px solid #dee2e6;}
-#lc-product-family-edit .products-collection-table td{border-left: 1px solid #dee2e6; text-align: center; font-size: 13px;}
+#lc-product-family-edit .products-collection-table td{border-left: 1px solid #dee2e6; text-align: center; font-size: 13px; border-bottom: 1px solid #dee2e6;}
 #lc-product-family-edit .products-collection-table td:last-child{border-right: 1px solid #dee2e6; white-space: nowrap; }
 #lc-product-family-edit .btn-add-product {margin: 20px 0; float: right;}
 #lc-product-family-edit .inherited {color: #888; font-style: italic; font-weight: initial;}
 #lc-product-family-edit .products-collection-table td .value {min-width: 80%; margin: auto; min-height: 35px; cursor: pointer;}
 #lc-product-family-edit .products-collection-table td .modal {text-align: left;}
+table.products-collection-table th.main-info, td.buyingPrice, td.multiplyingFactor, td.priceWithTax{background: #eeeeee; background-clip: padding-box}
 
 /* DeliveryZone */
 

ShopBundle/Resources/translations/lcshop.fr.yaml

     choiceFile: Parcourir
     send: Envoyer
     edit: Éditer
+    saveAndStay: Sauvegarder (rester sur la page)
     search: Rechercher
     delete: Supprimer
     change: Modifier
-    save: Sauvegarder les modifications
+    save: Sauvegarder (retour liste)
     cancel: Annuler
     continue: Continuer
     list: Retour à la liste

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

 {# TODO à corriger le theme requiert des infos easyAdmin il devrait être possible de ne pas en utiliser #}
 
 
-
-
-
-
-
-
-
-
 {% block form_widget -%}
     {{ parent() }}
 
     <button type="submit" name="save_and_leave" class="btn btn-primary action-save">
         <span class="btn-label">{{ 'action.save'|trans(_trans_parameters, _translation_domain) }}</span>
     </button>
+    {% if  easyadmin.entity.name =='ProductFamily' %}
+    <button name="submitAndStay" value="1" type="submit" class="btn btn-success action-save">
+        <span class="btn-label">{{ 'action.saveAndStay'|trans(_trans_parameters, _translation_domain) }}</span>
+    </button>
+    {% endif %}
 
     {% set _entity_actions = (easyadmin.view == 'new')
         ? easyadmin_get_actions_for_new_item(easyadmin.entity.name)
     }, with_context = false) }}
 {% endblock item_actions %}
 
+
+
 {#
 
 {% block _user_niche_row %}

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

         {% endif %}
 
     </div>
+    {{ form_widget(form.stayOnPage, {"attr": {"v-model": "stayOnPage"}}) }}
+
 
 </div>
 {{ form_end(form) }}

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

             <button type="button" class="btn-remove-product btn-sm btn-danger" @click="deleteProductForm()">
                 <i class="fa fa-trash"></i>
             </button>
-            {{ form_widget(product.position, {'attr' : {'class': "field-position"}}) }}
+            {{ form_widget(product.position, {'attr' : {'class': "field-position", "v-model" : 'position'}}) }}
 
 
             <div class="modal fade show" :id="'modal-extends-product-'+keyForm">

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

 
 <div class="row">
     {{ macros.startCard(8, 'ProductFamily.main','light') }}
+    <div class="col-12">
+        {{ form_row(form.status) }}
+    </div>
     <div class="col-12">
         {{ form_row(form.supplier) }}
     </div>

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

                 Unité
             </th>
             <th v-show="getBehaviorPrice() == '{{ constant('Lc\\ShopBundle\\Model\\ProductFamily::BEHAVIOR_PRICE_BY_REFERENCE_UNIT') }}'"
-                colspan="3" class="buyingPriceByRefUnit">
+                colspan="3" class="buyingPriceByRefUnit ">
                 PA HT / ${ getUnitReference() }
             </th>
             <th v-show="getBehaviorPrice() == '{{ constant('Lc\\ShopBundle\\Model\\ProductFamily::BEHAVIOR_PRICE_BY_REFERENCE_UNIT') }}'"
                 PA TTC / ${ getUnitReference() }
             </th>
 
-            <th colspan="3" class="price">
+            <th colspan="3" class="price main-info">
                 PA HT
             </th>
             <th colspan="3" class="price"
                 v-show="getBehaviorPrice() =='{{ constant('Lc\\ShopBundle\\Model\\ProductFamily::BEHAVIOR_PRICE_BY_PIECE') }}'">
                 PA TTC
             </th>
-            <th colspan="3" class="">
+            <th colspan="3" class="main-info">
                 Coef
             </th>
 
                 v-show="getBehaviorPrice() =='{{ constant('Lc\\ShopBundle\\Model\\ProductFamily::BEHAVIOR_PRICE_BY_PIECE') }}'">
                 PV HT
             </th>
-            <th colspan="3" class="price">
+            <th colspan="3" class="price main-info">
                 PV TTC
             </th>
             <th colspan="2">
         <tbody class="products-collection">
 
         <template>
-            <product-form v-for="(formProduct, blop) in formProducts" v-bind:key="blop"
-                          :key-form="blop" ref="productForm" v-bind:product-family="productFamily"
+            <product-form v-for="(formProduct, name, index) in formProducts" v-bind:key="name"
+                          :key-form="name" ref="productForm" v-bind:product-family="productFamily"
                           :template="formProduct"></product-form>
         </template>
         </tbody>
             ${productFamily.buyingPriceByRefUnitWithTax}
         </th>
 
-        <th colspan="3" class="price">
+        <th colspan="3" class="price main-info">
             ${productFamily.buyingPrice}
         </th>
         <th colspan="3" class="price"
             v-show="getBehaviorPrice() =='{{ constant('Lc\\ShopBundle\\Model\\ProductFamily::BEHAVIOR_PRICE_BY_PIECE') }}'">
             ${productFamily.buyingPriceWithTax}
         </th>
-        <th colspan="3" class="">
+        <th colspan="3" class="main-info">
             ${productFamily.multiplyingFactor}
         </th>
 
             v-show="getBehaviorPrice() =='{{ constant('Lc\\ShopBundle\\Model\\ProductFamily::BEHAVIOR_PRICE_BY_PIECE') }}'">
             ${productFamily.price}
         </th>
-        <th colspan="3" class="price">
+        <th colspan="3" class="price main-info">
             ${productFamily.priceWithTax}
         </th>
         <th colspan="2" class="price">