(Backend] Section "Communiquer".

Ajout de la section "Communiquer" permettant au boulanger d'imprimer des petites 
cartes expliquant au client comment effectuer une réservation sur la 
plateforme.

backend/controllers/CommuniquerController.php

@@ -0,0 +1,132 @@
+<?php
+
+namespace backend\controllers;
+
+use Yii;
+use common\models\User;
+use yii\data\ActiveDataProvider;
+use yii\web\Controller;
+use yii\web\NotFoundHttpException;
+use yii\filters\VerbFilter;
+use yii\filters\AccessControl;
+use kartik\mpdf\Pdf;
+
+/**
+ * UserController implements the CRUD actions for User model.
+ */
+class CommuniquerController extends BackendController
+{
+    public function behaviors()
+    {
+        return [
+            'verbs' => [
+                'class' => VerbFilter::className(),
+                'actions' => [
+                    'delete' => ['post'],
+                ],
+            ],
+            'access' => [
+	            'class' => AccessControl::className(),
+	            'rules' => [
+		            [
+		            	'allow' => true,
+		            	'roles' => ['@'],
+		            	'matchCallback' => function ($rule, $action) {
+		            		return Yii::$app->user->identity->status == USER::STATUS_ADMIN 
+                                            || Yii::$app->user->identity->status == USER::STATUS_BOULANGER;
+		            	}
+	            	]
+	            ],
+            ],
+        ];
+    }
+    
+    public function actionIndex() 
+    {
+        return $this->render('index') ;
+    }
+    
+    public function actionAffiche() 
+    {
+    
+        // get your HTML raw content without any layouts or scripts
+        $content = $this->renderPartial('affiche',[
+            
+         ]);
+
+        $pdf = new Pdf([
+            // set to use core fonts only
+            'mode' => Pdf::MODE_UTF8, 
+            // A4 paper format
+            'format' => Pdf::FORMAT_A4, 
+            // portrait orientation
+            'orientation' => Pdf::ORIENT_LANDSCAPE, 
+            // stream to browser inline
+            'destination' => Pdf::DEST_BROWSER, 
+            // your html content input
+            'content' => $content,  
+            // format content from your own css file if needed or use the
+            // enhanced bootstrap css built by Krajee for mPDF formatting 
+            //'cssFile' => '@vendor/kartik-v/yii2-mpdf/assets/kv-mpdf-bootstrap.min.css',
+            // any css to be embedded if required
+            //'cssInline' => '.kv-heading-1{font-size:18px}', 
+             // set mPDF properties on the fly
+            //'options' => ['title' => 'Krajee Report Title'],
+             // call mPDF methods on the fly
+            
+            /*'methods' => [ 
+                'SetHeader'=>['Commandes du '.$date_str], 
+                'SetFooter'=>['{PAGENO}'],
+            ]*/
+        ]);
+
+        // return the pdf output as per the destination setting
+        return $pdf->render(); 
+        
+    }
+    
+    public function actionModeemploi() 
+    {
+    
+        // get your HTML raw content without any layouts or scripts
+        $content = $this->renderPartial('mode_emploi_multi',[
+            'pdf' => true
+         ]);
+
+        $pdf = new Pdf([
+            // set to use core fonts only
+            'mode' => Pdf::MODE_UTF8, 
+            // A4 paper format
+            'format' => Pdf::FORMAT_A4, 
+            // portrait orientation
+            'orientation' => Pdf::ORIENT_PORTRAIT, 
+            // stream to browser inline
+            'destination' => Pdf::DEST_BROWSER, 
+            // your html content input
+            'content' => $content,  
+            'marginRight' => 0,
+            'marginLeft' => 0,
+            'marginTop' => 0,
+            'marginBottom' => 0,
+            // format content from your own css file if needed or use the
+            // enhanced bootstrap css built by Krajee for mPDF formatting 
+            //'cssFile' => '@vendor/kartik-v/yii2-mpdf/assets/kv-mpdf-bootstrap.min.css',
+            'cssFile' => '@app/web/css/screen.css',
+            // any css to be embedded if required
+            //'cssInline' => '.kv-heading-1{font-size:18px}', 
+             // set mPDF properties on the fly
+            //'options' => ['title' => 'Krajee Report Title'],
+             // call mPDF methods on the fly
+            
+            /*'methods' => [ 
+                'SetHeader'=>['Commandes du '.$date_str], 
+                'SetFooter'=>['{PAGENO}'],
+            ]*/
+        ]);
+
+        // return the pdf output as per the destination setting
+        return $pdf->render(); 
+        
+    }
+    
+}

