Browse Source

Intégration Souke

feature/souke
Guillaume Bourgeois 6 months ago
parent
commit
f6d76a36ae
3 changed files with 93 additions and 103 deletions
  1. +28
    -26
      producer/views/layouts/main.php
  2. +64
    -70
      producer/web/css/screen.css
  3. +1
    -7
      producer/web/sass/_layout.scss

+ 28
- 26
producer/views/layouts/main.php View File

$producerModule = ProducerModule::getInstance(); $producerModule = ProducerModule::getInstance();
$featureModule = FeatureModule::getInstance(); $featureModule = FeatureModule::getInstance();
$producerUser = null; $producerUser = null;
if($userModule->getAuthorizationChecker()->isGrantedAsProducer($userCurrent)) {
if ($userModule->getAuthorizationChecker()->isGrantedAsProducer($userCurrent)) {
$producerUser = $producerModule->findOneProducerById($userCurrent->id_producer); $producerUser = $producerModule->findOneProducerById($userCurrent->id_producer);
} }
$producer = $this->context->getProducerCurrent(); $producer = $this->context->getProducerCurrent();
<meta name="base-url" content="<?= \Yii::$app->urlManager->baseUrl; ?>"> <meta name="base-url" content="<?= \Yii::$app->urlManager->baseUrl; ?>">
<meta name="slug-producer" content="<?= $producer->slug; ?>"> <meta name="slug-producer" content="<?= $producer->slug; ?>">
<?= Html::csrfMetaTags() ?> <?= Html::csrfMetaTags() ?>
<link rel="icon" type="image/png" href="<?php echo \Yii::$app->urlManager->getBaseUrl(); ?>/img/favicon-souke-1.png"/>
<link rel="icon" type="image/png"
href="<?php echo \Yii::$app->urlManager->getBaseUrl(); ?>/img/favicon-souke-1.png"/>
<?php $this->head() ?> <?php $this->head() ?>
<?= $this->render('@common/views/matomo.php') ?> <?= $this->render('@common/views/matomo.php') ?>
</head> </head>
<?php $this->beginBody() ?> <?php $this->beginBody() ?>


<?= $this->render('@common/views/nav_user_top', [ <?= $this->render('@common/views/nav_user_top', [
'context' => 'producer'
'context' => 'producer'
]); ?> ]); ?>


<div class="container"> <div class="container">
<div id="left" class="col-md-3">
<div class="fixed">
<div id="main">
<div id="header">
<?php if (strlen($producer->photo)): ?>
<div id="img-big">
<img class="img-photo"
src="<?= \Yii::$app->urlManager->baseUrl; ?>/uploads/<?= $producer->photo; ?>"
alt="Photo <?= Html::encode($producer->name) ?>"/>
</div>
<?php endif; ?>

<?php if (strlen($producer->logo) && Image::isPhotoExist($producer->logo)): ?> <?php if (strlen($producer->logo) && Image::isPhotoExist($producer->logo)): ?>
<div id="logo"<?php if (!is_null($producer->background_color_logo) && strlen($producer->background_color_logo)): ?> style="background-color:<?= Html::encode($producer->background_color_logo); ?>"<?php endif; ?>> <div id="logo"<?php if (!is_null($producer->background_color_logo) && strlen($producer->background_color_logo)): ?> style="background-color:<?= Html::encode($producer->background_color_logo); ?>"<?php endif; ?>>
<a href="<?= \Yii::$app->urlManager->createUrl(['site/index']) ?>"> <a href="<?= \Yii::$app->urlManager->createUrl(['site/index']) ?>">
'active' => $this->getControllerAction() == 'credit/history', 'active' => $this->getControllerAction() == 'credit/history',
], ],
[ [
'label' => '<span class="glyphicon glyphicon-bullhorn"></span> Bulletin d\'information <span class="label label-'.($isUserSubscribedNewsletter ? 'success' : 'danger').'">'.($isUserSubscribedNewsletter ? 'Oui' : 'Non').'</span>',
'label' => '<span class="glyphicon glyphicon-bullhorn"></span> Bulletin d\'information <span class="label label-' . ($isUserSubscribedNewsletter ? 'success' : 'danger') . '">' . ($isUserSubscribedNewsletter ? 'Oui' : 'Non') . '</span>',
'url' => $this->getUrlManagerProducer()->createUrl(['newsletter/index']), 'url' => $this->getUrlManagerProducer()->createUrl(['newsletter/index']),
'visible' => !Yii::$app->user->isGuest, 'visible' => !Yii::$app->user->isGuest,
'active' => $this->getControllerAction() == 'newsletter/index', 'active' => $this->getControllerAction() == 'newsletter/index',
]); ]);
?> ?>
</nav> </nav>
</div>
</div>


