github.com/justinjmoses/evergreen@v0.0.0-20170530173719-1d50e381ff0d/public/static/js/distros.js

mciModule.controller('DistrosCtrl', function($scope, $window, $location, mciDistroRestService) {

  $scope.readOnly = !$window.isSuperUser;

  $scope.distros = $window.distros;
  for (var i = 0; i < $scope.distros.length; i++) {
    $scope.distros[i].pool_size = $scope.distros[i].pool_size || 0;
  }

  $scope.providers = [{
    'id': 'ec2',
    'display': 'EC2 (On-Demand Instance)'
  }, {
    'id': 'ec2-spot',
    'display': 'EC2 (Spot Instance)'
  }, {
    'id': 'static',
    'display': 'Static IP/VM'
  }, {
    'id': 'digitalocean',
    'display': 'Digital Ocean'
  }, {
    'id': 'docker',
    'display': 'Docker'
  }];

  $scope.architectures = [{
    'id': 'windows_amd64',
    'display': 'Windows 64-bit'
  }, {
    'id': 'linux_ppc64le',
    'display': 'Linux PowerPC 64-bit'
  }, {
    'id': 'linux_s390x',
    'display': 'Linux zSeries'
  }, {
    'id': 'linux_arm64',
    'display': 'Linux ARM 64-bit'
  }, {
    'id': 'windows_386',
    'display': 'Windows 32-bit'
  }, {
    'id': 'darwin_amd64',
    'display': 'OSX 64-bit'
  }, {
    'id': 'darwin_386',
    'display': 'OSX 32-bit'
  }, {
    'id': 'linux_amd64',
    'display': 'Linux 64-bit'
  }, {
    'id': 'linux_386',
    'display': 'Linux 32-bit'
  }, {
    'id': 'solaris_amd64',
    'display': 'Solaris 64-bit'
  }];

  $scope.ids = [];

  $scope.keys = [];

  $scope.modalOpen = false;

  $scope.$on('$locationChangeStart', function(event) {
    $scope.hashLoad();
  });

  $scope.hashLoad = function() {
    var distroHash = $location.hash();
    if (distroHash) {
      // If the distro exists, load it.
      var distro = $scope.getDistroById(distroHash);
      if (distro) {
        $scope.activeDistro = distro;
        return;
      }
    }
    // Default to the first distro.
    $scope.setActiveDistro($scope.distros[0]);
  };

  $scope.setActiveDistro = function(distro) {
    $scope.activeDistro = distro;
    $location.hash(distro._id);
  };

  $scope.getDistroById = function(id) {
    return _.find($scope.distros, function(distro) {
        return distro._id === id;
    });
  };

  $scope.initOptions = function() {
    var keys = [];

    if ($window.keys !== null) {
      keys = Object.keys($window.keys);
    }

    for (var i = 0; i < $scope.distros.length; i++) {
      $scope.ids.push($scope.distros[i]._id);
    }

    for (var i = 0; i < keys.length; i++) {
      $scope.keys.push({
        name: keys[i],
        location: $window.keys[keys[i]],
      });
    }
  };

  $scope.isUnique = function(id) {
    return $scope.ids.indexOf(id) == -1;
  };

  $scope.setKeyValue = function(key, value) {
    $scope.activeDistro[key] = value;
  };

  $scope.getKeyDisplay = function(key, display) {
    for (var i = 0; i < $scope[key].length; i++) {
      if ($scope[key][i].id === display) {
        return $scope[key][i].display;
      }
    }
    return display;
  };

  $scope.addHost = function() {
    if ($scope.activeDistro.settings == null) {
      $scope.activeDistro.settings = {};
    }
    if ($scope.activeDistro.settings.hosts == null) {
      $scope.activeDistro.settings.hosts = [];
    }
    $scope.activeDistro.settings.hosts.push({});
    $scope.scrollElement('#hosts-table');
  }

  $scope.removeHost = function(host) {
    var index = $scope.activeDistro.settings.hosts.indexOf(host);
    $scope.activeDistro.settings.hosts.splice(index, 1);
  }

  $scope.addMount = function(mount_point) {
    if ($scope.activeDistro.settings == null) {
      $scope.activeDistro.settings = {};
    }
    if ($scope.activeDistro.settings.mount_points == null) {
      $scope.activeDistro.settings.mount_points = [];
    }
    $scope.activeDistro.settings.mount_points.push({});
    $scope.scrollElement('#mounts-table');
  }

  $scope.scrollElement = function(elt) {
    $(elt).animate({
      scrollTop: $(elt)[0].scrollHeight
    }, 'slow');
  }

  $scope.removeMount = function(mount_point) {
    var index = $scope.activeDistro.settings.mount_points.indexOf(mount_point);
    $scope.activeDistro.settings.mount_points.splice(index, 1);
  }

  $scope.addSSHOption = function() {
    if ($scope.activeDistro.ssh_options == null) {
      $scope.activeDistro.ssh_options = [];
    }
    $scope.activeDistro.ssh_options.push('');
    $scope.scrollElement('#ssh-options-table');
  }

  $scope.removeSSHOption = function(ssh_option) {
    var index = $scope.activeDistro.ssh_options.indexOf(ssh_option);
    $scope.activeDistro.ssh_options.splice(index, 1);
  }

  $scope.addExpansion = function(expansion) {
    if ($scope.activeDistro.expansions == null) {
      $scope.activeDistro.expansions = [];
    }
    $scope.activeDistro.expansions.push({});
    $scope.scrollElement('#expansions-table');
  }

  $scope.removeExpansion = function(expansion) {
    var index = $scope.activeDistro.expansions.indexOf(expansion);
    $scope.activeDistro.expansions.splice(index, 1);
  }

  $scope.saveConfiguration = function() {
    if ($scope.activeDistro.new) {
      mciDistroRestService.addDistro(
        $scope.activeDistro, {
          success: function(distros, status) {
            $window.location.reload(true);
          },
          error: function(jqXHR, status, errorThrown) {
            $window.location.reload(true);
            console.log(jqXHR);
          }
        }
      );
    } else {
      mciDistroRestService.modifyDistro(
        $scope.activeDistro._id,
        $scope.activeDistro, 
        $scope.shouldDeco,
        {
          success: function(distros, status) {
            $window.location.reload(true);
          },
          error: function(jqXHR, status, errorThrown) {
            $window.location.reload(true);
            console.log(jqXHR);
          }
        }
      );
    }
    // this will reset the location hash to the new one in case the _id is changed.
    $scope.setActiveDistro($scope.activeDistro)
  };

  $scope.removeConfiguration = function() {
    mciDistroRestService.removeDistro(
      $scope.activeDistro._id, 
      $scope.shouldDeco, 
      {
        success: function(distros, status) {
          $window.location.reload(true);
        },
        error: function(jqXHR, status, errorThrown) {
          $window.location.reload(true);
          console.log(jqXHR);
        }
      }
    );
  };

  $scope.newDistro = function() {
    if (!$scope.hasNew) {
      var defaultOptions = {
        '_id': 'new distro',
        'arch': 'linux_amd64',
        'provider': 'ec2',
        'new': true,
      };

      if ($scope.keys.length != 0) {
        defaultOptions.ssh_key = $scope.keys[0].name;
      }
      $scope.distros.unshift(defaultOptions);
      $scope.hasNew = true;
    }
    $scope.setActiveDistro($scope.distros[0]);
    $('#distros-list-container').animate({ scrollTop: 0 }, 'slow');
    $anchorScroll();
  };

  $scope.copyDistro = function(){
    if (!$scope.hasNew) {
      var newDistro = {
        'arch': $scope.activeDistro.arch, 
        'work_dir': $scope.activeDistro.work_dir,
        'provider': $scope.activeDistro.provider, 
        'new': true, 
        'user': $scope.activeDistro.user,
        'ssh_key': $scope.activeDistro.ssh_key,
        'ssh_options': $scope.activeDistro.ssh_options,
        'setup': $scope.activeDistro.setup,
        'pool_size': $scope.activeDistro.pool_size,
        'setup_as_sudo' : $scope.activeDistro.setup_as_sudo,

      }
      newDistro.settings = _.clone($scope.activeDistro.settings);
      newDistro.expansions = _.clone($scope.activeDistro.expansions);

      $scope.distros.unshift(newDistro);
      $scope.hasNew = true;
      $scope.setActiveDistro($scope.distros[0]);
      $('#distros-list-container').animate({ scrollTop: 0 }, 'slow');
      $anchorScroll();
      }
    }
  

  $scope.openConfirmationModal = function(option) {
    $scope.confirmationOption = option;
    $scope.modalTitle = 'Configuration';
    var modal = $('#admin-modal').modal('show');

    if (option === 'removeDistro') {
      if (modal.data('bs.modal').isShown) {
        $scope.modalOpen = true;
      } else {
        $scope.modalOpen = false;
      }
    }

    $(document).keyup(function(ev) {
      if ($scope.modalOpen && ev.keyCode === 13) {
        if ($scope.confirmationOption === 'removeDistro') {
          $scope.removeConfiguration();
          $('#admin-modal').modal('hide');
        }
      }
    });
  }

  $scope.checkPortRange = function(min, max) {
    if ($scope.form.portRange.minPort.$invalid || $scope.form.portRange.maxPort.$invalid) {
        return false
    }
    return (!min && !max) || (min >= 0 && min <= max);
  }

  // checks that the form is valid for the given active distro
  $scope.validForm = function() {
    if ($scope.activeDistro.provider == 'ec2' || $scope.activeDistro.provider == 'ec2-spot'){
      return $scope.validSecurityGroup() && $scope.validSubnetId;
    }
    return true;
  }

  // if a security group is in a vpc it needs to be the id which starts with 'sg-'
  $scope.validSecurityGroup = function(){
    if ($scope.activeDistro){
      if ($scope.activeDistro.settings.is_vpc){
       return $scope.activeDistro.settings.security_group.substring(0,3) == 'sg-';
     }
   }
   return true
 };

    // if a security group is in a vpc it needs to be the id which starts with 'subnet-'
    $scope.validSubnetId = function(){
      if ($scope.activeDistro){
        if ($scope.activeDistro.settings.is_vpc) {
          return $scope.activeDistro.settings.subnet_id.substring(0,7) == 'subnet-';
        }
      }
      return true
    };

  // scroll to top of window on page reload
  $(window).on('beforeunload', function() {
    $(window).scrollTop(0);
  });

});

