- amélioration format date - affichage de tous les boutons d'action dans une colonne séparée - localité en gris - label livrée, en préparation, à venirrefactoring
.date { | .date { | ||||
text-align: center ; | text-align: center ; | ||||
.block-date { | |||||
width: 50% ; | |||||
margin: 0px auto ; | |||||
padding-top: 0px ; | |||||
} | |||||
.day { | |||||
text-transform: capitalize ; | |||||
line-height: 13px ; | |||||
font-size: 10px ; | |||||
text-transform: uppercase ; | |||||
} | |||||
.num { | |||||
font-size: 23px ; | |||||
line-height: 28px ; | |||||
font-weight: bold ; | |||||
} | |||||
.month { | |||||
text-transform: uppercase ; | |||||
line-height: 13px ; | |||||
font-size: 15px ; | |||||
} | |||||
} | } | ||||
} | } | ||||
} | } |
return $count ; | return $count ; | ||||
} | } | ||||
/** | |||||
* Retourne un bloc html présentant une date. | |||||
* | |||||
* @return string | |||||
*/ | |||||
public function getBlockDate() | |||||
{ | |||||
return '<div class="block-date"> | |||||
<div class="day">'.strftime('%A', strtotime($this->distribution->date)).'</div> | |||||
<div class="num">'.date('d', strtotime($this->distribution->date)).'</div> | |||||
<div class="month">'.strftime('%B', strtotime($this->distribution->date)).'</div> | |||||
</div>' ; | |||||
} | |||||
} | } |
@charset "UTF-8"; | @charset "UTF-8"; | ||||
/** | /** | ||||
Copyright La boîte à pain (2018) | |||||
Copyright distrib (2018) | |||||
contact@laboiteapain.net | |||||
contact@opendistrib.net | |||||
Ce logiciel est un programme informatique servant à aider les producteurs | Ce logiciel est un programme informatique servant à aider les producteurs | ||||
à distribuer leur production en circuits courts. | à distribuer leur production en circuits courts. |
@charset "UTF-8"; | @charset "UTF-8"; | ||||
/** | /** | ||||
Copyright La boîte à pain (2018) | |||||
Copyright distrib (2018) | |||||
contact@laboiteapain.net | |||||
contact@opendistrib.net | |||||
Ce logiciel est un programme informatique servant à aider les producteurs | Ce logiciel est un programme informatique servant à aider les producteurs | ||||
à distribuer leur production en circuits courts. | à distribuer leur production en circuits courts. |
@charset "UTF-8"; | @charset "UTF-8"; | ||||
/** | /** | ||||
Copyright La boîte à pain (2018) | |||||
Copyright distrib (2018) | |||||
contact@laboiteapain.net | |||||
contact@opendistrib.net | |||||
Ce logiciel est un programme informatique servant à aider les producteurs | Ce logiciel est un programme informatique servant à aider les producteurs | ||||
à distribuer leur production en circuits courts. | à distribuer leur production en circuits courts. | ||||
termes. | termes. | ||||
*/ | */ | ||||
/** | /** | ||||
Copyright La boîte à pain (2018) | |||||
Copyright distrib (2018) | |||||
contact@laboiteapain.net | |||||
contact@opendistrib.net | |||||
Ce logiciel est un programme informatique servant à aider les producteurs | Ce logiciel est un programme informatique servant à aider les producteurs | ||||
à distribuer leur production en circuits courts. | à distribuer leur production en circuits courts. | ||||
font-weight: normal; | font-weight: normal; | ||||
font-style: normal; | font-style: normal; | ||||
} | } | ||||
/* line 2, ../sass/_common.scss */ | |||||
.block-date { | |||||
margin: 0px auto; | |||||
padding-top: 0px; | |||||
text-align: center; | |||||
} | |||||
/* line 7, ../sass/_common.scss */ | |||||
.block-date .day { | |||||
text-transform: capitalize; | |||||
line-height: 15px; | |||||
font-size: 13px; | |||||
text-transform: uppercase; | |||||
} | |||||
/* line 14, ../sass/_common.scss */ | |||||
.block-date .num { | |||||
font-size: 30px; | |||||
line-height: 35px; | |||||
font-weight: bold; | |||||
} | |||||
/* line 20, ../sass/_common.scss */ | |||||
.block-date .month { | |||||
text-transform: uppercase; | |||||
line-height: 15px; | |||||
font-size: 13px; | |||||
color: #e67200; | |||||
} |
.block-date { | |||||
margin: 0px auto ; | |||||
padding-top: 0px ; | |||||
text-align: center ; | |||||
.day { | |||||
text-transform: capitalize ; | |||||
line-height: 15px ; | |||||
font-size: 13px ; | |||||
text-transform: uppercase ; | |||||
} | |||||
.num { | |||||
font-size: 30px ; | |||||
line-height: 35px ; | |||||
font-weight: bold ; | |||||
} | |||||
.month { | |||||
text-transform: uppercase ; | |||||
line-height: 15px ; | |||||
font-size: 13px ; | |||||
color: darken($color1, 5) ; | |||||
} | |||||
} |
termes. | termes. | ||||
*/ | */ | ||||
$color1: #FF7F00 ; | |||||
$dir-fonts: '../fonts/' ; | $dir-fonts: '../fonts/' ; | ||||
@import "_fonts.scss" ; | |||||
@import "_fonts.scss" ; | |||||
@import "_common.scss" ; |
[ | [ | ||||
'attribute' => 'distribution.date', | 'attribute' => 'distribution.date', | ||||
'label' => 'Date de livraison', | 'label' => 'Date de livraison', | ||||
'format' => 'raw', | |||||
'value' => function($model) { | 'value' => function($model) { | ||||
return date('d/m/Y', strtotime($model->distribution->date)) ; | |||||
return $model->getBlockDate() ; | |||||
} | } | ||||
], | ], | ||||
[ | [ | ||||
'label' => 'Résumé', | |||||
'label' => 'Point de vente', | |||||
'format' => 'raw', | 'format' => 'raw', | ||||
'value' => function($model) { | 'value' => function($model) { | ||||
return $model->getCartSummary(); | |||||
return $model->getPointSaleSummary(); | |||||
} | } | ||||
], | ], | ||||
[ | [ | ||||
'label' => 'Point de vente', | |||||
'label' => 'Résumé', | |||||
'format' => 'raw', | 'format' => 'raw', | ||||
'value' => function($model) { | 'value' => function($model) { | ||||
return $model->getPointSaleSummary(); | |||||
return $model->getCartSummary(); | |||||
} | } | ||||
], | ], | ||||
[ | [ | ||||
} | } | ||||
else { | else { | ||||
if($c->getState() == Order::STATE_DELIVERED) { | if($c->getState() == Order::STATE_DELIVERED) { | ||||
$html .= 'Livrée' ; | |||||
$html .= '<span class="label label-success">Livrée</span>' ; | |||||
} | } | ||||
elseif($c->getState() == Order::STATE_PREPARATION) { | elseif($c->getState() == Order::STATE_PREPARATION) { | ||||
$html .= 'En préparation' ; | |||||
$html .= '<span class="label label-warning">En préparation</span>' ; | |||||
} | } | ||||
elseif($c->getState() == Order::STATE_OPEN) { | elseif($c->getState() == Order::STATE_OPEN) { | ||||
$link_subscription = ($c->id_subscription) ? '<li><a href="'.Yii::$app->urlManagerProducer->createUrl(['subscription/form','id'=>$c->id_subscription]).'"><span class="glyphicon glyphicon-repeat"></span> Modifier mon abonnement</a></li>' : '' ; | |||||
$html .= '<div class="btn-group"> | |||||
<a href="'.Yii::$app->urlManager->createUrl(['order/order','id'=>$c->id]).'" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span> Modifier</a> | |||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> | |||||
<span class="caret"></span> | |||||
<span class="sr-only">Toggle Dropdown</span> | |||||
</button> | |||||
<ul class="dropdown-menu" role="menu"> | |||||
'.$link_subscription.' | |||||
<li><a href="'.Yii::$app->urlManager->createUrl(['order/cancel','id'=>$c->id]).'"><span class="glyphicon glyphicon-trash"></span> Annuler la commande</a></li> | |||||
</ul> | |||||
</div>' ; | |||||
$html .= '<span class="label label-default">À venir</span>' ; | |||||
} | } | ||||
} | } | ||||
return $html ; | return $html ; | ||||
} | } | ||||
], | ], | ||||
[ | |||||
'label' => 'Actions', | |||||
'format' => 'raw', | |||||
'value' => function($c) { | |||||
$html = '' ; | |||||
if($c->getState() == Order::STATE_OPEN) { | |||||
$html .= '<a href="'.Yii::$app->urlManager->createUrl(['order/order','id'=>$c->id]).'" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></a> '. | |||||
'<a href="'.Yii::$app->urlManager->createUrl(['order/cancel','id'=>$c->id]).'" class="btn btn-default"><span class="glyphicon glyphicon-trash"></span></a> '. | |||||
(($c->id_subscription) ? '<a href="'.Yii::$app->urlManagerProducer->createUrl(['subscription/form','id'=>$c->id_subscription]).'" class="btn btn-default"><span class="glyphicon glyphicon-repeat"></span></a>' : '') ; | |||||
} | |||||
return $html ; | |||||
} | |||||
] | |||||
] | ] | ||||
]); | ]); | ||||
.order-history #tabs-orders-history li.active a { | .order-history #tabs-orders-history li.active a { | ||||
color: #333; | color: #333; | ||||
} | } | ||||
/* line 59, ../sass/order/_history.scss */ | |||||
.order-history table .locality { | |||||
color: gray; | |||||
} | |||||
/* line 3, ../sass/order/_order.scss */ | /* line 3, ../sass/order/_order.scss */ | ||||
.order-order #app-order-order { | .order-order #app-order-order { |
&.active a { | &.active a { | ||||
color: #333 ; | color: #333 ; | ||||
} | } | ||||
} | |||||
} | |||||
} | |||||
table { | |||||
.locality { | |||||
color: gray ; | |||||
} | |||||
} | } | ||||
} | } |