2 <eg-staff-banner bannerText="Sandbox" i18n-bannerText>
5 <!-- FM Editor Experiments ----------------------------- -->
7 <ng-template #descriptionTemplate
8 let-field="field" let-record="record" let-hello="hello">
9 <!-- example custom template for editing the 'description' field -->
11 placeholder="{{hello}}"
14 [readonly]="field.readOnly"
15 [required]="field.isRequired()"
16 [ngModel]="record[field.name]()"
17 (ngModelChange)="record[field.name]($event)">
20 <fm-record-editor #fmRecordEditor
21 idlClass="cmrcfld" mode="create"
22 [customFieldTemplates]="{description:{template:descriptionTemplate,context:{'hello':'goodbye'}}}"
23 recordId="1" orgDefaultAllowed="owner">
25 <button class="btn btn-dark" (click)="fmRecordEditor.open({size:'lg'})">
29 <!-- / FM Editor Experiments ----------------------------- -->
31 <!-- Progress Dialog Experiments ----------------------------- -->
32 <div class="row mb-3">
33 <eg-progress-dialog #progressDialog>
35 <button class="btn btn-light" (click)="showProgress()">Test Progress Dialog</button>
37 <!-- /Progress Dialog Experiments ----------------------------- -->
40 <div class="row mb-3">
41 <button class="btn btn-info" (click)="testToast()">Test Toast Message</button>
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>
52 <div class="row mb-3">
53 <ng-template #helloStrTmpl let-name="name" i18n>Hello, {{name}}</ng-template>
55 <eg-string #helloStr key="helloKey" [template]="helloStrTmpl"></eg-string>
57 <eg-string key="staff.sandbox.test" [template]="helloStrTmpl"></eg-string>
58 <button class="btn btn-success" (click)="testStrings()">Test Strings</button>
62 <div class="form-group">
63 <eg-date-select (onChangeAsDate)="changeDate($event)"
64 initialYmd="2017-03-04">
67 <div>HERE: {{testDate}}</div>
72 <eg-grid #cbtGrid idlClass="cbt" [dataSource]="btSource">
78 <button class="btn btn-secondary" (click)="doPrint()">Test Print</button>
79 <ng-template #printTemplate let-world="world">Hello, {{world}}!</ng-template>