From b1eba127c38a10996ed1c5b099ed14874a7dbef0 Mon Sep 17 00:00:00 2001
From: Baptiste Lemoine <baptiste.lemoine@ext.ercom.fr>
Date: Thu, 19 Jul 2018 18:33:41 +0200
Subject: [PATCH] hide panels ok

---
 .../logged/angular/listing-products.html.twig | 11 +++++-----
 .../views/logged/caisse-main.html.twig        | 19 ++++++++++++++++
 .../views/logged/dashboard.html.twig          | 22 ++-----------------
 assets/css/pages/_dashboard.scss              |  2 +-
 4 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/app/Resources/views/logged/angular/listing-products.html.twig b/app/Resources/views/logged/angular/listing-products.html.twig
index bed0d5b1..a5615edb 100755
--- a/app/Resources/views/logged/angular/listing-products.html.twig
+++ b/app/Resources/views/logged/angular/listing-products.html.twig
@@ -1,17 +1,18 @@
 {% verbatim %}
 <div class="horizontal-land">
-    <div class="super-large" style="min-width: {{(1+categories.length) * 300}}px">
-        <div class="category-listing one-category col-xs-4 col-sm-3 " ng-repeat="c in categories">
+    <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"
+        ng-if="! c.hidden">
 
             <h2 ng-class="{'hidden':c.hidden}">
                 {{ c.name }}
             </h2>
-            <div class="product-listing" ng-if="! c.hidden">
+            <div class="product-listing" >
                 <span ng-repeat="p in c.products track by p.id"
                         class="product-box"
                         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">
                         <span class="product-name">
                          {{ p.name }}
@@ -36,4 +37,4 @@
 
     </div>
 </div>
-{% endverbatim %}
+{% endverbatim %}
\ No newline at end of file
diff --git a/app/Resources/views/logged/caisse-main.html.twig b/app/Resources/views/logged/caisse-main.html.twig
index a41816e4..7509048f 100755
--- a/app/Resources/views/logged/caisse-main.html.twig
+++ b/app/Resources/views/logged/caisse-main.html.twig
@@ -6,3 +6,22 @@
     </div>
     {% endverbatim %}
     {% 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>
\ No newline at end of file
diff --git a/app/Resources/views/logged/dashboard.html.twig b/app/Resources/views/logged/dashboard.html.twig
index 51c6c59b..d98e4d33 100755
--- a/app/Resources/views/logged/dashboard.html.twig
+++ b/app/Resources/views/logged/dashboard.html.twig
@@ -76,25 +76,8 @@
                 {% include 'logged/caisse-main.html.twig' %}
             </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>
@@ -107,10 +90,9 @@
             <div id="history" class="tab-pane fade">
                 <h2>Historique</h2>
             </div>
-{% endverbatim %}
             </div>
-        </div>
-</div>
     </div>
+    {#</div>#}
+    {#</div>#}
 
         {% endblock %}
diff --git a/assets/css/pages/_dashboard.scss b/assets/css/pages/_dashboard.scss
index bdfda7ec..03c2aeb9 100755
--- a/assets/css/pages/_dashboard.scss
+++ b/assets/css/pages/_dashboard.scss
@@ -52,7 +52,7 @@
 // list of one category
 .one-category {
   background: #dedede;
-  width: 300px;
+  width: 350px;
   margin: 0 4px;
   height: calc(80vh - 1rem);
   box-sizing: border-box;