BenoitCier
/
Opendistrib
forked from Laclic/Souke
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Gestion de la position des catégories 

Affichage des catégories sur le front
dev
Guillaume 3 years ago
parent
9c18008912
commit
ce7c618c8b
9 changed files with 242 additions and 119 deletions
Unified View Show Diff Stats
  1. +17
    -0
      backend/controllers/ProductCategoryController.php
  2. +72
    -63
      backend/views/product-category/index.php
  3. +57
    -3
      backend/web/js/backend.js
  4. +1
    -0
      common/models/ProductCategorySearch.php
  5. +6
    -0
      producer/controllers/OrderController.php
  6. +44
    -39
      producer/views/order/order.php
  7. +22
    -14
      producer/web/css/screen.css
  8. +14
    -0
      producer/web/js/vuejs/order-order.js
  9. +9
    -0
      producer/web/sass/order/_order.scss

+ 17
- 0
backend/controllers/ProductCategoryController.php View File

return $this->redirect(['index']); return $this->redirect(['index']);
} }


/**
* Modifie l'ordre des catégories.
*
* @param array $array
*/
public function actionPosition()
{
$array = Yii::$app->request->post('array');
$positionArray = json_decode(stripslashes($array));

foreach ($positionArray as $id => $position) {
$category = $this->findModel($id);
$category->position = $position;
$category->save();
}
}

/** /**
* Recherche une catégorie en fonction de son ID. * Recherche une catégorie en fonction de son ID.
* *

+ 72
- 63
backend/views/product-category/index.php View File

<?php <?php


/**
Copyright distrib (2018)
contact@opendistrib.net
Ce logiciel est un programme informatique servant à aider les producteurs
à distribuer leur production en circuits courts.
Ce logiciel est régi par la licence CeCILL soumise au droit français et
respectant les principes de diffusion des logiciels libres. Vous pouvez
utiliser, modifier et/ou redistribuer ce programme sous les conditions
de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
sur le site "http://www.cecill.info".
En contrepartie de l'accessibilité au code source et des droits de copie,
de modification et de redistribution accordés par cette licence, il n'est
offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
seule une responsabilité restreinte pèse sur l'auteur du programme, le
titulaire des droits patrimoniaux et les concédants successifs.
A cet égard l'attention de l'utilisateur est attirée sur les risques
associés au chargement, à l'utilisation, à la modification et/ou au
développement et à la reproduction du logiciel par l'utilisateur étant
donné sa spécificité de logiciel libre, qui peut le rendre complexe à
manipuler et qui le réserve donc à des développeurs et des professionnels
avertis possédant des connaissances informatiques approfondies. Les
utilisateurs sont donc invités à charger et tester l'adéquation du
logiciel à leurs besoins dans des conditions permettant d'assurer la
sécurité de leurs systèmes et ou de leurs données et, plus généralement,
à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
pris connaissance de la licence CeCILL, et que vous en avez accepté les
termes.
*/
/**
* Copyright distrib (2018)
*
* contact@opendistrib.net
*
* Ce logiciel est un programme informatique servant à aider les producteurs
* à distribuer leur production en circuits courts.
*
* Ce logiciel est régi par la licence CeCILL soumise au droit français et
* respectant les principes de diffusion des logiciels libres. Vous pouvez
* utiliser, modifier et/ou redistribuer ce programme sous les conditions
* de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
* sur le site "http://www.cecill.info".
*
* En contrepartie de l'accessibilité au code source et des droits de copie,
* de modification et de redistribution accordés par cette licence, il n'est
* offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
* seule une responsabilité restreinte pèse sur l'auteur du programme, le
* titulaire des droits patrimoniaux et les concédants successifs.
*
* A cet égard l'attention de l'utilisateur est attirée sur les risques
* associés au chargement, à l'utilisation, à la modification et/ou au
* développement et à la reproduction du logiciel par l'utilisateur étant
* donné sa spécificité de logiciel libre, qui peut le rendre complexe à
* manipuler et qui le réserve donc à des développeurs et des professionnels
* avertis possédant des connaissances informatiques approfondies. Les
* utilisateurs sont donc invités à charger et tester l'adéquation du
* logiciel à leurs besoins dans des conditions permettant d'assurer la
* sécurité de leurs systèmes et ou de leurs données et, plus généralement,
* à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
*
* Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
* pris connaissance de la licence CeCILL, et que vous en avez accepté les
* termes.
*/


