diff options
Diffstat (limited to 'client/src/app/shared/buttons/action-dropdown.component.html')
-rw-r--r-- | client/src/app/shared/buttons/action-dropdown.component.html | 23 |
1 files changed, 12 insertions, 11 deletions
diff --git a/client/src/app/shared/buttons/action-dropdown.component.html b/client/src/app/shared/buttons/action-dropdown.component.html index c87ba4c82..8b7241379 100644 --- a/client/src/app/shared/buttons/action-dropdown.component.html +++ b/client/src/app/shared/buttons/action-dropdown.component.html | |||
@@ -1,16 +1,17 @@ | |||
1 | <div class="dropdown-root" dropdown container="body" dropup="true" placement="right" role="button"> | 1 | <div class="dropdown-root" ngbDropdown [placement]="placement"> |
2 | <div class="action-button" dropdownToggle> | 2 | <div class="action-button" ngbDropdownToggle role="button"> |
3 | <span class="icon icon-action"></span> | 3 | <span class="icon icon-action"></span> |
4 | </div> | 4 | </div> |
5 | 5 | ||
6 | <ul *dropdownMenu class="dropdown-menu" id="more-menu" role="menu" aria-labelledby="single-button"> | 6 | <div ngbDropdownMenu class="dropdown-menu"> |
7 | <li role="menuitem" *ngFor="let action of actions"> | 7 | <ng-container *ngFor="let action of actions"> |
8 | <my-delete-button *ngIf="action.type === 'delete'" [label]="action.label" (click)="action.handler(entry)"></my-delete-button> | 8 | <div class="dropdown-item" *ngIf="action.isDisplayed === undefined || action.isDisplayed(entry) === true"> |
9 | <my-edit-button *ngIf="action.type === 'edit'" [label]="action.label" [routerLink]="action.linkBuilder(entry)"></my-edit-button> | 9 | <a *ngIf="action.linkBuilder" class="dropdown-item" [routerLink]="action.linkBuilder(entry)">{{ action.label }}</a> |
10 | 10 | ||
11 | <a *ngIf="action.type === 'custom'" class="dropdown-item" href="#" (click)="action.handler(entry)"> | 11 | <span *ngIf="!action.linkBuilder" class="custom-action" class="dropdown-item" (click)="action.handler(entry)" role="button"> |
12 | <span *ngIf="action.iconClass" class="icon" [ngClass]="action.iconClass"></span> <ng-container>{{ action.label }}</ng-container> | 12 | {{ action.label }} |
13 | </a> | 13 | </span> |
14 | </li> | 14 | </div> |
15 | </ul> | 15 | </ng-container> |
16 | </div> | ||
16 | </div> \ No newline at end of file | 17 | </div> \ No newline at end of file |