Laclic
/
Souke
Watch 5
Star 0
Fork 1
Code Issues 1 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

[Frontend] Responsive #1137

feature/souke
Guillaume Bourgeois 1 year ago
parent
71884bfa2e
commit
f6e6d99ae7
15 changed files with 628 additions and 536 deletions
Unified View Show Diff Stats
  1. +4
    -0
      common/views/nav_user_top.php
  2. +17
    -12
      common/web/css/screen.css
  3. +3
    -0
      common/web/sass/_common.scss
  4. +1
    -1
      frontend/controllers/SiteController.php
  5. +4
    -3
      frontend/views/layouts/main.php
  6. +1
    -1
      frontend/views/site/_about_few_numbers.php
  7. +68
    -67
      frontend/views/site/about.php
  8. +55
    -57
      frontend/views/site/index.php
  9. +1
    -1
      frontend/views/site/mentions.php
  10. +0
    -2
      frontend/views/site/producer.php
  11. +1
    -1
      frontend/views/site/producers.php
  12. +118
    -109
      frontend/views/site/service.php
  13. +269
    -234
      frontend/web/css/screen.css
  14. +80
    -46
      frontend/web/sass/_responsive.scss
  15. +6
    -2
      frontend/web/sass/screen.scss

+ 4
- 0
common/views/nav_user_top.php View File

'label' => '<span class="glyphicon glyphicon-star"></span> <span class="link-text">Mes producteurs</span>', 'label' => '<span class="glyphicon glyphicon-star"></span> <span class="link-text">Mes producteurs</span>',
'url' => '#', 'url' => '#',
'items' => $itemsProducersArray, 'items' => $itemsProducersArray,
'linkOptions' => ['class' => 'btn btn-default navbar-btn'],
'visible' => !Yii::$app->user->isGuest 'visible' => !Yii::$app->user->isGuest
]; ];


'</span>', '</span>',
'options' => ['id' => 'label1'], 'options' => ['id' => 'label1'],
'url' => '#', 'url' => '#',
'linkOptions' => ['class' => 'btn btn-default navbar-btn'],
'items' => $itemsUserArray, 'items' => $itemsUserArray,
'visible' => !Yii::$app->user->isGuest 'visible' => !Yii::$app->user->isGuest
]; ];
$itemConnexion = [ $itemConnexion = [
'label' => '<span class="glyphicon glyphicon-log-in"></span> Connexion', 'label' => '<span class="glyphicon glyphicon-log-in"></span> Connexion',
'url' => $this->getUrlManagerFrontend()->createUrl(['site/login']), 'url' => $this->getUrlManagerFrontend()->createUrl(['site/login']),
'linkOptions' => ['class' => 'btn btn-default navbar-btn'],
'visible' => \Yii::$app->user->isGuest, 'visible' => \Yii::$app->user->isGuest,
'active' => $this->getControllerAction() == 'site/login' 'active' => $this->getControllerAction() == 'site/login'
]; ];
$itemSignup = [ $itemSignup = [
'label' => '<span class="glyphicon glyphicon-user"></span> Inscription', 'label' => '<span class="glyphicon glyphicon-user"></span> Inscription',
'url' => $this->getUrlManagerFrontend()->createUrl(['site/signup']), 'url' => $this->getUrlManagerFrontend()->createUrl(['site/signup']),
'linkOptions' => ['class' => 'btn btn-default navbar-btn'],
'visible' => \Yii::$app->user->isGuest, 'visible' => \Yii::$app->user->isGuest,
'active' => $this->getControllerAction() == 'site/signup' 'active' => $this->getControllerAction() == 'site/signup'
]; ];

+ 17
- 12
common/web/css/screen.css View File

