]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/buttons/action-dropdown.component.html
Refactor how we use icons
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / buttons / action-dropdown.component.html
1 <div class="dropdown-root" ngbDropdown [placement]="placement">
2 <div
3 class="action-button" [ngClass]="{ small: buttonSize === 'small', grey: theme === 'grey', orange: theme === 'orange' }"
4 ngbDropdownToggle role="button"
5 >
6 <my-global-icon *ngIf="!label" class="more-icon" iconName="more"></my-global-icon>
7 <span *ngIf="label" class="dropdown-toggle">{{ label }}</span>
8 </div>
9
10 <div ngbDropdownMenu class="dropdown-menu">
11 <ng-container *ngFor="let actions of getActions()">
12
13 <ng-container *ngFor="let action of actions">
14 <ng-container *ngIf="action.isDisplayed === undefined || action.isDisplayed(entry) === true">
15 <a *ngIf="action.linkBuilder" class="dropdown-item" [routerLink]="action.linkBuilder(entry)">{{ action.label }}</a>
16
17 <span *ngIf="!action.linkBuilder" class="custom-action dropdown-item" (click)="action.handler(entry)" role="button">
18 {{ action.label }}
19 </span>
20 </ng-container>
21 </ng-container>
22
23 <div class="dropdown-divider"></div>
24
25 </ng-container>
26 </div>
27 </div>