aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/shared/buttons/action-dropdown.component.html
blob: cd993db9f7449ec4ce5ff608f13eeb5f3fd46ee2 (plain) (tree)
1
2
3
4
5
6
7
8
9
                                                                                                           
      
                                                                                                                                                          

                                   


                                                                                                                                     
                                                                  

        
                                             
                                                       
 

                                                                                                     
 
                                                       
                                                                                                                                        
 







                                                                                                                                                                                   



                                                                                                                      
                                                                                          
           
                                                                                                                
                 
 
                       
                     
 
                                                                                      
 

                   
      
<div class="dropdown-root" ngbDropdown [placement]="placement" *ngIf="areActionsDisplayed(actions, entry)">
  <div
    class="action-button" [ngClass]="{ small: buttonSize === 'small', grey: theme === 'grey', orange: theme === 'orange', 'button-styled': buttonStyled }"
    ngbDropdownToggle role="button"
  >
    <my-global-icon *ngIf="!label && buttonDirection === 'horizontal'" class="more-icon" iconName="more-horizontal"></my-global-icon>
    <my-global-icon *ngIf="!label && buttonDirection === 'vertical'" class="more-icon" iconName="more-vertical"></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">

          <ng-template #templateActionLabel let-action>
            <my-global-icon *ngIf="action.iconName" [iconName]="action.iconName" [ngClass]="'icon-' + action.iconName"></my-global-icon>

            <div class="d-flex flex-column">
              <span i18n>{{ action.label }}</span>
              <small class="text-muted" *ngIf="action.description">{{ action.description }}</small>
            </div>
          </ng-template>

          <a *ngIf="action.linkBuilder" [ngClass]="{ 'with-icon': !!action.iconName }" class="dropdown-item" [routerLink]="action.linkBuilder(entry)" [title]="action.title || ''">
            <ng-container *ngTemplateOutlet="templateActionLabel; context:{ $implicit: action }"></ng-container>
          </a>

          <span
            *ngIf="!action.linkBuilder" [ngClass]="{ 'with-icon': !!action.iconName }" (click)="action.handler(entry)"
            class="custom-action dropdown-item" role="button" [title]="action.title || ''"
          >
            <ng-container *ngTemplateOutlet="templateActionLabel; context:{ $implicit: action }"></ng-container>
          </span>

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

      <div *ngIf="areActionsDisplayed(actions, entry)" class="dropdown-divider"></div>

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