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

   1 <eg-string #templateSaved i18n-text text="Report Saved Successfully"></eg-string>
   2 <eg-string #templateSaveError i18n-text text="Error Saving Report"></eg-string>
   3 <eg-string #newTitle i18n-text text="New Simple Report"></eg-string>
   4 <eg-string #editTitle i18n-text text="Edit Simple Report"></eg-string>
   5
   6 <eg-staff-banner #banner [bannerText]="pageTitle">
   7 </eg-staff-banner>
   8
   9 <eg-confirm-dialog
  10   #changeTypeDialog
  11   i18n-dialogTitle i18n-dialogBody
  12   dialogTitle="Confirm Report Type Change"
  13   dialogBody="You have already started creating a report; changing the report type will remove your progress. Continue?"
  14 ></eg-confirm-dialog>
  15
  16 <eg-confirm-dialog
  17   #closeFormDialog
  18   i18n-dialogTitle i18n-dialogBody
  19   dialogTitle="Confirm Close Report Editor"
  20   dialogBody="Close report editor, abandoning any unsaved changes?"
  21 ></eg-confirm-dialog>
  22
  23 <div class="row" id="sr-basic-info">
  24   <div class="col-sm-2">
  25     <label for="report-type" i18n>Report Type:</label>
  26   </div>
  27   <div class="col-lg-3">
  28     <select class="form-control" id="report-type" [ngModelOptions]="{standalone: true}"
  29       [(ngModel)]="rptType" (change)="changeReportType()" [disabled]="!isNew">
  30       <option value="" disabled="disabled">Please Select a Report Type</option>
  31       <option value="srcirc">Circulation</option>
  32       <option value="srcp">Collections</option>
  33       <option value="srwd">Weeding</option>
  34       <option value="srusr">Patrons</option>
  35       <option value="srbps">Billings and Payments Transaction Summary</option>
  36     </select>
  37   </div>
  38   <div class="col-sm-2">
  39     <label for="report-name" i18n>Report Name</label>
  40   </div>
  41   <div class="col-lg-3">
  42     <input id="report-name" class="form-control sr-name-{{ (name !== '' && name !== null) ? 'not' : '' }}empty" [(ngModel)]="name" (ngModelChange)="dirty()" />
  43   </div>
  44   <div class="col-sm-2">
  45     <button class="btn btn-success" (click)="saveTemplate(false)" [disabled]="!readyToSave()" i18n>Save</button>
  46     <button class="btn btn-outline-dark ml-1" (click)="closeForm()" i18n>Close</button>
  47   </div>
  48 </div>
  49 <div *ngIf="rptType != ''" class="row mt-2" id="sr-editor-main">
  50   <div class="col-lg-12">
  51     <ul ngbNav #srEditorTabs="ngbNav" class="nav-tabs">
  52
  53       <li [ngbNavItem]="'rptFields'">
  54         <a ngbNavLink i18n>Display Fields</a>
  55         <ng-template ngbNavContent>
  56           <eg-sr-field-chooser
  57             [fieldType]="'display'"
  58             [allFields]="allFields"
  59             [fieldGroups]="fieldGroups"
  60             [(selectedFields)]="templ.displayFields"
  61             (selectedFieldsChange)="dirty()"
  62             [(orderByNames)]="templ.orderByNames"
  63             (orderByNamesChange)="dirty()"
  64           >
  65           </eg-sr-field-chooser>
  66         </ng-template>
  67       </li>
  68
  69       <li [ngbNavItem]="'rptSortFields'">
  70         <a ngbNavLink i18n>Output Order</a>
  71         <ng-template ngbNavContent><eg-sr-sort-order [(fields)]="templ.displayFields" [(orderByNames)]="templ.orderByNames" (orderByNamesChange)="dirty()"></eg-sr-sort-order></ng-template>
  72       </li>
  73
  74       <li [ngbNavItem]="'rptFilterFields'">
  75         <a ngbNavLink i18n>Filters</a>
  76         <ng-template ngbNavContent>
  77           <eg-sr-field-chooser
  78             [fieldType]="'filter'"
  79             [allFields]="allFields"
  80             [fieldGroups]="fieldGroups"
  81             [(selectedFields)]="templ.filterFields"
  82             (selectedFieldsChange)="dirty()"
  83             [listFields]="templ.displayFields"
  84           >
  85           </eg-sr-field-chooser>
  86         </ng-template>
  87       </li>
  88
  89       <li [ngbNavItem]="'rptOutputOptions'">
  90         <a ngbNavLink i18n>Output Options</a>
  91         <ng-template ngbNavContent>
  92           <eg-sr-output-options
  93             [readyToSchedule]="readyToSchedule"
  94             [saveTemplate]="saveTemplate"
  95             [templ]="templ"
  96           ></eg-sr-output-options>
  97         </ng-template>
  98       </li>
  99     </ul>
 100     <div [ngbNavOutlet]="srEditorTabs"></div>
 101   </div>
 102 </div>