move CPFP panel above accelerator
This commit is contained in:
		
							parent
							
								
									3088befbf5
								
							
						
					
					
						commit
						69b346ab00
					
				| @ -74,38 +74,9 @@ | |||||||
| 
 | 
 | ||||||
|   <ng-template [ngIf]="!isLoadingTx && !error"> |   <ng-template [ngIf]="!isLoadingTx && !error"> | ||||||
| 
 | 
 | ||||||
|     <!-- Accelerator --> |     <!-- CPFP Details --> | ||||||
|     <ng-container *ngIf="!tx?.status?.confirmed && showAccelerationSummary"> |  | ||||||
|       <br> |  | ||||||
|       <div class="title float-left"> |  | ||||||
|         <h2 i18n="transaction.accelerate|Accelerate button label">Accelerate</h2> |  | ||||||
|       </div> |  | ||||||
| 
 |  | ||||||
|       <button type="button" class="btn btn-outline-info flow-toggle btn-sm float-right" (click)="closeAccelerator()" i18n="hide-diagram">Hide accelerator</button> |  | ||||||
|       <button *ngIf="hasAccelerationDetails" class="btn btn-sm btn-outline-info float-right ml-2" (click)="showAccelerationDetails = !showAccelerationDetails">Details</button> |  | ||||||
| 
 |  | ||||||
|       <div class="clearfix"></div> |  | ||||||
| 
 |  | ||||||
|       <ng-container *ngIf="(ETA$ | async) as eta;"> |  | ||||||
|         <app-accelerate-checkout |  | ||||||
|           *ngIf="(da$ | async) as da;" |  | ||||||
|           [cashappEnabled]="accelerationEligible" |  | ||||||
|           [advancedEnabled]="true" |  | ||||||
|           [tx]="tx" |  | ||||||
|           [eta]="eta" |  | ||||||
|           [miningStats]="miningStats" |  | ||||||
|           [scrollEvent]="scrollIntoAccelPreview" |  | ||||||
|           [showDetails]="showAccelerationDetails" |  | ||||||
|           [noCTA]="true" |  | ||||||
|           (hasDetails)="setHasAccelerationDetails($event)" |  | ||||||
|           class="h-100 w-100" |  | ||||||
|         ></app-accelerate-checkout> |  | ||||||
|       </ng-container> |  | ||||||
|     </ng-container> |  | ||||||
| 
 |  | ||||||
|     <ng-template [ngIf]="showCpfpDetails"> |     <ng-template [ngIf]="showCpfpDetails"> | ||||||
|       <br> |       <br> | ||||||
| 
 |  | ||||||
|       <h2 class="text-left">CPFP <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" size="xs"></fa-icon></h2> |       <h2 class="text-left">CPFP <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" size="xs"></fa-icon></h2> | ||||||
|       <div class="box cpfp-details"> |       <div class="box cpfp-details"> | ||||||
|         <table class="table table-fixed table-borderless table-striped"> |         <table class="table table-fixed table-borderless table-striped"> | ||||||
| @ -161,6 +132,35 @@ | |||||||
|       </div> |       </div> | ||||||
|     </ng-template> |     </ng-template> | ||||||
| 
 | 
 | ||||||
|  |     <!-- Accelerator --> | ||||||
|  |     <ng-container *ngIf="!tx?.status?.confirmed && showAccelerationSummary"> | ||||||
|  |       <br> | ||||||
|  |       <div class="title float-left"> | ||||||
|  |         <h2 i18n="transaction.accelerate|Accelerate button label">Accelerate</h2> | ||||||
|  |       </div> | ||||||
|  | 
 | ||||||
|  |       <button type="button" class="btn btn-outline-info flow-toggle btn-sm float-right" (click)="closeAccelerator()" i18n="hide-diagram">Hide accelerator</button> | ||||||
|  |       <button *ngIf="hasAccelerationDetails" class="btn btn-sm btn-outline-info float-right ml-2" (click)="showAccelerationDetails = !showAccelerationDetails">Details</button> | ||||||
|  | 
 | ||||||
|  |       <div class="clearfix"></div> | ||||||
|  | 
 | ||||||
|  |       <ng-container *ngIf="(ETA$ | async) as eta;"> | ||||||
|  |         <app-accelerate-checkout | ||||||
|  |           *ngIf="(da$ | async) as da;" | ||||||
|  |           [cashappEnabled]="accelerationEligible" | ||||||
|  |           [advancedEnabled]="true" | ||||||
|  |           [tx]="tx" | ||||||
|  |           [eta]="eta" | ||||||
|  |           [miningStats]="miningStats" | ||||||
|  |           [scrollEvent]="scrollIntoAccelPreview" | ||||||
|  |           [showDetails]="showAccelerationDetails" | ||||||
|  |           [noCTA]="true" | ||||||
|  |           (hasDetails)="setHasAccelerationDetails($event)" | ||||||
|  |           class="h-100 w-100" | ||||||
|  |         ></app-accelerate-checkout> | ||||||
|  |       </ng-container> | ||||||
|  |     </ng-container> | ||||||
|  | 
 | ||||||
|     <br> |     <br> | ||||||
| 
 | 
 | ||||||
|     <ng-container *ngIf="rbfInfo"> |     <ng-container *ngIf="rbfInfo"> | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user