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

   1 <ng-template #dialogContent>
   2   <div class="modal-header">
   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           <button type="button" class="btn btn-sm" [ngClass]="{'ps-2': action.group}"
  22             (click)="showHideClicked(action)">{{action.label}}</button>
  23         </div>
  24         <div class="col-lg-3">
  25           <button type="button" class="btn btn-sm" (click)="showHideClicked(action)">
  26             <span *ngIf="!action.hidden" class="badge badge-success">&#x2713;</span>
  27             <span *ngIf="action.hidden" class="badge badge-warning">&#x2717;</span>
  28           </button>
  29         </div>
  30       </ng-container>
  31     </div>
  32   </div>
  33   <div class="modal-footer">
  34     <button type="button" class="btn btn-success ms-2"
  35       (click)="close('confirmed')" i18n>Close</button>
  36   </div>
  37 </ng-template>