Make newObject deletable

src/app/pages/tables/bikes/bikes.component.html

@@ -15,7 +15,7 @@
     <button
       mat-raised-button
       class="table-control-button"
-      (click)="addEmptyRow()"
+      (click)="addNewObject()"
       [disabled]="reloadingTable"
     >
       <mat-icon class="spin">add</mat-icon>
@@ -154,6 +154,13 @@
             >
               <mat-icon>save</mat-icon>
             </button>
+            <button
+              mat-icon-button
+              matTooltip="Verwerfen"
+              (click)="deleteNewObject(element)"
+            >
+              <mat-icon>delete</mat-icon>
+            </button>
           </div>
         </td>
       </ng-container>

src/app/pages/tables/bikes/bikes.component.ts

@@ -261,11 +261,23 @@ export class BikesComponent {
     this.bikesService.loadBikes();
   }
 
-  addEmptyRow() {
+  addNewObject() {
     this.paginator.firstPage();
     this.resetFilter();
     this.resetSorting();
-    this.data.data = [{ newObject: true }, ...this.data.data];
+    this.data.data = [{ newObject: true, id: this.getNewId() }, ...this.data.data];
+  }
+
+  getNewId(): string {
+    let id = -1;
+    while(this.getRowById(id.toString())) {
+      id--;
+    }
+    return id.toString();
+  }
+
+  deleteNewObject(row: any) {
+    this.data.data = this.data.data.filter(element => row.id !== element.id);
   }
 
   create(row: any) {