<div id="main" class="col-md-9">
<?php if (strlen($producer->photo)): ?>
<div id="img-big">
<img class="img-photo" src="<?= \Yii::$app->urlManager->baseUrl; ?>/uploads/<?= $producer->photo; ?>"
alt="Photo <?= Html::encode($producer->name) ?>"/>
</div>
<?php endif; ?>
<div id="infos-producer">
<?php if (!$this->getProducerModule()->hasSpecificDelays($producer) && $producer->order_deadline && $producer->order_delay): ?>
<span data-toggle="tooltip" data-placement="bottom" title="Heure limite de commande">
<div id="infos-producer">
<?php if (!$this->getProducerModule()->hasSpecificDelays($producer) && $producer->order_deadline && $producer->order_delay): ?>
<span data-toggle="tooltip" data-placement="bottom" title="Heure limite de commande">
<span class="glyphicon glyphicon-time"></span> Commande avant <span class="glyphicon glyphicon-time"></span> Commande avant
<strong><?php echo Html::encode($producer->order_deadline) ?> h</strong></span>, <strong><?php echo Html::encode($producer->order_deadline) ?> h</strong></span>,
<span data-toggle="tooltip" data-placement="bottom"
title="Exemple : commande le lundi pour le
<span data-toggle="tooltip" data-placement="bottom"
title="Exemple : commande le lundi pour le
<?php if ($producer->order_delay == 1): ?>mardi<?php elseif ($producer->order_delay == 2): ?>mercredi <?php if ($producer->order_delay == 1): ?>mardi<?php elseif ($producer->order_delay == 2): ?>mercredi
<?php elseif ($producer->order_delay == 3): ?>jeudi<?php elseif ($producer->order_delay == 4): ?>vendredi <?php elseif ($producer->order_delay == 3): ?>jeudi<?php elseif ($producer->order_delay == 4): ?>vendredi
<?php elseif ($producer->order_delay == 5): ?>samedi<?php elseif ($producer->order_delay == 6): ?>dimanche <?php elseif ($producer->order_delay == 5): ?>samedi<?php elseif ($producer->order_delay == 6): ?>dimanche
<?php elseif ($producer->order_delay == 7): ?>lundi d'après<?php endif; ?>"><strong><?= Html::encode($producer->order_delay) ?> jour<?php if ($producer->order_delay > 1): ?>s<?php endif; ?></strong> à l'avance</span> <?php elseif ($producer->order_delay == 7): ?>lundi d'après<?php endif; ?>"><strong><?= Html::encode($producer->order_delay) ?> jour<?php if ($producer->order_delay > 1): ?>s<?php endif; ?></strong> à l'avance</span>
<?php endif; ?>
<?php endif; ?>


<?php if (!Yii::$app->user->isGuest): ?>
<span class="favorite">
<?php if (!Yii::$app->user->isGuest): ?>
<span class="favorite">
<?php if ($userProducer && $userProducer->bookmark): ?> <?php if ($userProducer && $userProducer->bookmark): ?>
<span class="glyphicon glyphicon-star"></span> <a <span class="glyphicon glyphicon-star"></span> <a
href="<?= \Yii::$app->urlManagerProducer->createUrl(['site/bookmarks', 'action' => 'delete']); ?>" href="<?= \Yii::$app->urlManagerProducer->createUrl(['site/bookmarks', 'action' => 'delete']); ?>"
title="Ajouter à mes favoris">Favoris</a> title="Ajouter à mes favoris">Favoris</a>
<?php endif; ?> <?php endif; ?>
</span> </span>
<?php endif; ?>
<?php endif; ?>


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


