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

<div class="header-addnew">
  <h2>Samples</h2>
  <button class="rb-btn rb-primary"><span class="rb-ic rb-ic-add"></span>&nbsp; New sample</button>
</div>

<rb-accordion>
  <rb-accordion-title><span class="rb-ic rb-ic-filter"></span>&nbsp; Filter</rb-accordion-title>
  <rb-accordion-body>
    Not implemented (yet)
  </rb-accordion-body>
</rb-accordion>

<rb-table>
  <tr>
    <th>Number</th>
    <th>Material number</th>
    <th>Material name</th>
    <th>Supplier</th>
    <th>Material</th>
    <th>GF</th>
    <th>CF</th>
    <th>M</th>
    <th>type</th>
    <th>Color</th>
    <th>Batch</th>
  </tr>

  <tr *ngFor="let sample of samples">
    <td>{{sample.number}}</td>
    <td>{{sample.material_number}}</td>
    <td>{{materials[sample.material_id].name}}</td>
    <td>{{materials[sample.material_id].supplier}}</td>
    <td>{{materials[sample.material_id].group}}</td>
    <td>{{materials[sample.material_id].glass_fiber}}</td>
    <td>{{materials[sample.material_id].carbon_fiber}}</td>
    <td>{{materials[sample.material_id].mineral}}</td>
    <td>{{sample.type}}</td>
    <td>{{sample.color}}</td>
    <td>{{sample.batch}}</td>
  </tr>
</rb-table>