LDAP config dialog revision #1

- added help sidebar
- added placeholder text
- reordered some elements in the dialog
- added a new control for “Allow anonymous access”

TBD “Allow anonymous access” needs backend activation
TBD Validation of form field input is spotty
TBD Actual text for help needs revision

Change-Id: I48ce30f7c8878a0de4ac0f3fcf27fde7ecd51911
Reviewed-on: http://review.couchbase.org/106649
Tested-by: Rob Ashcom <rob.ashcom@gmail.com>
Reviewed-by: Pavel Blagodov <stochmail@gmail.com>
Tested-by: Pavel Blagodov <stochmail@gmail.com>

priv/public/ui/app/css/cbui-base.css

@@ -170,7 +170,7 @@ h4 label {
 h5 {
   font-size: .875rem;
   font-weight: 600;
-  color: #333;
+  color: #000;
 }
 /* nav section title -------------------------------------------------------- */
 h6 {
@@ -799,6 +799,10 @@ input:-ms-input-placeholder {
   padding: .25rem 0 0 0;
   line-height: normal;
 }
+input[type="text"]::placeholder,
+textarea::placeholder {
+  color: #999;
+}
 
 input[type="email"][disabled],
 input[type="number"][disabled],

priv/public/ui/app/css/cbui-components.css

@@ -2658,3 +2658,38 @@ input[type=text].scenario-desc  {
 .scenario-save-controls a {
   font-size: .875rem;
 }
+
+/* LDAP configuration dialog -------------------------------------------------*/
+.ldap-helpsidebar {
+  font-size: .75rem;
+  width: 248px;
+  position:fixed;
+  left: calc(50vw + 120px);
+  border: 1px solid #ececec;
+  height: 480px;
+  overflow-y: scroll;
+  border-width: 0 0 0 1px;
+  padding-left: 1rem;
+}
+.ldap-helpsidebar .disclosure {
+  padding-left: 1.25rem;
+}
+.ldap-helpsidebar .disclosed {
+  padding-left: 1.25rem;
+}
+.ldap-helpsidebar .disclosure:before {
+  font-size: .875rem;
+  top: 0;
+}
+.ldap-helpsidebar .disclosed:before {
+  font-size: .875rem;
+  top: 0;
+}
+.ldap-helpsidebar h5 {
+  line-height: 1.7;
+  margin-top: .25rem;
+}
+.ldap-helpsidebar h5:first-child {
+  line-height: 1.7;
+  margin-top: 0;
+}

priv/public/ui/app/mn_admin/mn_security/mn_roles_groups.html

@@ -13,7 +13,7 @@
   <div class="row resp-sml margin-bottom-half">
     <div
       class="row"
-      mn-placeholder="filter roles groups..."
+      mn-placeholder="filter groups..."
       mn-hide-button="true"
       mn-search="rolesGroupsCtl.filterField">
     </div>