Refactor how we use icons
[oweals/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>