Adaptation aux smartphones de la section Producteurs

producer/views/commande/_form.php

@@ -277,7 +277,7 @@ use yii\widgets\ActiveForm;
                 ?>
                 <div id="checkbox-credit-pain" >
                     <?php if($credit || $model->getMontantPaye()): ?>
-                        <?= Html::checkbox('credit_pain', true, ['label' => 'Utiliser mon compte Crédit Pain <span class="the-credit" data-toggle="tooltip" data-placement="top" data-original-title="Vous avez actuellement '.number_format($credit,2).' € sur votre compte Crédit Pain">'.number_format($credit,2).' €</span><br /><span class="info"></span>']) ?>
+                        <?= Html::checkbox('credit_pain', true, ['label' => 'Utiliser mon compte Crédit Pain <span class="the-credit" data-toggle="tooltip" data-placement="top" data-original-title="Vous avez actuellement '.number_format($credit,2).' € sur votre compte Crédit Pain">'.number_format($credit,2).'&nbsp;€</span><br /><span class="info"></span>']) ?>
                         <?= Html::hiddenInput('montant_credit_pain', $credit, ['id' => 'montant-credit-pain']) ?>
                         <?= Html::hiddenInput('str_montant_credit_pain', number_format($credit,2).' €', ['id' => 'str-montant-credit-pain']) ?>
                     <?php else: ?>

producer/web/css/ie.css

@@ -1,5 +1,36 @@
-/* Welcome to Compass. Use this file to write IE specific override styles.
- * Import this file using the following HTML or equivalent:
- * <!--[if IE]>
- *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
- * <![endif]--> */
+@charset "UTF-8";
+/** 
+Copyright La boîte à pain (2018) 
+
+contact@laboiteapain.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.
+*/

producer/web/css/print.css

@@ -1,3 +1,36 @@
-/* Welcome to Compass. Use this file to define print styles.
- * Import this file using the following HTML or equivalent:
- * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
+@charset "UTF-8";
+/** 
+Copyright La boîte à pain (2018) 
+
+contact@laboiteapain.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.
+*/

producer/web/js/lechatdesnoisettes.js

@@ -394,14 +394,24 @@ function chat_systeme_commande() {
             $(window).scroll(function (event) {
                 var scroll = $(window).scrollTop() + $(window).height();
                 var pos_bottom_produits = $('#table-produits').offset().top + $('#table-produits').height() + 100 ;
-                if(scroll > pos_bottom_produits) {
+                
+                if($(window).height() < 1000) {
                     if(!$('#bar-fixed').hasClass('not-fixed')) {
                         $('#bar-fixed').addClass('not-fixed') ;
                     }
                 }
                 else {
-                    $('#bar-fixed').removeClass('not-fixed') ;
+                    if(scroll > pos_bottom_produits) {
+                        if(!$('#bar-fixed').hasClass('not-fixed')) {
+                            $('#bar-fixed').addClass('not-fixed') ;
+                        }
+                    }
+                    else {
+                        $('#bar-fixed').removeClass('not-fixed') ;
+                    }
                 }
+                
+                
             });
         }
 }

producer/web/sass/_responsive.scss

@@ -0,0 +1,153 @@
+/** 
+Copyright La boîte à pain (2018) 
+
+contact@laboiteapain.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) {
+ 
+    #header-bap {
+        #logo {
+            margin-left: 10px ;
+        }
+    }
+    
+    #header {
+        .container {
+            margin-left: 15px ;
+            margin-right: 15px ;
+        }
+        
+        #credit {
+            .info {
+                display: block ;
+            }
+        }
+    }
+    
+    #main {
+        nav#main-nav {
+            ul {
+                li {
+                    display: block ;
+                    float: none ;
+                    
+                    &.active a {
+                        border-bottom: solid 1px $color2 ;
+                        background-color: $color2 ;
+                    }
+                    
+                    a {
+                        display: block ;
+                        border-bottom: solid 1px $color2 ;
+                        
+                        &:hover {
+                            border-bottom: solid 1px $color2 ;
+                            background-color: $color2 ;
+                        }
+                    }
+                }
+                
+                li#btn-administration {
+                    float: none ;
+                }
+            }
+        }
+        
+        #produits {
+            
+            td {
+                padding: 3px ;
+            }
+            
+            .td-photo, .th-photo {
+                display: none ;
+            }
+            
+            .produit {
+                font-size: 12px ;
+                .nom {
+                    font-size: 15px ;
+                }
+                
+            }
+        }
+        
+        #bar-fixed {
+            position: relative;
+            .btn-commentaire {
+                float: none ;
+                display: block ;
+                width: 100% ;
+                margin-bottom: 10px ;
+                margin-top: 15px ;
+            }
+        }
+    }
+    
+    .commande-create #main #content .commande-form #produits .table .input-group,
+    .commande-update #main #content .commande-form #produits .table .input-group {
+        width: 60px ;
+        
+        .form-control {
+            width: 20px ;
+            padding: 3px ;
+        }
+    }
+    
+    .commande-create #main #content .commande-form #bar-fixed #checkbox-credit-pain, 
+    .commande-update #main #content .commande-form #bar-fixed #checkbox-credit-pain {
+        width: 100% ;
+        margin: 0px ;
+        padding: 5px 0px ;
+        
+        .the-credit {
+            word-break: break-all ;
+        }
+    }
+    
+    .commande-create #main #content .commande-form #bar-fixed #bloc-valider-commande button, 
+    .commande-update #main #content .commande-form #bar-fixed #bloc-valider-commande button {
+        width: 100% ;
+    }
+    
+    #footer {
+        .content {
+            text-align: center ;
+        }
+    }
+    
+}
+
+
+

producer/web/sass/screen.scss

@@ -40,3 +40,4 @@ termes.
 @import "site/_index.scss";
 @import "commande/_form.scss";
 @import "commande/_historique.scss";
+@import "_responsive.scss";