Merge branch 'dev'

backend/views/distribution/index.php

                 <table class="table table-condensed table-bordered table-hover" v-if="countOrdersByPointSale[idActivePointSale] > 0 || (idActivePointSale == 0 && orders.length > 0)">
                         <thead>
                                 <tr>
-                                        <th v-if="idActivePointSale > 0">
+                                        <th class="column-checkbox" v-if="idActivePointSale > 0">
                                                 <input type="checkbox" v-model="checkboxSelectAllOrders" @change="selectAllOrdersEvent" />
                                         </th>
-                                        <th>Origine</th>
-                                        <th>État</th>
-                                        <th>Utilisateur</th>
-                                        <th v-if="idActivePointSale == 0">Point de vente</th>
-                                        <th>Montant</th>
-                                        <th>Paiement</th>
-                                        <th></th>
-                                        <th v-if="producer.tiller">Tiller</th>
-                                        <th></th>
-                                        <th></th>
+                                        <th class="column-origin">Origine</th>
+                                        <th class="column-state">État</th>
+                                        <th class="column-user">Utilisateur</th>
+                                        <th class="column-point-sale" v-if="idActivePointSale == 0">Point de vente</th>
+                                        <th class="column-amount">Montant</th>
+                                        <th class="column-state-payment">Paiement</th>
+                                        <th class="column-payment"></th>
+                                        <th class="column-tiller" v-if="producer.tiller">Tiller</th>
+                                        <th class="column-actions"></th>
+                                        <th class="column-delivery-note"></th>
                                 </tr>
                         </thead>
                     <tbody>
                         <template v-for="(order, key, index) in orders" v-if="idActivePointSale == 0 || idActivePointSale == order.id_point_sale">
                             <tr>
-                                <td v-if="idActivePointSale > 0">
+                                <td class="column-checkbox" v-if="idActivePointSale > 0">
                                         <input type="checkbox" v-model="order.selected" />
                                 </td>
-                                <td>
+                                <td class="column-origin">
                                     <label class="label label-success" v-if="order.origin == 'user'">client</label>
                                     <label class="label label-default" v-else-if="order.origin == 'auto'">auto</label>
                                     <label class="label label-warning" v-else>admin</label>
                                 </td>
-                                <td>
+                                <td class="column-state">
                                     <span class="label label-danger" v-if="order.date_delete"><span class="glyphicon glyphicon-trash"></span></span>
                                     <span class="label label-warning" v-if="order.date_update"><span class="glyphicon glyphicon-pencil"></span></span>
                                     <span class="label label-success" v-if="!order.date_update && !order.date_delete"><span class="glyphicon glyphicon-check"></span></span>
                                 </td>
-                                <td>
+                                <td class="column-user">
                                     <span v-if="order.user">{{ order.user.lastname+' '+order.user.name }}</span>
                                     <span v-else>{{ order.username }}</span>
                                     <span v-if="order.comment && order.comment.length > 0" class="glyphicon glyphicon-comment"></span>
                                 </td>
-                                <td v-if="idActivePointSale == 0">
+                                <td class="column-point-sale" v-if="idActivePointSale == 0">
                                     {{ order.pointSale.name }}
                                 </td>
-                                <td>{{ order.amount.toFixed(2).replace(/(\d)(?=(\d{3})+(?:\.\d+)?$)/g, "$1,")+'&nbsp;€' }}</td>
+                                <td class="column-amount">{{ order.amount.toFixed(2).replace(/(\d)(?=(\d{3})+(?:\.\d+)?$)/g, "$1,")+'&nbsp;€' }}</td>
                                 <td class="column-state-payment">
                                     <div class="input-group">
                                         <span class="label label-success input-group-addon" v-if="order.amount_paid == order.amount">payé</span>
                                         </ul>
                                     </div>
                                 </td>
-                                <td v-if="producer.tiller" class="tiller">
+                                <td v-if="producer.tiller" class="tiller column-tiller">
                                     <input v-if="order.tiller_synchronization == true" type="checkbox" checked="checked" :id="'checkbox-tiller-synchronization-'+order.id" :data-id-order="order.id" @change="changeSynchroTiller" />
                                     <input v-else type="checkbox" :id="'checkbox-tiller-synchronization-'+order.id" :data-id-order="order.id" @change="changeSynchroTiller" />
                                     <label :for="'checkbox-tiller-synchronization-'+order.id">Tiller</label>
                                     </modal>
 
                                 </td>
