rb-table, samples table

src/app/samples/samples.component.html

@@ -1 +1,41 @@
-<p>samples works!</p>
+<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>