harbor/static/resources/js/components/project/add-project.directive.js

(function() {
  
  'use strict';
  
  angular
    .module('harbor.project')
    .directive('addProject', addProject);
    
  AddProjectController.$inject = ['AddProjectService', '$scope'];
  
  function AddProjectController(AddProjectService, $scope) {
    var vm = this;
    
    $scope.p = {};
    var vm0 = $scope.p;
    vm0.projectName = '';
    vm.isPublic = false;
    
    vm.addProject = addProject;
    vm.cancel = cancel;
    
    vm.reset = reset;
    
    vm.hasError = false;
    vm.errorMessage = '';
        
    function addProject(p) {
      if(p && angular.isDefined(p.projectName)) {
        AddProjectService(p.projectName, vm.isPublic)
          .success(addProjectSuccess)
          .error(addProjectFailed);
      }
    }
    
    function addProjectSuccess(data, status) {
      $scope.$emit('addedSuccess', true);
      vm.hasError = false;
      vm.errorMessage = '';
    }
    
    function addProjectFailed(data, status) {
      vm.hasError = true;
      if(status === 400 && vm0.projectName!= '' && vm0.projectName.length < 4) {
        vm.errorMessage = 'project_name_is_too_short';
      }
      if(status === 400 && vm0.projectName.length > 30) {
        vm.errorMessage = 'project_name_is_too_long';
      }
      if(status === 409 && vm0.projectName != '') {
        vm.errorMessage = 'project_already_exist';
      }
      console.log('Failed to add project:' + status);
    }
    
    function cancel(form){
      if(form) {
        form.$setPristine();
        form.$setUntouched();
      }
      vm.isOpen = false;
      vm0.projectName = '';
      vm.isPublic = false;
    
      vm.hasError = false;
      vm.errorMessage = '';
    }
    
    function reset() {
      vm.hasError = false;
      vm.errorMessage = '';
    }
  }
  
  function addProject() {
    var directive = {
      'restrict': 'E',
      'templateUrl': '/static/resources/js/components/project/add-project.directive.html',
      'controller': AddProjectController,
      'scope' : {
        'isOpen': '='
      },
      'link': link,
      'controllerAs': 'vm',
      'bindToController': true
    };
    return directive;

    function link(scope, element, attrs, ctrl) {
      scope.form.$setPristine();
      scope.form.$setUntouched();
    }
  }
   
})();