-                                <td>
+                                <td class="column-delivery-note">
                                         <a v-if="order.id_delivery_note" class="btn btn-default btn-xs" :href="UrlManager.getBaseUrl()+'delivery-note/update?id='+order.id_delivery_note">
                                                 <span class="glyphicon glyphicon-file"></span> BL
                                         </a>

backend/web/css/screen.css

 .invoice-index .content-wrapper .content table.table .column-actions {
   width: 200px;
 }
+
+/**
+Copyright distrib (2018)
+
+contact@opendistrib.net
+
+Ce logiciel est un programme informatique servant à aider les producteurs
+à distribuer leur production en circuits courts.
+
+Ce logiciel est régi par la licence CeCILL soumise au droit français et
+respectant les principes de diffusion des logiciels libres. Vous pouvez
+utiliser, modifier et/ou redistribuer ce programme sous les conditions
+de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
+sur le site "http://www.cecill.info".
+
+En contrepartie de l'accessibilité au code source et des droits de copie,
+de modification et de redistribution accordés par cette licence, il n'est
+offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
+seule une responsabilité restreinte pèse sur l'auteur du programme,  le
+titulaire des droits patrimoniaux et les concédants successifs.
+
+A cet égard  l'attention de l'utilisateur est attirée sur les risques
+associés au chargement,  à l'utilisation,  à la modification et/ou au
+développement et à la reproduction du logiciel par l'utilisateur étant
+donné sa spécificité de logiciel libre, qui peut le rendre complexe à
+manipuler et qui le réserve donc à des développeurs et des professionnels
+avertis possédant  des  connaissances  informatiques approfondies.  Les
+utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
+logiciel à leurs besoins dans des conditions permettant d'assurer la
+sécurité de leurs systèmes et ou de leurs données et, plus généralement,
+à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
+
+Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
+pris connaissance de la licence CeCILL, et que vous en avez accepté les
+termes.
+*/
+@media screen and (max-width: 768px) {
+  /* line 41, ../sass/_responsive.scss */
+  .main-header .navbar {
+    border-top: solid 1px #e0e0e0;
+    border-bottom: solid 1px #e0e0e0;
+  }
+
+  /* line 49, ../sass/_responsive.scss */
+  .navbar-custom-menu .producer-menu span {
+    display: none;
+  }
+
+  /* line 58, ../sass/_responsive.scss */
+  .distribution-index .modal-form-order .modal-container {
+    width: 100%;
+  }
+  /* line 61, ../sass/_responsive.scss */
+  .distribution-index .modal-form-order .modal-container .modal-body table {
+    margin-bottom: 100px;
+  }
+  /* line 66, ../sass/_responsive.scss */
+  .distribution-index .modal-form-order .modal-container .modal-footer {
+    border-top-color: #f4f4f4;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    z-index: 99999;
+    background-color: white;
+    width: 100%;
+    text-align: center;
+    border-top: solid 1px #e0e0e0;
+  }
+  /* line 78, ../sass/_responsive.scss */
+  .distribution-index .modal-form-order .modal-container .modal-footer .actions-form button {
+    float: none;
+  }
+  /* line 89, ../sass/_responsive.scss */
+  .distribution-index #orders #buttons-top-orders .left {
+    width: 100%;
+    float: none;
+  }
+  /* line 93, ../sass/_responsive.scss */
+  .distribution-index #orders #buttons-top-orders .right {
+    width: 100%;
+    float: none;
+  }
+  /* line 98, ../sass/_responsive.scss */
+  .distribution-index #orders #buttons-top-orders .btn {
+    padding: 8px 15px;
+    margin: 10px;
+    display: block;
+    width: 100%;
+  }
+  /* line 108, ../sass/_responsive.scss */
+  .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li {
+    float: none;
+    width: 100%;
+  }
+  /* line 111, ../sass/_responsive.scss */
+  .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a {
+    display: block;
+  }
+  /* line 120, ../sass/_responsive.scss */
+  .distribution-index #orders table ul.dropdown-menu a {
+    padding: 15px;
+  }
+  /* line 124, ../sass/_responsive.scss */
+  .distribution-index #orders table button {
+    padding: 15px;
+  }
+  /* line 129, ../sass/_responsive.scss */
+  .distribution-index #orders table .column-origin,
+  .distribution-index #orders table .column-point-sale,
+  .distribution-index #orders table .column-state-payment,
+  .distribution-index #orders table .column-payment,
+  .distribution-index #orders table .column-tiller,
+  .distribution-index #orders table .column-delivery-note {
+    display: none;
+  }
+}

