Gestion des commandes annulées dans la page des commandes

backend/views/distribution/index.php

                             <span class="info-box-icon bg-yellow"><i class="fa fa-download"></i></span>
                             <div class="info-box-content">
                                 <span class="info-box-text">
-                                    {{ orders.length }} Commande<span v-if="orders.length">s</span><br /><br />
+                                    {{ countOrders }} Commande<span v-if="countOrders > 1">s</span><br /><br />
                                     <a :href="distribution.url_report" class="btn btn-default" v-if="orders.length">Télécharger (PDF)</a>
                                 </span>
                             </div>
                                     <span class="label label-default" v-else-if="order.amount_paid > order.amount">surplus</span>
                                     <span class="label label-warning" v-else-if="order.amount_paid < order.amount">reste à payer</span>
                                 </td>
+                                <td>
+                                    <span class="label label-danger" v-if="order.date_delete">annulée</span>
+                                    <span class="label label-warning" v-if="order.date_update">modifiée</span>
+                                </td>
                                 <td class="column-actions">
                                     <button class="btn btn-default" :data-id-order="order.id" @click="orderViewClick"><span :class="'glyphicon ' + ((showViewProduct && idOrderView == order.id) ? 'glyphicon-eye-close' : 'glyphicon-eye-open')"></span></button>
                                     <button class="btn btn-default" :data-id-order="order.id" @click="orderPaymentModalClick"><span class="glyphicon glyphicon-euro"></span></button>
                                                     </div>
                                                 </div>
                                             
-                                            
                                                 <div class="info-box">
                                                     <span class="info-box-icon bg-yellow"><i class="fa fa-user"></i></span>
                                                     <div class="info-box-content">

backend/web/js/vuejs/distribution-index.js

         countActivePointsSale: 0,
         countOrdersByPointSale: [],
         orders: [],
+        countOrders: 0,
         users: [],
         showModalProducts: false,
         showModalPointsSale: false,
                     
                     if(response.data.orders) {
                         this.orders = response.data.orders ;
+                        
+                        this.countOrders = 0 ;
+                        for(i=0 ; i < this.orders.length ; i++) {
+                            if(!this.orders[i].date_delete) {
+                                this.countOrders ++ ;
+                            }
+                        }
                     }
                     else {
                         this.orders = [] ;