Browse Source

Intégration nouvelle charte à l'app 'backend'

refactoring
Guillaume Bourgeois 5 years ago
parent
commit
15abcca025
9 changed files with 241 additions and 223 deletions
  1. +5
    -7
      backend/views/communicate/instructions.php
  2. +1
    -1
      backend/views/layouts/header.php
  3. +202
    -194
      backend/web/css/screen.css
  4. BIN
      backend/web/img/favicon-distrib.png
  5. BIN
      backend/web/img/logo-distrib.png
  6. +8
    -4
      backend/web/js/vuejs/distribution-index.js
  7. +16
    -11
      backend/web/sass/_adminlte.scss
  8. +5
    -0
      backend/web/sass/distribution/_index.scss
  9. +4
    -6
      backend/web/sass/screen.scss

+ 5
- 7
backend/views/communicate/instructions.php View File

@@ -45,19 +45,17 @@ use yii\helpers\Html ;
<div class="logo">
<img src="../img/laboulange4.png" alt="Logo" />
</div>
<h1>La boîte à pain</h1>
<h2>Plateforme de réservation de pain</h2>
<h1>distrib</h1>
<h2>Plateforme de gestion de commandes</h2>
</div>
<div class="clr"></div>
<h3>Pour réserver votre pain en ligne</h3>
<h3>Pour réserver vos produits en ligne</h3>
<ol>
<li>Inscrivez-vous sur <strong>www.laboiteapain.net</strong></li>
<li>Inscrivez-vous sur <strong>www.opendistrib.net</strong> en choisisant le producteur <strong><?= Html::encode($producer->name); ?></strong></li>
<?php if(strlen($producer->code)): ?>
<li>Ajoutez le producteur <strong><?= Html::encode($producer->name); ?></strong><br />grâce au code : <span class="code"><strong><?= Html::encode($producer->code) ?></strong> <?php if(!isset($pdf)): echo Html::a('<span class="glyphicon glyphicon-pencil"></span>', ['producer/update'], ['class'=> 'btn btn-default btn-xs']); endif; ?></span></li>
<?php else: ?>
<li>Ajoutez le producteur <strong><?= Html::encode($producer->name); ?></strong></li>
<li>Utilisez le code : <span class="code"><strong><?= Html::encode($producer->code) ?></strong> <?php if(!isset($pdf)): echo Html::a('<span class="glyphicon glyphicon-pencil"></span>', ['producer/update'], ['class'=> 'btn btn-default btn-xs']); endif; ?></span></li>
<?php endif; ?>
<li>Passez votre commande</li>
</ol>

+ 1
- 1
backend/views/layouts/header.php View File

@@ -48,7 +48,7 @@ use yii\helpers\ArrayHelper;

<header class="main-header">

<?= Html::a('<span class="logo-mini"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/laboulange3.png" /></span><span class="logo-lg"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/laboulange3.png" /></span>', Yii::$app->homeUrl, ['class' => 'logo']) ?>
<?= Html::a('<span class="logo-mini"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/logo-distrib.png" /></span><span class="logo-lg"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/logo-distrib.png" /></span>', Yii::$app->homeUrl, ['class' => 'logo']) ?>

<nav class="navbar navbar-static-top" role="navigation">


+ 202
- 194
backend/web/css/screen.css
File diff suppressed because it is too large
View File


BIN
backend/web/img/favicon-distrib.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.2KB

BIN
backend/web/img/logo-distrib.png View File

Before After
Width: 300  |  Height: 246  |  Size: 13KB

+ 8
- 4
backend/web/js/vuejs/distribution-index.js View File

@@ -40,8 +40,9 @@ var app = new Vue({
attrs: [],
themeStyles: {
wrapper: {
background: '#BB8757',
color: '#fafafa',
background: '#F7F7F7',
color: '#333',
border: 'solid 1px #e0e0e0'
},
header: {
padding: '10px 10px',
@@ -51,7 +52,7 @@ var app = new Vue({
width: '80%',
},
weekdays: {
color: 'white',
color: '#e0e0e0',
fontWeight: '600',
padding: '10px 10px',
fontSize: '2rem'
@@ -150,7 +151,10 @@ var app = new Vue({
for(var i= 0; i < distributions.length; i++) {
this.calendar.attrs.push({
highlight: {
backgroundColor: '#00A65A',
backgroundColor: '#5cb85c',
},
contentStyle: {
color: 'white',
},
dates: distributions[i].date,
}) ;

+ 16
- 11
backend/web/sass/_adminlte.scss View File

@@ -2,9 +2,9 @@
body.skin-black {
.main-header {
.logo {
background-color: darken($color1,5) ;
background-color: white ;
&:hover {
background-color: $color1 ;
background-color: white ;
}
.logo-lg {
img {
@@ -20,22 +20,21 @@ body.skin-black {
}
}
.navbar {
background-color: $color1 ;
background-color: white ;
.sidebar-toggle {
color: white ;
color: #333 ;
}
.navbar-custom-menu .navbar-nav > li > a,
.navbar-right > li > a {
border-left: solid 1px lighten($color1, 15) ;
color: white ;
border-left: solid 1px #e0e0e0 ;
color: #333 ;
}
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.nav > .active > a {
color: white ;
background-color: darken($color1, 4) ;
color: #FF7F00 ;
}
.dropdown-menu {
@@ -44,7 +43,7 @@ body.skin-black {
}
.logo, .navbar .sidebar-toggle {
border-right: solid 1px lighten($color1, 15) ;
border-right: solid 1px #e0e0e0 ;
}
.link-control-sidebar {
@@ -85,17 +84,23 @@ body.skin-black {
background-color: #f5f5f5 ;
.content-header {
//background-color: $color2 ;
background-color: #eeeeee ;
background-color: #F5F5F5 ;
padding-bottom: 15px ;
border-bottom: solid 1px #e0e0e0 ;
border-top: solid 1px #e0e0e0 ;
.btn {
padding: 3px 6px ;
font-size: 13px ;
}
h1 {
font-family: 'highvoltageregular' ;
}
}
a {
color: $color1 ;
}

+ 5
- 0
backend/web/sass/distribution/_index.scss View File

@@ -84,6 +84,11 @@ termes.
.c-day-popover-content {
font-size: 1.3rem ;
}
.c-title {
text-transform: uppercase ;
font-family: 'capsuularegular' ;
}
}
#products {

+ 4
- 6
backend/web/sass/screen.scss View File

@@ -39,8 +39,8 @@ termes.
$dir-fonts: '../fonts/' ;
@import "_fonts.scss" ;

$color1: #BB8757 ;
$color2: #F8F1DD ;
$color1: #FF7F00 ;
$color2: white ;

.clr {
clear: both ;
@@ -1002,7 +1002,7 @@ a {
}
h1 {
font-family: 'comfortaaregular' ;
font-family: 'highvoltageregular' ;
font-size: 40px ;
margin-top: 0px ;
margin-bottom: 0px ;
@@ -1011,7 +1011,7 @@ a {
h2 {
margin-top: 0px ;
font-family: 'myriadpro-regular' ;
font-family: 'capsuularegular' ;
font-size: 20px ;
margin-top: 0px ;
position: relative ;
@@ -1021,8 +1021,6 @@ a {
}
h3 {
font-family: 'comfortaalight' ;
font-family: 'myriadpro-regular' ;
font-size: 20px ;
color: $color1 ;
margin-top: 0px ;

Loading…
Cancel
Save