111638: Duplicate buttons at bottom of page

This commit is contained in:
Andreas Awouters
2024-02-05 14:47:43 +01:00
parent e25ce44a47
commit e96a7582f4

View File

@@ -2,18 +2,7 @@
<div class="d-flex"> <div class="d-flex">
<h2 class="flex-grow-1">{{'process.overview.title' | translate}}</h2> <h2 class="flex-grow-1">{{'process.overview.title' | translate}}</h2>
</div> </div>
<div class="d-flex justify-content-end mb-2"> <ng-container *ngTemplateOutlet="buttons"></ng-container>
<button *ngIf="processBulkDeleteService.hasSelected()" class="btn btn-primary mr-2"
(click)="processBulkDeleteService.clearAllProcesses()"><i
class="fas fa-undo pr-2"></i>{{'process.overview.delete.clear' | translate }}
</button>
<button *ngIf="processBulkDeleteService.hasSelected()" class="btn btn-danger mr-2"
(click)="openDeleteModal(deleteModal)"><i
class="fas fa-trash pr-2"></i>{{'process.overview.delete' | translate: {count: processBulkDeleteService.getAmountOfSelectedProcesses()} }}
</button>
<button class="btn btn-success" routerLink="/processes/new"><i
class="fas fa-plus pr-2"></i>{{'process.overview.new' | translate}}</button>
</div>
<div class="sections"> <div class="sections">
<ds-process-overview-table <ds-process-overview-table
@@ -33,8 +22,25 @@
[useAutoRefreshingSearchBy]="true" [useAutoRefreshingSearchBy]="true"
[getInfoValueMethod]="processOverviewService.timeCompleted"/> [getInfoValueMethod]="processOverviewService.timeCompleted"/>
</div> </div>
<ng-container *ngTemplateOutlet="buttons"></ng-container>
</div> </div>
<ng-template #buttons>
<div class="d-flex justify-content-end mb-2">
<button *ngIf="processBulkDeleteService.hasSelected()" class="btn btn-primary mr-2"
(click)="processBulkDeleteService.clearAllProcesses()"><i
class="fas fa-undo pr-2"></i>{{'process.overview.delete.clear' | translate }}
</button>
<button *ngIf="processBulkDeleteService.hasSelected()" class="btn btn-danger mr-2"
(click)="openDeleteModal(deleteModal)"><i
class="fas fa-trash pr-2"></i>{{'process.overview.delete' | translate: {count: processBulkDeleteService.getAmountOfSelectedProcesses()} }}
</button>
<button class="btn btn-success" routerLink="/processes/new"><i
class="fas fa-plus pr-2"></i>{{'process.overview.new' | translate}}</button>
</div>
</ng-template>
<ng-template #deleteModal> <ng-template #deleteModal>
<div> <div>