From 7058bb04e060a8f15733a88d425813cf47b5ab8c Mon Sep 17 00:00:00 2001
From: afornerot <afornerot@cadoles.com>
Date: Fri, 28 Feb 2020 13:57:03 +0100
Subject: [PATCH] =?UTF-8?q?regroupement=20entr=C3=A9e=20du=20menu=20(ref?=
 =?UTF-8?q?=20#98)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CoreBundle/Resources/public/css/style.css | 48 +++++++++++++++++++
 .../Resources/views/Include/head.html.twig    |  5 ++
 .../Resources/views/Page/pages.html.twig      | 26 +++++++++-
 3 files changed, 78 insertions(+), 1 deletion(-)

diff --git a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/css/style.css b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/css/style.css
index fe4547c5..3337972e 100644
--- a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/css/style.css
+++ b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/css/style.css
@@ -127,6 +127,54 @@ body {
     border-bottom: 5px solid #FFF;
 }
 
+.dropdown-submenu {
+    position: relative;
+}
+
+.dropdown-submenu>.dropdown-menu {
+    top: 0;
+    left: 100%;
+    margin-top: -6px;
+    margin-left: -1px;
+    -webkit-border-radius: 0 6px 6px 6px;
+    -moz-border-radius: 0 6px 6px;
+    border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover>.dropdown-menu {
+    display: block;
+}
+
+.dropdown-submenu>a:after {
+    display: block;
+    content: " ";
+    float: right;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 5px 0 5px 5px;
+    border-left-color: #ccc;
+    margin-top: 5px;
+    margin-right: -10px;
+}
+
+.dropdown-submenu:hover>a:after {
+    border-left-color: #fff;
+}
+
+.dropdown-submenu.pull-left {
+    float: none;
+}
+
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left: -100%;
+    margin-left: 10px;
+    -webkit-border-radius: 6px 0 6px 6px;
+    -moz-border-radius: 6px 0 6px 6px;
+    border-radius: 6px 0 6px 6px;
+} 
+
 /*== SIDEBAR ============================================================================================================================================*/
 
 @media (max-width: 767px) {
diff --git a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Include/head.html.twig b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Include/head.html.twig
index f326dec0..b506b8c1 100644
--- a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Include/head.html.twig
+++ b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Include/head.html.twig
@@ -174,6 +174,11 @@
                 .slick .slicklink {
                     font-family: {{ app.session.get('fontfacebody') }};
                 }
+
+                .dropdown-submenu a
+                {
+                    color: #{{ color['main'] }}
+                }                
             </style>
         {% endblock %}
     </head>
diff --git a/src/ninegate-1.0/src/Cadoles/PortalBundle/Resources/views/Page/pages.html.twig b/src/ninegate-1.0/src/Cadoles/PortalBundle/Resources/views/Page/pages.html.twig
index f51a83e2..39be4413 100644
--- a/src/ninegate-1.0/src/Cadoles/PortalBundle/Resources/views/Page/pages.html.twig
+++ b/src/ninegate-1.0/src/Cadoles/PortalBundle/Resources/views/Page/pages.html.twig
@@ -37,6 +37,21 @@
     </ul>
 
     <ul id="pagesgroup" class="nav navbar-top-links navbar-left">
+
+    <!-- On regroupe l'ensemble des pages si plus de 10 groupes -->
+    {% set submenu="" %}
+    {% if groupsshared|length >= 8 %} 
+        {% set submenu="-submenu" %}
+        <ul id="pagesshared" class="nav navbar-top-links navbar-left">
+            <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                    <i class="fa fa-users fa-fw"></i>Mes Groupes
+                    <span class="caret"></span>
+                </a>
+
+                 <ul class="dropdown-menu">
+    {%endif%}
+
     {% for groupshared in groupsshared %}
         {% if groupshared.pagesshared|length == 1 %}
             {% set page = groupshared.pagesshared[0] %}
@@ -60,10 +75,12 @@
             </li>
         {% else %}
             <ul id="pagesshared" class="nav navbar-top-links navbar-left">
-                <li class="dropdown">
+                <li class="dropdown{{submenu}}">
                     <a data-group="{{groupshared.id}}" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                         <i class="fa fa-users fa-fw"></i>&nbsp;{{ groupshared.label }}
+                        {%if submenu is empty %}
                         <span class="caret"></span>
+                        {% endif %}
                         {% if groupshared.pagesshared[0].counterread > 0 %}
                             <span id="badge-{{groupshared.id}}" class="badge">{{groupshared.pagesshared[0].counterread}}</span>
                         {% endif %}
@@ -92,6 +109,13 @@
             </ul>
         {% endif %}
     {% endfor %}
+
+    {% if groupsshared|length > 3 %} 
+                    </ul>
+                </li>
+            </ul>
+    {%endif%}
+
     </ul>