ソースを参照

(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.
prodstable
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",

読み込み中…
キャンセル
保存