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

   1 <form #srOutputOptionsForm="ngForm" role="form" class="form-validated common-form">
   2   <div class="form-group row">
   3         <legend class="col-form-label col-sm-1 pt-0" i18n>Choose your output format(s)</legend>
   4         <div class="col-sm-10">
   5           <div class="form-check">
   6             <input class="form-check-input" type="checkbox" id="srExcelOutput" name="srExcelOutput" [(ngModel)]="templ.excelOutput">
   7             <label class="form-check-label" for="srExcelOutput" i18n>Excel Output</label>
   8           </div>
   9           <div class="form-check">
  10             <input class="form-check-input" type="checkbox" id="srCsvOutput" name="srCsvOutput" [(ngModel)]="templ.csvOutput">
  11             <label class="form-check-label" for="srCsvOutput" i18n>CSV Output</label>
  12           </div>
  13           <div class="form-check">
  14             <input class="form-check-input" type="checkbox" id="srHtmlOutput" name="srHtmlOutput" [(ngModel)]="templ.htmlOutput">
  15             <label class="form-check-label" for="srHtmlOutput" i18n>HTML Output</label>
  16           </div>
  17           <div class="form-check">
  18             <input class="form-check-input" type="checkbox" id="srBarCharts" name="srBarCharts" [(ngModel)]="templ.barCharts">
  19             <label class="form-check-label" for="srBarCharts" i18n>Bar Chart</label>
  20           </div>
  21           <div class="form-check">
  22             <input class="form-check-input" type="checkbox" id="srLineCharts" name="srLineCharts" [(ngModel)]="templ.lineCharts">
  23             <label class="form-check-label" for="srLineCharts" i18n>Line Chart</label>
  24           </div>
  25         </div>
  26   </div>
  27   <div class="form-group row">
  28     <legend class="col-form-label col-sm-1 pt-0" i18n>Recurrence</legend>
  29     <div class="col-sm-10 form-inline">
  30       <div class="form-check mr-sm-2">
  31         <input class="form-check-input" type="checkbox" id="srRecurring" name="srRecurring" [(ngModel)]="templ.recurring">
  32         <label class="form-check-label" for="srRecurring" i18n>Recurring Report?</label>
  33       </div>
  34       <label *ngIf="templ.recurring" class="mr-sm-2" for="srRecurrenceInterval">Recurrence Interval</label>
  35       <eg-interval-input *ngIf="templ.recurring" [(ngModel)]="templ.recurrence" id="srRecurrenceInterval" name="srRecurrenceInterval">
  36       </eg-interval-input>
  37     </div>
  38   </div>
  39   <div class="form-group row">{{ '' // Can't use form-inline here because it breaks the calendar display }}
  40     <legend class="col-form-label col-sm-1 pt-0" i18n>Scheduling</legend>
  41     <div class="col-sm-10 ">
  42       <div class="form-check form-check-inline">
  43         <input class="form-check-input" type="radio" id="srRunNow" name="srRun" value="now" [(ngModel)]="templ.runNow">
  44         <label class="form-check-label" for="srRunNow" i18n>Run Report Now</label>
  45       </div>
  46       <div class="form-check form-check-inline">
  47         <input class="form-check-input" type="radio" id="srScheduleLater" name="srRun" value="later" (change)="defaultTime()" [(ngModel)]="templ.runNow">
  48         <label class="form-check-label" for="srScheduleLater" i18n>Schedule Report For Later</label>
  49       </div>
  50       <div class="col-sm-3">
  51         <eg-datetime-select *ngIf="templ.runNow === 'later'" [(ngModel)]="templ.runTime" name="srRunTime"></eg-datetime-select>
  52       </div>
  53     </div>
  54   </div>
  55   <div class="form-group row">
  56     <legend class="col-form-label col-sm-1 pt-0" i18n>Email</legend>
  57     <div class="col-sm-10 form-inline">
  58       <label class="form-control-label mr-sm-2" for="srEmail" i18n>Email Address</label>
  59       <input class="form-control" type="text" id="srEmail" name="srEmail" [(ngModel)]="templ.email">
  60     </div>
  61   </div>
  62   <div class="form-group row">
  63     <button class="btn btn-success" (click)="saveTemplate(true)" [disabled]="!readyToSchedule()" i18n>Save and Schedule Report</button>
  64   </div>
  65 </form>