harbor/static/resources/js/components/system-management/destination.directive.js

(function() {
 
  'use strict';
  
  angular
    .module('harbor.system.management')
    .directive('destination', destination);
    
  DestinationController.$inject = ['$scope', 'ListDestinationService', 'DeleteDestinationService', '$filter', 'trFilter'];
  
  function DestinationController($scope, ListDestinationService, DeleteDestinationService, $filter, trFilter) {
    
    $scope.subsSubPane = 276;
    $scope.subsTblBody = 40;
    var vm = this;
    
    vm.retrieve = retrieve;
    vm.search = search;
    vm.addDestination = addDestination;
    vm.editDestination = editDestination;
    vm.confirmToDelete = confirmToDelete;
    vm.deleteDestination = deleteDestination;
    
    vm.retrieve();
    
    function retrieve() {
      ListDestinationService('', vm.destinationName)
        .success(listDestinationSuccess)
        .error(listDestinationFailed);
    }
    
    function search() {
      vm.retrieve();
    }
    
    function addDestination() {
      vm.action = 'ADD_NEW';
      console.log('Action for destination:' + vm.action);
    }
    
    function editDestination(targetId) {
      vm.action = 'EDIT';
      vm.targetId = targetId;
      console.log('Action for destination:' + vm.action + ', target ID:' + vm.targetId);
    }
    
    function confirmToDelete(targetId) {
      vm.selectedTargetId = targetId;
      
      $scope.$emit('modalTitle', $filter('tr')('confirm_to_delete_destination_title'));
      $scope.$emit('modalMessage', $filter('tr')('confirm_to_delete_destination'));
      
      var emitInfo = {
        'confirmOnly': false,
        'contentType': 'text/plain',
        'action': vm.deleteDestination
      };
      
      $scope.$emit('raiseInfo', emitInfo);
    }
    
    function deleteDestination() {
      DeleteDestinationService(vm.selectedTargetId)
        .success(deleteDestinationSuccess)
        .error(deleteDestinationFailed);
    }
    
    function listDestinationSuccess(data, status) {
      vm.destinations = data || [];
    }
    
    function listDestinationFailed(data, status) {
      $scope.$emit('modalTitle', $filter('tr')('error'));
      $scope.$emit('modalMessage', $filter('tr')('failed_list_destination'));
      $scope.$emit('raiseError', true);
      console.log('Failed list destination:' + data);
    }
    
    function deleteDestinationSuccess(data, status) {
      console.log('Successful delete destination.');
      vm.retrieve();
    }
    
    function deleteDestinationFailed(data, status) {
      $scope.$emit('modalTitle', $filter('tr')('error'));
      $scope.$emit('modalMessage', $filter('tr')('failed_delete_destination') + data);
      $scope.$emit('raiseError', true);
      console.log('Failed delete destination.');
    }   
  }
  
  function destination() {
    var directive = {
      'restrict': 'E',
      'templateUrl': '/static/resources/js/components/system-management/destination.directive.html',
      'scope': true,
      'controller': DestinationController,
      'controllerAs': 'vm',
      'bindToController': true
    };
    return directive;
  }
  
})();