use yii\helpers\Html; use yii\helpers\Html;
use yii\grid\GridView; use yii\grid\GridView;
use common\models\PointVenteUser ;
use common\models\PointVenteUser;


$this->setTitle('Catégories') ;
$this->addBreadcrumb($this->getTitle()) ;
$this->addButton(['label' => 'Nouvelle catégorie <span class="glyphicon glyphicon-plus"></span>', 'url' => 'product-category/create', 'class' => 'btn btn-primary']) ;
$this->setTitle('Catégories');
$this->addBreadcrumb($this->getTitle());
$this->addButton(['label' => 'Nouvelle catégorie <span class="glyphicon glyphicon-plus"></span>', 'url' => 'product-category/create', 'class' => 'btn btn-primary']);


?> ?>


<div class="product-category-index"> <div class="product-category-index">
<?= GridView::widget([
'filterModel' => $searchModel,
'dataProvider' => $dataProvider,
'columns' => [
'name',
[
'class' => 'yii\grid\ActionColumn',
'template' => '{update} {delete}',
'headerOptions' => ['class' => 'column-actions'],
'contentOptions' => ['class' => 'column-actions'],
'buttons' => [
'update' => function ($url, $model) {
return Html::a('<span class="glyphicon glyphicon-pencil"></span>', $url, [
'title' => Yii::t('app', 'Modifier'), 'class' => 'btn btn-default'
]);
},
'delete' => function ($url, $model) {
return Html::a('<span class="glyphicon glyphicon-trash"></span>', $url, [
'title' => Yii::t('app', 'Supprimer'), 'class' => 'btn btn-default'
]);
}
<?= GridView::widget([
'filterModel' => $searchModel,
'dataProvider' => $dataProvider,
'columns' => [
[
'attribute' => 'position',
'headerOptions' => ['class' => 'position'],
'format' => 'raw',
'filter' => '',
'value' => function ($model) {
return '<a class="btn-position btn btn-default" href="javascript:void(0);"><span class="glyphicon glyphicon-resize-vertical"></span></a>';
}
],
'name',
[
'class' => 'yii\grid\ActionColumn',
'template' => '{update} {delete}',
'headerOptions' => ['class' => 'column-actions'],
'contentOptions' => ['class' => 'column-actions'],
'buttons' => [
'update' => function ($url, $model) {
return Html::a('<span class="glyphicon glyphicon-pencil"></span>', $url, [
'title' => Yii::t('app', 'Modifier'), 'class' => 'btn btn-default'
]);
},
'delete' => function ($url, $model) {
return Html::a('<span class="glyphicon glyphicon-trash"></span>', $url, [
'title' => Yii::t('app', 'Supprimer'), 'class' => 'btn btn-default'
]);
}
],
],
], ],
],
],
]); ?>
]); ?>
</div> </div>

+ 57
- 3
backend/web/js/backend.js View File

opendistrib_points_vente_acces() ; opendistrib_points_vente_acces() ;
opendistrib_tooltip() ; opendistrib_tooltip() ;
opendistrib_ordre_produits() ; opendistrib_ordre_produits() ;
opendistrib_ordre_categories() ;
opendistrib_products() ; opendistrib_products() ;
opendistrib_product_prices() ; opendistrib_product_prices() ;
opendistrib_confirm_delete() ; opendistrib_confirm_delete() ;
$('#subscriptionform-date_begin, #subscriptionform-date_end').datepicker() ; $('#subscriptionform-date_begin, #subscriptionform-date_end').datepicker() ;
} }


function opendistrib_sortable_list(element_selector, button_selector, route_ajax) {
var fixHelper = function(e, ui) {
ui.children().each(function() {
$(this).width($(this).width());
});
return ui;
};

$(element_selector+" table tbody").sortable({
items: "> tr",
appendTo: "parent",
cursor: "move",
placeholder: "ui-state-highlight",
handle: button_selector,
helper: fixHelper,
stop: function(event, ui) {
var tab_ordre = {} ;
var ordre = 1 ;

if($('ul.pagination').size()) {
var page = parseInt($('ul.pagination li.active a').html()) ;
var nb_items_by_page = parseInt($('#page-size').html()) ;
if(page != 1) {
ordre = (page - 1) * nb_items_by_page ;
}
}

$(element_selector+" table tbody tr").each(function() {
tab_ordre[$(this).attr('data-key')] = ordre ;
ordre++ ;
}) ;

$.post(UrlManager.getBaseUrl() + route_ajax,{
array: JSON.stringify(tab_ordre)
}) ;
}
}).disableSelection();
}

