implement mandatory 2fa

part of #716

src/views/profile.html

@@ -170,7 +170,11 @@
       <div class="modal-header">
         <h4 class="modal-title">Enable Two-Factor Authentication</h4>
       </div>
-      <div class="modal-body text-center" ng-hide="twoFactorAuthentication.secret">
+      <p class="modal-body" ng-show="twoFactorAuthentication.mandatory2FAHelp && !twoFactorAuthentication.secret">
+        Your Cloudron Administrator has required all members to enable two-factor authentication. You will be unable to access
+        the dashboard until you enable 2FA.
+      </p>
+      <div class="modal-body text-center" ng-show="!twoFactorAuthentication.mandatory2FAHelp && !twoFactorAuthentication.secret">
         <h2><i class="fa fa-circle-notch fa-spin"></i></h2>
       </div>
       <div class="modal-body" ng-show="twoFactorAuthentication.secret">
@@ -194,8 +198,9 @@
         </form>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-        <button type="button" class="btn btn-success" ng-click="twoFactorAuthentication.enable()" ng-disabled="twoFactorAuthenticationEnableForm.$invalid || twoFactorAuthentication.busy"><i class="fa fa-circle-notch fa-spin" ng-show="twoFactorAuthentication.busy"></i> Enable</button>
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-if="!twoFactorAuthentication.mandatory2FA">Cancel</button>
+        <button type="button" class="btn btn-success" ng-click="twoFactorAuthentication.enable()" ng-show="twoFactorAuthentication.secret" ng-disabled="twoFactorAuthenticationEnableForm.$invalid || twoFactorAuthentication.busy"><i class="fa fa-circle-notch fa-spin" ng-show="twoFactorAuthentication.busy"></i> Enable</button>
+        <button type="button" class="btn btn-success" ng-click="twoFactorAuthentication.getSecret()" ng-show="twoFactorAuthentication.mandatory2FAHelp" >Setup Two-Factor</button>
       </div>
     </div>
   </div>

src/views/profile.js

@@ -4,11 +4,13 @@
 /* global angular */
 /* global $ */
 
-angular.module('Application').controller('ProfileController', ['$scope', '$location', 'Client', function ($scope, $location, Client) {
+angular.module('Application').controller('ProfileController', ['$scope', '$location', 'Client', '$timeout', function ($scope, $location, Client, $timeout) {
     $scope.user = Client.getUserInfo();
     $scope.config = Client.getConfig();
     $scope.apps = Client.getInstalledApps();
 
+    console.log($scope.twoFactorAuthenticationEnableForm);
+
     $scope.twoFactorAuthentication = {
         busy: false,
         error: null,
@@ -16,6 +18,8 @@ angular.module('Application').controller('ProfileController', ['$scope', '$locat
         totpToken: '',
         secret: '',
         qrcode: '',
+        mandatory2FA: false,
+        mandatory2FAHelp: false, // show the initial help text when mandatory 2fa forces modal popup
 
         reset: function () {
             $scope.twoFactorAuthentication.busy = false;
@@ -24,6 +28,7 @@ angular.module('Application').controller('ProfileController', ['$scope', '$locat
             $scope.twoFactorAuthentication.totpToken = '';
             $scope.twoFactorAuthentication.secret = '';
             $scope.twoFactorAuthentication.qrcode = '';
+            $scope.twoFactorAuthentication.mandatory2FAHelp = false;
 
             $scope.twoFactorAuthenticationEnableForm.$setUntouched();
             $scope.twoFactorAuthenticationEnableForm.$setPristine();
@@ -31,6 +36,25 @@ angular.module('Application').controller('ProfileController', ['$scope', '$locat
             $scope.twoFactorAuthenticationDisableForm.$setPristine();
         },
 
+        getSecret: function () {
+            $scope.twoFactorAuthentication.mandatory2FAHelp = false;
+
+            Client.setTwoFactorAuthenticationSecret(function (error, result) {
+                if (error) return console.error(error);
+
+                $scope.twoFactorAuthentication.secret = result.secret;
+                $scope.twoFactorAuthentication.qrcode = result.qrcode;
+            });
+        },
+
+        showMandatory2FA: function () {
+            $scope.twoFactorAuthentication.reset();
+            $scope.twoFactorAuthentication.mandatory2FA = true;
+            $scope.twoFactorAuthentication.mandatory2FAHelp = true;
+
+            $('#twoFactorAuthenticationEnableModal').modal({ backdrop: 'static', keyboard: false }); // undimissable dialog
+        },
+
         show: function () {
             $scope.twoFactorAuthentication.reset();
 
@@ -39,12 +63,7 @@ angular.module('Application').controller('ProfileController', ['$scope', '$locat
             } else {
                 $('#twoFactorAuthenticationEnableModal').modal('show');
 
-                Client.setTwoFactorAuthenticationSecret(function (error, result) {
-                    if (error) return console.error(error);
-
-                    $scope.twoFactorAuthentication.secret = result.secret;
-                    $scope.twoFactorAuthentication.qrcode = result.qrcode;
-                });
+                $scope.twoFactorAuthentication.getSecret();
             }
         },
 
@@ -601,4 +620,9 @@ angular.module('Application').controller('ProfileController', ['$scope', '$locat
     });
 
     $('.modal-backdrop').remove();
+
+    if ($location.search().setup2fa) {
+        // the form elements of the FormController won't appear in scope yet
+        $timeout(function () { $scope.twoFactorAuthentication.showMandatory2FA(); }, 1000);
+    }
 }]);

src/views/users.html

@@ -533,6 +533,11 @@
             <input type="checkbox" ng-model="directoryConfig.editableUserProfiles">&nbsp;&nbsp;Allow users to edit their name &amp; email <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>
+        <div class="checkbox">
+          <label>
+            <input type="checkbox" ng-model="directoryConfig.mandatory2FA">&nbsp;&nbsp;Require users to setup 2FA
+          </label>
+        </div>
       </fieldset>
     </form>
 

src/views/users.js

@@ -466,6 +466,7 @@ angular.module('Application').controller('UsersController', ['$scope', '$locatio
 
     $scope.directoryConfig = {
         editableUserProfiles: true,
+        mandatory2FA: false,
         error: {},
 
         loadDirectoryConfig: function () {
@@ -473,6 +474,7 @@ angular.module('Application').controller('UsersController', ['$scope', '$locatio
                 if (error) return console.error('Unable to get directory config.', error);
 
                 $scope.directoryConfig.editableUserProfiles = !result.lockUserProfiles;
+                $scope.directoryConfig.mandatory2FA = !!result.mandatory2FA;
             });
         },
 
@@ -482,7 +484,8 @@ angular.module('Application').controller('UsersController', ['$scope', '$locatio
             $scope.directoryConfig.success = false;
 
             var data = {
-                lockUserProfiles: !$scope.directoryConfig.editableUserProfiles
+                lockUserProfiles: !$scope.directoryConfig.editableUserProfiles,
+                mandatory2FA: $scope.directoryConfig.mandatory2FA
             };
 
             Client.setDirectoryConfig(data, function (error) {