argos/dmp-frontend/src/app/shared/components/figurecard/figurecard.component.ts

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

@Component({
  selector: 'app-figurecard',
  templateUrl: './figurecard.component.html',
  styleUrls: ['./figurecard.component.css']
})
export class FigurecardComponent implements OnInit {
  @Input() headerIcon: string;
  @Input() category: string;
  @Input() title: string;
  @Input() footerIcon: string;
  @Input() footContent: string;
  @Input() linearColor: string;
  @Input() boxShadow: string;
  @Input() routelLink: string;
  @Input() hasFootContent = true;

  constructor(private router:Router) { }

  ngOnInit() {
  }

  navigateToUrl(){
    this.router.navigate([this.routelLink]);

  }

}