Skip to content

Commit a1b7a32

Browse files
Marina-L-StoyanovaMarina-L-Stoyanova
authored
feat(forms): adding reactive forms stepper sample (#3462)
1 parent 20d0812 commit a1b7a32

File tree

7 files changed

+681
-17
lines changed

7 files changed

+681
-17
lines changed

‎live-editing/configs/StepperConfigGenerator.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,20 @@ export class StepperConfigGenerator implements IConfigGenerator {
3232
shortenComponentPathBy: '/layouts/stepper/'
3333
}));
3434

35+
configs.push(new Config({
36+
component: 'StepperSampleReactiveFormsComponent',
37+
appModuleConfig: new AppModuleConfig({
38+
imports: ['StepperSampleReactiveFormsComponent', 'IgxStepperModule', 'IgxMaskModule', 'IgxInputGroupModule', 'IgxButtonModule',
39+
'IgxRadioModule', 'IgxCardModule', 'IgxCheckboxModule', 'IgxSelectModule',
40+
'IgxIconModule', 'IgxBadgeModule'],
41+
ngDeclarations: ['StepperSampleReactiveFormsComponent'],
42+
ngImports: ['IgxStepperModule', 'IgxMaskModule', 'IgxInputGroupModule', 'IgxButtonModule',
43+
'IgxRadioModule', 'IgxCardModule', 'IgxCheckboxModule', 'IgxSelectModule',
44+
'IgxIconModule', 'IgxBadgeModule']
45+
}),
46+
shortenComponentPathBy: '/layouts/stepper/'
47+
}));
48+
3549
configs.push(new Config({
3650
component: 'StepperLabelPositionAndOrientationSampleComponent',
3751
appModuleConfig: new AppModuleConfig({

‎src/app/layouts/layouts-routes-data.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ export const layoutsRoutesData = {
3434
'splitter-nested-sample': { displayName: 'Splitter Nested Panes', parentName: 'Splitter' },
3535
'splitter-styling-sample': { displayName: 'Splitter Styling', parentName: 'Splitter' },
3636
'stepper-overview-sample': { displayName: 'Stepper Overview', parentName: 'Stepper' },
37+
'stepper-sample-reactive-forms': { displayName: 'Stepper Reactive Forms', parentName: 'Stepper' },
3738
'stepper-label-position-and-orientation-sample': { displayName: 'Stepper Label Position And Orientation', parentName: 'Stepper' },
3839
'stepper-linear-sample': { displayName: 'Linear Stepper', parentName: 'Stepper' },
3940
'stepper-steptypes-sample': { displayName: 'Stepper Step Types', parentName: 'Stepper' },

‎src/app/layouts/layouts-routing.module.ts‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,13 +69,13 @@ import { View3Component } from './tabs/views/view3/view3.component';
6969
import { AccordionSample1Component } from './accordion/accordion-sample-1/accordion-sample-1.component';
7070
import { AccordionSample2Component } from './accordion/accordion-sample-2/accordion-sample-2.component';
7171
import { AccordionSample3Component } from './accordion/accordion-sample-3/accordion-sample-3.component';
72-
import {
73-
StepperLabelPositionAndOrientationSampleComponent
72+
import {StepperLabelPositionAndOrientationSampleComponent
7473
} from './stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component';
7574
import { StepperLinearSampleComponent } from './stepper/stepper-linear-sample/stepper-linear-sample.component';
7675
import { StepperStepTypesSampleComponent } from './stepper/stepper-steptypes-sample/stepper-steptypes-sample.component';
7776
import { StepperStylingSampleComponent } from './stepper/stepper-styling-sample/stepper-styling-sample.component';
7877
import { StepperOverviewSampleComponent } from './stepper/stepper-overview-sample/stepper-overview-sample.component';
78+
import { StepperSampleReactiveFormsComponent } from './stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component';
7979

8080
export const layoutsRoutes: Routes = [
8181
{
@@ -273,6 +273,11 @@ export const layoutsRoutes: Routes = [
273273
data: layoutsRoutesData['stepper-overview-sample'],
274274
path: 'stepper-overview-sample'
275275
},
276+
{
277+
component: StepperSampleReactiveFormsComponent,
278+
data: layoutsRoutesData['stepper-sample-reactive-forms'],
279+
path: 'stepper-sample-reactive-forms'
280+
},
276281
{
277282
component: StepperStepTypesSampleComponent,
278283
data: layoutsRoutesData['stepper-steptypes-sample'],

‎src/app/layouts/layouts.module.ts‎

Lines changed: 18 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { CommonModule } from '@angular/common';
22
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
3-
import { FormsModule } from '@angular/forms';
3+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
44
import {
55
IgxAccordionModule,
66
IgxAvatarModule,
@@ -32,12 +32,15 @@ import {
3232
IgxTimePickerModule,
3333
IgxToastModule
3434
} from 'igniteui-angular';
35+
import { AccordionSample1Component } from './accordion/accordion-sample-1/accordion-sample-1.component';
36+
import { AccordionSample2Component } from './accordion/accordion-sample-2/accordion-sample-2.component';
37+
import { AccordionSample3Component } from './accordion/accordion-sample-3/accordion-sample-3.component';
38+
import { AvatarCSSVariablesComponent } from './avatar/avatar-css-variables/avatar-css-variables.component';
3539
import { AvatarSample1Component } from './avatar/avatar-sample-1/avatar-sample-1.component';
3640
import { AvatarSample2Component } from './avatar/avatar-sample-2/avatar-sample-2.component';
3741
import { AvatarSample3Component } from './avatar/avatar-sample-3/avatar-sample-3.component';
3842
import { AvatarSample4Component } from './avatar/avatar-sample-4/avatar-sample-4.component';
3943
import { AvatarStylingSampleComponent } from './avatar/avatar-styling/avatar-styling.component';
40-
import { AvatarCSSVariablesComponent } from './avatar/avatar-css-variables/avatar-css-variables.component';
4144
import { CardSample1Component } from './card/card-sample-1/card-sample-1.component';
4245
import { CardSample2Component } from './card/card-sample-2/card-sample-2.component';
4346
import { CardSample3Component } from './card/card-sample-3/card-sample-3.component';
@@ -80,27 +83,25 @@ import {
8083
} from './splitter/splitter-horizontal-sample/splitter-horizontal-sample.component';
8184
import { SplitterNestedSampleComponent } from './splitter/splitter-nested-sample/splitter-nested-sample.component';
8285
import { SplitterStylingSampleComponent } from './splitter/splitter-styling-sample/splitter-styling-sample.component';
86+
import {
87+
StepperLabelPositionAndOrientationSampleComponent
88+
} from './stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component';
89+
import { StepperLinearSampleComponent } from './stepper/stepper-linear-sample/stepper-linear-sample.component';
90+
import { StepperOverviewSampleComponent } from './stepper/stepper-overview-sample/stepper-overview-sample.component';
91+
import { StepperSampleReactiveFormsComponent } from './stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component';
92+
import { StepperStepTypesSampleComponent } from './stepper/stepper-steptypes-sample/stepper-steptypes-sample.component';
93+
import { StepperStylingSampleComponent } from './stepper/stepper-styling-sample/stepper-styling-sample.component';
8394
import { TabbarSample1Component } from './tabbar/tabbar-sample-1/tabbar-sample-1.component';
8495
import { TabbarSample2Component } from './tabbar/tabbar-sample-2/tabbar-sample-2.component';
8596
import { TabbarSample3Component } from './tabbar/tabbar-sample-3/components/tabbar-sample-3.component';
8697
import { TabbarStyleComponent } from './tabbar/tabbar-style/tabbar-style.component';
98+
import { TabsAlignmentComponent } from './tabs/tabs-alignment/tabs-alignment.component';
99+
import { TabsHeaderPrefixSuffixComponent } from './tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix';
87100
import { TabsSample1Component } from './tabs/tabs-sample-1/tabs-sample-1.component';
88101
import { TabsSample2Component } from './tabs/tabs-sample-2/tabs-sample-2.component';
89102
import { TabsSample3Component } from './tabs/tabs-sample-3/tabs-sample-3.component';
90103
import { TabsSample4Component } from './tabs/tabs-sample-4/components/tabs-sample-4.component';
91104
import { TabsStyleComponent } from './tabs/tabs-style/tabs-style.component';
92-
import { TabsAlignmentComponent } from './tabs/tabs-alignment/tabs-alignment.component';
93-
import { TabsHeaderPrefixSuffixComponent } from './tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix';
94-
import { AccordionSample1Component } from './accordion/accordion-sample-1/accordion-sample-1.component';
95-
import { AccordionSample2Component } from './accordion/accordion-sample-2/accordion-sample-2.component';
96-
import { AccordionSample3Component } from './accordion/accordion-sample-3/accordion-sample-3.component';
97-
import {
98-
StepperLabelPositionAndOrientationSampleComponent
99-
} from './stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component';
100-
import { StepperLinearSampleComponent } from './stepper/stepper-linear-sample/stepper-linear-sample.component';
101-
import { StepperStepTypesSampleComponent } from './stepper/stepper-steptypes-sample/stepper-steptypes-sample.component';
102-
import { StepperStylingSampleComponent } from './stepper/stepper-styling-sample/stepper-styling-sample.component';
103-
import { StepperOverviewSampleComponent } from './stepper/stepper-overview-sample/stepper-overview-sample.component';
104105

105106
@NgModule({
106107
declarations: [
@@ -148,6 +149,7 @@ import { StepperOverviewSampleComponent } from './stepper/stepper-overview-sampl
148149
StepperLabelPositionAndOrientationSampleComponent,
149150
StepperLinearSampleComponent,
150151
StepperOverviewSampleComponent,
152+
StepperSampleReactiveFormsComponent,
151153
StepperStepTypesSampleComponent,
152154
StepperStylingSampleComponent,
153155
TabbarSample1Component,
@@ -168,7 +170,8 @@ import { StepperOverviewSampleComponent } from './stepper/stepper-overview-sampl
168170
],
169171
imports: [
170172
CommonModule,
171-
FormsModule,
173+
FormsModule,
174+
ReactiveFormsModule ,
172175
LayoutsRoutingModule,
173176
IgxAccordionModule,
174177
IgxAvatarModule,

0 commit comments

Comments
 (0)