aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/buttons/action-dropdown.component.html
blob: 48230d6d80d2274b7aa6e2c4a36cc3c3206fbb22 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="dropdown-root" ngbDropdown [placement]="placement">
  <div
    class="action-button" [ngClass]="{ small: buttonSize === 'small', grey: theme === 'grey', orange: theme === 'orange' }"
    ngbDropdownToggle role="button"
  >
    <span *ngIf="!label" class="icon icon-action"></span>
    <span *ngIf="label" class="dropdown-toggle">{{ label }}</span>
  </div>

  <div ngbDropdownMenu class="dropdown-menu">
    <ng-container *ngFor="let action of actions">
      <ng-container *ngIf="action.isDisplayed === undefined || action.isDisplayed(entry) === true">
        <a *ngIf="action.linkBuilder" class="dropdown-item" [routerLink]="action.linkBuilder(entry)">{{ action.label }}</a>

        <span *ngIf="!action.linkBuilder" class="custom-action dropdown-item" (click)="action.handler(entry)" role="button">
          {{ action.label }}
        </span>
      </ng-container>
    </ng-container>
  </div>
</div>