LP#1626157 ng-lint updates
[working/Evergreen.git] / 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