import { Input, Output, Component, Inject, EventEmitter, OnInit } from 'ng-metadata/core'; import * as moment from 'moment'; import { Local, Trigger, Repository, Namespace } from '../../../types/common.types'; /** * A component that lets the user set up a build trigger for a public Git repository host service. */ @Component({ selector: 'manage-trigger-githost', templateUrl: '/static/js/directives/ui/manage-trigger-githost/manage-trigger-githost.component.html' }) export class ManageTriggerGithostComponent implements OnInit { // FIXME: Use one-way data binding @Input('=') public repository: Repository; @Input('=') public trigger: Trigger; @Output() public activateTrigger: EventEmitter<{config: any, pull_robot?: any}> = new EventEmitter(); public config: any; public local: Local = { namespaceOptions: {filter: '', predicate: 'score', reverse: false, page: 0}, repositoryOptions: {filter: '', predicate: 'score', reverse: false, page: 0, hideStale: true}, robotOptions: {filter: '', predicate: 'score', reverse: false, page: 0}, }; private currentState: any | null; private namespacesPerPage: number = 10; private repositoriesPerPage: number = 10; private robotsPerPage: number = 10; private namespaceTitle: string; private namespace: any; constructor(@Inject('ApiService') private ApiService: any, @Inject('TableService') private TableService: any, @Inject('TriggerService') private TriggerService: any, @Inject('RolesService') private RolesService: any, @Inject('$scope') private $scope: ng.IScope) { // FIXME: Here binding methods to class context in order to pass them as arguments to $scope.$watch this.buildOrderedNamespaces = this.buildOrderedNamespaces.bind(this); this.loadNamespaces = this.loadNamespaces.bind(this); this.buildOrderedRepositories = this.buildOrderedRepositories.bind(this); this.loadRepositories = this.loadRepositories.bind(this); this.loadRepositoryRefs = this.loadRepositoryRefs.bind(this); this.buildOrderedRobotAccounts = this.buildOrderedRobotAccounts.bind(this); this.loadDockerfileLocations = this.loadDockerfileLocations.bind(this); this.checkDockerfilePath = this.checkDockerfilePath.bind(this); } public ngOnInit(): void { // TODO: Replace $scope.$watch with @Output methods for child component mutations or $onChanges for parent mutations this.$scope.$watch(() => this.trigger, this.initialSetup.bind(this)); this.$scope.$watch(() => this.repository, this.initialSetup.bind(this)); this.$scope.$watch(() => this.local.selectedNamespace, (namespace) => { if (namespace) { this.loadRepositories(namespace); } }); this.$scope.$watch(() => this.local.selectedRepository, (repository) => { if (repository) { this.loadRepositoryRefs(repository); this.loadDockerfileLocations(repository); } }); this.$scope.$watch(() => this.local.dockerfilePath, (path) => { if (path && this.local.selectedRepository) { this.setPossibleContexts(path); this.checkDockerfilePath(this.local.selectedRepository, path, this.local.dockerContext); } }); this.$scope.$watch(() => this.local.dockerContext, (context) => { if (context && this.local.selectedRepository) { this.checkDockerfilePath(this.local.selectedRepository, this.local.dockerfilePath, context); } }); this.$scope.$watch(() => this.local.namespaceOptions.predicate, this.buildOrderedNamespaces); this.$scope.$watch(() => this.local.namespaceOptions.reverse, this.buildOrderedNamespaces); this.$scope.$watch(() => this.local.namespaceOptions.filter, this.buildOrderedNamespaces); this.$scope.$watch(() => this.local.repositoryOptions.predicate, this.buildOrderedRepositories); this.$scope.$watch(() => this.local.repositoryOptions.reverse, this.buildOrderedRepositories); this.$scope.$watch(() => this.local.repositoryOptions.filter, this.buildOrderedRepositories); this.$scope.$watch(() => this.local.repositoryOptions.hideStale, this.buildOrderedRepositories); this.$scope.$watch(() => this.local.robotOptions.predicate, this.buildOrderedRobotAccounts); this.$scope.$watch(() => this.local.robotOptions.reverse, this.buildOrderedRobotAccounts); this.$scope.$watch(() => this.local.robotOptions.filter, this.buildOrderedRobotAccounts); } private initialSetup(): void { if (!this.repository || !this.trigger) { return; } if (this.namespaceTitle) { // Already setup. return; } this.config = this.trigger['config'] || {}; this.namespaceTitle = 'organization'; this.local.selectedNamespace = null; this.loadNamespaces(); } public getTriggerIcon(): any { return this.TriggerService.getIcon(this.trigger.service); } public createTrigger(): void { var config: any = { build_source: this.local.selectedRepository.full_name, dockerfile_path: this.local.dockerfilePath, context: this.local.dockerContext }; if (this.local.triggerOptions['hasBranchTagFilter'] && this.local.triggerOptions['branchTagFilter']) { config['branchtag_regex'] = this.local.triggerOptions['branchTagFilter']; } const activate = () => { this.activateTrigger.emit({config: config, pull_robot: this.local.robotAccount}); }; if (this.local.triggerAnalysis.status == 'requiresrobot' && this.local.robotAccount) { if (this.local.robotAccount.can_read) { activate(); } else { // Add read permission onto the base repository for the robot and then activate the trigger. const baseRepo: any = {name: this.local.triggerAnalysis.name, namespace: this.local.triggerAnalysis.namespace}; this.RolesService.setRepositoryRole(baseRepo, 'read', 'robot', this.local.robotAccount.name, activate); } } else { activate(); } } private buildOrderedNamespaces(): void { if (!this.local.namespaces) { return; } var namespaces: Namespace[] = this.local.namespaces || []; this.local.orderedNamespaces = this.TableService.buildOrderedItems(namespaces, this.local.namespaceOptions, ['id'], ['score']); this.local.maxScore = 0; namespaces.forEach((namespace) => { this.local.maxScore = Math.max(namespace.score, this.local.maxScore); }); } private loadNamespaces(): void { this.local.namespaces = null; this.local.selectedNamespace = null; this.local.orderedNamespaces = null; this.local.selectedRepository = null; this.local.orderedRepositories = null; var params = { 'repository': this.repository.namespace + '/' + this.repository.name, 'trigger_uuid': this.trigger.id }; this.ApiService.listTriggerBuildSourceNamespaces(null, params) .then((resp) => { this.local.namespaces = resp['namespaces']; this.local.repositories = null; this.buildOrderedNamespaces(); }, this.ApiService.errorDisplay('Could not retrieve the list of ' + this.namespaceTitle)); } private buildOrderedRepositories(): void { if (!this.local.repositories) { return; } var repositories = this.local.repositories || []; repositories.forEach((repository) => { repository['last_updated_datetime'] = new Date(repository['last_updated'] * 1000); }); if (this.local.repositoryOptions.hideStale) { var existingRepositories = repositories; repositories = repositories.filter((repository) => { var older_date = moment(repository['last_updated_datetime']).add(1, 'months'); return !moment().isAfter(older_date); }); if (existingRepositories.length > 0 && repositories.length == 0) { repositories = existingRepositories; } } this.local.orderedRepositories = this.TableService.buildOrderedItems(repositories, this.local.repositoryOptions, ['name', 'description'], []); } private loadRepositories(namespace: any): void { this.local.repositories = null; this.local.selectedRepository = null; this.local.repositoryRefs = null; this.local.triggerOptions = { 'hasBranchTagFilter': false }; this.local.orderedRepositories = null; var params = { 'repository': this.repository.namespace + '/' + this.repository.name, 'trigger_uuid': this.trigger.id }; var data = { 'namespace': namespace.id }; this.ApiService.listTriggerBuildSources(data, params).then((resp) => { if (namespace == this.local.selectedNamespace) { this.local.repositories = resp['sources']; this.buildOrderedRepositories(); } }, this.ApiService.errorDisplay('Could not retrieve repositories')); } private loadRepositoryRefs(repository: any): void { this.local.repositoryRefs = null; this.local.triggerOptions = { 'hasBranchTagFilter': false }; var params = { 'repository': this.repository.namespace + '/' + this.repository.name, 'trigger_uuid': this.trigger.id, 'field_name': 'refs' }; var config = { 'build_source': repository.full_name }; this.ApiService.listTriggerFieldValues(config, params).then((resp) => { if (repository == this.local.selectedRepository) { this.local.repositoryRefs = resp['values']; this.local.repositoryFullRefs = resp['values'].map((ref) => { var kind = ref.kind == 'branch' ? 'heads' : 'tags'; var icon = ref.kind == 'branch' ? 'fa-code-fork' : 'fa-tag'; return { 'value': kind + '/' + ref.name, 'icon': icon, 'title': ref.name }; }); } }, this.ApiService.errorDisplay('Could not retrieve repository refs')); } private loadDockerfileLocations(repository: any): void { this.local.dockerfilePath = null; this.local.dockerContext = null; var params = { 'repository': this.repository.namespace + '/' + this.repository.name, 'trigger_uuid': this.trigger.id }; var config = { 'build_source': repository.full_name }; this.ApiService.listBuildTriggerSubdirs(config, params) .then((resp) => { if (repository == this.local.selectedRepository) { this.local.dockerfileLocations = resp; } }, this.ApiService.errorDisplay('Could not retrieve Dockerfile locations')); } private buildOrderedRobotAccounts(): void { if (!this.local.triggerAnalysis || !this.local.triggerAnalysis.robots) { return; } var robots = this.local.triggerAnalysis.robots; this.local.orderedRobotAccounts = this.TableService.buildOrderedItems(robots, this.local.robotOptions, ['name'], []); } private checkDockerfilePath(repository: any, path: string, context: string): void { this.local.triggerAnalysis = null; this.local.robotAccount = null; var params = { 'repository': this.repository.namespace + '/' + this.repository.name, 'trigger_uuid': this.trigger.id }; var config = { 'build_source': repository.full_name, 'dockerfile_path': path.substr(1), 'context': context }; var data = { 'config': config }; this.ApiService.analyzeBuildTrigger(data, params) .then((resp) => { this.local.triggerAnalysis = resp; this.buildOrderedRobotAccounts(); }, this.ApiService.errorDisplay('Could not analyze trigger')); } private setPossibleContexts(path){ if(this.local.dockerfileLocations.contextMap){ this.local.contexts = this.local.dockerfileLocations.contextMap[path] || []; } } }