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

   1 <div class="btn-group"
   2      dropdown>
   3   <ng-container *ngIf="getCurrentButton() as action">
   4     <button type="button"
   5             class="btn btn-sm btn-primary"
   6             [ngClass]="{'disabled': disableSelectionAction(action)}"
   7             (click)="useClickAction(action)"
   8             [routerLink]="useRouterLink(action)">
   9       <i class="fa fa-fw {{ action.icon }}"></i><span>{{ action.name }}</span>
  10     </button>
  11   </ng-container>
  12   <button type="button"
  13           dropdownToggle
  14           *ngIf="showDropDownActions()"
  15           class="btn btn-sm btn-primary dropdown-toggle dropdown-toggle-split">
  16     <ng-container *ngIf="onlyDropDown">{{ onlyDropDown }}</ng-container>
  17     <span class="caret"></span>
  18     <span *ngIf="!onlyDropDown"
  19           class="sr-only"></span>
  20   </button>
  21   <ul *dropdownMenu
  22       class="dropdown-menu"
  23       role="menu">
  24     <ng-container *ngFor="let action of dropDownActions">
  25       <li role="menuitem"
  26           class="{{ toClassName(action['name']) }}"
  27           [ngClass]="{'disabled': disableSelectionAction(action)}"
  28           data-toggle="tooltip" title="{{ useDisableDesc(action) }}">
  29         <a class="dropdown-item"
  30            (click)="useClickAction(action)"
  31            [routerLink]="useRouterLink(action)">
  32           <i class="fa fa-fw {{ action.icon }}"></i><span>{{ action.name }}</span>
  33         </a>
  34       </li>
  35     </ng-container>
  36   </ul>
  37 </div>