hide panels ok

This commit is contained in:
Baptiste Lemoine 2018-07-19 18:33:41 +02:00
parent b59e1f4333
commit b1eba127c3
4 changed files with 28 additions and 26 deletions

View File

@ -1,17 +1,18 @@
{% verbatim %} {% verbatim %}
<div class="horizontal-land"> <div class="horizontal-land">
<div class="super-large" style="min-width: {{(1+categories.length) * 300}}px"> <div class="super-large" style="min-width: {{(1+categories.length) * 400}}px">
<div class="category-listing one-category col-xs-4 col-sm-3 " ng-repeat="c in categories"> <div class="category-listing one-category col-xs-4 col-sm-3 " ng-repeat="c in categories"
ng-if="! c.hidden">
<h2 ng-class="{'hidden':c.hidden}"> <h2 ng-class="{'hidden':c.hidden}">
{{ c.name }} {{ c.name }}
</h2> </h2>
<div class="product-listing" ng-if="! c.hidden"> <div class="product-listing" >
<span ng-repeat="p in c.products track by p.id" <span ng-repeat="p in c.products track by p.id"
class="product-box" class="product-box"
ng-class="{ 'btn-primary' : activeItemsSold.indexOf(p.id) !==-1}" ng-class="{ 'btn-primary' : activeItemsSold.indexOf(p.id) !==-1}"
> >
<button class="product-button" ng-click="addProduct( p )"> <button class="product-button text-left" ng-click="addProduct( p )">
<img class="product-image" src="{{p.image}}" alt="image" ng-if="p.image.length"> <img class="product-image" src="{{p.image}}" alt="image" ng-if="p.image.length">
<span class="product-name"> <span class="product-name">
{{ p.name }} {{ p.name }}

View File

@ -6,3 +6,22 @@
</div> </div>
{% endverbatim %} {% endverbatim %}
{% include 'logged/angular/loaded-caisse.html.twig' %} {% include 'logged/angular/loaded-caisse.html.twig' %}
<div class="choice-categories well" ng-if="categories.length">
<h2>
<i class="fa-eye fa"></i>
Visibilité des catégories
</h2>
<div ng-repeat="c in categories"
>
<div class="btn btn-block"
ng-class="{'btn-success': !c.hidden}"
ng-click="c.hidden = !c.hidden">
{% verbatim %} {{ c.name }}
{% endverbatim %}
<span ng-if="c.hidden">(caché)</span>
</div>
</div>
</div>

View File

@ -76,25 +76,8 @@
{% include 'logged/caisse-main.html.twig' %} {% include 'logged/caisse-main.html.twig' %}
</div> </div>
{% verbatim %}
<div class="choice-categories well" ng-if="categories.length">
<h2>
<i class="fa-eye fa"></i>
Visibilité des catégories
</h2>
<div
ng-repeat="c in categories"
>
<div class="btn btn-block"
ng-class="{'btn-success': !c.hidden}"
ng-click="c.hidden = !c.hidden">
{{ c.name }}
<span ng-if="c.hidden">(caché)</span>
</div>
</div>
</div>
</div> </div>
</div> </div>
@ -107,10 +90,9 @@
<div id="history" class="tab-pane fade"> <div id="history" class="tab-pane fade">
<h2>Historique</h2> <h2>Historique</h2>
</div> </div>
{% endverbatim %}
</div> </div>
</div> </div>
</div> {#</div>#}
</div> {#</div>#}
{% endblock %} {% endblock %}

View File

@ -52,7 +52,7 @@
// list of one category // list of one category
.one-category { .one-category {
background: #dedede; background: #dedede;
width: 300px; width: 350px;
margin: 0 4px; margin: 0 4px;
height: calc(80vh - 1rem); height: calc(80vh - 1rem);
box-sizing: border-box; box-sizing: border-box;