listing categ toggle buttons

This commit is contained in:
Baptiste Lemoine 2018-06-27 10:48:02 +02:00
parent 19541dfce8
commit bb63734e4d
1 changed files with 77 additions and 66 deletions

View File

@ -1,52 +1,52 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% trans_default_domain 'FOSUserBundle' %} {% trans_default_domain 'FOSUserBundle' %}
{% block body %} {% block body %}
<div id="wrapper"> <div id="wrapper">
<div id="container" class="container"> <div id="container" class="container">
<div id="caisse-now" class="tab-pane fade in active"> <div id="caisse-now" class="tab-pane fade in active">
<div class="caisse-main row" <div class="caisse-main row"
ng-app="caisse" ng-app="caisse"
ng-controller="CaisseCtrl as MainCtrl" ng-controller="CaisseCtrl as MainCtrl"
> >
<div class="row marged-v"> <div class="row marged-v">
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<button <button
title="la vente express vous permet d'enregistrer une vente pour un seul article sans remplir le formulaire de détail" title="la vente express vous permet d'enregistrer une vente pour un seul article sans remplir le formulaire de détail"
class="btn" class="btn"
ng-class="{'btn-success': expressSelling, 'btn-disabled':!expressSelling}" ng-class="{'btn-success': expressSelling, 'btn-disabled':!expressSelling}"
ng-click="expressSelling = !expressSelling"> ng-click="expressSelling = !expressSelling">
<i class="fa fa-shopping-cart"></i> <i class="fa fa-shopping-cart"></i>
mode vente express mode vente express
<span ng-if=expressSelling> <span ng-if=expressSelling>
<i class="fa fa-check-circle"></i></span> <i class="fa fa-check-circle"></i></span>
</button> </button>
<button <button
title="montrer le nombre d'objets restants dans les stocks" title="montrer le nombre d'objets restants dans les stocks"
class="btn" class="btn"
ng-class="{'btn-success': show_config.stock_count, 'btn-disabled':!show_config.stock_count}" ng-class="{'btn-success': show_config.stock_count, 'btn-disabled':!show_config.stock_count}"
ng-click="show_config.stock_count = !show_config.stock_count"> ng-click="show_config.stock_count = !show_config.stock_count">
<i class="fa fa-shopping-cart"></i> <i class="fa fa-shopping-cart"></i>
stocks stocks
<span ng-if=show_config.stock_count> <span ng-if=show_config.stock_count>
<i class="fa fa-check-circle"></i></span> <i class="fa fa-check-circle"></i></span>
</button> </button>
<button <button
title="montrer le nombre d'objets restants dans les stocks" title="montrer le nombre d'objets restants dans les stocks"
class="btn" class="btn"
ng-class="{'btn-success': show_config.sold, 'btn-disabled':!show_config.sold}" ng-class="{'btn-success': show_config.sold, 'btn-disabled':!show_config.sold}"
ng-click="show_config.sold = !show_config.sold"> ng-click="show_config.sold = !show_config.sold">
<i class="fa fa-shopping-cart"></i> <i class="fa fa-shopping-cart"></i>
vendus vendus
<span ng-if=show_config.sold> <span ng-if=show_config.sold>
<i class="fa fa-check-circle"></i> <i class="fa fa-check-circle"></i>
</span> </span>
</button> </button>
</div> </div>
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<div class="client-now text-right"> <div class="client-now text-right">
<i class="fa fa-user"></i> <i class="fa fa-user"></i>
Client actuel: Client actuel:
{% verbatim %} {% verbatim %}
{{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span> {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
<div class="input-group pull-right"> <div class="input-group pull-right">
<input class="input form-control pull-right " type="text" ng-model="sellingComment" placeholder="nom ou commentaire"> <input class="input form-control pull-right " type="text" ng-model="sellingComment" placeholder="nom ou commentaire">
@ -56,20 +56,41 @@
</button> </button>
</div> </div>
<div> <div>
{% endverbatim %}
{#<button class="btn btn-default" ng-click="sellingComment = 'boobbbbbb'">#}
{#<i class="fa fa-arrow-right"></i>#} {% endverbatim %}
{#</button>#} {#<button class="btn btn-default" ng-click="sellingComment = 'boobbbbbb'">#}
{#<button class="btn btn-default"#} {#<i class="fa fa-arrow-right"></i>#}
{#ng-click="logger(MainCtrl.sellingComment ) ; logger( sellingComment)">#} {#</button>#}
{#<i class="fa fa-arrow-down"></i>#} {#<button class="btn btn-default"#}
{#</button>#} {#ng-click="logger(MainCtrl.sellingComment ) ; logger( sellingComment)">#}
</div> {#<i class="fa fa-arrow-down"></i>#}
{#</button>#}
</div> </div>
</div> </div>
</div>
{% include 'logged/caisse-main.html.twig' %} {% include 'logged/caisse-main.html.twig' %}
{% verbatim %}
<div class="choice-categories" ng-if="categories.length">
<h2>
Visibilité des catégories
</h2>
<div
ng-repeat="c in categories"
>
<div class="btn"
ng-class="{'btn-success': !c.hidden}"
ng-click="c.hidden = !c.hidden">
{{ c.name }}
</div>
</div>
</div>
</div> </div>
</div> </div>
<div id="categories" class="tab-pane fade"> <div id="categories" class="tab-pane fade">
@ -81,19 +102,9 @@
<div id="history" class="tab-pane fade"> <div id="history" class="tab-pane fade">
<h2>Historique</h2> <h2>Historique</h2>
</div> </div>
</div>
</div> {% endverbatim %}
<div class="choice-categories">
<h2>
Visibilité des catégories
</h2>
<div class="btn"
ng-class="{'btn-success': !c.hidden}"
ng-repeat="c in categories"
>
<div ng-click="c.hidden = !c.hidden">
{{ c.name }}
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}