Avoid relaunching conf with dropdown + group some buttons

lemonldap-ng-common/MANIFEST

@@ -48,7 +48,6 @@ scripts/rotateOidcKeys
 t/01-Common-Conf.t
 t/02-Common-Conf-File.t
 t/03-Common-Conf-CDBI.t
-t/03-Common-Conf-DBI.t
 t/03-Common-Conf-RDBI.t
 t/04-Common-Conf-SOAP.t
 t/05-Common-Conf-LDAP.t

lemonldap-ng-manager/site/static/languages/en.json

@@ -66,6 +66,7 @@
   "badUrl": "Bad URL",
   "badValue": "Bad value",
   "blackList": "Black list",
+  "browse": "Browse",
   "browserIdAuthnLevel": "Authentication level",
   "browserIdAutoLogin": "Automatic login",
   "browserIdBackgroundColor": "Background color",

lemonldap-ng-manager/site/static/languages/fr.json

@@ -66,6 +66,7 @@
   "badUrl": "Mauvaise URL",
   "badValue": "Mauvaise valeur",
   "blackList": "Liste noire",
+  "browse": "Naviguer",
   "browserIdAuthnLevel": "Niveau d'authentification",
   "browserIdAutoLogin": "Authentification automatique",
   "browserIdBackgroundColor": "Couleur d'arrière plan",

lemonldap-ng-manager/site/templates/manager.tpl

@@ -22,9 +22,14 @@
           <div class="navbar-collapse" ng-class="{'collapse':!showM}" id="formmenu">
             <ul class="nav navbar-nav">
               <li><a id="save" class="link" ng-click="save()" tabIndex="-1"><i class="glyphicon glyphicon-save"></i> {{translate('save')}}<input id="forcesave" type="checkbox" ng-model="forceSave" title="{{translate('forceSave')}}" ng-show="confirmNeeded"></a></li>
-              <li ng-class="{'disabled':!currentCfg.prev}"><a class="link" ng-click="currentCfg.prev && getCfg(currentCfg.prev)" title="Configuration {{currentCfg.prev}}"><i class="glyphicon glyphicon-arrow-left"></i> {{translate('previous')}}</a></li>
-              <li ng-class="{'disabled':!currentCfg.next}"><a class="link" ng-click="currentCfg.next && getCfg(currentCfg.next)" title="Configuration {{currentCfg.next}}"><i class="glyphicon glyphicon-arrow-right"></i> {{translate('next')}}</a></a></li>
-              <li><a class="link" ng-click="getCfg('latest')" title="Latest configuration"><i class="glyphicon glyphicon-refresh"></i> {{translate('latest')}}</a></li>
+                <li class="dropdown">
+                  <a name="menu" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="caret"></span> {{translate('browse')}}</a>
+                  <ul class="dropdown-menu">
+                    <li ng-class="{'disabled':!currentCfg.prev}"><a class="link" ng-click="currentCfg.prev && getCfg(currentCfg.prev)" title="Configuration {{currentCfg.prev}}"><i class="glyphicon glyphicon-arrow-left"></i> {{translate('previous')}}</a></li>
+                    <li ng-class="{'disabled':!currentCfg.next}"><a class="link" ng-click="currentCfg.next && getCfg(currentCfg.next)" title="Configuration {{currentCfg.next}}"><i class="glyphicon glyphicon-arrow-right"></i> {{translate('next')}}</a></a></li>
+                    <li><a class="link" ng-click="getCfg('latest')" title="Latest configuration"><i class="glyphicon glyphicon-refresh"></i> {{translate('latest')}}</a></li>
+                  </ul>
+                </li>
               <li><a class="link hidden-xs" ng-click="showH=!showH"><i class="glyphicon" ng-class="{'glyphicon-eye-close': showH,'glyphicon-eye-open': !showH}" ></i> {{ translate((showH ? 'hideHelp' : 'showHelp')) }}</a></li>
               <li ng-repeat="button in buttons" ng-include="'menubutton.html'"></li>
               <li class="dropdown visible-xs">

lemonldap-ng-manager/site/templates/menubar.tpl

@@ -25,7 +25,7 @@
         </ul>
         <ul class="hidden-xs nav navbar-nav navbar-right">
           <li class="dropdown">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu <span class="caret"></span></a>
+            <a name="menu" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{translate('menu')}} <span class="caret"></span></a>
             <ul class="dropdown-menu">
               <li ng-repeat="menulink in menulinks"><a href="{{menulink.target}}"><i ng-if="menulink.icon" class="glyphicon glyphicon-{{menulink.icon}}"></i> {{translate(menulink.title)}}</a></li>
               <li role="separator" class="divider"></li>

lemonldap-ng-manager/site/templates/scripts.tpl

@@ -1,7 +1,7 @@
   <!-- Menu dropdown template -->
   <script type="text/ng-template" id="menubutton.html">
     <a class="link" ng-if="!button.buttons" ng-click="menuClick(button)"><i class="glyphicon glyphicon-{{button.icon}}" ng-if="button.icon"></i> {{translateTitle(button)}}</a>
-    <a class="link" ng-if="button.buttons" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{translateTitle(button)}} <span class="caret"></span></a>
+    <a name="menu" ng-if="button.buttons" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="caret"></span> {{translateTitle(button)}} <span class="caret"></span></a>
     <ul class="dropdown-menu" role="menu">
       <li ng-repeat="button in button.buttons" ng-include="'menubutton.html'" />
     </ul>