backend/views/communiquer/affiche.php

@@ -0,0 +1,11 @@
+<?php
+
+/* 
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+?>
+
+<h1>Affiche</h1>

backend/views/communiquer/index.php

@@ -0,0 +1,20 @@
+<?php
+
+use yii\helpers\Html ;
+
+/* 
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+$this->title = 'Communiquer' ;
+
+?>
+
+<h1><?= Html::encode($this->title) ; ?></h1>
+
+<p>Imprimez ce petit encart pour expliquer à vos clients comment passer leurs commandes.</p>
+<?php echo $this->render('mode_emploi') ; ?>
+<p><?php echo Html::a('<span class="glyphicon glyphicon-download-alt"></span> Télécharger', ['communiquer/modeemploi'], ['class'=>'btn btn-primary']) ?></p>
+

backend/views/communiquer/mode_emploi.php

@@ -0,0 +1,22 @@
+<?php
+
+?>
+
+<div class="communiquer-mode-emploi<?php if(isset($pdf) && $pdf): ?> communiquer-mode-emploi-pdf<?php endif; ?><?php if(!isset($pdf)): ?> communiquer-mode-emploi-encart<?php endif; ?>">
+    <div class="header">
+        <div class="logo">
+            <img src="<?php echo Yii::$app->urlManager->getBaseUrl().'/img/laboulange4.png'; ?>" alt="Logo" />
+        </div>
+        <h1>La boîte à pain</h1>
+        <h2>Plateforme de réservation de pain</h2>
+    </div>
+    <div class="clr"></div>
+    
+    <h3>Pour réserver votre pain :</h3>
+    
+    <ol>
+        <li>Inscrivez-vous sur <strong>www.laboiteapain.net</strong></li>
+        <li>Ajoutez la boulangerie grâce au code :<br /> <div class="code"><strong>3RMV4Z</strong></div></li>
+        <li>Passez votre commande</li>
+    </ol>
+</div>

backend/views/communiquer/mode_emploi_multi.php

@@ -0,0 +1,9 @@
+<?php
+
+?>
+
+<?php for($i = 0; $i < 8; $i++): ?>
+<div class="bloc-mode-emploi-pdf<?php if($i%2 == 0): ?> bloc-mode-emploi-border<?php endif; ?><?php if($i == 6 || $i == 7): ?> bloc-mode-emploi-bottom<?php endif; ?>">
+    <?php echo $this->render('mode_emploi',['pdf' => true]) ; ?>
+</div>
+<?php endfor; ?>

backend/views/layouts/main.php

@@ -41,8 +41,7 @@ AppAsset::register($this);
                 ['label' => '<span class="glyphicon glyphicon-map-marker"></span> Points de vente', 'url' => ['/point-vente/index'], 'visible'=> !Yii::$app->user->isGuest],
                 ['label' => '<span class="glyphicon glyphicon-user"></span> Utilisateurs', 'url' => ['/user/index'], 'visible'=> !Yii::$app->user->isGuest],
                 ['label' => '<span class="glyphicon glyphicon-cog"></span> Paramètres', 'url' => ['/etablissement/update'], 'visible'=> !Yii::$app->user->isGuest],
-                
-                //['label' => 'Statistiques', 'url' => ['/stats/index'], 'visible'=> !Yii::$app->user->isGuest],
+                ['label' => '<span class="glyphicon glyphicon-bullhorn"></span> Communiquer', 'url' => ['/communiquer/index'], 'visible'=> !Yii::$app->user->isGuest],
             ];
             if (Yii::$app->user->isGuest) {
                 $menuItems[] = ['label' => 'Connexion', 'url' => ['/site/login']];

backend/views/user/liste_mails.php

@@ -15,7 +15,6 @@ $this->params['breadcrumbs'][] = $this->title;
 
 ?>
 
-
 <h1><?= count($users); ?> utilisateurs</h1>
 
 <?= implode(', ', $users); ?>

backend/web/css/screen.css

@@ -2,42 +2,91 @@
  * In this file you should write your main styles. (or centralize your imports)
  * Import this file using the following HTML or equivalent:
  * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
-/* line 11, ../sass/screen.scss */
+@font-face {
+  font-family: 'comfortaabold';
+  src: url("../../../frontend/web/fonts/comfortaa-bold-webfont.eot");
+  src: url("../../../frontend/web/fonts/comfortaa-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../frontend/web/fonts/comfortaa-bold-webfont.woff2") format("woff2"), url("../../../frontend/web/fonts/comfortaa-bold-webfont.woff") format("woff"), url("../../../frontend/web/fonts/comfortaa-bold-webfont.ttf") format("truetype"), url("../../../frontend/web/fonts/comfortaa-bold-webfont.svg#comfortaabold") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'comfortaalight';
+  src: url("../../../frontend/web/fonts/comfortaa-light-webfont.eot");
+  src: url("../../../frontend/web/fonts/comfortaa-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../../frontend/web/fonts/comfortaa-light-webfont.woff2") format("woff2"), url("../../../frontend/web/fonts/comfortaa-light-webfont.woff") format("woff"), url("../../../frontend/web/fonts/comfortaa-light-webfont.ttf") format("truetype"), url("../../../frontend/web/fonts/comfortaa-light-webfont.svg#comfortaalight") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'comfortaaregular';
+  src: url("../../../frontend/web/fonts/comfortaa-regular-webfont.eot");
+  src: url("../../../frontend/web/fonts/comfortaa-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../frontend/web/fonts/comfortaa-regular-webfont.woff2") format("woff2"), url("../../../frontend/web/fonts/comfortaa-regular-webfont.woff") format("woff"), url("../../../frontend/web/fonts/comfortaa-regular-webfont.ttf") format("truetype"), url("../../../frontend/web/fonts/comfortaa-regular-webfont.svg#comfortaaregular") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'myriadpro-it';
+  src: url("../../../frontend/web/fonts/myriadpro-it.eot");
+  src: url("../../../frontend/web/fonts/myriadpro-it.eot?#iefix") format("embedded-opentype"), url("../../../frontend/web/fonts/myriadpro-it.woff") format("woff"), url("../../../frontend/web/fonts/myriadpro-it.ttf") format("truetype"), url("../../../frontend/web/fonts/myriadpro-it.svg#myriadpro-it") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'myriadpro-light';
+  src: url("../../../frontend/web/fonts/myriadpro-light.eot");
+  src: url("../../../frontend/web/fonts/myriadpro-light.eot?#iefix") format("embedded-opentype"), url("../../../frontend/web/fonts/myriadpro-light.woff") format("woff"), url("../../../frontend/web/fonts/myriadpro-light.ttf") format("truetype"), url("../../../frontend/web/fonts/myriadpro-light.svg#myriadpro-light") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'myriadpro-regular';
+  src: url("../../../frontend/web/fonts/myriadpro-regular.eot");
+  src: url("../../../frontend/web/fonts/myriadpro-regular.eot?#iefix") format("embedded-opentype"), url("../../../frontend/web/fonts/myriadpro-regular.woff") format("woff"), url("../../../frontend/web/fonts/myriadpro-regular.ttf") format("truetype"), url("../../../frontend/web/fonts/myriadpro-regular.svg#myriadpro-regular") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'myriadpro-semibold';
+  src: url("../../../frontend/web/fonts/myriadpro-semibold.eot");
+  src: url("../../../frontend/web/fonts/myriadpro-semibold.eot?#iefix") format("embedded-opentype"), url("../../../frontend/web/fonts/myriadpro-semibold.woff") format("woff"), url("../../../frontend/web/fonts/myriadpro-semibold.ttf") format("truetype"), url("../../../frontend/web/fonts/myriadpro-semibold.svg#myriadpro-semibold") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+/* line 14, ../sass/screen.scss */
 .clr {
   clear: both;
 }
 
-/* line 15, ../sass/screen.scss */
+/* line 18, ../sass/screen.scss */
 a {
   color: #BB8757;
 }
-/* line 18, ../sass/screen.scss */
+/* line 21, ../sass/screen.scss */
 a:hover, a:focus, a:active {
   color: #9f6e40;
 }
 
-/* line 23, ../sass/screen.scss */
+/* line 26, ../sass/screen.scss */
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
   background-color: #BB8757;
   border: solid 1px #BB8757;
 }
 
