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 <eg-fm-record-editor #fmRecordEditor
21 idlClass="cmrcfld" mode="create"
22 [customFieldTemplates]="{description:{template:descriptionTemplate,context:{'hello':'goodbye'}}}"
23 recordId="1" orgDefaultAllowed="owner">
24 </eg-fm-record-editor>
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 <div class="col-lg-3">
34 <button class="btn btn-outline-danger" (click)="progress.increment()">Increment Inline</button>
36 <div class="col-lg-3">
37 <eg-progress-inline [max]="100" [value]="1" #progress></eg-progress-inline>
40 <div class="row mb-3">
41 <div class="col-lg-4">
42 <eg-progress-dialog #progressDialog>
44 <button class="btn btn-light" (click)="showProgress()">Test Progress Dialog</button>
46 <div class="col-lg-3">
47 <eg-combobox [allowFreeText]="true"
48 placeholder="Combobox with static data"
49 [entries]="cbEntries"></eg-combobox>
51 <div class="col-lg-3">
53 placeholder="Combobox with dynamic data"
54 [asyncDataSource]="cbAsyncSource"></eg-combobox>
57 <div class="row mb-3">
58 <div class="col-lg-4">
59 <button class="btn btn-info" (click)="testToast()">Test Toast Message</button>
61 <div class="col-lg-2">
62 Org select with limit perms
64 <div class="col-lg-2">
65 <eg-org-select [limitPerms]="['REGISTER_WORKSTATION']">
69 <!-- /Progress Dialog Experiments ----------------------------- -->
73 <div class="row mb-3">
74 <eg-string #helloString text="Hello, {{name}}" i18n-text></eg-string>
75 <button class="btn btn-success" (click)="testStrings()">Test Strings</button>
79 <div class="row mb-3">
80 <ng-template #helloStrTmpl let-name="name" i18n>Hello, {{name}}</ng-template>
82 <eg-string #helloStr key="helloKey" [template]="helloStrTmpl"></eg-string>
84 <eg-string key="staff.sandbox.test" [template]="helloStrTmpl"></eg-string>
85 <button class="btn btn-success" (click)="testStrings()">Test Strings</button>
89 <div class="form-group">
90 <eg-date-select (onChangeAsDate)="changeDate($event)"
91 initialYmd="2017-03-04">
94 <div>HERE: {{testDate}}</div>
99 <button class="btn btn-secondary" (click)="doPrint()">Test Print</button>
100 <ng-template #printTemplate let-context>Hello, {{context.world}}!</ng-template>
105 <div class="col-lg-3">
106 <eg-translate #translate [idlObject]="oneBtype" fieldName="name"></eg-translate>
107 <button class="btn btn-info"
108 (click)="translate.open({size:'lg'})">Translate</button>
114 <ng-template #cellTmpl let-row="row" let-col="col" let-userContext="userContext">
115 HELLO {{userContext.hello}}
116 <button>{{row.id()}}</button>
118 <eg-grid #cbtGrid idlClass="cbt"
119 [dataSource]="btSource"
120 [rowClassCallback]="btGridRowClassCallback"
121 [rowFlairIsEnabled]="true"
122 [rowFlairCallback]="btGridRowFlairCallback"
123 [cellClassCallback]="btGridCellClassCallback"
125 <eg-grid-column name="test" [cellTemplate]="cellTmpl"
126 [cellContext]="btGridTestContext" [sortable]="false">
128 <eg-grid-column [sortable]="false" path="owner.name"></eg-grid-column>