Newer
Older
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
<div class="header">
<mat-progress-bar mode="determinate" [value]="stepProgress" class="stepper-progress-bar"></mat-progress-bar>
</div>
<form [formGroup]="form" (ngSubmit)="onSubmit()" (keydown.enter)="$event.preventDefault()">
<vitamui-common-stepper>
<cdk-step>
<div class="content">
<h3>Relevé de valeur probante</h3>
<h2>Unités archivistiques</h2>
<div class="d-flex">
<vitamui-common-input formControlName="unitId" minlength="36" maxlength="36" required placeholder="Identifiant"
i18n-placeholder="UnitId@@probativeValueCreateIdentifierPlaceholder">
<ng-container *ngIf="form.get('unitId')?.touched">
<vitamui-common-input-error *ngIf="!!form.get('unitId')?.errors?.required"
i18n="Required field error hint@@formErrorRequiredField">Champ requis</vitamui-common-input-error>
</ng-container>
</vitamui-common-input>
</div>
<div class="form-group">
<div class="col-8 form-control">
<mat-form-field class="vitamui-mat-select">
<mat-select [formControl]="accessContractSelect" placeholder="Selectionnez un contrat d'accès"
panelclass="vitamui-mat-select" required>
<mat-option *ngFor='let accessContract of accessContracts'
[value]="accessContract.key">{{accessContract.label}}
</mat-option>
</mat-select>
<div class="select-arrow">
<i class="material-icons">keyboard_arrow_up</i>
<i class="material-icons">keyboard_arrow_down</i>
</div>
</mat-form-field>
</div>
</div>
<div class="form-group">
<div class="col-8 form-control">
<mat-form-field class="vitamui-mat-select">
<mat-select formControlName="usage" placeholder="Selectionner un usage"
panelclass="vitamui-mat-select" required>
<mat-option *ngFor='let usage of usages' [value]="usage.key">{{usage.label}}</mat-option>
</mat-select>
<div class="select-arrow">
<i class="material-icons">keyboard_arrow_up</i>
<i class="material-icons">keyboard_arrow_down</i>
</div>
</mat-form-field>
</div>
</div>
<div class="d-flex">
<vitamui-common-input formControlName="version" min="0" required placeholder="Version"
type="number" i18n-placeholder="Version@@probativeValueCreateVersionPlaceholder">
<ng-container *ngIf="form.get('version')?.touched">
<vitamui-common-input-error *ngIf="!!form.get('version')?.errors?.required"
i18n="Required field error hint@@formErrorRequiredField">Champ requis</vitamui-common-input-error>
</ng-container>
</vitamui-common-input>
</div>
<div class="actions">
<button type="submit" class="btn primary">Terminer</button>
<button type="button" class="btn cancel" (click)="onCancel()">Annuler</button>
</div>
<button type="button" class="back" cdkStepperPrevious>
<i class="material-icons">arrow_back</i>
<ng-container>Retour</ng-container>
</button>
</div>
</cdk-step>
</vitamui-common-stepper>
</form>