-/* line 27, ../sass/screen.scss */
+/* line 30, ../sass/screen.scss */
 .pagination > li > a, .pagination > li > span {
   color: #BB8757;
 }
-/* line 29, ../sass/screen.scss */
+/* line 32, ../sass/screen.scss */
 .pagination > li > a:hover, .pagination > li > span:hover {
   color: #9f6e40;
 }
 
-/* line 35, ../sass/screen.scss */
+/* line 38, ../sass/screen.scss */
 .wrap .btn-primary,
 .wrap .btn-success {
   background-color: #BB8757;
   border: solid 1px #BB8757;
 }
-/* line 40, ../sass/screen.scss */
+/* line 43, ../sass/screen.scss */
 .wrap .btn-primary:hover, .wrap .btn-primary:focus, .wrap .btn-primary:active,
 .wrap .btn-success:hover,
 .wrap .btn-success:focus,
@@ -46,44 +95,44 @@ a:hover, a:focus, a:active {
   border: solid 1px #9f6e40;
 }
 
-/* line 48, ../sass/screen.scss */
+/* line 51, ../sass/screen.scss */
 .nav-header .retour-site {
   border-left: solid 1px #F8F1DD;
   padding: 10px 15px;
 }
 
-/* line 55, ../sass/screen.scss */
+/* line 58, ../sass/screen.scss */
 .navbar-brand .logo {
   height: 40px;
   position: relative;
   top: -10px;
 }
 
