git.apps.os.sepia.ceph.com Git - ceph.git/blob

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