Restrict user groups

src/views/users.html

@@ -480,7 +480,12 @@
   <br/>
 
   <div class="text-left">
-    <h2>{{ 'users.groups.title' | tr }}<button class="btn btn-primary btn-outline pull-right" ng-click="groupAdd.show()"><i class="fa fa-plus"></i> {{ 'users.groups.newGroupAction' | tr }}</button></h2>
+    <h2>
+      {{ 'users.groups.title' | tr }}
+      <button class="btn btn-primary btn-outline pull-right" ng-click="groupAdd.show()">
+        <i class="fa fa-plus"></i> {{ 'users.groups.newGroupAction' | tr }}
+      </button>
+    </h2>
   </div>
 
   <div class="card card-large">

src/views/users.js

@@ -279,6 +279,11 @@ angular.module('Application').controller('UsersController', ['$scope', '$locatio
         selectedUsers: [],
 
         show: function () {
+            if (!$scope.config.features.userGroups && $scope.groups.length > 0) {
+                $('#subscriptionRequiredModal').modal('show');
+                return;
+            }
+
             $scope.groupAdd.busy = false;
 
             $scope.groupAdd.error = {};