Work on UI for RSA keys (#820)

lemonldap-ng-manager/TODO.md

@@ -11,10 +11,9 @@
 * Authentication parameters:
   * No input is displayed when Multi is choosen in authentication modules
   * Specific backend branch do not appear when module is choosen from authParams.html, only when choosen from the child entry
-  * Backends do not appear with AuthChoice and AuthMulti. See also https://jira.ow2.org/browse/LEMONLDAP-833 
+  * Filter displayed backend with Choice/Multi. See also https://jira.ow2.org/browse/LEMONLDAP-833 
 * We always get "All sessions may be lost and you must restart all your Apache servers" error
 * When we get needConfirm: 1 in save response, configuration is already saved. It should only be saved after confirmation. We should have a "cancel" button in confirmation window to refuse the changes.
-* RSA public/private keys: when keys are generated trough Manager, the carriage returns are not well displayed in textarea.
 * RSA public/private keys: the regexp tests RSAPublicKey and RSAPrivateKey always fail (Attributes.pm).
 
 ## Configuration management
@@ -34,6 +33,7 @@
   * Grant session rule
   * OpenID white/black list
   * oidcOpMetadata ?
+  * POST replay fields
 
 * import from JSON
 * Order of categories

lemonldap-ng-manager/site/static/css/manager.css

@@ -91,6 +91,11 @@ header#navbar .navbar-brand img {
 textarea {
   width: 100%;
 }
+
+textarea#privateKey, textarea#publicKey {
+  font-size: 8pt;
+}
+
 dl,
 .panel {
   margin-bottom: 8px;

lemonldap-ng-manager/site/static/forms/RSAKey.html

@@ -3,33 +3,31 @@
     <h3 class="panel-title">{{translateTitle(currentNode)}}</h3>
   </div>
   <div class="panel-body">
-    <div class="container-fluid">
+    <div class="row">
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-        <div class="input-group" style="width:100%;">
+        <div class="form-group">
           <label for="privateKey" id="lpv"><span>{{translateTitle(currentNode.data[0])}}</span></label>
           <textarea id="privateKey" aria-describedby="lpv" class="form-control" rows="8" ng-model="currentNode.data[0].data"></textarea>
         </div>
-        <div class="input-group">
-          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/> :</label>
+        <div class="form-group">
+          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/></label>
           <input id="privkfile" aria-describedby="lprivkfile" type="file" class="form-control" on-read-file="replaceContent(currentNode.data[0],$fileContent)"/>
         </div>
+        <div class="form-group">
+          <label for="keypwd" id="lkp"><span>{{translateTitle(currentNode.data[1])}}</span></label>
+          <input id="keypwd" aria-describedby="lkp" class="form-control" ng-model="currentNode.data[1].data"/>
+        </div>
       </div>
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-        <div class="input-group" style="width:100%;">
+        <div class="form-group">
           <label for="publicKey" id="lpub"><span>{{translateTitle(currentNode.data[2])}}</span></label>
           <textarea id="publicKey" aria-describedby="lpub" class="form-control" rows="8" ng-model="currentNode.data[2].data"></textarea>
         </div>
-        <div class="panel-body input-group">
-          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/> :</label>
+        <div class="form-group">
+          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/></label>
           <input id="privkfile" aria-describedby="lprivkfile" type="file" class="form-control" on-read-file="replaceContent(currentNode.data[2],$fileContent)"/>
         </div>
       </div>
-      <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-        <div class="input-group" style="width:100%;">
-          <label class="input-group-addon" for="keypwd">{{translateTitle(currentNode.data[1])}}</label>
-          <input id="keypwd" class="form-control" ng-model="currentNode.data[1].data"/>
-        </div>
-      </div>
     </div>
   </div>
 </div>

lemonldap-ng-manager/site/static/forms/RSAKeyNoPassword.html

@@ -3,24 +3,24 @@
     <h3 class="panel-title">{{translateTitle(currentNode)}}</h3>
   </div>
   <div class="panel-body">
-    <div class="container-fluid">
+    <div class="row">
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-        <div class="input-group" style="width:100%;">
+        <div class="form-group">
           <label for="privateKey" id="lpv"><span>{{translateTitle(currentNode.data[0])}}</span></label>
           <textarea id="privateKey" aria-describedby="lpv" class="form-control" rows="8" ng-model="currentNode.data[0].data"></textarea>
         </div>
-        <div class="input-group">
-          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/> :</label>
+        <div class="form-group">
+          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/></label>
           <input id="privkfile" aria-describedby="lprivkfile" type="file" class="form-control" on-read-file="replaceContent(currentNode.data[0],$fileContent)"/>
         </div>
       </div>
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-        <div class="input-group" style="width:100%;">
+        <div class="form-group">
           <label for="publicKey" id="lpub"><span>{{translateTitle(currentNode.data[1])}}</span></label>
           <textarea id="publicKey" aria-describedby="lpub" class="form-control" rows="8" ng-model="currentNode.data[1].data"></textarea>
         </div>
-        <div class="panel-body input-group">
-          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/> :</label>
+        <div class="form-group">
+          <label for="privkfile" id="lprivkfile"><span trspan="replaceByFile"/></label>
           <input id="privkfile" aria-describedby="lprivkfile" type="file" class="form-control" on-read-file="replaceContent(currentNode.data[1],$fileContent)"/>
         </div>
       </div>