-/* line 62, ../sass/screen.scss */
+/* line 65, ../sass/screen.scss */
 .container-body {
   padding-top: 117px;
   padding-bottom: 50px;
 }
 
-/* line 67, ../sass/screen.scss */
+/* line 70, ../sass/screen.scss */
 .navbar-inverse {
   background-color: #BB8757;
   border-bottom: 0px none;
 }
-/* line 71, ../sass/screen.scss */
+/* line 74, ../sass/screen.scss */
 .navbar-inverse .navbar-nav {
   padding-top: 12px;
 }
-/* line 75, ../sass/screen.scss */
+/* line 78, ../sass/screen.scss */
 .navbar-inverse .navbar-nav > li > a {
   color: white;
   padding: 3px 14px;
 }
-/* line 79, ../sass/screen.scss */
+/* line 82, ../sass/screen.scss */
 .navbar-inverse .navbar-nav > li > a:hover {
   color: #F8F1DD;
 }
-/* line 86, ../sass/screen.scss */
+/* line 89, ../sass/screen.scss */
 .navbar-inverse .navbar-nav > li.active a {
   background-color: #F8F1DD;
   color: #BB8757;
@@ -92,13 +141,13 @@ a:hover, a:focus, a:active {
   -webkit-border-radius: 10px;
   border-radius: 10px;
 }
-/* line 92, ../sass/screen.scss */
+/* line 95, ../sass/screen.scss */
 .navbar-inverse .navbar-nav > li.active a:hover {
   background-color: #F8F1DD;
   color: #BB8757;
 }
 
-/* line 100, ../sass/screen.scss */
+/* line 103, ../sass/screen.scss */
 .nom-boulange {
   margin-bottom: 15px;
   text-align: left;
@@ -119,14 +168,14 @@ a:hover, a:focus, a:active {
   -webkit-box-shadow: 0px 0px 5px gray;
   box-shadow: 0px 0px 5px gray;
 }
-/* line 119, ../sass/screen.scss */
+/* line 122, ../sass/screen.scss */
 .nom-boulange #etat-paiement-etablissement {
   float: right;
   text-align: right;
   color: #8d6139;
   font-size: 16px;
 }
-/* line 124, ../sass/screen.scss */
+/* line 127, ../sass/screen.scss */
 .nom-boulange #etat-paiement-etablissement .strong {
   background-color: white;
   color: #BB8757;
@@ -135,170 +184,170 @@ a:hover, a:focus, a:active {
   border-radius: 10px;
   padding: 0px 10px;
 }
-/* line 130, ../sass/screen.scss */
+/* line 133, ../sass/screen.scss */
 .nom-boulange #etat-paiement-etablissement .btn {
   padding: 2px 5px;
 }
 
-/* line 138, ../sass/screen.scss */
+/* line 141, ../sass/screen.scss */
 .table thead th.actions {
   width: 220px;
 }
-/* line 141, ../sass/screen.scss */
+/* line 144, ../sass/screen.scss */
 .table thead th.order {
   width: 58px;
 }
-/* line 144, ../sass/screen.scss */
+/* line 147, ../sass/screen.scss */
 .table thead th.actif {
   width: 75px;
   text-align: center;
 }
-/* line 150, ../sass/screen.scss */
+/* line 153, ../sass/screen.scss */
 .table tbody td.center {
   text-align: center;
 }
 
-/* line 163, ../sass/screen.scss */
+/* line 166, ../sass/screen.scss */
 #page-commande h1 .btn-group {
   float: right;
 }
