-
-
Notifications
You must be signed in to change notification settings - Fork 746
/
evaluation-sheet.component.html
86 lines (78 loc) · 3.28 KB
/
evaluation-sheet.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<div class="wrapper mat-elevation-z2">
<help-section>
<p>{{T.F.METRIC.EVAL_FORM.HELP_P1|translate}}</p>
<p><a routerLink="/metrics">{{T.F.METRIC.EVAL_FORM.HELP_LINK_TXT|translate}}</a></p>
<h3 class="mat-h3">{{T.F.METRIC.EVAL_FORM.HELP_H1|translate}}</h3>
<p>{{T.F.METRIC.EVAL_FORM.HELP_P2|translate}}</p>
</help-section>
<form #f="ngForm"
(submit)="submit()"
name="form"
novalidate>
<mat-form-field>
<input #mood="ngModel"
[(ngModel)]="metricForDay.mood"
matInput
max="10"
maxLength="2"
min="1"
name="mood"
[placeholder]="T.F.METRIC.EVAL_FORM.MOOD|translate"
required
type="number">
<mat-hint>{{T.F.METRIC.EVAL_FORM.MOOD_HINT|translate}}</mat-hint>
<mat-error *ngIf="mood.invalid && (mood.dirty || mood.touched)">
{{T.V.E_1TO10|translate}}
</mat-error>
</mat-form-field>
<mat-form-field>
<input #productivity="ngModel"
[(ngModel)]="metricForDay.productivity"
matInput
max="10"
maxLength="2"
min="1"
name="productivity"
[placeholder]="T.F.METRIC.EVAL_FORM.PRODUCTIVITY|translate"
required
type="number">
<mat-hint>{{T.F.METRIC.EVAL_FORM.PRODUCTIVITY_HINT|translate}}</mat-hint>
<mat-error *ngIf="productivity.invalid && (productivity.dirty || productivity.touched)">
{{T.V.E_1TO10|translate}}
</mat-error>
</mat-form-field>
<chip-list-input (addItem)="addObstruction($event)"
(addNewItem)="addNewObstruction($event)"
(removeItem)="removeObstruction($event)"
[model]="metricForDay.obstructions"
[suggestions]="(obstructionService.obstructions$|async)"
[label]="T.F.METRIC.EVAL_FORM.OBSTRUCTIONS|translate"></chip-list-input>
<chip-list-input (addItem)="addImprovement($event)"
(addNewItem)="addNewImprovement($event)"
(removeItem)="removeImprovement($event)"
[model]="metricForDay.improvements"
[suggestions]="(improvementService.improvements$|async)"
[label]="T.F.METRIC.EVAL_FORM.IMPROVEMENTS|translate"></chip-list-input>
<chip-list-input (addItem)="addImprovementTomorrow($event)"
(addNewItem)="addNewImprovementTomorrow($event)"
(removeItem)="removeImprovementTomorrow($event)"
[model]="metricForDay.improvementsTomorrow"
[suggestions]="(improvementService.improvements$|async)"
[label]="T.F.METRIC.EVAL_FORM.IMPROVEMENTS_TOMORROW|translate"></chip-list-input>
<mat-form-field>
<textarea [(ngModel)]="tomorrowsNote"
matInput
name="notes"
[placeholder]="T.F.METRIC.EVAL_FORM.NOTES|translate"></textarea>
</mat-form-field>
<div style="text-align: right;">
<button [disabled]="!f.valid"
color="primary"
mat-stroked-button
type="submit">
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
</button>
</div>
</form>
</div>