function opendistrib_ordre_categories() {
opendistrib_sortable_list(
'.product-category-index',
'.btn-position',
'product-category/position'
) ;
}

function opendistrib_ordre_produits() { function opendistrib_ordre_produits() {
var fixHelper = function(e, ui) {

opendistrib_sortable_list(
'.product-index',
'.btn-order',
'product/order'
) ;

/*var fixHelper = function(e, ui) {
ui.children().each(function() { ui.children().each(function() {
$(this).width($(this).width()); $(this).width($(this).width());
}); });
array: JSON.stringify(tab_ordre) array: JSON.stringify(tab_ordre)
}) ; }) ;
} }
}).disableSelection();
}).disableSelection();*/
} }


function opendistrib_datepicker() { function opendistrib_datepicker() {

+ 1
- 0
common/models/ProductCategorySearch.php View File

->with($optionsSearch['with']) ->with($optionsSearch['with'])
->innerJoinWith($optionsSearch['join_with'], true) ->innerJoinWith($optionsSearch['join_with'], true)
->where(['product_category.id_producer' => GlobalParam::getCurrentProducerId()]) ->where(['product_category.id_producer' => GlobalParam::getCurrentProducerId()])
->orderBy('product_category.position ASC')
; ;
$dataProvider = new ActiveDataProvider([ $dataProvider = new ActiveDataProvider([

+ 6
- 0
producer/controllers/OrderController.php View File

use common\helpers\Debug; use common\helpers\Debug;
use common\helpers\GlobalParam; use common\helpers\GlobalParam;
use common\helpers\Mailjet; use common\helpers\Mailjet;
use common\models\ProductCategory;
use common\models\ProductDistribution; use common\models\ProductDistribution;
use common\models\User; use common\models\User;
use common\models\Producer; use common\models\Producer;
'distribution.date' => $date, 'distribution.date' => $date,
]); ]);


// Catégories
$categoriesArray = ProductCategory::searchAll([], ['orderby' => 'product_category.position ASC', 'as_array' => true]) ;
array_unshift($categoriesArray, ['id' => null, 'name' => 'Catégorie par défaut']) ;
$json['categories'] = $categoriesArray ;

// Produits // Produits
$productsArray = Product::find() $productsArray = Product::find()
->where([ ->where([

+ 44
- 39
producer/views/order/order.php View File

</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="product in products" v-if="product.productDistribution && product.productDistribution[0] && product.productDistribution[0].active == 1">
<td class="photo">
<img v-if="product.photo.length" class="photo-product" :src="'<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/uploads/'+product.photo" />
</td>
<td class="name">
<span class="name">{{ product.name }}</span>
<span class="other">
<span v-if="product.description.length">/</span>
<span class="description">{{ product.description }}</span>
<span v-if="product.weight">({{ product.weight }}&nbsp;g)</span>
</span>
<span v-if="product.quantity_max > 0 && ((product.quantity_form / product.coefficient_unit == product.quantity_remaining) || ((product.quantity_remaining * product.coefficient_unit) - product.quantity_form) < product.step)" class="label label-danger">
Épuisé
</span>
<div class="recipe" v-if="product.recipe.length">{{ product.recipe }}</div>
</td>
<td class="price-unit">
<template v-if="product.price_with_tax > 0">{{ formatPrice(product.price_with_tax) }}<br /><span class="unit">{{ product.wording_unit }}</span></template>
</td>
<td class="td-quantity">
<template v-if="product.price_with_tax > 0">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default btn-moins" type="button" @click="productQuantityClick(product, product.unit == 'piece' ? -1 : -parseFloat(product.step))" :disabled="product.quantity_form == 0"><span class="glyphicon glyphicon-minus"></span></button>
</span>
<input type="text" v-model="product.quantity_form" class="form-control quantity" readonly="readonly" />
<span class="input-group-addon">{{ product.unit == 'piece' ? 'p.' : product.unit }}</span>
<span class="input-group-btn">
<button class="btn btn-default btn-plus" type="button" @click="productQuantityClick(product, product.unit == 'piece' ? 1 : parseFloat(product.step))" :disabled="product.quantity_form == product.quantity_remaining && product.quantity_max > 0"><span class="glyphicon glyphicon-plus"></span></button>
</span>
</div>
</template>
</td>
<td class="price-total">
<template v-if="product.price_with_tax > 0 && product.quantity_form > 0">
{{ formatPrice(product.price_with_tax * (product.quantity_form / product.coefficient_unit )) }}
</template>
</td>
</tr>
<template v-for="category in categories">
<tr v-if="category.id && countProductsByCategory(category)">
<td class="category-name" colspan="5">{{ category.name }}</td>
</tr>
<tr v-for="product in products" v-if="product.id_product_category == category.id && product.productDistribution && product.productDistribution[0] && product.productDistribution[0].active == 1">
<td class="photo">
<img v-if="product.photo.length" class="photo-product" :src="'<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/uploads/'+product.photo" />
</td>
<td class="name">
<span class="name">{{ product.name }}</span>
<span class="other">
<span v-if="product.description.length">/</span>
<span class="description">{{ product.description }}</span>
<span v-if="product.weight">({{ product.weight }}&nbsp;g)</span>
</span>
<span v-if="product.quantity_max > 0 && ((product.quantity_form / product.coefficient_unit == product.quantity_remaining) || ((product.quantity_remaining * product.coefficient_unit) - product.quantity_form) < product.step)" class="label label-danger">
Épuisé
</span>
<div class="recipe" v-if="product.recipe.length">{{ product.recipe }}</div>
</td>
<td class="price-unit">
<template v-if="product.price_with_tax > 0">{{ formatPrice(product.price_with_tax) }}<br /><span class="unit">{{ product.wording_unit }}</span></template>
</td>
<td class="td-quantity">
<template v-if="product.price_with_tax > 0">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default btn-moins" type="button" @click="productQuantityClick(product, product.unit == 'piece' ? -1 : -parseFloat(product.step))" :disabled="product.quantity_form == 0"><span class="glyphicon glyphicon-minus"></span></button>
</span>
<input type="text" v-model="product.quantity_form" class="form-control quantity" readonly="readonly" />
<span class="input-group-addon">{{ product.unit == 'piece' ? 'p.' : product.unit }}</span>
<span class="input-group-btn">
<button class="btn btn-default btn-plus" type="button" @click="productQuantityClick(product, product.unit == 'piece' ? 1 : parseFloat(product.step))" :disabled="product.quantity_form == product.quantity_remaining && product.quantity_max > 0"><span class="glyphicon glyphicon-plus"></span></button>
</span>
</div>
</template>
</td>
<td class="price-total">
<template v-if="product.price_with_tax > 0 && product.quantity_form > 0">
{{ formatPrice(product.price_with_tax * (product.quantity_form / product.coefficient_unit )) }}
</template>
</td>
</tr>
</template>
<tr class="total"> <tr class="total">
<td colspan="4"></td> <td colspan="4"></td>
<td class="price-total">{{ priceTotal(true) }}</td> <td class="price-total">{{ priceTotal(true) }}</td>

+ 22
- 14
producer/web/css/screen.css View File

background-color: white; background-color: white;
} }
/* line 223, ../sass/order/_order.scss */ /* line 223, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.category-name {
font-family: "capsuularegular";
font-size: 21px;
line-height: 30px;
text-transform: uppercase;
padding-top: 13px;
}
/* line 232, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.photo img { .order-order #main #app-order-order table#products td.photo img {
width: 100px; width: 100px;
} }
/* line 229, ../sass/order/_order.scss */
/* line 238, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.name .name { .order-order #main #app-order-order table#products td.name .name {
font-family: "capsuularegular"; font-family: "capsuularegular";
color: black; color: black;
font-size: 20px; font-size: 20px;
line-height: 25px; line-height: 25px;
} }
/* line 235, ../sass/order/_order.scss */
/* line 244, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.name .other { .order-order #main #app-order-order table#products td.name .other {
font-size: 14px; font-size: 14px;
color: #333; color: #333;
} }
/* line 239, ../sass/order/_order.scss */
/* line 248, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.name .recipe { .order-order #main #app-order-order table#products td.name .recipe {
color: gray; color: gray;
} }
/* line 243, ../sass/order/_order.scss */
/* line 252, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total { .order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total {
width: 100px; width: 100px;
text-align: center; text-align: center;
} }
/* line 247, ../sass/order/_order.scss */
/* line 256, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .price-unit .unit, .order-order #main #app-order-order table#products .price-total .unit { .order-order #main #app-order-order table#products .price-unit .unit, .order-order #main #app-order-order table#products .price-total .unit {
color: gray; color: gray;
font-size: 13px; font-size: 13px;
} }
/* line 252, ../sass/order/_order.scss */
/* line 261, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .td-quantity { .order-order #main #app-order-order table#products .td-quantity {
width: 175px; width: 175px;
} }
/* line 254, ../sass/order/_order.scss */
/* line 263, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .td-quantity input.quantity { .order-order #main #app-order-order table#products .td-quantity input.quantity {
text-align: center; text-align: center;
border-right: 0px none; border-right: 0px none;
} }
/* line 258, ../sass/order/_order.scss */
/* line 267, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .td-quantity .input-group-addon { .order-order #main #app-order-order table#products .td-quantity .input-group-addon {
padding: 5px; padding: 5px;
padding-left: 0px; padding-left: 0px;
border-left: 0px none; border-left: 0px none;
border-right: 0px none; border-right: 0px none;
} }
/* line 268, ../sass/order/_order.scss */
/* line 277, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products tr.total .price-total { .order-order #main #app-order-order table#products tr.total .price-total {
font-size: 23px; font-size: 23px;
} }
/* line 276, ../sass/order/_order.scss */
/* line 285, ../sass/order/_order.scss */
.order-order #main #app-order-order #content-step-payment .credit .info { .order-order #main #app-order-order #content-step-payment .credit .info {
margin-left: 20px; margin-left: 20px;
color: gray; color: gray;
} }
/* line 282, ../sass/order/_order.scss */
/* line 291, ../sass/order/_order.scss */
.order-order #main #app-order-order #content-step-payment .comment { .order-order #main #app-order-order #content-step-payment .comment {
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 293, ../sass/order/_order.scss */
/* line 302, ../sass/order/_order.scss */
.order-order #main #app-order-order #infos { .order-order #main #app-order-order #infos {
margin-top: 30px; margin-top: 30px;
} }
/* line 295, ../sass/order/_order.scss */
/* line 304, ../sass/order/_order.scss */
.order-order #main #app-order-order #infos .panel-body { .order-order #main #app-order-order #infos .panel-body {
padding-top: 0px; padding-top: 0px;
white-space: pre-line; white-space: pre-line;
} }


