harbor/static/resources/js/components/user/list-user.directive.js

(function() {
  
  'use strict';
  
  angular
    .module('harbor.user')
    .directive('listUser', listUser);
    
  ListUserController.$inject = ['ListUserService', 'DeleteUserService'];
  
  function ListUserController(ListUserService, DeleteUserService) {
    var vm = this;
    
    vm.username = '';
    vm.searchUser = searchUser;
    vm.deleteUser = deleteUser;
    vm.confirmToDelete = confirmToDelete;
    vm.retrieve = retrieve;
    
    vm.retrieve();
    
    function searchUser() {
      vm.retrieve();
    }
    
    function deleteUser() {
      DeleteUserService(vm.selectedUserId)
        .success(deleteUserSuccess)
        .error(deleteUserFailed);
    }
    
    function confirmToDelete(userId) {
      vm.selectedUserId = userId;
    }
    
    function retrieve() {
      ListUserService(vm.username)
        .success(listUserSuccess)
        .error(listUserFailed);
    }
    
    function deleteUserSuccess(data, status) {
      console.log('Successful delete user.');
      vm.retrieve();
    }
    
    function deleteUserFailed(data, status) {
      console.log('Failed delete user.');
    }
    
    function listUserSuccess(data, status) {
      vm.users = data;
    }
    
    function listUserFailed(data, status) {
      console.log('Failed list user:' + data);
    }      
  }
  
  function listUser() {
    var directive = {
      'restrict': 'E',
      'templateUrl': '/static/resources/js/components/user/list-user.directive.html',
      'scope': true,
      'controller': ListUserController,
      'controllerAs': 'vm',
      'bindToController': true
    };
    return directive;
  }
  
})();