init

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

@@ -0,0 +1,27 @@
+<div class="flex column fill">
+    <div class="flex wrap filter-container">
+        <a mat-icon-button (click)="filterOpen=!filterOpen" title="{{'turnovers.filter' | i18n}}"
+            [color]="filterOpen ? 'primary': 'accent'">
+            <mat-icon>filter_alt</mat-icon>
+        </a>
+
+        <form class="flex wrap filter" *ngIf="filterOpen">
+            <mat-form-field class="margin">
+                <mat-label>{{'turnovers.filter.created' | i18n}}</mat-label>
+                <mat-date-range-input [rangePicker]="picker">
+                    <input matStartDate placeholder="{{'turnovers.filter.created.from' | i18n}}"
+                        [value]="turnovers && turnovers.filter && turnovers.filter.from"
+                        (dateChange)="setFilter('from', $event.value && $event.value.toISOString() || undefined)">
+                    <input matEndDate placeholder="{{'turnovers.filter.created.to' | i18n}}"
+                        [value]="turnovers && turnovers.filter && turnovers.filter.to"
+                        (dateChange)="setFilter('to', $event.value && $event.value.endOf('day').toISOString() || undefined)">
+                </mat-date-range-input>
+                <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
+                <mat-date-range-picker #picker></mat-date-range-picker>
+            </mat-form-field>
+        </form>
+    </div>
+
+    <ui-turnovers class="flex column grow" [turnovers]="turnovers" (page)="applyPage($event)"
+        (sort)="applySort($event)"></ui-turnovers>
+</div>