-/* line 168, ../sass/screen.scss */
+/* line 171, ../sass/screen.scss */
 #page-commande #jours-production {
   display: none;
 }
-/* line 174, ../sass/screen.scss */
+/* line 177, ../sass/screen.scss */
 #page-commande #calendar h2 {
   font-size: 20px;
   position: relative;
   top: 3px;
 }
-/* line 180, ../sass/screen.scss */
+/* line 183, ../sass/screen.scss */
 #page-commande #calendar .fc-header-title {
   margin-left: 10px;
 }
-/* line 186, ../sass/screen.scss */
+/* line 189, ../sass/screen.scss */
 #page-commande #calendar .dayWithEvent {
   background-color: #fee48d;
   cursor: pointer;
 }
-/* line 190, ../sass/screen.scss */
+/* line 193, ../sass/screen.scss */
 #page-commande #calendar .fc-event-container {
   display: none;
 }
-/* line 191, ../sass/screen.scss */
+/* line 194, ../sass/screen.scss */
 #page-commande #calendar .fc-today {
   border-bottom: solid 1px #C9302C;
   background-color: white;
 }
-/* line 195, ../sass/screen.scss */
+/* line 198, ../sass/screen.scss */
 #page-commande #calendar .fc-today.dayWithEvent {
   background-color: #fee48d;
 }
-/* line 200, ../sass/screen.scss */
+/* line 203, ../sass/screen.scss */
 #page-commande #calendar .fc-day {
   cursor: pointer;
   text-align: center;
 }
-/* line 203, ../sass/screen.scss */
+/* line 206, ../sass/screen.scss */
 #page-commande #calendar .fc-day:hover {
   -moz-box-shadow: 0px 0px 2px black inset;
   -webkit-box-shadow: 0px 0px 2px black inset;
   box-shadow: 0px 0px 2px black inset;
 }
-/* line 208, ../sass/screen.scss */
+/* line 211, ../sass/screen.scss */
 #page-commande #calendar .current-date {
   -moz-box-shadow: 0px 0px 2px black inset;
   -webkit-box-shadow: 0px 0px 2px black inset;
   box-shadow: 0px 0px 2px black inset;
 }
-/* line 212, ../sass/screen.scss */
+/* line 215, ../sass/screen.scss */
 #page-commande #calendar .fc-day-number {
   float: none;
   padding-top: 2px;
 }
-/* line 220, ../sass/screen.scss */
+/* line 223, ../sass/screen.scss */
 #page-commande #bloc-production .label {
   float: right;
   font-size: 13px;
 }
-/* line 225, ../sass/screen.scss */
+/* line 228, ../sass/screen.scss */
 #page-commande #bloc-production .btn-success {
   background-color: #5cb85c;
   border-color: #4cae4c;
 }
-/* line 230, ../sass/screen.scss */
+/* line 233, ../sass/screen.scss */
 #page-commande #bloc-production #btn-export-commandes {
   float: right;
   margin-top: 20px;
 }
-/* line 243, ../sass/screen.scss */
+/* line 246, ../sass/screen.scss */
 #page-commande #produits-production .overflow table {
   width: 100%;
 }
-/* line 247, ../sass/screen.scss */
+/* line 250, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead, #page-commande #produits-production .overflow tbody, #page-commande #produits-production .overflow tr, #page-commande #produits-production .overflow td, #page-commande #produits-production .overflow th {
   display: block;
 }
-/* line 249, ../sass/screen.scss */
+/* line 252, ../sass/screen.scss */
 #page-commande #produits-production .overflow tr:after {
   content: ' ';
   display: block;
   visibility: hidden;
   clear: both;
 }
-/* line 256, ../sass/screen.scss */
+/* line 259, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead th {
   height: 30px;
   /*text-align: left;*/
 }
-/* line 262, ../sass/screen.scss */
+/* line 265, ../sass/screen.scss */
 #page-commande #produits-production .overflow tbody {
   height: 200px;
   overflow-y: auto;
 }
-/* line 270, ../sass/screen.scss */
+/* line 273, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead th {
   width: 32%;
   float: left;
 }
-/* line 275, ../sass/screen.scss */
+/* line 278, ../sass/screen.scss */
 #page-commande #produits-production .overflow tbody td {
   width: 33%;
   float: left;
 }
-/* line 280, ../sass/screen.scss */
+/* line 283, ../sass/screen.scss */
 #page-commande #produits-production .overflow .td-produit {
   width: 60%;
 }
