dnet-applications/frontends/dnet-is-application/src/app/protocols/protocols.component.ts

import { Component } from '@angular/core';
import { ISService } from '../is.service';
import { MatTableDataSource } from '@angular/material/table';
import { Protocol, ProtocolParams } from '../is.model';

export interface ProtocolDatasource {
  protocol: string;
  datasource: MatTableDataSource<ProtocolParams>;
}

@Component({
  selector: 'app-protocols',
  templateUrl: './protocols.component.html',
  styleUrls: ['./protocols.component.css']
})
export class ProtocolsComponent {
  protDatasources: ProtocolDatasource[] = [];
  colums: string[] = ['name', 'label', 'type', 'optional', 'hasSelFunction'];

  constructor(public service: ISService) {
    this.service.loadProtocols((data: Protocol[]) => 
      data.forEach(p => {
        this.protDatasources.push({
          protocol: p.id,
          datasource: new MatTableDataSource(p.params)
        });
      })
    );
  }

}