Améliorer l'affichage des boulangeries sur le tableau de bord

frontend/views/commande/index.php

@@ -13,11 +13,30 @@ $this->title = 'Commande' ;
 
 <h2>Boulangeries</h2>
 <?php if(count($boulangeries)): ?>
-    <ul>
+    <div id="liste-boulangeries">
         <?php foreach($boulangeries as $b): ?>
-            <li><?php echo Html::encode($b['nom_magasin']); ?></li>
+        <div class="">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                  <h3 class="panel-title"><?php echo Html::encode($b['nom_magasin']); ?></h3>
+                </div>
+                <div class="panel-body">
+                  <?php if(strlen($b['logo'])): ?>
+                    <img class="logo" src="uploads/<?= Html::encode($b['logo']); ?>" />
+                  <?php endif; ?>
+                  
+                    <a class="btn btn-primary" href="<?= Yii::$app->urlManager->createUrl('commande/create') ?>">Commander</a>
+                    
+                  <?php //nl2br(Html::encode($b['description'])); ?>
+                </div>
+            </div>
+        </div>
         <?php endforeach; ?>
-    </ul>
+        <div class="">
+            <a class="btn btn-default" href="javascript:void(0);"><span class="glyphicon glyphicon-plus"></span> Ajouter une boulangerie</a>
+        </div>
+    </div>
+    <div class="clr"></div>
 <?php else: ?>
     <div class="alert alert-info">Aucune boulangerie</div>
 <?php endif; ?>

frontend/web/css/screen.css

@@ -475,81 +475,89 @@ h2 {
   padding-bottom: 20px;
 }
 /* line 44, ../sass/_systeme_commandes.scss */
+#index-commande #liste-boulangeries .logo {
+  width: 30%;
+  max-width: 200px;
+  float: left;
+  padding-right: 20px;
+  padding-bottom: 20px;
+}
+/* line 54, ../sass/_systeme_commandes.scss */
 #index-commande #historique-commandes .statut, #index-commande #historique-commandes .montant {
   width: 175px;
 }
-/* line 47, ../sass/_systeme_commandes.scss */
+/* line 57, ../sass/_systeme_commandes.scss */
 #index-commande #historique-commandes .montant {
   width: 100px;
 }
-/* line 54, ../sass/_systeme_commandes.scss */
+/* line 64, ../sass/_systeme_commandes.scss */
 #index-commande #historique-commandes .localite {
   font-size: 11px;
   lin-height: 11px;
 }
-/* line 59, ../sass/_systeme_commandes.scss */
+/* line 69, ../sass/_systeme_commandes.scss */
 #index-commande #historique-commandes a {
   text-decoration: none;
 }
 
-/* line 66, ../sass/_systeme_commandes.scss */
+/* line 76, ../sass/_systeme_commandes.scss */
 .commande-form {
   min-height: 600px;
 }
-/* line 70, ../sass/_systeme_commandes.scss */
+/* line 80, ../sass/_systeme_commandes.scss */
 .commande-form h2 {
   font-family: "myriadpro-regular";
 }
-/* line 74, ../sass/_systeme_commandes.scss */
+/* line 84, ../sass/_systeme_commandes.scss */
 .commande-form #infos-importantes.alert-warning {
   float: right;
 }
-/* line 80, ../sass/_systeme_commandes.scss */
+/* line 90, ../sass/_systeme_commandes.scss */
 .commande-form #datepicker-production .ui-datepicker {
   float: left;
   margin-right: 20px;
 }
-/* line 85, ../sass/_systeme_commandes.scss */
+/* line 95, ../sass/_systeme_commandes.scss */
 .commande-form #datepicker-production .ui-helper-clearfix:after {
   clear: none;
 }
-/* line 89, ../sass/_systeme_commandes.scss */
+/* line 99, ../sass/_systeme_commandes.scss */
 .commande-form #datepicker-production .alert-info {
   float: left;
 }
-/* line 94, ../sass/_systeme_commandes.scss */
+/* line 104, ../sass/_systeme_commandes.scss */
 .commande-form #has-commande-en-cours {
   margin-top: 15px;
 }
-/* line 97, ../sass/_systeme_commandes.scss */
+/* line 107, ../sass/_systeme_commandes.scss */
 .commande-form #has-commande-en-cours a {
   color: #a94442;
   text-decoration: none;
   font-weight: bold;
 }
