Chore:
Moved to sqlalchemy 2.0 Added type checking as much as possible Updated angular to 15 Moved from Angular flex layout to tailwind css Started developing on vscode with devcontainers
This commit is contained in:
@ -1,52 +1,50 @@
|
||||
<mat-card>
|
||||
<mat-card-title-group>
|
||||
<mat-card-title>Beer Sale Report</mat-card-title>
|
||||
<button mat-button mat-icon-button (click)="exportCsv()">
|
||||
<mat-icon>save_alt</mat-icon>
|
||||
</button>
|
||||
</mat-card-title-group>
|
||||
<mat-card-header>
|
||||
<mat-card-title-group>
|
||||
<mat-card-title>Beer Sale Report</mat-card-title>
|
||||
<button mat-icon-button (click)="exportCsv()">
|
||||
<mat-icon>save_alt</mat-icon>
|
||||
</button>
|
||||
</mat-card-title-group>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<form [formGroup]="form" fxLayout="column">
|
||||
<div
|
||||
fxLayout="row"
|
||||
fxLayout.lt-md="column"
|
||||
fxLayoutGap="20px"
|
||||
fxLayoutGap.lt-md="0px"
|
||||
fxLayoutAlign="space-around start"
|
||||
>
|
||||
<mat-form-field fxFlex="40">
|
||||
<form [formGroup]="form" class="flex flex-col">
|
||||
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
|
||||
<mat-form-field class="flex-auto basis-2/5 mr-5">
|
||||
<mat-label>Start Date</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[matDatepicker]="startDate"
|
||||
(focus)="startDate.open()"
|
||||
placeholder="Start Date"
|
||||
formControlName="startDate"
|
||||
autocomplete="off"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
|
||||
<mat-datepicker #startDate></mat-datepicker>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="40">
|
||||
<mat-form-field class="flex-auto basis-2/5 mr-5">
|
||||
<mat-label>Finish Date</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[matDatepicker]="finishDate"
|
||||
(focus)="finishDate.open()"
|
||||
placeholder="Finish Date"
|
||||
formControlName="finishDate"
|
||||
autocomplete="off"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
|
||||
<mat-datepicker #finishDate></mat-datepicker>
|
||||
</mat-form-field>
|
||||
<button fxFlex="20" mat-raised-button color="primary" (click)="show()">Show</button>
|
||||
<button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">
|
||||
Show
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<mat-checkbox class="example-margin" formControlName="regular">Regular</mat-checkbox>
|
||||
<mat-checkbox class="example-margin" formControlName="happy">Happy Hour</mat-checkbox>
|
||||
<mat-checkbox class="example-margin" formControlName="staff"
|
||||
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
|
||||
<mat-checkbox class="flex-auto mr-5" formControlName="regular">Regular</mat-checkbox>
|
||||
<mat-checkbox class="flex-auto mr-5" formControlName="happy">Happy Hour</mat-checkbox>
|
||||
<mat-checkbox class="flex-auto mr-5" formControlName="staff"
|
||||
>Staff Consumption</mat-checkbox
|
||||
>
|
||||
<mat-checkbox class="example-margin" formControlName="nc">No Charge</mat-checkbox>
|
||||
<mat-checkbox class="flex-auto mr-5" formControlName="nc">No Charge</mat-checkbox>
|
||||
</div>
|
||||
</form>
|
||||
<mat-table #table [dataSource]="dataSource" aria-label="Elements">
|
||||
@ -62,18 +60,6 @@
|
||||
<mat-cell *matCellDef="let row" class="right">{{ row[col] }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<!-- <!– Name Column –>-->
|
||||
<!-- <ng-container matColumnDef="name">-->
|
||||
<!-- <mat-header-cell *matHeaderCellDef class="right">Name</mat-header-cell>-->
|
||||
<!-- <mat-cell *matCellDef="let row" class="right">{{row.name}}</mat-cell>-->
|
||||
<!-- </ng-container>-->
|
||||
|
||||
<!-- <!– Quantity Column –>-->
|
||||
<!-- <ng-container matColumnDef="quantity">-->
|
||||
<!-- <mat-header-cell *matHeaderCellDef class="right">Quantity</mat-header-cell>-->
|
||||
<!-- <mat-cell *matCellDef="let row" class="right">{{row.quantity | number:'1.2-2'}}</mat-cell>-->
|
||||
<!-- </ng-container>-->
|
||||
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
||||
</mat-table>
|
||||
|
||||
Reference in New Issue
Block a user