Vergara_Tech/zgo
Vergara_Tech/zgo
2
1
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity

Cancel Order Dialog updated to new Look&Feel

Browse source
This commit is contained in:
Rene V. Vergara A. 2022-07-31 17:54:50 -05:00
parent e58673390d
commit 55a657a385
4 changed files with 41 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/cancel/cancel.component.css
View file

@ -5,3 +5,12 @@
mat-dialog-content { mat-dialog-content {
max-width: 400px; max-width: 400px;
} }
.cancelTitle {
font-family: 'Spartan', sans-serif;
background: #ff5722;
color: white;
font-size: 26px;
text-align: center;
padding: 5px;
}

44
src/app/cancel/cancel.component.html
View file

@ -1,24 +1,28 @@
<h3 mat-dialog-title class="text">{{title}}</h3> <div class="container" style="margin-top: 10px;">
<mat-dialog-content> <div class="cancelTitle">{{title}}</div>
<p class="text">{{msg}}</p>
</mat-dialog-content>
<mat-dialog-actions> <mat-dialog-content>
<table cellspacing="0" width="100%"> <p class="text">{{msg}}</p>
<tr> </mat-dialog-content>
<td>
<button mat-raised-button color="primary" (click)="confirm()">
Yes
</button>
</td> <mat-dialog-actions>
<td align="right"> <table cellspacing="0" width="100%">
<button mat-raised-button (click)="close()"> <tr>
No <td>
</button> <button mat-raised-button color="primary" (click)="confirm()">
Yes
</button>
</td> </td>
</tr> <td align="right">
</table> <button mat-raised-button (click)="close()">
</mat-dialog-actions> No
</button>
</td>
</tr>
</table>
</mat-dialog-actions>
</div>

1
src/app/cancel/cancel.component.ts
View file

@ -1,6 +1,7 @@
import { Inject, Component, OnInit, ViewEncapsulation} from '@angular/core'; import { Inject, Component, OnInit, ViewEncapsulation} from '@angular/core';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
@Component({ @Component({
selector: 'app-cancel', selector: 'app-cancel',
templateUrl: './cancel.component.html', templateUrl: './cancel.component.html',

9
src/app/order/order.component.ts
View file

@ -17,6 +17,7 @@ import { faTrashAlt } from '@fortawesome/free-solid-svg-icons';
import { faChevronRight } from '@fortawesome/free-solid-svg-icons'; import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
import { faSignOut } from '@fortawesome/free-solid-svg-icons'; import { faSignOut } from '@fortawesome/free-solid-svg-icons';
import { NotifierService } from '../notifier.service';
@Component({ @Component({
selector: 'app-order', selector: 'app-order',
@ -66,8 +67,9 @@ export class OrderComponent implements OnInit{
constructor( constructor(
public fullnodeService: FullnodeService, public fullnodeService: FullnodeService,
public orderService: OrderService, public orderService: OrderService,
private dialog: MatDialog private dialog: MatDialog,
) { private notifierService: NotifierService )
{
this.priceUpdate = fullnodeService.priceUpdate; this.priceUpdate = fullnodeService.priceUpdate;
this.priceUpdate.subscribe((price) => { this.priceUpdate.subscribe((price) => {
this.price = price; this.price = price;
@ -119,6 +121,9 @@ export class OrderComponent implements OnInit{
console.log('Canceling'); console.log('Canceling');
this.orderService.cancelOrder(this.order._id!).subscribe((response) => { this.orderService.cancelOrder(this.order._id!).subscribe((response) => {
this.orderService.getOrder(); this.orderService.getOrder();
this.notifierService
.showNotification("Order successfully cancelled!",
"Close","success");
});; });;
} else { } else {
console.log('Returning to page'); console.log('Returning to page');