D-Net

import { Component, OnInit, Type, ViewChild } from '@angular/core';

import { FormBuilder, FormGroup } from '@angular/forms';

import { DatasourceInterfaceFormComponent } from './sources-forms/datasource-interface-form.component';

import { Repository, RepositoryInterface } from '../../domain/typeScriptClasses';

import { RepositoryService } from '../../services/repository.service';

import { ActivatedRoute } from '@angular/router';

import {

  Description,

  interfaceFormDesc,

} from '../../domain/oa-description';

import { formInfoLoading, loadingRepoError } from '../../domain/shared-messages';

import { DatasourceUpdateFormComponent } from './sources-forms/datasource-update-form.component';

@Component ({

  selector: 'sources-update-repo',

  templateUrl: 'sources-update-repo.component.html'

})

export class SourcesUpdateRepoComponent implements OnInit {

  loadingMessage: string;

  errorMessage: string;

  repoId: string;

  logoURL: string;

  repo: Repository;

  repoInterfaces: RepositoryInterface[] = [];

  @ViewChild('datasourceUpdateForm') datasourceUpdateForm: DatasourceUpdateFormComponent;

  group: FormGroup;

  interfaceFormDesc: Description = interfaceFormDesc;

  updateDatasourceInterfaces: Type<any> = DatasourceInterfaceFormComponent;

  constructor (

    private fb: FormBuilder,

    private repoService: RepositoryService,

    private route: ActivatedRoute )

  {}

  ngOnInit() {

    this.readRepoId();

  }

  readRepoId() {

    this.repoId = this.route.snapshot.paramMap.get('id');

    console.log(`repoId is ${this.repoId}`);

    this.getRepo();

    this.getRepoInterfaces();

  }

  getRepo() {

    if (this.repoId) {

      this.loadingMessage = formInfoLoading;

      this.repoService.getRepositoryById(this.repoId).subscribe(

        repo => {

          this.repo = repo;

        },

        error => {

          console.log(error);

          this.loadingMessage = '';

          this.errorMessage = loadingRepoError;

        },

        () => {

          this.loadingMessage = '';

          this.logoURL = this.repo.logoUrl;

        }

      );

    }

  }

  getRepoInterfaces() {

    this.group = this.fb.group({});

    this.repoService.getRepositoryInterface(this.repoId).subscribe(

      interfaces => {

        this.repoInterfaces = interfaces;

        console.log(`the number of interfaces for ${this.repoId} is ${this.repoInterfaces.length}`);

      },

      error => {

        console.log(error);

        this.loadingMessage = '';

        this.errorMessage = loadingRepoError;

      }, () => this.loadingMessage = ''

    );

  }

  getNewLogoUrl(newURL: string) {

    this.logoURL = newURL;

  }

}