Add delivery and ingredients CRUD

src/app/recipes/recipes.component.html

@@ -1,10 +1,10 @@
 <div class="mat-elevation-z8">
     <table mat-table [dataSource]="dataSource">
-  
+
       <!-- Position Column -->
       <ng-container matColumnDef="id">
         <th mat-header-cell *matHeaderCellDef> id </th>
-        <td mat-cell *matCellDef="let element"> 
+        <td mat-cell *matCellDef="let element">
                 {{element.id}}
         </td>
       </ng-container>
@@ -30,13 +30,18 @@
         </td>
       </ng-container>
 
-  
+      <ng-container matColumnDef="actions">
+        <th mat-header-cell *matHeaderCellDef> actions </th>
+        <td mat-cell *matCellDef="let element">
+          <button mat-button (click)="deliver(element)">Commander</button>
+          <button mat-button [routerLink]="['/recipe', element.id, 'edit']">Modifier</button>
+        </td>
+      </ng-container>
+
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let element; columns: displayedColumns" [routerLink]="['/recipe/', element.id]"></tr>
-
-
     </table>
-  
+
     <mat-paginator [pageSizeOptions]="[5, 10, 20]"
                    showFirstLastButtons
                    aria-label="Select page of recipes">