portainer/app/components/users/usersController.js

angular.module('users', [])
.controller('UsersController', ['$scope', '$state', 'UserService', 'ModalService', 'Messages', 'Pagination',
function ($scope, $state, UserService, ModalService, Messages, Pagination) {
  $scope.state = {
    userCreationError: '',
    selectedItemCount: 0,
    validUsername: false,
    pagination_count: Pagination.getPaginationCount('users')
  };
  $scope.sortType = 'RoleName';
  $scope.sortReverse = false;

  $scope.formValues = {
    Username: '',
    Password: '',
    ConfirmPassword: '',
    Role: 2,
  };

  $scope.order = function(sortType) {
    $scope.sortReverse = ($scope.sortType === sortType) ? !$scope.sortReverse : false;
    $scope.sortType = sortType;
  };

  $scope.changePaginationCount = function() {
    Pagination.setPaginationCount('endpoints', $scope.state.pagination_count);
  };

  $scope.selectItems = function (allSelected) {
    angular.forEach($scope.state.filteredUsers, function (user) {
      if (user.Checked !== allSelected) {
        user.Checked = allSelected;
        $scope.selectItem(user);
      }
    });
  };

  $scope.selectItem = function (item) {
    if (item.Checked) {
      $scope.state.selectedItemCount++;
    } else {
      $scope.state.selectedItemCount--;
    }
  };

  $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.userCreationError = '';
    var username = $scope.formValues.Username;
    var password = $scope.formValues.Password;
    var role = $scope.formValues.Role;
    UserService.createUser(username, password, role)
    .then(function success(data) {
      Messages.send("User created", username);
      $state.reload();
    })
    .catch(function error(err) {
      $scope.state.userCreationError = err.msg;
    })
    .finally(function final() {

    });
  };

  function deleteSelectedUsers() {
    $('#loadUsersSpinner').show();
    var counter = 0;
    var complete = function () {
      counter = counter - 1;
      if (counter === 0) {
        $('#loadUsersSpinner').hide();
      }
    };
    angular.forEach($scope.users, function (user) {
      if (user.Checked) {
        counter = counter + 1;
        UserService.deleteUser(user.Id)
        .then(function success(data) {
          var index = $scope.users.indexOf(user);
          $scope.users.splice(index, 1);
          Messages.send('User successfully deleted', user.Username);
        })
        .catch(function error(err) {
          Messages.error("Failure", err, 'Unable to remove user');
        })
        .finally(function final() {
          complete();
        });
      }
    });
  }

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

  function fetchUsers() {
    $('#loadUsersSpinner').show();
    UserService.users()
    .then(function success(data) {
      $scope.users = data.map(function(user) {
        return new UserViewModel(user);
      });
    })
    .catch(function error(err) {
      Messages.error("Failure", err, "Unable to retrieve users");
      $scope.users = [];
    })
    .finally(function final() {
      $('#loadUsersSpinner').hide();
    });
  }

  fetchUsers();
}]);