浏览代码

(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.
master
keun 8 年前
父节点
当前提交
1d95f281f9
共有 13 个文件被更改,包括 592 次插入84 次删除
  1. +132
    -0
      backend/controllers/CommuniquerController.php
  2. +11
    -0
      backend/views/communiquer/affiche.php
  3. +20
    -0
      backend/views/communiquer/index.php
  4. +22
    -0
      backend/views/communiquer/mode_emploi.php
  5. +9
    -0
      backend/views/communiquer/mode_emploi_multi.php
  6. +1
    -2
      backend/views/layouts/main.php
  7. +0
    -1
      backend/views/user/liste_mails.php
  8. 二进制
      backend/web/.sass-cache/c8fef7d48da4dc7f024edc2b0fada9d8d6de5dac/screen.scssc
  9. 二进制
      backend/web/.sass-cache/e1a48ee3204d3a535cdbe440c2995954a615ac19/_fonts.scssc
  10. +257
    -81
      backend/web/css/screen.css
  11. 二进制
      backend/web/img/laboulange4.png
  12. +131
    -0
      backend/web/sass/screen.scss
  13. +9
    -0
      vendor/mpdf/mpdf/config_fonts.php

+ 132
- 0
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();
}
}

+ 11
- 0
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>

+ 20
- 0
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>


+ 22
- 0
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>

+ 9
- 0
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; ?>

+ 1
- 2
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']];

+ 0
- 1
backend/views/user/liste_mails.php 查看文件

@@ -15,7 +15,6 @@ $this->params['breadcrumbs'][] = $this->title;

?>


<h1><?= count($users); ?> utilisateurs</h1>

<?= implode(', ', $users); ?>

二进制
backend/web/.sass-cache/c8fef7d48da4dc7f024edc2b0fada9d8d6de5dac/screen.scssc 查看文件


二进制
backend/web/.sass-cache/e1a48ee3204d3a535cdbe440c2995954a615ac19/_fonts.scssc 查看文件


+ 257
- 81
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/img/laboulange4.png 查看文件

之前 之后
宽度: 200  |  高度: 199  |  大小: 1.7KB

+ 131
- 0
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;
}

+ 9
- 0
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",

正在加载...
取消
保存