definma-ui/src/app/samples/samples.component.ts

import { Component, OnInit } from '@angular/core';
import {ApiService} from '../services/api.service';

@Component({
  selector: 'app-samples',
  templateUrl: './samples.component.html',
  styleUrls: ['./samples.component.scss']
})
export class SamplesComponent implements OnInit {  // TODO: implement paging

  materials = {};
  samples = [];
  filters = {status: 'validated'};

  constructor(
    private api: ApiService
  ) { }

  ngOnInit(): void {
    this.api.get('/materials?status=all', (mData: any) => {
      this.materials = {};
      mData.forEach(material => {
        this.materials[material._id] = material;
      });
      this.loadSamples();
    });
  }

  loadSamples() {
    this.api.get(`/samples?status=${this.filters.status}`, sData => {
      this.samples = sData as any;
      this.samples.forEach(sample => {
        sample.material_number = this.materials[sample.material_id].numbers.find(e => sample.color === e.color).number;
      });
    });
  }

}