Refactor how we use icons

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / buttons / action-dropdown.component.html

<div class="dropdown-root" ngbDropdown [placement]="placement">
  <div
    class="action-button" [ngClass]="{ small: buttonSize === 'small', grey: theme === 'grey', orange: theme === 'orange' }"
    ngbDropdownToggle role="button"
  >
    <my-global-icon *ngIf="!label" class="more-icon" iconName="more"></my-global-icon>
    <span *ngIf="label" class="dropdown-toggle">{{ label }}</span>
  </div>

  <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" 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 class="dropdown-divider"></div>

    </ng-container>
  </div>
</div>