<?php if (strlen($this->getTitle())): ?> <?php if (strlen($this->getTitle())): ?>


<footer id="footer" class="container"> <footer id="footer" class="container">
<div class="content"> <div class="content">
<a href="<?php echo \Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/index']); ?>">Opendistrib</a> &bull;
<a href="<?php echo \Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/index']); ?>">Opendistrib</a>
&bull;
<a href="<?php echo \Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/mentions']); ?>">Mentions <a href="<?php echo \Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/mentions']); ?>">Mentions
légales</a> &bull; légales</a> &bull;
<a href="<?php echo \Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/cgv']); ?>">CGS</a> <a href="<?php echo \Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/cgv']); ?>">CGS</a>

+ 64
- 70
producer/web/css/screen.css View File

} }


/* line 177, ../sass/_layout.scss */ /* line 177, ../sass/_layout.scss */
#left {
background-color: #FFF8DC;
#header {
text-align: center; text-align: center;
margin-top: 15px; margin-top: 15px;
padding: 0px; padding: 0px;
position: relative; position: relative;
} }
/* line 184, ../sass/_layout.scss */ /* line 184, ../sass/_layout.scss */
#left .fixed {
position: fixed;
display: none;
}
/* line 190, ../sass/_layout.scss */
#left #logo {
#header #logo {
position: relative; position: relative;
background-color: white; background-color: white;
width: 110px; width: 110px;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
} }
/* line 202, ../sass/_layout.scss */
#left #logo img {
/* line 196, ../sass/_layout.scss */
#header #logo img {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
max-width: 90px; max-width: 90px;
max-height: 90px; max-height: 90px;
} }
/* line 212, ../sass/_layout.scss */
#left h1, #left h2, #left #infos, #left #infos a {
/* line 206, ../sass/_layout.scss */
#header h1, #header h2, #header #infos, #header #infos a {
color: #323232; color: #323232;
} }
/* line 216, ../sass/_layout.scss */
#left h1 {
/* line 210, ../sass/_layout.scss */
#header h1 {
text-transform: uppercase; text-transform: uppercase;
font-family: "highvoltageregular"; font-family: "highvoltageregular";
font-size: 25px; font-size: 25px;
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
} }
/* line 227, ../sass/_layout.scss */
#left h2 {
/* line 221, ../sass/_layout.scss */
#header h2 {
font-family: "capsuularegular"; font-family: "capsuularegular";
font-size: 15px; font-size: 15px;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
} }
/* line 233, ../sass/_layout.scss */
#left h2 .favorite {
/* line 227, ../sass/_layout.scss */
#header h2 .favorite {
padding-left: 0px; padding-left: 0px;
} }
/* line 236, ../sass/_layout.scss */
#left h2 .favorite .glyphicon {
/* line 230, ../sass/_layout.scss */
#header h2 .favorite .glyphicon {
font-size: 14px; font-size: 14px;
} }
/* line 241, ../sass/_layout.scss */
#left h2 a {
/* line 235, ../sass/_layout.scss */
#header h2 a {
color: #323232; color: #323232;
} }
/* line 247, ../sass/_layout.scss */
#left nav#main-nav {
/* line 241, ../sass/_layout.scss */
#header nav#main-nav {
background-color: white; background-color: white;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
border-bottom: 0px none; border-bottom: 0px none;
margin-top: 20px; margin-top: 20px;
} }
/* line 254, ../sass/_layout.scss */
#left nav#main-nav ul li {
/* line 248, ../sass/_layout.scss */
#header nav#main-nav ul li {
display: block; display: block;
} }
/* line 257, ../sass/_layout.scss */
#left nav#main-nav ul li a {
/* line 251, ../sass/_layout.scss */
#header nav#main-nav ul li a {
color: #323232; color: #323232;
color: black; color: black;
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
display: block; display: block;
text-align: left; text-align: left;
} }
/* line 266, ../sass/_layout.scss */
#left nav#main-nav ul li a .glyphicon {
/* line 260, ../sass/_layout.scss */
#header nav#main-nav ul li a .glyphicon {
font-size: 15px; font-size: 15px;
margin-right: 3px; margin-right: 3px;
} }
/* line 271, ../sass/_layout.scss */
#left nav#main-nav ul li a span.label {
/* line 265, ../sass/_layout.scss */
#header nav#main-nav ul li a span.label {
padding-bottom: 3px; padding-bottom: 3px;
font-family: "Arial"; font-family: "Arial";
float: right; float: right;
} }
/* line 279, ../sass/_layout.scss */
#left nav#main-nav ul li.active span.label, #left nav#main-nav ul li a:hover span.label {
/* line 273, ../sass/_layout.scss */
#header nav#main-nav ul li.active span.label, #header nav#main-nav ul li a:hover span.label {
background-color: #e08e0b; background-color: #e08e0b;
color: white; color: white;
} }
/* line 285, ../sass/_layout.scss */
#left nav#main-nav ul li a:hover, #left nav#main-nav ul li.active a {
/* line 279, ../sass/_layout.scss */
#header nav#main-nav ul li a:hover, #header nav#main-nav ul li.active a {
background: #F39C12; background: #F39C12;
color: white; color: white;
-moz-border-radius: 0px; -moz-border-radius: 0px;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 294, ../sass/_layout.scss */
#left nav#main-nav ul li#btn-administration a {
/* line 288, ../sass/_layout.scss */
#header nav#main-nav ul li#btn-administration a {
color: #F39C12; color: #F39C12;
} }
/* line 297, ../sass/_layout.scss */
#left nav#main-nav ul li#btn-administration a:hover {
/* line 291, ../sass/_layout.scss */
#header nav#main-nav ul li#btn-administration a:hover {
color: white; color: white;
} }
/* line 305, ../sass/_layout.scss */
#left nav#main-nav #user {
/* line 299, ../sass/_layout.scss */
#header nav#main-nav #user {
color: #F39C12; color: #F39C12;
float: right; float: right;
padding: 10px; padding: 10px;
} }


