igniteui-angular-samples/live-editing/configs/DatePickerConfigGenerator.ts at ff7623826b0bfd3c05338e2ee3fb9f834c394700 · IgniteUI/igniteui-angular-samples · GitHub

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
import { ReactiveFormsModule } from '@angular/forms';
import {
    IgxAutocompleteModule,
    IgxButtonModule,
    IgxCalendarModule,
    IgxDatePickerModule,
    IgxTimePickerModule,
    IgxDropDownModule,
    IgxIconModule,
    IgxInputGroupModule,
    IgxSnackbarModule,
    IgxToggleModule
} from 'igniteui-angular';
import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'
import { BaseAppConfig } from './BaseConfig';
export class DatePickerConfigGenerator implements IConfigGenerator {


    public generateConfigs(): Config[] {
        const configs = new Array<Config>();

        // date picker sample 1
        configs.push(new Config({
            component: 'DatepickerSample1Component',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/scheduling/datepicker/"
        }));

        // date picker sample 2
        configs.push(new Config({
            component: 'DatepickerSample2Component',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/scheduling/datepicker/"
        }));

        // date picker sample 3
        configs.push(new Config({
            component: 'DatepickerSample3Component',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/scheduling/datepicker/"
        }));

        // date picker sample 4
        configs.push(new Config({
            component: 'DatepickerSample4Component',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/scheduling/datepicker/"
        }));

        // date picker sample 5
        configs.push(new Config({
            additionalFiles: ["/src/app/date-parser.ts"],
            component: 'DatepickerSample5Component',
            appConfig: BaseAppConfig
        }));

        // date picker sample 6
        configs.push(new Config({
            component: 'DatepickerSample6Component',
            appConfig: BaseAppConfig
        }));

        // date picker sample `datepicker-dropdown`
        configs.push(new Config({
            component: 'DatepickerDropdownComponent',
            appConfig: BaseAppConfig
        }));

        configs.push(new Config({
            component: 'DatepickerSample7Component',
            appConfig: BaseAppConfig
        }));

        configs.push(new Config({
            component: 'DatepickerSample8Component',
            appConfig: BaseAppConfig
        }));

        configs.push(new Config({
            component: 'DatepickerStylingSampleComponent',
            additionalFiles: ["/src/app/scheduling/datepicker/datepicker-styling-sample/layout.scss"],
            appConfig: BaseAppConfig,
        }));

        // date & time picker - template driven form
        configs.push(new Config({
            component: 'DateTimePickerTDFSampleComponent',
            appConfig: BaseAppConfig
        }));

        // date & time picker - reactive form
        configs.push(new Config({
            component: 'DateTimePickerRFSampleComponent',
            appConfig: BaseAppConfig
        }));

        return configs;
    }
}