-<div class="dropdown-root" dropdown container="body" dropup="true" placement="right" role="button">
- <div class="action-button" dropdownToggle>
- <span class="icon icon-action"></span>
+<div class="dropdown-root" ngbDropdown [placement]="placement">
+ <div
+ class="action-button" [ngClass]="{ small: buttonSize === 'small', grey: theme === 'grey', orange: theme === 'orange', 'button-styled': buttonStyled }"
+ ngbDropdownToggle role="button"
+ >
+ <my-global-icon *ngIf="!label && buttonDirection === 'horizontal'" class="more-icon" iconName="more-horizontal"></my-global-icon>
+ <my-global-icon *ngIf="!label && buttonDirection === 'vertical'" class="more-icon" iconName="more-vertical"></my-global-icon>
+
+ <span *ngIf="label" class="dropdown-toggle">{{ label }}</span>
</div>
- <ul *dropdownMenu class="dropdown-menu" id="more-menu" role="menu" aria-labelledby="single-button">
- <li role="menuitem" *ngFor="let action of actions">
- <my-delete-button *ngIf="action.type === 'delete'" [label]="action.label" (click)="action.handler(entry)"></my-delete-button>
- <my-edit-button *ngIf="action.type === 'edit'" [label]="action.label" [routerLink]="action.linkBuilder(entry)"></my-edit-button>
-
- <a *ngIf="action.type === 'custom'" class="dropdown-item" href="#" (click)="action.handler(entry)">
- <span *ngIf="action.iconClass" class="icon" [ngClass]="action.iconClass"></span> <ng-container>{{ action.label }}</ng-container>
- </a>
- </li>
- </ul>
-</div>
\ No newline at end of file
+ <div ngbDropdownMenu class="dropdown-menu">
+ <ng-container *ngFor="let actions of getActions()">
+
+ <ng-container *ngFor="let action of actions">
+ <ng-container *ngIf="action.isDisplayed === undefined || action.isDisplayed(entry) === true">
+
+ <a *ngIf="action.linkBuilder" [ngClass]="{ 'with-icon': !!action.iconName }" class="dropdown-item" [routerLink]="action.linkBuilder(entry)">
+ <my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName"></my-global-icon>
+ {{ action.label }}
+ </a>
+
+ <span
+ *ngIf="!action.linkBuilder" [ngClass]="{ 'with-icon': !!action.iconName }" (click)="action.handler(entry)"
+ class="custom-action dropdown-item" role="button"
+ >
+ <my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName"></my-global-icon>
+ {{ action.label }}
+ </span>
+
+ </ng-container>
+ </ng-container>
+
+ <div *ngIf="areActionsDisplayed(actions, entry)" class="dropdown-divider"></div>
+
+ </ng-container>
+ </div>
+</div>