Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.html

   1
   2 <eg-staff-banner bannerText="Sandbox" i18n-bannerText>
   3 </eg-staff-banner>
   4
   5 <!-- FM Editor Experiments ----------------------------- -->
   6 <div class="row mb-3">
   7   <ng-template #descriptionTemplate
   8       let-field="field" let-record="record" let-hello="hello">
   9   <!-- example custom template for editing the 'description' field -->
  10     <textarea
  11       placeholder="{{hello}}"
  12       class="form-control"
  13       name="{{field.name}}"
  14       [readonly]="field.readOnly"
  15       [required]="field.isRequired()"
  16       [ngModel]="record[field.name]()"
  17       (ngModelChange)="record[field.name]($event)">
  18     </textarea>
  19   </ng-template>
  20   <fm-record-editor #fmRecordEditor
  21       idlClass="cmrcfld" mode="create"
  22       [customFieldTemplates]="{description:{template:descriptionTemplate,context:{'hello':'goodbye'}}}"
  23       recordId="1" orgDefaultAllowed="owner">
  24   </fm-record-editor>
  25   <button class="btn btn-dark" (click)="fmRecordEditor.open({size:'lg'})">
  26       Fm Record Editor
  27   </button>
  28 </div>
  29 <!-- / FM Editor Experiments ----------------------------- -->
  30
  31 <!-- Progress Dialog Experiments ----------------------------- -->
  32 <div class="row mb-3">
  33   <eg-progress-dialog #progressDialog>
  34   </eg-progress-dialog>
  35   <button class="btn btn-light" (click)="showProgress()">Test Progress Dialog</button>
  36 </div>
  37 <!-- /Progress Dialog Experiments ----------------------------- -->
  38
  39 <!-- eg toast -->
  40 <div class="row mb-3">
  41    <button class="btn btn-info" (click)="testToast()">Test Toast Message</button>
  42 </div>
  43
  44 <!-- eg strings -->
  45 <!--
  46 <div class="row mb-3">
  47     <eg-string #helloString text="Hello, {{name}}" i18n-text></eg-string>
  48     <button class="btn btn-success" (click)="testStrings()">Test Strings</button>
  49 </div>
  50 -->
  51
  52 <div class="row mb-3">
  53     <ng-template #helloStrTmpl let-name="name" i18n>Hello, {{name}}</ng-template>
  54     <!--
  55     <eg-string #helloStr key="helloKey" [template]="helloStrTmpl"></eg-string>
  56     -->
  57     <eg-string key="staff.sandbox.test" [template]="helloStrTmpl"></eg-string>
  58     <button class="btn btn-success" (click)="testStrings()">Test Strings</button>
  59 </div>
  60
  61 <div class="row">
  62   <div class="form-group">
  63     <eg-date-select (onChangeAsDate)="changeDate($event)"
  64         initialYmd="2017-03-04">
  65     </eg-date-select>
  66   </div>
  67   <div>HERE: {{testDate}}</div>
  68 </div>
  69
  70 <!-- grid stuff -->
  71 <!--
  72 <eg-grid #cbtGrid idlClass="cbt" [dataSource]="btSource">
  73 </eg-grid>
  74 -->
  75
  76 <!-- printing -->
  77
  78 <button class="btn btn-secondary" (click)="doPrint()">Test Print</button>
  79 <ng-template #printTemplate let-world="world">Hello, {{world}}!</ng-template>
  80
  81