Open-ILS/src/eg2/src/app/staff/reporter/simple/sr-sort-order.component.html

   1 <div class="order-row">
   2
   3 <ngb-accordion #displayList="ngbAccordion" activeIds="display-field-list" class="col-md-6">
   4
   5   <ngb-panel id="display-field-list">
   6     <ng-template ngbPanelHeader let-opened=true>
   7       <h5 class="m-0" i18n>Field Display Order</h5>
   8     </ng-template>
   9     <ng-template ngbPanelContent>
  10
  11       <ng-container *ngFor="let f of fields; index as idx">
  12         <eg-sr-field
  13           [field]=f
  14           [withAlias]=true
  15           [withTransforms]=true
  16           [withUpDown]=true
  17           [disableUp]="idx === 0"
  18           [disableDown]="idx === (fields.length - 1)"
  19           (fieldChange)="updateField($event)"
  20           (upEvent)="moveDisplayUp(idx)"
  21           (downEvent)="moveDisplayDown(idx)"
  22         >
  23         </eg-sr-field>
  24       </ng-container>
  25
  26     </ng-template>
  27   </ngb-panel>
  28
  29 </ngb-accordion>
  30
  31 <ngb-accordion #orderList="ngbAccordion" activeIds="order-field-list" class="col-md-6">
  32   <ngb-panel id="order-field-list">
  33     <ng-template ngbPanelHeader let-opened=true>
  34       <h5 class="m-0" i18n>Field Sort Order</h5>
  35     </ng-template>
  36     <ng-template ngbPanelContent>
  37
  38       <ng-container *ngFor="let f of fieldsInOrderByOrder(); index as idx">
  39         <eg-sr-field
  40           [field]=f
  41           [withAlias]=true
  42           [editAlias]=false
  43           [withUpDown]=true
  44           [withSortDirection]=true
  45           [disableUp]="idx === 0"
  46           [disableDown]="idx === (fields.length - 1)"
  47           (fieldChange)="updateField($event)"
  48           (upEvent)="moveOrderUp(idx)"
  49           (downEvent)="moveOrderDown(idx)"
  50         >
  51         </eg-sr-field>
  52       </ng-container>
  53
  54     </ng-template>
  55   </ngb-panel>
  56
  57 </ngb-accordion>
  58
  59 </div>