D-Net

              <div>

                <a *ngFor="let repo of reposOfUser" >

                  <h5>_{{ repo.repositoryName }}</h5>

                </a>

              </div>

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

import {PiwikInfo} from "../../domain/typeScriptClasses";

  reposOfUser: PiwikInfo[];

  constructor(private repoService: RepositoryService) {}

  ngOnInit() {

    this.getReposOfUser();

    if(this.reposOfUser) {

      console.log(`counted ${this.reposOfUser.length} repositories`);

    } else {

      console.log('no repos pulled');

    }

  }

  getReposOfUser(): void {

    this.repoService.getRepositoriesOfUser("ant.lebesis@gmail.com")

      .subscribe(repos => this.reposOfUser = repos);

  }

/*

* Created by myrto on 12/05/2017

*/

/*

*  !!! USING TEMPORARY API ADDRESS AND USER

*/

import { Injectable } from '@angular/core';

import { HttpClient, HttpHeaders } from '@angular/common/http';

import { Observable } from 'rxjs/Observable';

import { catchError, map, tap } from 'rxjs/operators'

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

import {of} from "rxjs/observable/of";

  headers: new HttpHeaders({ 'Content-Type': 'application/json','Access-Control-Allow-Origin': '*' })

  getRepositoriesOfUser (userEmail: string): Observable<PiwikInfo[]> {

    console.log(`knocking on: ${this.apiUrl}/repository/getRepositoriesOfUser/${userEmail}/0/10`);

    return this.http.get<Repository[]>(`${this.apiUrl}/repositories/getRepositoryOfUser/${userEmail}/0/10`)

        tap( _ => console.log(`got respositories of user with email" ${userEmail}`)),

        map( (rep: Repository) => rep.piwikInfo),

        catchError(this.handleError(`get repositories of user with email: ${userEmail}`))

      );

  private handleError<T> (operation = 'operation', result?: T) {

    return (error: any): Observable<T> => {

      console.error(error);

      console.log(`${operation} failed: ${error.message}`);

      return of(result as T);

    };

  }

import {Injectable} from "@angular/core";

@Injectable()

export class AuthorizationService {

}

import {NgModule} from '@angular/core';

import {BrowserModule} from '@angular/platform-browser';

import {FormsModule, ReactiveFormsModule} from '@angular/forms';

import {JsonpModule} from '@angular/http';

import {TabsModule, ModalModule} from 'ngx-bootstrap';

import {AppRouting} from './app.routing';

import {AppComponent} from './app.component';

import {UserModule} from './user/user.module';

import {CompatibilityModule} from './pages/compatibility/compatibility.module';

import {ContentModule} from './pages/content/content.module';

import {AdminPgModule} from './pages/adminPg/adminPg.module';

import {HttpClientModule} from '@angular/common/http';

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

    HttpClientModule,

      RepositoryService

    "rxjs": "^5.4.2",

      "version": "5.5.5",

      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.5.tgz",

      "integrity": "sha512-D/MfQnPMBk8P8gfwGxvCkuaWBcG58W7dUMT//URPoYzIbDEKT0GezdirkK5whMgKFBATfCoTpxO8bJQGJ04W5A==",

        "symbol-observable": "1.0.1"

      "version": "1.0.1",

      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",

      "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ="

/*

*   !!! ADD REAL API ADDRESSES BEFORE PRODUCTION !!!!

*/

          API_ENDPOINT: JSON.stringify(process.env.API_ENDPOINT || "http://194.177.192.121:8380/uoa-repository-manager-service"),