Intégration Souke

common/web/css/screen.css

 #main .btn-secondary:hover, #main .btn-secondary:focus, #main .btn-secondary.active {
   background-color: #ece4d8;
   border: 0px none;
+  color: black;
 }
-/* line 27, ../sass/_common.scss */
+/* line 28, ../sass/_common.scss */
 #main .alert-information {
   padding: 20px;
   margin-bottom: 20px;
   border-radius: 0px !important;
 }
 
-/* line 38, ../sass/_common.scss */
+/* line 39, ../sass/_common.scss */
 .float-left {
   float: left;
 }
 
-/* line 42, ../sass/_common.scss */
+/* line 43, ../sass/_common.scss */
 .float-right {
   float: right;
 }
 
 /* Navigation utilisateur en haut du site */
-/* line 47, ../sass/_common.scss */
+/* line 48, ../sass/_common.scss */
 .container-nav-user-top {
   position: relative;
 }
-/* line 50, ../sass/_common.scss */
+/* line 51, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top {
   position: absolute;
   top: 0px;
   background-color: white;
   z-index: 100;
 }
-/* line 57, ../sass/_common.scss */
+/* line 58, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar {
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   margin: 0px;
   min-height: 0px;
 }
-/* line 64, ../sass/_common.scss */
+/* line 65, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul {
   position: relative;
   left: -10px;
 }
-/* line 68, ../sass/_common.scss */
+/* line 69, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li {
   padding-left: 5px;
 }
-/* line 71, ../sass/_common.scss */
+/* line 72, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li a.nav-link {
   padding-left: 10px;
   padding-right: 10px;
   color: black;
   font-size: 16px;
 }
-/* line 80, ../sass/_common.scss */
+/* line 81, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li a.nav-link:hover, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link:focus, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link.active {
   background: none;
   color: #ee6f42;
 }
-/* line 85, ../sass/_common.scss */
+/* line 86, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li a.nav-link .bi {
   color: #ee6f42;
   font-size: 16px;
   position: relative;
   top: 1px;
 }
-/* line 95, ../sass/_common.scss */
+/* line 96, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a {
   padding: 2px 20px;
 }
-/* line 98, ../sass/_common.scss */
+/* line 99, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:hover, .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:focus {
   background-color: #ece4d8;
 }
-/* line 108, ../sass/_common.scss */
+/* line 109, ../sass/_common.scss */
 .container-nav-user-top .nav-user-top .dropdown-menu .divider.dropdown-header {
   padding: 0px;
 }
 
 @media screen and (max-width: 768px) {
-  /* line 119, ../sass/_common.scss */
+  /* line 120, ../sass/_common.scss */
   .nav-user-top .navbar ul {
     float: right;
     margin-right: 0px;
   }
-  /* line 124, ../sass/_common.scss */
+  /* line 125, ../sass/_common.scss */
   .nav-user-top .navbar .link-text {
     display: none;
   }
-  /* line 128, ../sass/_common.scss */
+  /* line 129, ../sass/_common.scss */
   .nav-user-top .navbar .dropdown-menu {
     position: absolute;
     right: 5%;
     -webkit-box-shadow: 0px 0px 4px gray;
     box-shadow: 0px 0px 4px gray;
   }
-  /* line 137, ../sass/_common.scss */
+  /* line 138, ../sass/_common.scss */
   .nav-user-top .navbar .dropdown-menu li a {
     padding-left: 15px;
   }
 }
 /* Block de date */
-/* line 147, ../sass/_common.scss */
+/* line 148, ../sass/_common.scss */
 .block-date {
   margin: 0px auto;
   padding-top: 0px;
   text-align: center;
 }
-/* line 152, ../sass/_common.scss */
+/* line 153, ../sass/_common.scss */
 .block-date .day {
   text-transform: capitalize;
   line-height: 15px;
   font-size: 13px;
   text-transform: uppercase;
 }
-/* line 159, ../sass/_common.scss */
+/* line 160, ../sass/_common.scss */
 .block-date .num {
   font-size: 30px;
   line-height: 35px;
   font-weight: bold;
 }