-/* line 104, ../sass/_systeme_commandes.scss */
+/* line 114, ../sass/_systeme_commandes.scss */
 .commande-form .field-commande-id_point_vente {
   margin-top: 30px;
 }
-/* line 108, ../sass/_systeme_commandes.scss */
+/* line 118, ../sass/_systeme_commandes.scss */
 .commande-form .field-commande-id_production {
   margin-bottom: 0px;
 }
-/* line 110, ../sass/_systeme_commandes.scss */
+/* line 120, ../sass/_systeme_commandes.scss */
 .commande-form .field-commande-id_production label {
   margin-bottom: 0px;
 }
-/* line 114, ../sass/_systeme_commandes.scss */
+/* line 124, ../sass/_systeme_commandes.scss */
 .commande-form .field-commande-id_production .help-block {
   margin-bottom: 0px;
 }
-/* line 119, ../sass/_systeme_commandes.scss */
+/* line 129, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 124, ../sass/_systeme_commandes.scss */
+/* line 134, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente {
   width: 268px;
   height: 130px;
@@ -562,107 +570,107 @@ h2 {
   background-color: #f9f9f9;
   border: 1px solid #d8d8d8;
 }
-/* line 137, ../sass/_systeme_commandes.scss */
+/* line 147, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente .nom {
   font-family: "comfortaalight";
   font-size: 20px;
 }
-/* line 143, ../sass/_systeme_commandes.scss */
+/* line 153, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente .adresse {
   color: gray;
   font-size: 13px;
   line-height: 16px;
 }
-/* line 149, ../sass/_systeme_commandes.scss */
+/* line 159, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente .horaires {
   margin-top: 7px;
 }
-/* line 151, ../sass/_systeme_commandes.scss */
+/* line 161, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente .horaires .jour {
   font-weight: bold;
   display: none;
 }
-/* line 157, ../sass/_systeme_commandes.scss */
+/* line 167, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente.selected {
   border-left: solid 5px black;
   -moz-box-shadow: 0px 0px 5px #d8d8d8;
   -webkit-box-shadow: 0px 0px 5px #d8d8d8;
   box-shadow: 0px 0px 5px #d8d8d8;
 }
-/* line 161, ../sass/_systeme_commandes.scss */
+/* line 171, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente.selected .contenu {
   position: relative;
   left: -4px;
 }
-/* line 167, ../sass/_systeme_commandes.scss */
+/* line 177, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente:hover {
   -moz-box-shadow: 0px 0px 5px #d8d8d8;
   -webkit-box-shadow: 0px 0px 5px #d8d8d8;
   box-shadow: 0px 0px 5px #d8d8d8;
 }
-/* line 172, ../sass/_systeme_commandes.scss */
+/* line 182, ../sass/_systeme_commandes.scss */
 .commande-form ul#points-vente .point-vente.disabled {
   display: none;
 }
-/* line 179, ../sass/_systeme_commandes.scss */
+/* line 189, ../sass/_systeme_commandes.scss */
 .commande-form #produits {
   margin-top: 15px;
 }
-/* line 182, ../sass/_systeme_commandes.scss */
+/* line 192, ../sass/_systeme_commandes.scss */
 .commande-form #produits #label-produits {
   display: block;
   margin-bottom: 5px;
 }
