articles.component.ts

import { Component, Inject } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { HttpClient } from "@angular/common/http";
// import { Observable } from 'rxjs';

/**
 *To create an Article instance
 */
export interface Article {
  date: String;
  title: String;
  type: String;
  department: String;
  theme: String;
  link?: String;
  associated: Implication[];
}


/**
 * To create an Implication instance
 */
export interface Implication {
  _id: String;
  date: String;
  title: String;
  type: String;
  department: String;
  paper: String;
  theme: String;
  tonality: String;
  color?: String;
  link?: String;
}


@Component({
  selector: 'app-article',
  templateUrl: './articles.component.html',
  styleUrls: ['./articles.component.css']
})

/**
 * Page that displays articles and enables search mode
 */
export class ArticlesComponent {

    //////////////////// Data \\\\\\\\\\\\\\\\\\\\

  public listArticles : Article[] = [];
  dataSourceArticles = new MatTableDataSource(this.listArticles);
  public displayedColArticles: string[] = ["date", "title", "type", "department", "theme", "link"];
  titleArticles = "Communiqués de presse";
  obsArticles: any;


  public listImplications: Implication[] = [];
  public displayedColImplications: string[] = ["date", "title", "type", "department", "paper", "theme", "tonality", "link"];
  dataSourceImplications = new MatTableDataSource(this.listImplications);
  titleImplications = "Retombées de presse";
  obsImplications: any;

    //////////////////// Tables filter \\\\\\\\\\\\\\\\\\\\

  displayTable: String = '';
  allTables = true;

  readonly ROOT_URL = '';

  constructor(private http: HttpClient) {}