update customer filter and overview

buntspecht-frontend/src/app/pages/turnovers/manage/manage.page.html

@@ -31,6 +31,16 @@
                     }
                 </mat-autocomplete>
             </mat-form-field>
+
+            <mat-form-field class="margin">
+                <mat-label>{{'turnovers.filter.customer' | i18n}}</mat-label>
+                <input type="text" matInput (input)="setInputFilter('customer', $event.target)">
+            </mat-form-field>
+
+            <mat-form-field class="margin">
+                <mat-label>{{'turnovers.filter.motif' | i18n}}</mat-label>
+                <input type="text" matInput (input)="setInputFilter('motif', $event.target)">
+            </mat-form-field>
         </form>
     </div>
 

buntspecht-frontend/src/app/pages/turnovers/turnovers.page.html

@@ -19,9 +19,19 @@
                 <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
                 <mat-date-range-picker #picker></mat-date-range-picker>
             </mat-form-field>
+
+            <mat-form-field class="margin">
+                <mat-label>{{'turnovers.filter.customer' | i18n}}</mat-label>
+                <input type="text" matInput (input)="setInputFilter('customer', $event.target)">
+            </mat-form-field>
+
+            <mat-form-field class="margin">
+                <mat-label>{{'turnovers.filter.motif' | i18n}}</mat-label>
+                <input type="text" matInput (input)="setInputFilter('motif', $event.target)">
+            </mat-form-field>
         </form>
     </div>
 
-    <ui-turnovers class="flex column grow" [turnovers]="turnovers" (page)="applyPage($event)"
+    <ui-turnovers class="flex column grow" [turnovers]="turnovers" [overview]="overview" (page)="applyPage($event)"
         (sort)="applySort($event)"></ui-turnovers>
 </div>

buntspecht-frontend/src/app/pages/turnovers/turnovers.page.ts

@@ -14,6 +14,7 @@ import { UserManagementService } from 'src/app/services/user.management.service'
 export class PageTurnovers implements OnInit {
 
   turnovers: any;
+  overview: any[];
   sort: string = "created";
   descending: boolean = true;
   filterOpen: boolean = false;
@@ -40,6 +41,17 @@ export class PageTurnovers implements OnInit {
         this.turnovers = { error: error };
       }
     })
+
+    this.turnoverService.overview(this.turnovers.limit || 15, this.turnovers.offset || 0, this.sort, this.descending, this.turnovers.filter).subscribe({
+      next: (data: any) => {
+        this.overview = data;
+        if (!this.overview) {
+          this.overview = ['', 0, 0];
+        }
+      }, error: (error) => {
+        this.turnovers = { error: error };
+      }
+    })
   }
 
   applyPage(event: PageEvent) {
@@ -54,6 +66,10 @@ export class PageTurnovers implements OnInit {
     this.update();
   }
 
+  setInputFilter(key: string, target: EventTarget) {
+    this.setFilter(key, (target as HTMLInputElement).value);
+  }
+
   setFilter(key: string, value) {
     if (value != this.turnovers.filter[key]) {
       this.turnovers.filter[key] = value;