(function() { 'use strict'; angular .module('harbor.system.management') .directive('createDestination', createDestination); CreateDestinationController.$inject = ['$scope', 'ListDestinationService', 'CreateDestinationService', 'UpdateDestinationService', 'PingDestinationService', 'ListDestinationPolicyService', '$filter', 'trFilter', '$timeout']; function CreateDestinationController($scope, ListDestinationService, CreateDestinationService, UpdateDestinationService, PingDestinationService, ListDestinationPolicyService, $filter, trFilter, $timeout) { var vm = this; $scope.destination = {}; var vm0 = $scope.destination; vm.addNew = addNew; vm.edit = edit; vm.create = create; vm.update = update; vm.pingDestination = pingDestination; vm.editable = true; vm.notAvailable = true; vm.pingAvailable = true; vm.pingMessage = ''; vm.closeError = closeError; vm.toggleErrorMessage = false; vm.errorMessages = []; vm.pingTIP = false; $scope.$watch('destination.endpoint', function(current) { if(current) { vm.notAvailable = false; }else{ vm.notAvailable = true; } }); function addNew() { vm.editable = true; vm.modalTitle = $filter('tr')('add_new_destination', []); vm0.name = ''; vm0.endpoint = ''; vm0.username = ''; vm0.password = ''; } function edit(targetId) { vm.editable = true; vm.modalTitle = $filter('tr')('edit_destination', []); ListDestinationService(targetId) .success(getDestinationSuccess) .error(getDestinationFailed); } function create(destination) { CreateDestinationService(destination.name, destination.endpoint, destination.username, destination.password) .success(createDestinationSuccess) .error(createDestinationFailed); } function createDestinationSuccess(data, status) { console.log('Successful created destination.'); vm.reload(); } function createDestinationFailed(data, status) { if(status === 409) { vm.errorMessages.push($filter('tr')('destination_already_exists')); }else{ vm.errorMessages.push($filter('tr')('failed_create_destination') + data); } console.log('Failed create destination:' + data); } function update(destination) { UpdateDestinationService(vm.targetId, destination) .success(updateDestinationSuccess) .error(updateDestinationFailed); } function updateDestinationSuccess(data, status) { console.log('Successful update destination.'); vm.reload(); } function updateDestinationFailed(data, status) { vm.errorMessages.push($filter('tr')('failed_update_destination') + data); console.log('Failed update destination.'); } function getDestinationSuccess(data, status) { var destination = data; vm0.name = destination.name; vm0.endpoint = destination.endpoint; vm0.username = destination.username; vm0.password = destination.password; ListDestinationPolicyService(destination.id) .success(listDestinationPolicySuccess) .error(listDestinationPolicyFailed); } function getDestinationFailed(data, status) { vm.errorMessages.push($filter('tr')('failed_get_destination')); console.log('Failed get destination.'); } function listDestinationPolicySuccess(data, status) { for(var i in data) { if(data[i].enabled === 1) { vm.editable = false; break; } } } function listDestinationPolicyFailed(data, status) { vm.errorMessages.push($filter('tr')('failed_get_destination_policies')); console.log('Failed list destination policy:' + data); } function pingDestination() { vm.pingTIP = true; vm.pingAvailable = false; var target = { 'name': vm0.name, 'endpoint': vm0.endpoint, 'username': vm0.username, 'password': vm0.password }; PingDestinationService(target) .success(pingDestinationSuccess) .error(pingDestinationFailed); } function closeError() { vm.toggleErrorMessage = false; } function pingDestinationSuccess(data, status) { vm.pingAvailable = true; vm.pingTIP = false; vm.pingMessage = $filter('tr')('successful_ping_target', []); } function pingDestinationFailed(data, status) { vm.pingTIP = false; vm.pingMessage = $filter('tr')('failed_ping_target', []) + (data && data.length > 0 ? ':' + data : '.'); } } function createDestination($timeout) { var directive = { 'restrict': 'E', 'templateUrl': '/static/resources/js/components/system-management/create-destination.directive.html', 'scope': { 'action': '@', 'targetId': '@', 'reload': '&' }, 'link': link, 'controller': CreateDestinationController, 'controllerAs': 'vm', 'bindToController': true }; return directive; function link(scope, element, attrs, ctrl) { element.find('#createDestinationModal').on('show.bs.modal', function() { scope.form.$setPristine(); scope.form.$setUntouched(); ctrl.notAvailble = true; ctrl.pingAvailable = true; ctrl.pingMessage = ''; ctrl.toggleErrorMessage = false; ctrl.errorMessages = []; switch(ctrl.action) { case 'ADD_NEW': ctrl.addNew(); break; case 'EDIT': ctrl.edit(ctrl.targetId); break; } scope.$watch('vm.errorMessages', function(current) { if(current && current.length > 0) { ctrl.toggleErrorMessage = true; } }, true); scope.$apply(); }); ctrl.save = save; function save(destination) { if(destination) { ctrl.toggleErrorMessage = false; ctrl.errorMessages = []; switch(ctrl.action) { case 'ADD_NEW': ctrl.create(destination); break; case 'EDIT': ctrl.update(destination); break; } $timeout(function() { if(!ctrl.toggleErrorMessage) { element.find('#createDestinationModal').modal('hide'); } }, 50); } } } } })();