D-Net

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

import {noServiceMessage} from '../../domain/shared-messages';

import {Country, RepositorySnippet} from '../../domain/typeScriptClasses';

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

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

  templateUrl: 'registration.component.html'

})

export class RegistrationComponent implements OnInit {

  errorMessage: string;

  successMessage: string;

  loadingMessage: string;

  countries: Country[] = [];

  repositorySnippet: RepositorySnippet[] = [];

  formPrepare = {

    country: '',

    typology: '',

    officialname: '',

    order: 'DESCENDING',

  };

  dataForm: FormGroup;

  constructor(private repoService: RepositoryService,

  }

  ngOnInit() {

    this.dataForm = this.fb.group(this.formPrepare);

    this.getCountries();

  }

  getCountries() {

    this.repoService.getCountries()

      .subscribe(

        countries => this.countries = countries.sort(function (a, b) {

          if (a.name < b.name) {

            return -1;

          } else if (a.name > b.name) {

            return 1;

          } else {

            return 0;

          }

        }),

        error => {

          this.loadingMessage = '';

          this.errorMessage = noServiceMessage;

          console.log(error);

  }

    this.repoService.searchRegisteredRepositories(this.dataForm.get('country').value, this.dataForm.get('typology').value, this.dataForm.get('englishname').value,

      this.dataForm.get('officialname').value, this.dataForm.get('requestSortBy').value, this.dataForm.get('order').value, this.dataForm.get('page').value,

      this.dataForm.get('pageSize').value).subscribe(

        suc => this.repositorySnippet = suc,

        error => console.log(error),

  }

  handleChange() {

    this.getRegisteredRepositories();

  }

    this.dataForm.get('page').setValue(0);

    this.getRegisteredRepositories();

  }

    for (const country of Object.values(this.countries)) {

      if (country.code === countryCode) {

        return country.name;

      }

    }

  }

  previousPage() {

    if (this.dataForm.get('page').value > 0) {

      this.dataForm.get('page').setValue(+this.dataForm.get('page').value - 1);

      this.handleChange();

    }

  }

  nextPage() {

    /** remove when page total is fixed!!! **/

      this.dataForm.get('pageSize').value).subscribe(

      suc => this.thisIsForBadUse = suc,

      error => console.log(error),

      () => {

          console.log('got here');

          this.dataForm.get('page').setValue(+this.dataForm.get('page').value + 1);

          this.repositorySnippet = this.thisIsForBadUse;

          // this.handleChange();

        }

      }

    );

    /** **/

  }