/* line 305, ../sass/order/_order.scss */
/* line 314, ../sass/order/_order.scss */
#main #content .panel h3 { #main #content .panel h3 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
margin: 0px; margin: 0px;

+ 14
- 0
producer/web/js/vuejs/order-order.js View File

pointSaleActive: null, pointSaleActive: null,
pointsSaleCodes: [], pointsSaleCodes: [],
products: [], products: [],
categories: [],
comment: '', comment: '',
creditCheckbox: false, creditCheckbox: false,
useCredit: false, useCredit: false,
app.products = response.data.products ; app.products = response.data.products ;
} }


if(response.data.categories) {
app.categories = response.data.categories ;
}

if(!updateOnlyProducts) { if(!updateOnlyProducts) {
app.order = null ; app.order = null ;
if(response.data.order) { if(response.data.order) {
total = this.priceTotal() - order.amount_paid ; total = this.priceTotal() - order.amount_paid ;
} }
return this.producer.credit_limit == null || (this.producer.credit_limit != null && (this.user.credit - total >= this.producer.credit_limit)) ; return this.producer.credit_limit == null || (this.producer.credit_limit != null && (this.user.credit - total >= this.producer.credit_limit)) ;
},
countProductsByCategory: function(category) {
var count = 0 ;
for(var i = 0 ; i < this.products.length ; i++) {
if(this.products[i].id_product_category == category.id) {
count ++ ;
}
}
return count ;
} }
}, },
computed : { computed : {

+ 9
- 0
producer/web/sass/order/_order.scss View File

} }
table#products { table#products {

td.category-name {
font-family: "capsuularegular" ;
font-size: 21px ;
line-height: 30px;
text-transform: uppercase;
padding-top: 13px ;
}

td.photo { td.photo {
img { img {
width: 100px ; width: 100px ;

Write Preview
Loading…
Cancel
Save