tanshu/barker
1
0
Fork 0
Code Issues 1 Pull Requests Releases 4 Activity

Fix: The dialogs were not rendering properly.

Browse Source 
The select table dialog was long and narrow.
The billtype was selection was also not showing properly.
This commit is contained in:
Amritanshu Agrawal
2023-03-13 21:22:07 +05:30
parent 3af0b0ac96
commit 245937ecf2
4 changed files with 48 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
bookie/src/app/sales/bill-type/bill-type.component.html
View File

@ -1,4 +1,6 @@
<div class="flex flex-row flex-wrap -mr-5 -mb-5"> <h2 mat-dialog-title>Bill Type</h2>
<mat-dialog-content>
<div class="flex flex-row flex-wrap -mr-5 -mb-5">
<mat-card <mat-card
class="flex flex-col square-button mr-5, mb-5" class="flex flex-col square-button mr-5, mb-5"
matRipple matRipple
@ -23,7 +25,8 @@
> >
<h3 class="item-name">No Charge</h3> <h3 class="item-name">No Charge</h3>
</mat-card> </mat-card>
</div> </div>
</mat-dialog-content>
<mat-dialog-actions align="end"> <mat-dialog-actions align="end">
<button mat-button [mat-dialog-close]="false">Cancel</button> <button mat-button [mat-dialog-close]="false">Cancel</button>
<button mat-button [mat-dialog-close]="selectedVal">Done</button> <button mat-button [mat-dialog-close]="selectedVal">Done</button>

2
bookie/src/app/sales/choose-customer/choose-customer.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Customer</h1> <h2 mat-dialog-title>Customer</h2>
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="form" class="flex flex-col"> <form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start"> <div class="flex flex-row justify-around content-start items-start">

1
bookie/src/app/sales/home/sales-home.component.ts
View File

@ -350,7 +350,6 @@ export class SalesHomeComponent {
showChooseTableDialog(canChooseRunning: boolean): Observable<Table | undefined | null> { showChooseTableDialog(canChooseRunning: boolean): Observable<Table | undefined | null> {
return this.dialog return this.dialog
.open(TablesDialogComponent, { .open(TablesDialogComponent, {
// width: '750px',
data: { data: {
list: this.tableService.running(), list: this.tableService.running(),
canChooseRunning, canChooseRunning,

4
bookie/src/app/sales/tables-dialog/tables-dialog.component.html
View File

@ -1,5 +1,6 @@
<h2 mat-dialog-title>Tables</h2> <h2 mat-dialog-title>Tables</h2>
<mat-dialog-content class="flex flex-row flex-wrap -mr-5 -mb-5"> <mat-dialog-content>
<div class="flex flex-row flex-wrap -mr-5 -mb-5">
<mat-card <mat-card
class="flex flex-col square-button mr-5, mb-5" class="flex flex-col square-button mr-5, mb-5"
matRipple matRipple
@ -15,6 +16,7 @@
<span class="center" *ngIf="table.date">{{ table.date }}</span> <span class="center" *ngIf="table.date">{{ table.date }}</span>
<span class="center" *ngIf="table.amount">{{ table.amount | currency : 'INR' }}</span> <span class="center" *ngIf="table.amount">{{ table.amount | currency : 'INR' }}</span>
</mat-card> </mat-card>
</div>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions align="end"> <mat-dialog-actions align="end">
<button mat-button [mat-dialog-close]="false">Cancel</button> <button mat-button [mat-dialog-close]="false">Cancel</button>