-/* line 283, ../sass/screen.scss */
+/* line 286, ../sass/screen.scss */
 #page-commande #produits-production .overflow .td-actif, #page-commande #produits-production .overflow .td-max {
   width: 20%;
   text-align: center;
 }
-/* line 289, ../sass/screen.scss */
+/* line 292, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead .td-produit {
   width: 57%;
 }
-/* line 295, ../sass/screen.scss */
+/* line 298, ../sass/screen.scss */
 #page-commande #produits-production input.quantite-max {
   background-color: white;
   border: 1px solid #e0e0e0;
   text-align: center;
   width: 50px;
 }
-/* line 303, ../sass/screen.scss */
+/* line 306, ../sass/screen.scss */
 #page-commande #produits-production td label {
   font-weight: normal;
 }
-/* line 309, ../sass/screen.scss */
+/* line 312, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente {
   margin-top: 20px;
 }
-/* line 313, ../sass/screen.scss */
+/* line 316, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente table {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 317, ../sass/screen.scss */
+/* line 320, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-point-vente {
   background-color: #fff8e2;
   border-left: solid 3px #BB8757;
@@ -306,76 +355,76 @@ a:hover, a:focus, a:active {
   text-align: left;
   padding: 10px;
 }
-/* line 325, ../sass/screen.scss */
+/* line 328, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-totaux {
   text-align: center;
 }
-/* line 329, ../sass/screen.scss */
+/* line 332, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-left {
   border-left: solid 1px #e0e0e0;
 }
-/* line 333, ../sass/screen.scss */
+/* line 336, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-right {
   border-right: solid 1px #e0e0e0;
 }
-/* line 337, ../sass/screen.scss */
+/* line 340, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente input.quantite {
   width: 30px;
   background-color: white;
   border: solid 1px #e0e0e0;
   text-align: center;
 }
-/* line 345, ../sass/screen.scss */
+/* line 348, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .td-produit {
   text-align: center;
 }
-/* line 349, ../sass/screen.scss */
+/* line 352, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .submit-pv {
   float: right;
 }
-/* line 353, ../sass/screen.scss */
+/* line 356, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .select-user {
   background-color: #F9F9F9;
   border: solid 1px #e0e0e0;
 }
-/* line 358, ../sass/screen.scss */
+/* line 361, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .date-commande {
   font-size: 12px;
 }
-/* line 362, ../sass/screen.scss */
+/* line 365, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .datepicker, #page-commande .form-commandes-point-vente .text {
   background-color: white;
   border: solid 1px #e0e0e0;
   margin-top: 3px;
   width: 100px;
 }
-/* line 370, ../sass/screen.scss */
+/* line 373, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.center {
   text-align: center;
 }
-/* line 376, ../sass/screen.scss */
+/* line 379, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .depasse {
   color: #b32815;
 }
-/* line 380, ../sass/screen.scss */
+/* line 383, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .total strong span {
   font-weight: normal;
   font-size: 13px;
 }
-/* line 385, ../sass/screen.scss */
+/* line 388, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .vrac {
   display: none;
 }
-/* line 389, ../sass/screen.scss */
+/* line 392, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client {
   text-align: left;
   padding: 3px;
 }
-/* line 392, ../sass/screen.scss */
+/* line 395, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client .date-commande {
   color: gray;
 }
-/* line 403, ../sass/screen.scss */
+/* line 406, ../sass/screen.scss */
 #page-commande .table-header-rotated td {
   width: 20px;
   padding: 0px;
@@ -385,7 +434,7 @@ a:hover, a:focus, a:active {
   vertical-align: middle;
   text-align: center;
 }
-/* line 413, ../sass/screen.scss */
+/* line 416, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 {
   height: 80px;
   width: 20px;
@@ -397,7 +446,7 @@ a:hover, a:focus, a:active {
   font-size: 12px;
   line-height: 0.8;
 }
-/* line 425, ../sass/screen.scss */
+/* line 428, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 > div {
   position: relative;
   top: 0px;
@@ -414,7 +463,7 @@ a:hover, a:focus, a:active {
   border-right: 1px solid #dddddd;
   border-top: 1px solid #dddddd;
 }
-/* line 441, ../sass/screen.scss */
+/* line 444, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 span {
   -ms-transform: skew(45deg, 0deg) rotate(315deg);
   -moz-transform: skew(45deg, 0deg) rotate(315deg);
@@ -437,35 +486,162 @@ a:hover, a:focus, a:active {
   /*whether to display in one line or not*/
 }
 
