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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<mat-horizontal-stepper linear #stepper style="height: 100vh;overflow: auto;">
<mat-step>
<ng-template matStepLabel>Installation</ng-template>
<div class="stepContainer">
<div class="stepContent">
<app-welcome></app-welcome>
</div>
<div style="display: flex;">
<div style="flex: 1;text-align: left;">
</div>
<div style="flex: 1;text-align: right;">
<button mat-button matStepperNext style="font-size: 35px;">
suivant <i class="fa fa-arrow-circle-right"></i>
</button>
</div>
</div>
</div>
</mat-step>
<mat-step [stepControl]="appPrerequisite.getFormGroup()">
<ng-template matStepLabel>Prérequis</ng-template>
<div class="stepContainer">
<div class="stepContent">
<app-prerequisite #appPrerequisite></app-prerequisite>
</div>
<div style="display: flex;">
<div style="flex: 1;text-align: left;">
<button mat-button matStepperPrevious style="font-size: 35px;">
<i class="fa fa-arrow-circle-left"></i> précédent
</button>
</div>
<div style="flex: 1;text-align: right;">
<button mat-button matStepperNext style="font-size: 35px;"
[disabled]="!appPrerequisite.isValidStep()">
suivant <i class="fa fa-arrow-circle-right"></i>
</button>
</div>
</div>
</div>
</mat-step>
<mat-step [stepControl]="appDatabase.getFormGroup()">
<ng-template matStepLabel>Base de données</ng-template>
<div class="stepContainer">
<div class="stepContent">
<app-database #appDatabase></app-database>
</div>
<div style="display: flex;">
<div style="flex: 1;text-align: left;">
<button mat-button matStepperPrevious style="font-size: 35px;">
<i class="fa fa-arrow-circle-left"></i> précédent
</button>
</div>
<div style="flex: 1;text-align: right;">
<button mat-button matStepperNext style="font-size: 35px;"
[disabled]="!appDatabase.isValidStep()">
suivant <i class="fa fa-arrow-circle-right"></i>
</button>
</div>
</div>
</div>
</mat-step>
<mat-step>
<ng-template matStepLabel>Stockage</ng-template>
Bonjour
<div>
<button mat-button matStepperPrevious>Back</button>
<button mat-button matStepperNext>Next</button>
</div>
</mat-step>
<mat-step>
<ng-template matStepLabel>Personnalisation</ng-template>
Bonjour
<div>
<button mat-button matStepperPrevious>Back</button>
<button mat-button matStepperNext>Next</button>
</div>
</mat-step>
<mat-step>
<ng-template matStepLabel>Utilisateur sytème</ng-template>
Bonjour
<div>
<button mat-button matStepperPrevious>Back</button>
<button mat-button matStepperNext>Next</button>
</div>
</mat-step>
<mat-step optional>
<ng-template matStepLabel>Serveur mail</ng-template>
Bonjour
<div>
<button mat-button matStepperPrevious>Back</button>
</div>
</mat-step>
<ng-template matStepperIcon="edit">
<mat-icon class="fa fa-check stepIcon"></mat-icon>
</ng-template>
<ng-template matStepperIcon="done">
<mat-icon class="fa fa-check stepIcon"></mat-icon>
</ng-template>
<ng-template matStepperIcon="error">
<mat-icon class="fa fa-times stepIcon" style="color: red;font-size: 15px !important;"></mat-icon>
</ng-template>
</mat-horizontal-stepper>
<!--<mat-sidenav-container autosize class="maarch-container">
<mat-sidenav-content>
<div class="bg-head">
<div class="bg-head-content" [class.fullContainer]="appService.getViewMode()">
toto
</div>
</div>
<div class="container" [class.fullContainer]="appService.getViewMode()">
<div class="container-content">
toto
</div>
</div>
</mat-sidenav-content>
</mat-sidenav-container>-->