/* line 313, ../sass/_layout.scss */
/* line 307, ../sass/_layout.scss */
#main { #main {
background-color: #FFF8DC; background-color: #FFF8DC;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
padding: 0px; padding: 0px;
background-color: white; background-color: white;
} }
/* line 320, ../sass/_layout.scss */
/* line 314, ../sass/_layout.scss */
#main #img-big { #main #img-big {
height: 130px; height: 130px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
/* line 325, ../sass/_layout.scss */
/* line 319, ../sass/_layout.scss */
#main #img-big img.img-photo { #main #img-big img.img-photo {
width: 100%; width: 100%;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
/* line 335, ../sass/_layout.scss */
/* line 329, ../sass/_layout.scss */
#main #infos-producer { #main #infos-producer {
padding: 5px 10px; padding: 5px 10px;
margin-bottom: 0px; margin-bottom: 0px;
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
color: gray; color: gray;
} }
/* line 344, ../sass/_layout.scss */
/* line 338, ../sass/_layout.scss */
#main #infos-producer strong { #main #infos-producer strong {
font-weight: bold; font-weight: bold;
} }
/* line 348, ../sass/_layout.scss */
/* line 342, ../sass/_layout.scss */
#main #infos-producer .favorite { #main #infos-producer .favorite {
float: right; float: right;
color: gray; color: gray;
} }
/* line 351, ../sass/_layout.scss */
/* line 345, ../sass/_layout.scss */
#main #infos-producer .favorite a { #main #infos-producer .favorite a {
color: black; color: black;
} }
/* line 357, ../sass/_layout.scss */
/* line 351, ../sass/_layout.scss */
#main h2#page-title { #main h2#page-title {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
top: -10px; top: -10px;
text-align: left; text-align: left;
} }
/* line 371, ../sass/_layout.scss */
/* line 365, ../sass/_layout.scss */
#main h2#page-title #buttons { #main h2#page-title #buttons {
margin-bottom: 15px; margin-bottom: 15px;
font-family: "Arial"; font-family: "Arial";
} }
/* line 378, ../sass/_layout.scss */
/* line 372, ../sass/_layout.scss */
#main #content { #main #content {
padding: 0px 20px 20px 20px; padding: 0px 20px 20px 20px;
padding-bottom: 40px; padding-bottom: 40px;
min-height: 300px; min-height: 300px;
} }
/* line 383, ../sass/_layout.scss */
/* line 377, ../sass/_layout.scss */
#main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 { #main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
margin-top: 30px; margin-top: 30px;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 388, ../sass/_layout.scss */
/* line 382, ../sass/_layout.scss */
#main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first { #main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first {
margin-top: 0px; margin-top: 0px;
} }
/* line 393, ../sass/_layout.scss */
/* line 387, ../sass/_layout.scss */
#main #content h1 { #main #content h1 {
font-size: 30px; font-size: 30px;
} }
/* line 397, ../sass/_layout.scss */
/* line 391, ../sass/_layout.scss */
#main #content h2 { #main #content h2 {
font-size: 25px; font-size: 25px;
} }
/* line 402, ../sass/_layout.scss */
/* line 396, ../sass/_layout.scss */
#main #content h3 { #main #content h3 {
font-family: "capsuularegular"; font-family: "capsuularegular";
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 30px; margin-bottom: 30px;
margin-top: 45px; margin-top: 45px;
} }
/* line 410, ../sass/_layout.scss */
/* line 404, ../sass/_layout.scss */
#main #content h3 span { #main #content h3 span {
padding-top: 14px; padding-top: 14px;
color: #323232; color: #323232;
} }
/* line 416, ../sass/_layout.scss */
/* line 410, ../sass/_layout.scss */
#main #content h4 { #main #content h4 {
font-size: 20px; font-size: 20px;
} }
/* line 420, ../sass/_layout.scss */
/* line 414, ../sass/_layout.scss */
#main #content h5 { #main #content h5 {
font-size: 18px; font-size: 18px;
} }
/* line 424, ../sass/_layout.scss */
/* line 418, ../sass/_layout.scss */
#main #content h6 { #main #content h6 {
font-size: 16px; font-size: 16px;
} }
/* line 430, ../sass/_layout.scss */
/* line 424, ../sass/_layout.scss */
#main #content form .form-group .hint-block { #main #content form .form-group .hint-block {
color: gray; color: gray;
} }