-/* line 466, ../sass/screen.scss */
+/* line 469, ../sass/screen.scss */
 #email-masse-form #ids-users {
   line-height: 30px;
 }
-/* line 468, ../sass/screen.scss */
+/* line 471, ../sass/screen.scss */
 #email-masse-form #ids-users .label {
   text-transform: capitalize;
 }
 
-/* line 476, ../sass/screen.scss */
+/* line 479, ../sass/screen.scss */
 .produit-create #jours-production .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 480, ../sass/screen.scss */
+/* line 483, ../sass/screen.scss */
 .produit-create #jours-production .form-group label {
   font-weight: normal;
 }
-/* line 485, ../sass/screen.scss */
+/* line 488, ../sass/screen.scss */
 .produit-create .field-produit-id_etablissement {
   display: none;
 }
 
-/* line 491, ../sass/screen.scss */
+/* line 494, ../sass/screen.scss */
 .produit-index .td-photo {
   max-width: 100px;
   width: 100px;
 }
-/* line 495, ../sass/screen.scss */
+/* line 498, ../sass/screen.scss */
 .produit-index .photo-produit {
   max-width: 100px;
 }
+
+/* communiquer */
+/* line 505, ../sass/screen.scss */
+.communiquer-mode-emploi {
+  border: solid 1px #e0e0e0;
+  padding: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  margin-bottom: 30px;
+  font-family: "myriadpro-regular";
+}
+/* line 513, ../sass/screen.scss */
+.communiquer-mode-emploi .header .logo {
+  float: left;
+  width: 75px;
+  padding-right: 20px;
+  padding-top: 10px;
+}
+/* line 519, ../sass/screen.scss */
+.communiquer-mode-emploi .header .logo img {
+  width: 75px;
+}
+/* line 525, ../sass/screen.scss */
+.communiquer-mode-emploi .header h1 {
+  font-family: "comfortaaregular";
+  font-size: 40px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  font-weight: normal;
+}
+/* line 533, ../sass/screen.scss */
+.communiquer-mode-emploi .header h2 {
+  margin-top: 0px;
+  font-family: "myriadpro-regular";
+  font-size: 20px;
+  margin-top: 0px;
+  position: relative;
+  left: 2px;
+  font-weight: normal;
+}
+/* line 544, ../sass/screen.scss */
+.communiquer-mode-emploi h3 {
+  font-family: "comfortaalight";
+  font-family: "myriadpro-regular";
+  font-size: 25px;
+  color: #BB8757;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+/* line 554, ../sass/screen.scss */
+.communiquer-mode-emploi-encart {
+  width: 420px;
+  margin-top: 20px;
+}
+/* line 558, ../sass/screen.scss */
+.communiquer-mode-emploi-encart .header .logo {
+  width: 60px;
+  margin-right: 20px;
+  padding-top: 5px;
+}
+/* line 563, ../sass/screen.scss */
+.communiquer-mode-emploi-encart .header .logo img {
+  width: 60px;
+}
+/* line 569, ../sass/screen.scss */
+.communiquer-mode-emploi-encart .header h1 {
+  margin-bottom: 3px;
+}
+/* line 578, ../sass/screen.scss */
+.communiquer-mode-emploi-encart h3 {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+
+/* line 584, ../sass/screen.scss */
+.bloc-mode-emploi-pdf {
+  width: 49.9%;
+  float: left;
+  border-bottom: dotted 1px gray;
+}
+
+/* line 590, ../sass/screen.scss */
+.bloc-mode-emploi-border {
+  border-right: dotted 1px gray;
+  border-bottom: dotted 1px gray;
+}
+
+/* line 595, ../sass/screen.scss */
+.communiquer-mode-emploi-pdf {
+  border: 0px none;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  margin-bottom: 0px;
+  padding: 20px 0px 20px 30px;
+}
+/* line 603, ../sass/screen.scss */
+.communiquer-mode-emploi-pdf .header .logo {
+  float: left;
+  width: 55px;
+  padding-right: 15px;
+  padding-top: 10px;
+}
+/* line 609, ../sass/screen.scss */
+.communiquer-mode-emploi-pdf .header .logo img {
+  width: 55px;
+}
+/* line 613, ../sass/screen.scss */
+.communiquer-mode-emploi-pdf .header h1 {
+  font-size: 32px;
+}
+/* line 616, ../sass/screen.scss */
+.communiquer-mode-emploi-pdf .header h2 {
+  font-size: 16px;
+}
+/* line 621, ../sass/screen.scss */
+.communiquer-mode-emploi-pdf h3 {
+  font-weight: normal;
+}
+
+/* line 626, ../sass/screen.scss */
+.bloc-mode-emploi-bottom {
+  border-bottom: 0px none;
+  border-bottom: solid 1px white;
+}

backend/web/sass/screen.scss

@@ -5,6 +5,9 @@
 
 @import "compass" ;
 
+$dir-fonts: '../../../frontend/web/fonts/' ;
+@import "../../../frontend/web/sass/_fonts.scss" ;
+
 $color1: #BB8757 ;
 $color2: #F8F1DD ;
 
@@ -495,4 +498,132 @@ a {
     .photo-produit {
         max-width: 100px ;
     }
+}
+
+/* communiquer */
+
+.communiquer-mode-emploi {
+    border: solid 1px #e0e0e0 ;
+    padding: 10px ;
+    @include border-radius(10px) ;
+    margin-bottom: 30px ;
+    font-family: 'myriadpro-regular' ;
+    
+    .header {
+        .logo {
+            float: left ;
+            width: 75px ;
+            padding-right: 20px ;
+            padding-top: 10px ;
+            
+            img {
+                width: 75px ;
+                
+            }
+         }
+        
+        h1 {
+            font-family: 'comfortaaregular' ;
+            font-size: 40px ;
+            margin-top: 0px ;
+            margin-bottom: 0px ;
+            font-weight: normal ;
+        }
+        
+        h2 {
+            margin-top: 0px ;
+            font-family: 'myriadpro-regular' ;
+            font-size: 20px ;
+            margin-top: 0px ;
+            position: relative ;
+            left: 2px ;
+            font-weight: normal ;
+        }
+    }
+    
+    h3 {
+        font-family: 'comfortaalight' ;
+        font-family: 'myriadpro-regular' ;
+        font-size: 25px ;
+        color: $color1 ;
+        margin-top: 0px ;
+        margin-bottom: 0px ;
+    }
+}
+
+.communiquer-mode-emploi-encart {
+    width: 420px ;
+    margin-top: 20px ;
+    .header {
+        .logo {
+            width: 60px ;
+            margin-right: 20px ;
+            padding-top: 5px ;
+            
+            img {
+                width: 60px ;
+                
+            }
+         }
+        
+        h1 {
+            margin-bottom: 3px ;
+        }
+        
+        h2 {
+            
+        }
+    }
+    
+    h3 {
+        margin-top: 15px ;
+        margin-bottom: 15px ;
+    }
+}
+
+.bloc-mode-emploi-pdf {
+    width: 49.9% ;
+    float: left;
+    border-bottom: dotted 1px gray ;
+}
+
+.bloc-mode-emploi-border {
+    border-right: dotted 1px gray ;
+    border-bottom: dotted 1px gray ;
+}
+
+.communiquer-mode-emploi-pdf {
+    border: 0px none ;
+    //border-bottom: dotted 1px gray ;
+    @include border-radius(0px) ;
+    margin-bottom: 0px;
+    padding: 20px 0px 20px 30px ;
+    
+    .header {
+        .logo {
+            float: left ;
+            width: 55px ;
+            padding-right: 15px ;
+            padding-top: 10px ;
+
+            img {
+                width: 55px ;
+            }
+        }
+        h1 {
+            font-size: 32px ;
+        }
+        h2 {
+           font-size: 16px ; 
+        }
+    }
+    
+    h3 {
+        font-weight: normal ;
+    }
+}
+
+.bloc-mode-emploi-bottom {
+    border-bottom: 0px none ;
+    border-bottom: solid 1px white;
 }

vendor/mpdf/mpdf/config_fonts.php

@@ -81,6 +81,15 @@ $this->fonttrans = array(
  */
 
 $this->fontdata = array(
+        "comfortaaregular" => array(
+            "R" => "comfortaa-regular-webfont.ttf",
+        ),
+        "comfortaalight" => array(
+            "R" => "comfortaa-light-webfont.ttf",
+        ),
+        "myriadpro-regular" => array(
+            "R" => "myriadpro-regular.ttf",
+        ),
 	"dejavusanscondensed" => array(
 		'R' => "DejaVuSansCondensed.ttf",
 		'B' => "DejaVuSansCondensed-Bold.ttf",