Add directory config ui

src/views/users.html

@@ -398,12 +398,12 @@
 <div class="content content-large">
 
   <div class="text-left">
-    <h1>
+    <h2>
       Users
       <button class="btn btn-primary btn-outline pull-right" ng-click="useradd.show()">
         <i class="fa fa-user-plus"></i> New User
       </button>
-    </h1>
+    </h2>
   </div>
 
   <div class="row">
@@ -478,10 +478,10 @@
   <br/>
 
   <div class="text-left">
-    <h1>
+    <h2>
       Groups
       <button class="btn btn-primary btn-outline pull-right" ng-click="groupAdd.show()"><i class="fa fa-plus"></i> New Group</button>
-    </h1>
+    </h2>
   </div>
 
   <div class="card card-large">
@@ -522,7 +522,37 @@
   </div>
 
   <div class="text-left" style="margin-top: 50px;" ng-show="user.isAtLeastAdmin">
-    <h1>LDAP</h1>
+    <h2>Settings</h2>
+  </div>
+
+  <div class="card card-large" ng-show="user.isAtLeastAdmin">
+    <form name="directoryConfigForm" role="form" novalidate ng-submit="directoryConfig.submit()" autocomplete="off">
+      <fieldset>
+        <div class="checkbox">
+          <label>
+            <input type="checkbox" ng-model="directoryConfig.editableUserProfiles">&nbsp;&nbsp;Allow users to edit their profile <sup><a ng-href="{{ config.webServerOrigin }}/documentation/user-management/#lock-profile" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup>
+          </label>
+        </div>
+      </fieldset>
+    </form>
+
+    <br/>
+
+    <div class="row">
+      <div class="col-md-8">
+        <span ng-hide="config.features.directoryConfig">Directory configuration is only available is only available in the paid plans. <a href="" ng-click="openSubscriptionSetup()">Setup Subscription Now</a></span>
+      </div>
+      <div class="col-md-4">
+        <button class="btn btn-outline btn-primary pull-right" ng-click="directoryConfig.submit()" ng-disabled="!directoryConfigForm.$dirty || directoryConfig.busy || !config.features.directoryConfig">
+          <i class="fa fa-circle-notch fa-spin" ng-show="directoryConfig.busy"></i> Save
+        </button>
+      </div>
+    </div>
+
+  </div>
+
+  <div class="text-left" style="margin-top: 50px;" ng-show="user.isAtLeastAdmin">
+    <h2>LDAP</h2>
   </div>
 
   <div class="card card-large" ng-show="user.isAtLeastAdmin">