/* line 438, ../sass/_layout.scss */
/* line 432, ../sass/_layout.scss */
#footer-producer { #footer-producer {
text-align: center; text-align: center;
position: absolute; position: absolute;
left: 0px; left: 0px;
width: 100%; width: 100%;
} }
/* line 445, ../sass/_layout.scss */
/* line 439, ../sass/_layout.scss */
#footer-producer a { #footer-producer a {
color: #F39C12; color: #F39C12;
} }
/* line 447, ../sass/_layout.scss */
/* line 441, ../sass/_layout.scss */
#footer-producer a:active { #footer-producer a:active {
text-decoration: underline; text-decoration: underline;
} }


/* line 453, ../sass/_layout.scss */
/* line 447, ../sass/_layout.scss */
#footer { #footer {
background-color: #FFF8DC; background-color: #FFF8DC;
height: 100px; height: 100px;
float: right; float: right;
text-align: center; text-align: center;
} }
/* line 459, ../sass/_layout.scss */
/* line 453, ../sass/_layout.scss */
#footer .content { #footer .content {
padding-top: 20px; padding-top: 20px;
color: black; color: black;
} }
/* line 463, ../sass/_layout.scss */
/* line 457, ../sass/_layout.scss */
#footer .content a { #footer .content a {
color: black; color: black;
font-family: "capsuularegular"; font-family: "capsuularegular";
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
/* line 470, ../sass/_layout.scss */
/* line 464, ../sass/_layout.scss */
#footer .content a:hover { #footer .content a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* line 477, ../sass/_layout.scss */
/* line 471, ../sass/_layout.scss */
#footer #code-source img { #footer #code-source img {
height: 20px; height: 20px;
} }

+ 1
- 7
producer/web/sass/_layout.scss View File

} }
} }


#left {
background-color: $color-back ;
#header {
text-align: center ; text-align: center ;
margin-top: 15px ; margin-top: 15px ;
padding: 0px ; padding: 0px ;
position: relative ; position: relative ;
.fixed {
position: fixed ;
display: none ;
}
$width-logo: 110px ; $width-logo: 110px ;
#logo { #logo {
position: relative ; position: relative ;

Loading…
Cancel
Save