-/* line 165, ../sass/_common.scss */
+/* line 166, ../sass/_common.scss */
 .block-date .month {
   text-transform: uppercase;
   line-height: 15px;
 }
 
 /* Page d'erreur */
-/* line 175, ../sass/_common.scss */
+/* line 176, ../sass/_common.scss */
 #main #content .site-error .col-lg-6 {
   margin: 0px auto;
   float: none;
 }
-/* line 181, ../sass/_common.scss */
+/* line 182, ../sass/_common.scss */
 #main #content .site-error .panel .panel-body {
   padding-bottom: 0px;
 }
-/* line 185, ../sass/_common.scss */
+/* line 186, ../sass/_common.scss */
 #main #content .site-error .panel h2 {
   text-transform: none;
   font-size: 25px;
   margin-top: 0px;
   margin-bottom: 0px;
 }
-/* line 193, ../sass/_common.scss */
+/* line 194, ../sass/_common.scss */
 #main #content .site-error .alert {
   padding-bottom: 5px;
 }
-/* line 196, ../sass/_common.scss */
+/* line 197, ../sass/_common.scss */
 #main #content .site-error .alert h2 {
   margin-top: 5px;
 }
-/* line 200, ../sass/_common.scss */
+/* line 201, ../sass/_common.scss */
 #main #content .site-error .alert p {
   margin-bottom: 15px;
 }
-/* line 204, ../sass/_common.scss */
+/* line 205, ../sass/_common.scss */
 #main #content .site-error .alert .btn {
   text-decoration: none;
 }
 
 /* Paiement */
-/* line 215, ../sass/_common.scss */
+/* line 216, ../sass/_common.scss */
 .payment-detail-remaining-surplus {
   font-size: 13px;
   color: gray;
 }
-/* line 219, ../sass/_common.scss */
+/* line 220, ../sass/_common.scss */
 .payment-detail-remaining-surplus strong {
   font-weight: bold;
 }

common/web/sass/_common.scss

     &:hover, &:focus, &.active {
       background-color: $color-gray;
       border: 0px none;
+      color: black;
     }
   }
 

frontend/controllers/SiteController.php

         }
     }
 
-    /**
-     * Affiche la page d'accueil.
-     */
     public function actionIndex()
     {
         $dataProviderProducers = new ActiveDataProvider([
         ]);
     }
 