backend/web/sass/_responsive.scss

+/**
+Copyright distrib (2018)
+
+contact@opendistrib.net
+
+Ce logiciel est un programme informatique servant à aider les producteurs
+à distribuer leur production en circuits courts.
+
+Ce logiciel est régi par la licence CeCILL soumise au droit français et
+respectant les principes de diffusion des logiciels libres. Vous pouvez
+utiliser, modifier et/ou redistribuer ce programme sous les conditions
+de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
+sur le site "http://www.cecill.info".
+
+En contrepartie de l'accessibilité au code source et des droits de copie,
+de modification et de redistribution accordés par cette licence, il n'est
+offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
+seule une responsabilité restreinte pèse sur l'auteur du programme,  le
+titulaire des droits patrimoniaux et les concédants successifs.
+
+A cet égard  l'attention de l'utilisateur est attirée sur les risques
+associés au chargement,  à l'utilisation,  à la modification et/ou au
+développement et à la reproduction du logiciel par l'utilisateur étant
+donné sa spécificité de logiciel libre, qui peut le rendre complexe à
+manipuler et qui le réserve donc à des développeurs et des professionnels
+avertis possédant  des  connaissances  informatiques approfondies.  Les
+utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
+logiciel à leurs besoins dans des conditions permettant d'assurer la
+sécurité de leurs systèmes et ou de leurs données et, plus généralement,
+à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
+
+Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
+pris connaissance de la licence CeCILL, et que vous en avez accepté les
+termes.
+*/
+
+
+@media screen and (max-width: 768px) {
+
+        .main-header {
+                .navbar {
+                        border-top: solid 1px #e0e0e0 ;
+                        border-bottom: solid 1px #e0e0e0 ;
+                }
+        }
+
+        .navbar-custom-menu {
+                .producer-menu {
+                        span {
+                                display: none ;
+                        }
+                }
+        }
+
+        .distribution-index {
+
+                .modal-form-order {
+                        .modal-container {
+                                width: 100% ;
+                                .modal-body {
+                                        table {
+                                                margin-bottom: 100px ;
+                                        }
+
+                                }
+                                .modal-footer {
+                                        border-top-color: #f4f4f4;
+                                        position: fixed;
+                                        bottom: 0;
+                                        right: 0;
+                                        z-index: 99999;
+                                        background-color: white;
+                                        width: 100%;
+                                        text-align: center;
+                                        border-top: solid 1px #e0e0e0 ;
+
+                                        .actions-form {
+                                                button {
+                                                        float: none ;
+                                                }
+                                        }
+                                }
+                        }
+                }
+
+                #orders {
+
+                        #buttons-top-orders {
+                                .left {
+                                        width: 100%;
+                                        float: none;
+                                }
+                                .right {
+                                        width: 100% ;
+                                        float: none ;
+                                }
+
+                                .btn {
+                                        padding: 8px 15px ;
+                                        margin: 10px ;
+                                        display: block ;
+                                        width: 100% ;
+                                }
+                        }
+
+                        #wrapper-nav-points-sale {
+                                ul#nav-points-sale {
+                                        li {
+                                                float: none ;
+                                                width: 100% ;
+                                                a {
+                                                        display: block ;
+                                                }
+                                        }
+                                }
+                        }
+
+                        table {
+                                ul.dropdown-menu {
+                                        a {
+                                                padding: 15px ;
+                                        }
+                                }
+                                button {
+                                        padding: 15px ;
+                                }
+
+                                //.column-checkbox,
+                                .column-origin,
+                                //.column-state,
+                                //.column-user,
+                                .column-point-sale,
+                                //.column-amount,
+                                .column-state-payment,
+                                .column-payment,
+                                .column-tiller,
+                                //.column-actions,
+                                .column-delivery-note {
+                                        display: none ;
+                                }
+
+                        }
+                }
+        }
+}

backend/web/sass/screen.scss

 @import "point_sale/_index.scss" ; 
 @import "report/_index.scss" ;
 @import "document/_form.scss" ;
-@import "document/_index.scss" ;
+@import "document/_index.scss" ;
+@import "_responsive.scss" ;