]>
Commit | Line | Data |
---|---|---|
3d216ea0 | 1 | <div class="dropdown-root" ngbDropdown [placement]="placement" *ngIf="areActionsDisplayed(actions, entry)"> |
791645e6 | 2 | <div |
3a0fb65c | 3 | class="action-button" [ngClass]="{ small: buttonSize === 'small', grey: theme === 'grey', orange: theme === 'orange', 'button-styled': buttonStyled }" |
791645e6 C |
4 | ngbDropdownToggle role="button" |
5 | > | |
3a0fb65c C |
6 | <my-global-icon *ngIf="!label && buttonDirection === 'horizontal'" class="more-icon" iconName="more-horizontal"></my-global-icon> |
7 | <my-global-icon *ngIf="!label && buttonDirection === 'vertical'" class="more-icon" iconName="more-vertical"></my-global-icon> | |
8 | ||
791645e6 | 9 | <span *ngIf="label" class="dropdown-toggle">{{ label }}</span> |
eacb25c4 C |
10 | </div> |
11 | ||
141b177d | 12 | <div ngbDropdownMenu class="dropdown-menu"> |
f97c91f7 | 13 | <ng-container *ngFor="let actions of getActions()"> |
eacb25c4 | 14 | |
f97c91f7 C |
15 | <ng-container *ngFor="let action of actions"> |
16 | <ng-container *ngIf="action.isDisplayed === undefined || action.isDisplayed(entry) === true"> | |
f97c91f7 | 17 | |
9b82d49d | 18 | <ng-template #templateActionLabel let-action> |
3a0fb65c | 19 | <my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName"></my-global-icon> |
f0ad4710 | 20 | |
9b82d49d RK |
21 | <div class="d-flex flex-column"> |
22 | <span i18n>{{ action.label }}</span> | |
23 | <small class="text-muted" *ngIf="action.description">{{ action.description }}</small> | |
24 | </div> | |
25 | </ng-template> | |
26 | ||
27 | <a *ngIf="action.linkBuilder" [ngClass]="{ 'with-icon': !!action.iconName }" class="dropdown-item" [routerLink]="action.linkBuilder(entry)" [title]="action.title || ''"> | |
28 | <ng-container *ngTemplateOutlet="templateActionLabel; context:{ $implicit: action }"></ng-container> | |
3a0fb65c C |
29 | </a> |
30 | ||
31 | <span | |
32 | *ngIf="!action.linkBuilder" [ngClass]="{ 'with-icon': !!action.iconName }" (click)="action.handler(entry)" | |
9b82d49d | 33 | class="custom-action dropdown-item" role="button" [title]="action.title || ''" |
3a0fb65c | 34 | > |
9b82d49d | 35 | <ng-container *ngTemplateOutlet="templateActionLabel; context:{ $implicit: action }"></ng-container> |
f97c91f7 | 36 | </span> |
3a0fb65c | 37 | |
f97c91f7 | 38 | </ng-container> |
af5767ff | 39 | </ng-container> |
f97c91f7 | 40 | |
3a0fb65c | 41 | <div *ngIf="areActionsDisplayed(actions, entry)" class="dropdown-divider"></div> |
f97c91f7 | 42 | |
141b177d C |
43 | </ng-container> |
44 | </div> | |
f97c91f7 | 45 | </div> |