2 <eg-staff-banner bannerText="Sandbox" i18n-bannerText>
6 i18n-prefix i18n-suffix
7 prefix=":) {{dynamicTitleText}}"
11 <div class="row flex pt-2">
12 <div i18n> Modify Page Title: </div>
13 <div class="col-lg-2">
14 <input type="text" [(ngModel)]="dynamicTitleText" class="form-control"/>
18 <!-- FM Editor Experiments ----------------------------- -->
19 <div class="row mb-3">
20 <ng-template #descriptionTemplate
21 let-field="field" let-record="record" let-hello="hello">
22 <!-- example custom template for editing the 'description' field -->
24 placeholder="{{hello}}"
27 [readonly]="field.readOnly"
28 [required]="field.isRequired()"
29 [ngModel]="record[field.name]()"
30 (ngModelChange)="record[field.name]($event)">
33 <!-- note: fieldOptions would be best defined in the .ts file, but
34 want to demostrate it can be set in the template as well -->
35 <eg-fm-record-editor #fmRecordEditor
36 idlClass="cmrcfld" mode="create"
37 [fieldOptions]="{marc_record_type:{customValues:[{id:'biblio'},{id:'serial'},{id:'authority'}]},description:{customTemplate:{template:descriptionTemplate,context:{'hello':'goodbye'}}}}"
38 recordId="1" orgDefaultAllowed="owner">
39 </eg-fm-record-editor>
40 <button class="btn btn-dark" (click)="openEditor()">
44 <!-- / FM Editor Experiments ----------------------------- -->
46 <!-- Progress Dialog Experiments ----------------------------- -->
47 <div class="row mb-3">
48 <div class="col-lg-3">
49 <button class="btn btn-outline-danger" (click)="progress.increment()">Increment Inline</button>
51 <div class="col-lg-3">
52 <eg-progress-inline [max]="100" [value]="1" #progress></eg-progress-inline>
55 <div class="row mb-3">
56 <div class="col-lg-4">
57 <eg-progress-dialog #progressDialog>
59 <button class="btn btn-light" (click)="showProgress()">Test Progress Dialog</button>
61 <div class="col-lg-3">
62 <eg-combobox [allowFreeText]="true"
63 placeholder="Combobox with static data"
64 [entries]="cbEntries"></eg-combobox>
66 <div class="col-lg-3">
68 placeholder="Combobox with dynamic data"
69 [asyncDataSource]="cbAsyncSource"></eg-combobox>
72 <div class="row mb-3">
73 <div class="col-lg-4">
74 <button class="btn btn-info" (click)="testToast()">Test Toast Message</button>
76 <div class="col-lg-2">
77 Org select with limit perms
79 <div class="col-lg-2">
80 <eg-org-select [limitPerms]="['REGISTER_WORKSTATION']">
84 <!-- /Progress Dialog Experiments ----------------------------- -->
88 <div class="row mb-3">
89 <eg-string #helloString text="Hello, {{name}}" i18n-text></eg-string>
90 <button class="btn btn-success" (click)="testStrings()">Test Strings</button>
94 <div class="row mb-3">
95 <ng-template #helloStrTmpl let-name="name" i18n>Hello, {{name}}</ng-template>
97 <eg-string #helloStr key="helloKey" [template]="helloStrTmpl"></eg-string>
99 <eg-string key="staff.sandbox.test" [template]="helloStrTmpl"></eg-string>
100 <button class="btn btn-success" (click)="testStrings()">Test Strings</button>
104 <div class="form-group">
105 <eg-date-select (onChangeAsDate)="changeDate($event)"
106 initialYmd="2017-03-04">
109 <div>HERE: {{testDate}}</div>
114 <button class="btn btn-secondary" (click)="doPrint()">Test Print</button>
115 <ng-template #printTemplate let-context>Hello, {{context.world}}!</ng-template>
119 <div class="col-lg-3">
120 <eg-translate #translate [idlObject]="oneBtype" fieldName="name"></eg-translate>
121 <button class="btn btn-info"
122 (click)="translate.open({size:'lg'})">Translate</button>
128 <ng-template #cellTmpl let-row="row" let-col="col" let-userContext="userContext">
129 HELLO {{userContext.hello}}
130 <button>{{row.id()}}</button>
132 <eg-grid #cbtGrid idlClass="cbt"
133 [dataSource]="btSource"
134 [rowClassCallback]="btGridRowClassCallback"
135 [rowFlairIsEnabled]="true"
136 [rowFlairCallback]="btGridRowFlairCallback"
137 [cellClassCallback]="btGridCellClassCallback"
139 <eg-grid-toolbar-action label="Action that needs a single row" i18n-label
140 [action]="complimentEvergreen" [disableOnRows]="notOneSelectedRow">
141 </eg-grid-toolbar-action>
142 <eg-grid-column name="test" [cellTemplate]="cellTmpl"
143 [cellContext]="btGridTestContext" [sortable]="false">
145 <eg-grid-column [sortable]="false" path="owner.name"></eg-grid-column>
146 <eg-grid-column [sortable]="false" path="datetime_test"
147 datatype="timestamp" [datePlusTime]="true"></eg-grid-column>
152 <h4>PCRUD auto flesh and FormatService detection</h4>
153 <div *ngIf="aMetarecord">Fingerprint: {{aMetarecord}}</div>