-/* line 187, ../sass/_systeme_commandes.scss */
+/* line 197, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table {
   margin-top: 7px;
 }
-/* line 190, ../sass/_systeme_commandes.scss */
+/* line 200, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .illu {
   float: left;
   height: auto;
   width: 70px;
   margin-right: 15px;
 }
-/* line 197, ../sass/_systeme_commandes.scss */
+/* line 207, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .photo {
   float: right;
   margin-left: 10px;
   width: 200px;
 }
-/* line 203, ../sass/_systeme_commandes.scss */
+/* line 213, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .nom {
   font-family: "comfortaalight";
   font-weight: bold;
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 210, ../sass/_systeme_commandes.scss */
+/* line 220, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .description {
   font-style: italic;
 }
-/* line 214, ../sass/_systeme_commandes.scss */
+/* line 224, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .recette {
   font-size: 12px;
 }
-/* line 218, ../sass/_systeme_commandes.scss */
+/* line 228, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .input-group {
   width: 133px;
 }
-/* line 220, ../sass/_systeme_commandes.scss */
+/* line 230, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .input-group .quantity {
   text-align: center;
 }
-/* line 225, ../sass/_systeme_commandes.scss */
+/* line 235, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .colonne-quantite, .commande-form #produits .table .prix-unit, .commande-form #produits .table .total {
   width: 150px;
   text-align: center;
 }
-/* line 230, ../sass/_systeme_commandes.scss */
+/* line 240, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table td#total-commande, .commande-form #produits .table td#total-commande-vrac, .commande-form #produits .table td.total {
   text-align: center;
 }
-/* line 234, ../sass/_systeme_commandes.scss */
+/* line 244, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .epuise {
   display: none;
   text-transform: uppercase;
@@ -671,32 +679,32 @@ h2 {
   font-size: 16px;
   text-align: center;
 }
-/* line 243, ../sass/_systeme_commandes.scss */
+/* line 253, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .quantite-restante {
   font-size: 12px;
   margin-top: 8px;
 }
-/* line 247, ../sass/_systeme_commandes.scss */
+/* line 257, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table .quantite-restante .nb {
   font-weight: bold;
 }
-/* line 252, ../sass/_systeme_commandes.scss */
+/* line 262, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table td.produit, .commande-form #produits .table th.produit {
   width: 70%;
 }
-/* line 256, ../sass/_systeme_commandes.scss */
+/* line 266, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table td.prix-unit, .commande-form #produits .table th.prix-unit {
   width: 10%;
 }
-/* line 260, ../sass/_systeme_commandes.scss */
+/* line 270, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table td.colonne-quantite, .commande-form #produits .table th.colonne-quantite {
   width: 10%;
 }
-/* line 264, ../sass/_systeme_commandes.scss */
+/* line 274, ../sass/_systeme_commandes.scss */
 .commande-form #produits .table td.total, .commande-form #produits .table th.total {
   width: 10%;
 }
-/* line 270, ../sass/_systeme_commandes.scss */
+/* line 280, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed {
   position: fixed;
   bottom: 0px;
@@ -713,7 +721,7 @@ h2 {
   background-color: #F9F9F9;
   text-align: center;
 }
-/* line 284, ../sass/_systeme_commandes.scss */
+/* line 294, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed #total-commande-bottom {
   background-color: white;
   -moz-border-radius: 20px;
@@ -722,37 +730,37 @@ h2 {
   padding: 5px 25px;
   border: solid 1px #e0e0e0;
 }
-/* line 291, ../sass/_systeme_commandes.scss */
+/* line 301, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed .valider-commande, .commande-form #bar-fixed .btn-commentaire {
   float: right;
 }
-/* line 295, ../sass/_systeme_commandes.scss */
+/* line 305, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed .btn-commentaire {
   margin-right: 10px;
 }
-/* line 299, ../sass/_systeme_commandes.scss */
+/* line 309, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed .btn-retour, .commande-form #bar-fixed .annuler-commande {
   float: left;
   margin-right: 5px;
 }
-/* line 304, ../sass/_systeme_commandes.scss */
+/* line 314, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed .annuler-commande {
   color: #b92c28;
   background-color: white;
 }
-/* line 309, ../sass/_systeme_commandes.scss */
+/* line 319, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed #total-commande-bottom {
   display: none;
   font-weight: bold;
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 316, ../sass/_systeme_commandes.scss */
+/* line 326, ../sass/_systeme_commandes.scss */
 .commande-form #bar-fixed .field-commande-commentaire {
   display: none;
 }
 
-/* line 324, ../sass/_systeme_commandes.scss */
+/* line 334, ../sass/_systeme_commandes.scss */
 .ui-datepicker .ui-widget-header {
   background: none;
   background-color: gray;
@@ -760,7 +768,7 @@ h2 {
   color: black;
   font-weight: normal;
 }
-/* line 332, ../sass/_systeme_commandes.scss */
+/* line 342, ../sass/_systeme_commandes.scss */
 .ui-datepicker .ui-datepicker-current-day a,
 .ui-datepicker a.ui-state-hover {
   background: none;

frontend/web/sass/_systeme_commandes.scss

@@ -39,6 +39,16 @@ h2 {
 		text-align: center ;
 		padding-bottom: 20px; 
 	}
+        
+        #liste-boulangeries {
+            .logo {
+                width: 30% ;
+                max-width: 200px ;
+                float: left ;
+                padding-right: 20px ;
+                padding-bottom: 20px ;
+            }
+        }
 	
 	#historique-commandes {
 		.statut, .montant {