portainer/app/components/users/usersController.js

angular.module('users', [])
.controller('UsersController', ['$q', '$scope', '$state', '$sanitize', 'UserService', 'TeamService', 'TeamMembershipService', 'ModalService', 'Notifications', 'Authentication', 'SettingsService',
function ($q, $scope, $state, $sanitize, UserService, TeamService, TeamMembershipService, ModalService, Notifications, Authentication, SettingsService) {
  $scope.state = {
    userCreationError: '',
    validUsername: false,
    actionInProgress: false
  };

  $scope.formValues = {
    Username: '',
    Password: '',
    ConfirmPassword: '',
    Administrator: false,
    Teams: []
  };

  $scope.checkUsernameValidity = function() {
    var valid = true;
    for (var i = 0; i < $scope.users.length; i++) {
      if ($scope.formValues.Username === $scope.users[i].Username) {
        valid = false;
        break;
      }
    }
    $scope.state.validUsername = valid;
    $scope.state.userCreationError = valid ? '' : 'Username already taken';
  };

  $scope.addUser = function() {
    $scope.state.actionInProgress = true;
    $scope.state.userCreationError = '';
    var username = $sanitize($scope.formValues.Username);
    var password = $sanitize($scope.formValues.Password);
    var role = $scope.formValues.Administrator ? 1 : 2;
    var teamIds = [];
    angular.forEach($scope.formValues.Teams, function(team) {
      teamIds.push(team.Id);
    });
    UserService.createUser(username, password, role, teamIds)
    .then(function success(data) {
      Notifications.success('User successfully created', username);
      $state.reload();
    })
    .catch(function error(err) {
      Notifications.error('Failure', err, 'Unable to create user');
    })
    .finally(function final() {
      $scope.state.actionInProgress = false;
    });
  };

  function deleteSelectedUsers(selectedItems) {
    var actionCount = selectedItems.length;
    angular.forEach(selectedItems, function (user) {
      UserService.deleteUser(user.Id)
      .then(function success() {
        Notifications.success('User successfully removed', user.Username);
        var index = $scope.users.indexOf(user);
        $scope.users.splice(index, 1);
      })
      .catch(function error(err) {
        Notifications.error('Failure', err, 'Unable to remove user');
      })
      .finally(function final() {
        --actionCount;
        if (actionCount === 0) {
          $state.reload();
        }
      });
    });
  }

  $scope.removeAction = function (selectedItems) {
    ModalService.confirmDeletion(
      'Do you want to remove the selected users? They will not be able to login into Portainer anymore.',
      function onConfirm(confirmed) {
        if(!confirmed) { return; }
        deleteSelectedUsers(selectedItems);
      }
    );
  };

  function assignTeamLeaders(users, memberships) {
    for (var i = 0; i < users.length; i++) {
      var user = users[i];
      user.isTeamLeader = false;
      for (var j = 0; j < memberships.length; j++) {
        var membership = memberships[j];
        if (user.Id === membership.UserId && membership.Role === 1) {
          user.isTeamLeader = true;
          user.RoleName = 'team leader';
          break;
        }
      }
    }
  }

  function initView() {
    var userDetails = Authentication.getUserDetails();
    var isAdmin = userDetails.role === 1 ? true: false;
    $scope.isAdmin = isAdmin;
    $q.all({
      users: UserService.users(true),
      teams: isAdmin ? TeamService.teams() : UserService.userLeadingTeams(userDetails.ID),
      memberships: TeamMembershipService.memberships(),
      settings: SettingsService.publicSettings()
    })
    .then(function success(data) {
      var users = data.users;
      assignTeamLeaders(users, data.memberships);
      $scope.users = users;
      $scope.teams = data.teams;
      $scope.AuthenticationMethod = data.settings.AuthenticationMethod;
    })
    .catch(function error(err) {
      Notifications.error('Failure', err, 'Unable to retrieve users and teams');
      $scope.users = [];
      $scope.teams = [];
    });
  }

  initView();
}]);