+    public function actionIamproducer()
+    {
+        return $this->render('iamproducer', []);
+    }
+
     public function actionService()
     {
         $paidFeaturesArray = $this->getFeatureModule()->getRepository()->findPaidFeatures();

frontend/views/layouts/main.php

                                 ],
                                 [
                                     'label' => 'Je suis producteur',
-                                    'url' => $this->getUrlManager()->createUrl(['site/producers']),
-                                    'active' => $this->getControllerAction() == 'site/producers',
+                                    'url' => $this->getUrlManager()->createUrl(['site/iamproducer']),
+                                    'active' => $this->getControllerAction() == 'site/iamproducer',
                                     'options' => ['id' => 'li-producteurs']
                                 ],
                                 [

frontend/views/site/_button_producer_signup.php

     <?php if(Yii::$app->user->isGuest || $userModule->getSolver()->isStatusUser($userCurrent)): ?>
         <a class="btn btn-primary"
            href="<?= Yii::$app->user->isGuest ? \Yii::$app->urlManagerFrontend->createUrl(['site/signup']) : \Yii::$app->urlManagerFrontend->createUrl(['site/signup-producer']); ?>">
-            <span class="glyphicon glyphicon-user"></span> Je crée mon espace producteur
+            <i class="bi bi-shop"></i> Je crée mon espace producteur
         </a><br />
         <?php if($producerManager->getMaximumNumberProducers()): ?>
             <strong><?= ($producerSignupRemainingPlaces); ?></strong>

frontend/views/site/iamproducer.php

+<?php
+
+/**
+ * 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.
+ */
+
+$this->setTitle("M'organiser dans mon activité de producteur");
+//$this->setMeta('description', '');
+
+$producerModule = $this->getProducerModule();
+
+?>
+<div class="site-iamproducer">
+    <div class="panel panel-primary panel-padding-large">
+        <!--<div class="panel-heading">
+            <h2 class="panel-title">
+                <span class="glyphicon glyphicon-grain"></span>
+                <span class="the-title">Producteurs</span>
+            </h2>
+        </div>-->
+        <div class="panel-body">
+            <div class="hook">
+                Vous avez besoin d'un outil pour vous organiser au quotidien ?<br />
+                Avez Souke, profitez d'un logiciel de gestion simple et intuitif pour :<br />
+                <div class="word-animate"><span class="functionality"></span></div>
+            </div>
+            <div class="links">
+                <?= $this->render('_button_producer_signup'); ?>
+                <a class="btn btn-secondary"
+                   href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/service']); ?>">
+                    <i class="bi bi-info-circle"></i> En savoir plus
+                </a>
+                <a class="btn btn-secondary" href="<?= \Yii::$app->parameterBag->get('appointmentUrl'); ?>" target="_blank">
+                    <i class="bi bi-eye"></i> Je demande une démo
+                </a>
+                <?php if (Yii::$app->user->isGuest): ?>
+                    <a class="btn btn-secondary"
+                       href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/producer', 'id' => 32]); ?>">
+                        <i class="bi bi-check2-square"></i> Je teste le logiciel
+                    </a>
+                <?php endif; ?>
+            </div>
+        </div>
+    </div>
+</div>

frontend/views/site/index.php.back

-<?php
-
-/**
- * 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.
- */
-
-use common\helpers\Url;
-
-$this->setTitle('Passez commande auprès de producteurs locaux');
-$this->setMeta('description', 'Simplifiez la distribution de vos produits en circuit court grâce à des outils web adaptés.');
-
-$producerModule = $this->getProducerModule();
-
-?>
-
-<div class="row" id="row-users-producers">
-    <div class="col-sm-12 col-md-6 producer">
-        <div class="panel panel-primary">
-            <div class="panel-heading">
-                <h2 class="panel-title">
-                    <span class="glyphicon glyphicon-grain"></span>
-                    <span class="the-title">Producteurs</span>
-                </h2>
-            </div>
-            <div class="panel-body">
-                <div class="hook">
-                    Profitez d'un logiciel simple et intuitif pour :<br />
-                    <div class="word-animate"><span class="functionality"></span></div>
-                </div>
-                <div class="links">
-                    <?= $this->render('_button_producer_signup'); ?>
-                    <a class="btn btn-default"
-                       href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/service']); ?>">
-                        <span class="glyphicon glyphicon-plus-sign"></span> En savoir plus
-                    </a>
-                    <a class="btn btn-default" href="<?= \Yii::$app->parameterBag->get('appointmentUrl'); ?>" target="_blank">
-                        <span class="glyphicon glyphicon-education"></span> Je demande une démo
-                    </a>
-                    <?php if (Yii::$app->user->isGuest): ?>
-                        <a class="btn btn-default"
-                           href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/producer', 'id' => 32]); ?>">
-                            <span class="glyphicon glyphicon-check"></span> Je teste le logiciel
-                        </a>
-                    <?php endif; ?>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="col-sm-12 col-md-6 users">
-        <div class="panel panel-primary">
-            <div class="panel-heading">
-                <h2 class="panel-title">
-                    <span class="glyphicon glyphicon-user"></span>
-                    <span class="the-title">Clients</span>
-                </h2>
-            </div>
-            <div class="panel-body">
-                <div class="hook">
-                    Réservez facilement vos produits<br>
-                    auprès de producteurs locaux.<br><br>
-                </div>
-                <div class="links">
-                    <?php if (Yii::$app->user->isGuest): ?>
-                        <a class="btn btn-primary"
-                           href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/signup']); ?>"><span
-                                    class="glyphicon glyphicon-user"></span> Je m'inscris</a>
-                    <?php endif; ?>
-                    <a class="btn btn-default"
-                       href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/producers']); ?>"><span
-                                class="glyphicon glyphicon-search"></span> Je recherche un producteur</a>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="clr"></div>
-</div>
-<?php if (Yii::$app->user->isGuest && YII_ENV == 'demo'): ?>
-    <div class="row" id="row-signup">
-        <a class="btn btn-primary btn-lg" href="<?= Url::env('prod', 'frontend'); ?>"><span
-                    class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
-    </div>
-<?php endif; ?>
-
-

frontend/web/js/frontend.js

 function opendistrib_home_text_animation() {
     var
         words = [
-            '<span class="glyphicon glyphicon-eye-open"></span> présenter votre activité',
-            '<span class="glyphicon glyphicon-calendar"></span> gérer vos prises de commandes',
-            '<span class="glyphicon glyphicon-download-alt"></span> télécharger vos récapitulatifs de commande',
-            '<span class="glyphicon glyphicon-send"></span> communiquer avec vos clients',
-            '<span class="glyphicon glyphicon-file"></span> générer vos bons de livraisons et factures',
-            '<span class="glyphicon glyphicon-euro"></span> comptabiliser les paiements',
-            '<span class="glyphicon glyphicon-stats"></span> obtenir des statistiques de vente'
+            '<i class="bi bi-eye"></i> présenter votre activité',
+            '<i class="bi bi-calendar-check"></i> gérer vos prises de commandes',
+            '<i class="bi bi-download"></i> télécharger vos récapitulatifs de commande',
+            '<i class="bi bi-send"></i> communiquer avec vos clients',
+            '<i class="bi bi-file-earmark-text"></i> générer vos bons de livraisons et factures',
+            '<i class="bi bi-currency-euro"></i> comptabiliser les paiements',
+            '<i class="bi bi-graph-up"></i> obtenir des statistiques de vente'
         ],
         part,
         i = 0,
         speed = 3000;
 
     var wordflick = function(){
-
         part = words[i];
-        $('#row-users-producers .producer .word-animate span').html(part);
-
+        $('.site-iamproducer .word-animate span').html(part);
         setInterval(function(){
             i ++;
             if(i >= len){
                 i=0;
             }
-
             part = words[i];
-            $('#row-users-producers .producer .word-animate span').hide().html(part).fadeIn();
-
-            /*if (forwards) {
-                if(offset >= words[i].length){
-                    ++skip_count;
-                    if (skip_count == skip_delay) {
-                        forwards = false;
-                        skip_count = 0;
-                    }
-                }
-            }
-            else {
-                if(offset == 0){
-                    forwards = true;
-                    i++;
-                    offset = 0;
-                    if(i >= len){
-                        i=0;
-                    }
-                }
-            }
-            part = words[i].substr(0, offset);
-            if (skip_count == 0) {
-                if (forwards) {
-                    offset++;
-                }
-                else {
-                    offset--;
-                }
-            }*/
+            $('.site-iamproducer .word-animate span').hide().html(part).fadeIn();
         }, speed);
     };
 
     init: function() {
         var app = this;
         $block = app.getBlock();
+        var selector = 'carousel-producers-testimonials';
 
         // init carousel
-        new bootstrap.Carousel("#carousel-producers-testimonials");
-
-        // event on slide : init height
-        app.eventSlide();
-        var carousel = document.getElementById('carousel-producers-testimonials');
-        carousel.addEventListener('slid.bs.carousel', function() {
+        var carousel = document.getElementById(selector);
+        if(carousel) {
+            new bootstrap.Carousel("#"+selector);
             app.eventSlide();
-        });
+            carousel = document.getElementById(selector);
+            carousel.addEventListener('slid.bs.carousel', function() {
+                app.eventSlide();
+            });
+        }
     },
     eventSlide: function() {
         var heightCurrentItem = this.getBlock('.carousel-item.active .carousel-caption-inner').height() + 50;

frontend/web/sass/_responsive.scss

 */
 
 @media screen and (min-width: 768px) {
-  .home #row-users-producers {
-    .producer, .users {
-      .panel-body {
-        height: 260px;
-      }
-    }
-  }
+
 }
 
 @media screen and (min-width: 768px) and (max-width: 1000px) {
     }
   }
 
-  .home {
-    #row-users-producers {
-      .producer, .users {
-        padding: 0px;
-      }
-    }
-  }
-
   .site-producers {
     #wrapper-producers-map {
       display: none;
     #main {
       background-image: none;
       background-color: #FFF8DC;
+    }
+  }
 
