ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-actions/table-actions.component.html

   1 <div class="btn-group">
   2   <ng-container *ngIf="currentAction">
   3     <button type="button"
   4             title="{{ useDisableDesc(currentAction) }}"
   5             class="btn btn-{{btnColor}}"
   6             [ngClass]="{'disabled': disableSelectionAction(currentAction)}"
   7             (click)="useClickAction(currentAction)"
   8             [disabled]="disableSelectionAction(currentAction)"
   9             [routerLink]="useRouterLink(currentAction)"
  10             [attr.aria-label]="currentAction.name"
  11             [preserveFragment]="currentAction.preserveFragment ? '' : null">
  12       <i [ngClass]="[currentAction.icon]"></i>
  13       <span class="action-label">{{ currentAction.name }}</span>
  14     </button>
  15   </ng-container>
  16   <div class="btn-group"
  17        ngbDropdown
  18        role="group"
  19        *ngIf="dropDownActions.length > 1"
  20        aria-label="Button group with nested dropdown">
  21     <button aria-label="dropdown-menu-toggle"
  22             class="btn btn-{{btnColor}} dropdown-toggle-split"
  23             ngbDropdownToggle>
  24       <ng-container *ngIf="dropDownOnly">{{ dropDownOnly }} </ng-container>
  25       <span *ngIf="!dropDownOnly"
  26             class="sr-only"></span>
  27     </button>
  28     <div class="dropdown-menu"
  29          ngbDropdownMenu>
  30       <ng-container *ngFor="let action of dropDownActions">
  31         <button ngbDropdownItem
  32                 class="{{ toClassName(action) }}"
  33                 title="{{ useDisableDesc(action) }}"
  34                 (click)="useClickAction(action)"
  35                 [routerLink]="useRouterLink(action)"
  36                 [preserveFragment]="action.preserveFragment ? '' : null"
  37                 [disabled]="disableSelectionAction(action)"
  38                 [attr.aria-label]="action.name">
  39           <i [ngClass]="[action.icon, 'action-icon']"></i>
  40           <span>{{ action.name }}</span>
  41         </button>
  42       </ng-container>
  43     </div>
  44   </div>
  45 </div>