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