Open-ILS/src/eg2/src/app/share/grid/grid-manage-filters-dialog.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header bg-info">
   3     <h4 class="modal-title">
   4       <span i18n>Manage Grid Filters</span>
   5     </h4>
   6     <button type="button" class="btn-close btn-close-white"
   7     i18n-aria-label aria-label="Close" (click)="close()">
   8   </button>
   9 </div>
  10 <div class="modal-body">
  11     <form #manageFiltersForm="ngForm" role="form" class="form-validated common-form striped-odd">
  12         <div class="form-group row">
  13             <div class="col-lg-3">
  14                 <label for="session_name" i18n>Save as</label>
  15             </div>
  16             <div class="col-lg-9">
  17               <input
  18                 class="form-control"
  19                 id="session_name" name="session_name"
  20                 type="text" pattern="[\s\S]*\S[\s\S]*"
  21                 placeholder="Name..." i18n-placeholder
  22                 required="false"
  23                 [disabled]="disableSaveNameTest()"
  24                 (ngModelChange)="saveFilterNameModelChanged.next($event)"
  25                 [ngModel]="saveFilterName"/>
  26                 <div *ngIf="nameCollision" class="alert alert-warning" i18n>
  27                     An existing Filter Set with the same name will be overwritten if you Save.
  28                 </div>
  29             </div>
  30         </div>
  31         <div class="form-group row">
  32             <div class="col-lg-3">
  33             </div>
  34             <div class="col-lg-9">
  35               <button type="button" class="btn btn-success" [disabled]="disableSaveButtonTest()"
  36                     (click)="saveFilters()" i18n>
  37                     Save Active Filters</button>
  38             </div>
  39         </div>
  40         <div class="form-group row">
  41             <div class="col-lg-3">
  42                 <label for="filter_sets" i18n>Filter Sets</label>
  43             </div>
  44             <div class="col-lg-9">
  45               <eg-combobox #namedFilterSetSelector
  46                 domId="filterSets" name="filter_sets" [entries]="filterSetEntries"
  47                 placeholder="Filter Sets..." i18n-placeholder>
  48               </eg-combobox>
  49             </div>
  50         </div>
  51         <div class="form-group row">
  52             <div class="col-lg-3">
  53             </div>
  54             <div class="col-lg-9">
  55                   <button type="button" class="btn btn-success" [disabled]="!namedFilterSetSelector.selectedId"
  56                         (click)="gridContext.loadFilters(namedFilterSetSelector.selectedId); close();" i18n>
  57                         Load Filter Set</button>
  58                 <div *ngIf="gridContext.filtersSet()" class="alert alert-warning" i18n>
  59                     Your active filters will be replaced with this filter set if you Load.
  60                 </div>
  61             </div>
  62         </div>
  63         <div class="form-group row">
  64             <div class="col-lg-3">
  65             </div>
  66             <div class="col-lg-9">
  67                   <button type="button" class="btn btn-success" [disabled]="!namedFilterSetSelector.selectedId"
  68                         (click)="gridContext.deleteFilters(namedFilterSetSelector.selectedId); namedFilterSetSelector.selectedId = ''; refreshEntries();" i18n>
  69                         Delete Filter Set</button>
  70             </div>
  71         </div>
  72     </form>
  73 </div>
  74 <div class="modal-footer">
  75   <button type="button" class="btn btn-success" [disabled]="manageFiltersForm.invalid"
  76         (click)="gridContext.removeFilters(); close(false);" i18n>
  77         Remove Filters</button>
  78   <button type="button" class="btn btn-secondary"
  79         (click)="close()" i18n>
  80         Cancel</button>
  81 </div>
  82 </ng-template>