border: 0px none; border: 0px none;
margin-bottom: 0px; margin-bottom: 0px;
} }
/* line 20, ../sass/_common.scss */
/* line 19, ../sass/_common.scss */
.nav-user-top .navbar ul li {
padding-left: 5px;
}
/* line 22, ../sass/_common.scss */
.nav-user-top .navbar ul li a { .nav-user-top .navbar ul li a {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
/* line 24, ../sass/_common.scss */
/* line 26, ../sass/_common.scss */
.nav-user-top .navbar ul li a.navbar-btn { .nav-user-top .navbar ul li a.navbar-btn {
padding: 5px 10px; padding: 5px 10px;
} }
/* line 29, ../sass/_common.scss */
/* line 31, ../sass/_common.scss */
.nav-user-top .navbar ul li ul li a { .nav-user-top .navbar ul li ul li a {
padding: 2px 20px; padding: 2px 20px;
} }
/* line 37, ../sass/_common.scss */
/* line 39, ../sass/_common.scss */
.nav-user-top .dropdown-menu .divider.dropdown-header { .nav-user-top .dropdown-menu .divider.dropdown-header {
padding: 0px; padding: 0px;
} }


@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
/* line 46, ../sass/_common.scss */
/* line 48, ../sass/_common.scss */
.nav-user-top .navbar ul { .nav-user-top .navbar ul {
float: right; float: right;
margin-right: 0px;
} }
/* line 50, ../sass/_common.scss */
/* line 53, ../sass/_common.scss */
.nav-user-top .navbar .link-text { .nav-user-top .navbar .link-text {
display: none; display: none;
} }
/* line 54, ../sass/_common.scss */
/* line 57, ../sass/_common.scss */
.nav-user-top .navbar .dropdown-menu { .nav-user-top .navbar .dropdown-menu {
position: absolute; position: absolute;
right: 5%; right: 5%;
-webkit-box-shadow: 0px 0px 4px gray; -webkit-box-shadow: 0px 0px 4px gray;
box-shadow: 0px 0px 4px gray; box-shadow: 0px 0px 4px gray;
} }
/* line 63, ../sass/_common.scss */
/* line 66, ../sass/_common.scss */
.nav-user-top .navbar .dropdown-menu li a { .nav-user-top .navbar .dropdown-menu li a {
padding-left: 15px; padding-left: 15px;
} }
} }
/* Block de date */ /* Block de date */
/* line 73, ../sass/_common.scss */
/* line 76, ../sass/_common.scss */
.block-date { .block-date {
margin: 0px auto; margin: 0px auto;
padding-top: 0px; padding-top: 0px;
text-align: center; text-align: center;
} }
/* line 78, ../sass/_common.scss */
/* line 81, ../sass/_common.scss */
.block-date .day { .block-date .day {
text-transform: capitalize; text-transform: capitalize;
line-height: 15px; line-height: 15px;
font-size: 13px; font-size: 13px;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 85, ../sass/_common.scss */
/* line 88, ../sass/_common.scss */
.block-date .num { .block-date .num {
font-size: 30px; font-size: 30px;
line-height: 35px; line-height: 35px;
font-weight: bold; font-weight: bold;
} }
/* line 91, ../sass/_common.scss */
/* line 94, ../sass/_common.scss */
.block-date .month { .block-date .month {
text-transform: uppercase; text-transform: uppercase;
line-height: 15px; line-height: 15px;

+ 3
- 0
common/web/sass/_common.scss View File



ul { ul {
li { li {
padding-left: 5px;

a { a {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
.navbar { .navbar {
ul { ul {
float: right; float: right;
margin-right: 0px;
} }


.link-text { .link-text {

+ 1
- 1
frontend/controllers/SiteController.php View File



public function actionAbout() public function actionAbout()
{ {
$aboutFewNumbers = Yii::$app->cache->getOrSet('about_few_numbers2', function () {
$aboutFewNumbers = Yii::$app->cache->getOrSet('about_few_numbers', function () {
$producerManager = $this->getProducerManager(); $producerManager = $this->getProducerManager();
$pointSaleManager = $this->getPointSaleManager(); $pointSaleManager = $this->getPointSaleManager();
$userManager = $this->getUserManager(); $userManager = $this->getUserManager();

+ 4
- 3
frontend/views/layouts/main.php View File

?> ?>
<?php $this->beginPage() ?> <?php $this->beginPage() ?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr">
<head> <head>
<title><?php if ($isHome): ?>Opendistrib | <?= Html::encode($this->title) ?><?php else: ?><?= Html::encode($this->title) ?> | Opendistrib<?php endif; ?></title> <title><?php if ($isHome): ?>Opendistrib | <?= Html::encode($this->title) ?><?php else: ?><?= Html::encode($this->title) ?> | Opendistrib<?php endif; ?></title>
<meta charset="utf-8"> <meta charset="utf-8">
</div> </div>
<footer id="footer"> <footer id="footer">
<div class="container"> <div class="container">
<a href="<?php echo $this->getUrlManager()->createUrl('site/service'); ?>">Fonctionnalités, services & tarifs</a> &bull;
<a href="<?php echo $this->getUrlManager()->createUrl('site/mentions'); ?>">Mentions légales</a> &bull;
<a href="<?php echo $this->getUrlManager()->createUrl('site/cgv'); ?>">Conditions générales de service</a> &bull;
<a href="<?php echo $this->getUrlManager()->createUrl('site/service'); ?>">Fonctionnalités, services & tarifs</a> <span class="bull">&bull;</span>
<a href="<?php echo $this->getUrlManager()->createUrl('site/mentions'); ?>">Mentions légales</a> <span class="bull">&bull;</span>
<a href="<?php echo $this->getUrlManager()->createUrl('site/cgv'); ?>">Conditions générales de service</a> <span class="bull">&bull;</span>
<a href="<?php echo $this->getUrlManager()->createUrl('site/source-code'); ?>">Code source</a> <a href="<?php echo $this->getUrlManager()->createUrl('site/source-code'); ?>">Code source</a>
</div> </div>
</footer> </footer>

+ 1
- 1
frontend/views/site/_about_few_numbers.php View File

<div class="panel panel-primary" id="few-numbers">
<div class="col-md-4 panel panel-primary" id="few-numbers">
<div class="panel-heading"> <div class="panel-heading">
<h2 class="panel-title"> <h2 class="panel-title">
<span class="glyphicon glyphicon-stats"></span> <span class="glyphicon glyphicon-stats"></span>

+ 68
- 67
frontend/views/site/about.php View File

<?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.
*/
/**
* 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 yii\helpers\Html; use yii\helpers\Html;
use yii\bootstrap\ActiveForm; use yii\bootstrap\ActiveForm;
?> ?>
<div class="site-about"> <div class="site-about">
<div class="row"> <div class="row">
<div class="col-md-8">
<div class="panel panel-primary">
<div class="panel-body">
<h2>Présentation</h2>
<p>L'objectif d'Opendistrib est de fournir aux producteurs locaux une solution technique
sur laquelle s'appuyer pour organiser leurs ventes en circuits courts.</p>
<p>Le logiciel répond aux besoins quotidiens des producteurs en leur permettant
de présenter leur activité, communiquer avec leurs clients, gérer les prises de commandes, comptabiliser les
paiements, générer des bons de livraisons/factures et obtenir des statistiques de vente.</p>
<p>Cet outil est particulièrement adapté à tous les producteurs souhaitant fonctionner
essentiellement sur commande. C'est le choix de cette méthode de travail qui les amène à utiliser cet
outil. Majoritairement utilisé par des boulangeries produisant du pain au levain naturel,
Opendistrib fonctionne également très bien pour tous types de production locale.</p>
<p>La première version du logiciel est née en 2016 à l'occasion de la création de la boulangerie
Le Chat des Noisettes à Déservillers, en Franche-Comté. Le site a ensuite été progressivement
ouvert à d'autres producteurs un peu partout en France pour arriver à un total de
<?= $countProducers ?> producteurs actifs à l'heure actuelle.</p>
<div class="col-md-8 panel panel-primary">
<div class="panel-body">
<h2>Présentation</h2>
<p>L'objectif d'Opendistrib est de fournir aux producteurs locaux une solution technique
sur laquelle s'appuyer pour organiser leurs ventes en circuits courts.</p>
<p>Le logiciel répond aux besoins quotidiens des producteurs en leur permettant
de présenter leur activité, communiquer avec leurs clients, gérer les prises de commandes,
comptabiliser les
paiements, générer des bons de livraisons/factures et obtenir des statistiques de vente.</p>
<p>Cet outil est particulièrement adapté à tous les producteurs souhaitant fonctionner
essentiellement sur commande. C'est le choix de cette méthode de travail qui les amène à utiliser
cet
outil. Majoritairement utilisé par des boulangeries produisant du pain au levain naturel,
Opendistrib fonctionne également très bien pour tous types de production locale.</p>
<p>La première version du logiciel est née en 2016 à l'occasion de la création de la boulangerie
Le Chat des Noisettes à Déservillers, en Franche-Comté. Le site a ensuite été progressivement
ouvert à d'autres producteurs un peu partout en France pour arriver à un total de
<?= $countProducers ?> producteurs actifs à l'heure actuelle.</p>


<h2>Qui suis-je ?</h2>
<p>Je m'appelle Guillaume Bourgeois et je vis à Besançon en Franche-Comté. J'exerce en
tant que développeur web depuis 2009 et suis actuellement en micro-entreprise. </p>
<p>Progressivement confronté aux réalités de terrain de différents producteurs et distributeurs,
également conscient des enjeux sociétaux et environnementaux actuels, je me suis au fil des années
intéressé et spécialisé dans le développement de logiciels dédiés à la distribution de produits
locaux en circuits courts dont Opendistrib fait partie.</p>
<p>Depuis 2016, je suis donc responsable du développement, de la maintenance et du support d'Opendistrib.
Unique interlocuteur, j'offre aux producteurs une relation directe avec une personne impliquée
ayant une vue globale sur tous les aspects du logiciel. Technicien et pédagogue, j'aime être à
l'écoute des besoins des producteurs et leur apporter des solutions simples et adaptées.</p>
</div>
<h2>Qui suis-je ?</h2>
<p>Je m'appelle Guillaume Bourgeois et je vis à Besançon en Franche-Comté. J'exerce en
tant que développeur web depuis 2009 et suis actuellement en micro-entreprise. </p>
<p>Progressivement confronté aux réalités de terrain de différents producteurs et distributeurs,
également conscient des enjeux sociétaux et environnementaux actuels, je me suis au fil des années
intéressé et spécialisé dans le développement de logiciels dédiés à la distribution de produits
locaux en circuits courts dont Opendistrib fait partie.</p>
<p>Depuis 2016, je suis donc responsable du développement, de la maintenance et du support
d'Opendistrib.
Unique interlocuteur, j'offre aux producteurs une relation directe avec une personne impliquée
ayant une vue globale sur tous les aspects du logiciel. Technicien et pédagogue, j'aime être à
l'écoute des besoins des producteurs et leur apporter des solutions simples et adaptées.</p>
</div> </div>
</div> </div>
<div class="col-md-4">
<?= $aboutFewNumbers; ?>
</div>
</div> </div>

<?= $aboutFewNumbers; ?>
</div>
</div> </div>

+ 55
- 57
frontend/views/site/index.php View File



?> ?>


<div id="presentation">
<div id="row-users-producers">
<div class="col-md-6 producer">
<div class="panel panel-primary">
<div class="panel-heading">
<h2 class="panel-title">
<div class="glyphicon glyphicon-grain"></div>
<span class="the-title">Producteurs</span>
</h2>
<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">
Simplifiez la distribution de vos produits<br/>
en circuit court avec des outils adaptés.
</div> </div>
<div class="panel-body">
<div class="hook">
Simplifiez la distribution de vos produits<br/>
en circuit court avec des outils adaptés.
</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 crée mon espace
</a>
<?php endif; ?>
<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->params['appointmentUrl']; ?>" target="_blank">
<span class="glyphicon glyphicon-education"></span> Je demande une démo
<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 crée mon espace
</a> </a>
</div>
<?php endif; ?>
<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->params['appointmentUrl']; ?>" target="_blank">
<span class="glyphicon glyphicon-education"></span> Je demande une démo
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 users">
<div class="panel panel-primary">
<div class="panel-heading">
<h2 class="panel-title">
<div class="glyphicon glyphicon-user"></div>
<span class="the-title">Clients</span>
</h2>
</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 en ligne<br/>
auprès de producteurs locaux.
</div> </div>
<div class="panel-body">
<div class="hook">
Réservez facilement vos produits en ligne<br/>
auprès de producteurs locaux.
</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 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> </div>
<div class="clr"></div>
</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; ?>
<div class="clr"></div>
</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; ?>





+ 1
- 1
frontend/views/site/mentions.php View File



?> ?>


<div class="container content-text">
<div class="content-text">
<div class="content"> <div class="content">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-body"> <div class="panel-body">

+ 0
- 2
frontend/views/site/producer.php View File

?> ?>


<div id="page-producer"> <div id="page-producer">
<!--<p class="info"><span class="alert alert-warning">Veuillez vous connecter pour réserver les produits de ce producteur.</span></p>-->
<div class="col-md-6"> <div class="col-md-6">
<div class="panel panel-primary"> <div class="panel panel-primary">
<div class="panel-heading"> <div class="panel-heading">

+ 1
- 1
frontend/views/site/producers.php View File



<div class="site-producers"> <div class="site-producers">
<div class="row"> <div class="row">
<div class="col-md-6 col-sm-12">
<div class="col-md-6 col-sm-12" id="wrapper-producers-list">
<div id="producers-list"> <div id="producers-list">
<div id="producer-search"> <div id="producer-search">
<div class="form-group has-feedback"> <div class="form-group has-feedback">

+ 118
- 109
frontend/views/site/service.php View File

//$this->setMeta('description', ''); //$this->setMeta('description', '');


?> ?>

<div class="content-text">
<div id="row-functionalities-rates">
<div class="panel panel-primary" id="block-functionnalities">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-cog"></span>
<span class="the-title">Fonctionnalités</span>
</h2>
</div>
<div class="panel-body">
<?= block_feature('grain', "Un espace producteur dédié accessible aux clients avec un système de prise de commandes, la présentation de l'activité, la liste des produits et des points de vente, un formulaire de contact"); ?>
<?= block_feature("cog", "Une administration complète et intuitive pour configurer finement l'ensemble des aspects de l'activité de producteur"); ?>
<div class="clr"></div>
<?= block_feature("calendar", "Planification des jours de distributions"); ?>
<?= block_feature("download-alt", "Accès à un récapitulatif des commandes par jour de distribution"); ?>
<?= block_feature("cutlery", "Gestion des produits, catégories et prix spécifiques"); ?>
<?= block_feature("map-marker", "Gestion des points de vente avec possibilité d'accès restreint à certains utilisateurs"); ?>
<?= block_feature("repeat", "Gestion des abonnements pour les commandes récurrentes"); ?>
<?= block_feature("user", "Gestion des clients"); ?>
<?= block_feature("euro", "Système de crédit (ou cagnotte) permettant la comptabilisation des paiements"); ?>
<?= block_feature("bullhorn", "Communication facilitée avec les clients via l'envoi d'emails en masse"); ?>
<?= block_feature("folder-open", "Génération de bons de livraison, factures & devis"); ?>
<?= block_feature("stats", "Statistiques et rapports de vente"); ?>
<div class="site-service">
<div class="content-text">
<div id="row-functionalities-rates">
<div class="panel panel-primary" id="block-functionnalities">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-cog"></span>
<span class="the-title">Fonctionnalités</span>
</h2>
</div>
<div class="panel-body">
<?= block_feature('grain', "Un espace producteur dédié accessible aux clients avec un système de prise de commandes, la présentation de l'activité, la liste des produits et des points de vente, un formulaire de contact"); ?>
<?= block_feature("cog", "Une administration complète et intuitive pour configurer finement l'ensemble des aspects de l'activité de producteur"); ?>
<div class="clr"></div>
<?= block_feature("calendar", "Planification des jours de distributions"); ?>
<?= block_feature("download-alt", "Accès à un récapitulatif des commandes par jour de distribution"); ?>
<?= block_feature("cutlery", "Gestion des produits, catégories et prix spécifiques"); ?>
<?= block_feature("map-marker", "Gestion des points de vente avec possibilité d'accès restreint à certains utilisateurs"); ?>
<?= block_feature("repeat", "Gestion des abonnements pour les commandes récurrentes"); ?>
<?= block_feature("user", "Gestion des clients"); ?>
<?= block_feature("euro", "Système de crédit (ou cagnotte) permettant la comptabilisation des paiements"); ?>
<?= block_feature("bullhorn", "Communication facilitée avec les clients via l'envoi d'emails en masse"); ?>
<?= block_feature("folder-open", "Génération de bons de livraison, factures & devis"); ?>
<?= block_feature("stats", "Statistiques et rapports de vente"); ?>
</div>
</div> </div>
</div>


<div class="panel panel-primary" id="block-services">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-wrench"></span>
<span class="the-title">Services</span>
</h2>
</div>
<div class="panel-body">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Évolutions régulières</h3>
<p>Les évolutions sont développées en fonction des retours de tous les producteurs et le
logiciel est régulièrement mis à jour.<br/>
Si vous avez un besoin spécifique à votre activité, nous pouvons réaliser des
développements sur-mesure <a href="<?= \Yii::$app->urlManager->createUrl(['site/contact']) ?>">sur devis</a>.
</p>
<div class="panel panel-primary" id="block-services">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-wrench"></span>
<span class="the-title">Services</span>
</h2>
</div>
<div class="panel-body">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Évolutions régulières</h3>
<p>Les évolutions sont développées en fonction des retours de tous les producteurs
et le
logiciel est régulièrement mis à jour.<br/>
Si vous avez un besoin spécifique à votre activité, nous pouvons réaliser des
développements sur-mesure <a
href="<?= \Yii::$app->urlManager->createUrl(['site/contact']) ?>">sur
devis</a>.
</p>
</div>
</div> </div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Formation & accompagnement</h3>
<p>Au moment du lancement de votre circuit court sur Opendistrib, ainsi que tout au long de
votre projet,
nous assurons la formation et l'accompagnement dans l'utilisation du logiciel.</p>
<div class="panel panel-default">
<div class="panel-body">
<h3>Formation & accompagnement</h3>
<p>Au moment du lancement de votre circuit court sur Opendistrib, ainsi que tout au
long de
votre projet,
nous assurons la formation et l'accompagnement dans l'utilisation du
logiciel.</p>
</div>
</div> </div>
</div> </div>
</div>


<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Support</h3>
<p>Nous sommes disponibles pour répondre rapidement à toutes vos questions par email ou par
téléphone.</p>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Support</h3>
<p>Nous sommes disponibles pour répondre rapidement à toutes vos questions par email
ou par
téléphone.</p>
</div>
</div> </div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Maintenance</h3>
<p>Nous travaillons contamment sur la qualité/sécurité du logiciel et
intervenons au plus vite en cas de bug.</p>
<div class="panel panel-default">
<div class="panel-body">
<h3>Maintenance</h3>
<p>Nous travaillons contamment sur la qualité/sécurité du logiciel et
intervenons au plus vite en cas de bug.</p>
</div>
</div> </div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Hébergement</h3>
<p>La plateforme est hébergée en France par la société <a
href="https://www.alwaysdata.com/">Alwaysdata</a>.</p>
<div class="panel panel-default">
<div class="panel-body">
<h3>Hébergement</h3>
<p>La plateforme est hébergée en France par la société <a
href="https://www.alwaysdata.com/">Alwaysdata</a>.</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>


<div class="panel panel-primary" id="block-rates">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-euro"></span>
<span class="the-title">Tarifs</span>
</h2>
</div>
<div class="panel-body">
<?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices]); ?>
<div class="panel panel-primary" id="block-rates">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-euro"></span>
<span class="the-title">Tarifs</span>
</h2>
</div>
<div class="panel-body">
<?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices]); ?>
</div>
</div> </div>
</div>


<div class="panel panel-primary">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-plus"></span>
<span class="the-title">Pour aller plus loin</span>
</h2>
</div>
<div class="panel-body">
<p class="text-center">
<?php if (Yii::$app->user->isGuest): ?>
<div class="panel panel-primary" id="panel-go-further">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-plus"></span>
<span class="the-title">Pour aller plus loin</span>
</h2>
</div>
<div class="panel-body">
<p class="text-center">
<?php if (Yii::$app->user->isGuest): ?>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/signup']); ?>">
<span class="glyphicon glyphicon-user"></span> Je crée un espace producteur
</a>
<?php endif; ?>
<a class="btn btn-default" <a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/signup']); ?>">
<span class="glyphicon glyphicon-user"></span> Je crée un espace producteur
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/producer', 'id' => 32]); ?>">
<span class="glyphicon glyphicon-check"></span> Je teste le logiciel
</a> </a>
<?php endif; ?>

<a class="btn btn-default" href="<?= $this->getUrlManagerFrontend()->createUrl(['site/producer', 'id' => 32]); ?>">
<span class="glyphicon glyphicon-check"></span> Je teste le logiciel
</a>

<a class="btn btn-default" href="<?= \Yii::$app->params['appointmentUrl']; ?>" target="_blank">
<span class="glyphicon glyphicon-education"></span> Je demande une démo
</a>
<a class="btn btn-default" href="<?= $this->getUrlManagerFrontend()->createUrl(['site/contact']); ?>">
<span class="glyphicon glyphicon-envelope"></span> Je contacte le développeur
</a>
</p>
<a class="btn btn-default" href="<?= \Yii::$app->params['appointmentUrl']; ?>"
target="_blank">
<span class="glyphicon glyphicon-education"></span> Je demande une démo
</a>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/contact']); ?>">
<span class="glyphicon glyphicon-envelope"></span> Je contacte le développeur
</a>
</p>
</div>
</div> </div>
</div>


</div>
<div class="clr"></div>
</div> </div>
<div class="clr"></div>
</div> </div>


<?php <?php


function block_feature($icon, $description) {
function block_feature($icon, $description)
{
return '<div class="block col-md-6"> return '<div class="block col-md-6">
<span class="glyphicon glyphicon-'.$icon.'"></span>
<p>'.$description.'</p>
<span class="glyphicon glyphicon-' . $icon . '"></span>
<p>' . $description . '</p>
</div>'; </div>';
} }



+ 269
- 234
frontend/web/css/screen.css
File diff suppressed because it is too large
View File


+ 80
- 46
frontend/web/sass/_responsive.scss View File

} }


@media screen and (min-width: 768px) and (max-width: 1000px) { @media screen and (min-width: 768px) and (max-width: 1000px) {

#header { #header {
nav { nav {
.navbar-nav { .navbar-nav {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {


#content { #content {
padding-top: 0px;
padding-top: 20px;
padding-bottom: 20px;
} }


#main { #main {
//padding-top: 30px;
padding-bottom: 0px;
min-height: 550px;


.container { .container {
padding-left: 15px; padding-left: 15px;
} }
} }



#header { #header {
position: relative; position: relative;


float: none; float: none;
margin-top: 0px; margin-top: 0px;
border: 0px none; border: 0px none;
padding-bottom: 20px;


li { li {
display: block; display: block;
} }
} }
} }
}


nav ul li#logo {
display: block;
#footer {
position: relative;


a {
//margin: 0px auto ;
}
.bull {
display: none;
} }


a#link-commander {
display: none;
a {
display: block;
text-align: center;
} }
} }


#content #points-sale .content {
padding-left: 10px;
margin-top: 30px;
}
.home {
#content #presentation-distrib h3 {
color: $courant;
}


#menu-user {
position: relative;
top: 0px;
}
#main {
background-image: none;
background-color: #FFF8DC;


.connected #content {
padding-top: 0px;
}
#row-users-producers {
display: block;
margin: 0px;
padding: 0px;

.panel {
.hook {
margin-bottom: 10px;

br {
display: none;
}
}

.links {
a {
display: block;
margin-bottom: 5px;
}
}
}


.producer, .users {
padding-right: 0px;
}

.users {
padding-left: 0px;


.home {
#content #presentation-distrib h3 {
color: $courant;
.panel {
margin-bottom: 0px;
}
}
}
}
} }


#main {
background-image: none;
background-color: #FFF8DC;
.site-producers {
#wrapper-producers-list {
padding: 0px;


#row-users-producers {
display: block;
margin-bottom: 20px;
#producers-list {
.panel {
.panel-body {
text-align: center;


.col-md-6 {
float: left;
display: block;
width: 100%;
.logo {
display: none;
}
}
}
} }
} }

#producers-map {
display: none;
}
} }
}


.site-producers {
#producers-list {
.panel {
.panel-body {
text-align: center;
.logo {
display: none;
}
#content .site-service {
#panel-go-further {
margin-bottom: 0px;

a {
display: block;
margin-bottom: 5px;
} }
} }
} }
#producers-map {
display: none;

.site-contact {
.col-lg-5 {
padding: 0px;
} }
} }
} }

+ 6
- 2
frontend/web/sass/screen.scss View File

padding-bottom: 5px; padding-bottom: 5px;
} }


.row {
margin: 0px;
}

#main { #main {
padding-bottom: 50px; padding-bottom: 50px;
min-height: 800px; min-height: 800px;
@include border-radius(5px) ; @include border-radius(5px) ;


.col-md-6 { .col-md-6 {
display: table-cell;
width: 50%;
//display: table-cell;
//width: 50%;


.panel { .panel {
height: 100%; height: 100%;

Write Preview
Loading…
Cancel
Save