-      #row-users-producers {
-        display: block;
-        margin: 0px;
-        padding: 0px;
-
-        .panel {
-          .hook {
-            margin-bottom: 25px;
-
-            br {
-              display: none;
-            }
+  .site-iamproducer {
+      .panel {
+        .hook {
+          margin-bottom: 25px;
 
-            .word-animate {
-              font-size: 20px;
-            }
+          br {
+            display: none;
           }
 
-          .links {
-            a {
-              display: block;
-              margin-bottom: 5px;
-            }
+          .word-animate {
+            font-size: 20px;
           }
         }
 
-        .producer, .users {
-          padding-right: 0px;
+        .links {
+          a {
+            display: block;
+            margin-bottom: 5px;
+          }
         }
+      }
 
-        .users {
-          padding-left: 0px;
+      .producer, .users {
+        padding-right: 0px;
+      }
 
-          .panel {
-            margin-bottom: 0px;
-          }
+      .users {
+        padding-left: 0px;
+
+        .panel {
+          margin-bottom: 0px;
         }
       }
-    }
   }
 
   .site-producers {

frontend/web/sass/screen.scss

     font-size: 14px;
   }
 
-  #row-users-producers {
-    width: 100%;
-    text-align: center;
-    display: table;
-    margin-bottom: 20px;
-    padding-top: 100px;
-    @include border-radius(5px) ;
-
-    .col-md-6 {
-      .panel {
-        height: 100%;
-        margin-bottom: 20px;
-        background-color: transparent;
-        @include box-shadow(none) ;
-      }
-
-      &.producer {
-        padding-left: 0px;
-
-        .word-animate {
-          margin-top: 18px;
-          height: auto;
-
-          span.functionality {
-            background-color: #FFF8DC;
-            @include border-radius(8px);
-            padding: 8px 15px 5px 15px;
-
-            .glyphicon {
-              position: relative;
-              top: 4px;
-              right: 6px;
-            }
-          }
-        }
-      }
-
-      &.users {
-        padding-right: 0px;
-      }
-
-      .hook {
-        font-family: 'capsuularegular';
-        font-size: 23px;
-        line-height: 28px;
-        margin-top: 10px;
-        margin-bottom: 30px;
-      }
-
-      .links {
-        a {
-          margin-bottom: 5px;
-        }
-      }
-    }
-  }
-
-  #row-users-producers,
-  #row-functionalities-rates {
-
-    div.producer, div.users {
-    }
-
-    div.producer {
-      .btn-primary {
-        //margin-bottom: 5px ;
-      }
-    }
-
-    .panel-body {
-      //font-family: 'capsuularegular';
-      //color: black;
-      //font-size: 20px;
-      //line-height: 26px;
-    }
-
-    p {
-      padding-bottom: 4px;
-    }
-  }
-
   #row-functionalities-rates {
     .block {
       position: relative;
   }
 }
 
+.site-iamproducer {
+
+  .panel {
+    text-align: center;
+  }
+
+  .word-animate {
+    margin-top: 40px;
+    margin-bottom: 60px;
+    height: auto;
+
+    span.functionality {
+      @include border-radius(15px);
+      background-color: $color-gray;
+      color: black;
+      padding: 15px 30px;
+
+      .glyphicon {
+        position: relative;
+        top: 4px;
+        right: 6px;
+      }
+    }
+  }
+
+  .hook {
+    font-size: 23px;
+    line-height: 28px;
+    margin-top: 10px;
+    margin-bottom: 30px;
+  }
+}
+
 .site-producers {
 
   #producers-list {