mciModule.directive('removeDistro', function() {
  return {
    restrict: 'E',
    template: '<div class="row">' +
      ' <div class="col-lg-12">' +
      '   <div>' +
      '     Are you sure you want to remove [[activeDistro._id]]?' +
      '     <div style="float:right">' +
      '       <button type="button" class="btn btn-danger" style="float: right;" data-dismiss="modal">Cancel</button>' +
      '       <button type="button" class="btn btn-primary" style="float: right; margin-right: 10px;" ng-click="removeConfiguration()">Yes</button>' +
      '     </div>' +
      '   </div>' +
      ' </div>' +
      '</div>'
  }
});

mciModule.filter("providerDisplay", function() {
  return function(provider, scope) {
    return scope.getKeyDisplay('providers', provider);
  }
});

mciModule.filter("archDisplay", function() {
  return function(arch, scope) {
    return scope.getKeyDisplay('architectures', arch);
  }
});

mciModule.directive('unique', function() {
  return {
    require: 'ngModel',
    link: function(scope, elm, attrs, ctrl) {
      ctrl.$parsers.unshift(function(value) {
        var valid = scope.isUnique(value);
        ctrl.$setValidity('unique', valid);
        return value;
      });
      ctrl.$formatters.unshift(function(value) {
        var valid = scope.isUnique(value);
        ctrl.$setValidity('unique', valid);
        return value;
      });
    }
  };
});