D-Net

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

import {AuthenticationService} from "../../services/authentication.service";

import {BrokerService} from "../../services/broker.service";

import {loadingRepoMessage, loadingUserRepoInfoEmpty, reposRetrievalError} from "../../domain/shared-messages";

  datasourcesOfUser = [];

  tilesView: boolean;

  errorMessage: string;

  noDatasourcesMessage: string;

  loadingMessage: string;

  @Input() parent: string = '';

  constructor(private authService: AuthenticationService,

              private brokerService: BrokerService) {}

  ngOnInit() {

    this.tilesView = true;

    this.getDatasourcesOfUser();

  }

  getDatasourcesOfUser() {

    this.loadingMessage = loadingRepoMessage;

    this.brokerService.getDatasourcesOfUser(this.authService.getUserEmail()).subscribe(

      res => {

        this.datasourcesOfUser = res['datasourcesOfUser'];

      },

      error => {

        console.log(error);

        this.loadingMessage = '';

        this.errorMessage = reposRetrievalError;

      },

      () => {

        this.loadingMessage = '';

        if (!this.datasourcesOfUser.length) {

          this.noDatasourcesMessage = loadingUserRepoInfoEmpty;

        /*} else {

          this.datasourcesOfUser.forEach(

            d => {

              console.log( d['first']['value'],' -> ',d['first']['size'] );

            }

          );*/

        }

      }

    );

  }

  toggleTiles(){

    this.tilesView = !this.tilesView;

  }