Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-editor.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header bg-info">
   3     <h4 class="modal-title" i18n>Grid Menu Configuration</h4>
   4     <button type="button" class="btn-close btn-close-white"
   5       i18n-aria-label aria-label="Close" (click)="close()"></button>
   6   </div>
   7   <div class="modal-body">
   8     <div class="row">
   9       <div class="col-lg-9 eg-grid-header-cell" i18n>Menu Item</div>
  10       <div class="col-lg-3 eg-grid-header-cell" i18n>Visible</div>
  11     </div>
  12     <div class="row pt-1" *ngFor="let action of gridContext.toolbarActions">
  13       <ng-container *ngIf="action.isGroup">
  14         <div class="col-lg-12 fw-bold fst-italic">{{action.label}}</div>
  15       </ng-container>
  16       <ng-container *ngIf="action.isSeparator">
  17         <div class="col-lg-12 dropdown-divider"></div>
  18       </ng-container>
  19       <ng-container *ngIf="!action.isGroup && !action.isSeparator">
  20         <div class="col-lg-9">
  21           <div [ngClass]="{'ps-2': action.group}"
  22             (click)="showHideClicked(action)">{{action.label}}</div>
  23         </div>
  24         <div class="col-lg-3" (click)="showHideClicked(action)">
  25           <span *ngIf="!action.hidden" class="badge badge-success">&#x2713;</span>
  26           <span *ngIf="action.hidden" class="badge badge-warning">&#x2717;</span>
  27         </div>
  28       </ng-container>
  29     </div>
  30   </div>
  31   <div class="modal-footer">
  32     <button type="button" class="btn btn-success ms-2"
  33       (click)="close('confirmed')" i18n>Close</button>
  34   </div>
  35 </ng-template>