Skip to content

Commit 805d3c1

Browse files
PowerKiKiPowerKiKi
committed
Import component/directives instead of entire modules #11812
This reduces the final bundle size
1 parent bf0badb commit 805d3c1

65 files changed

Lines changed: 825 additions & 507 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎client/app/admin/admin/admin.component.ts‎

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,24 +7,33 @@ import {
77
NaturalSidenavContentComponent,
88
} from '@ecodev/natural';
99
import {CurrentUserForProfile} from '../../shared/generated-types';
10-
import {MatListModule} from '@angular/material/list';
11-
import {MatExpansionModule} from '@angular/material/expansion';
12-
import {MatIconModule} from '@angular/material/icon';
13-
import {MatButtonModule} from '@angular/material/button';
14-
import {MatToolbarModule} from '@angular/material/toolbar';
10+
import {MatListItem, MatNavList} from '@angular/material/list';
11+
import {
12+
MatAccordion,
13+
MatExpansionPanel,
14+
MatExpansionPanelHeader,
15+
MatExpansionPanelTitle,
16+
} from '@angular/material/expansion';
17+
import {MatIcon} from '@angular/material/icon';
18+
import {MatIconButton} from '@angular/material/button';
19+
import {MatToolbar} from '@angular/material/toolbar';
1520

1621
@Component({
1722
selector: 'app-admin',
1823
imports: [
19-
MatToolbarModule,
20-
MatButtonModule,
21-
MatIconModule,
24+
MatToolbar,
25+
MatIconButton,
26+
MatIcon,
2227
NaturalIconDirective,
2328
RouterLink,
2429
NaturalSidenavContainerComponent,
2530
NaturalSidenavComponent,
26-
MatExpansionModule,
27-
MatListModule,
31+
MatAccordion,
32+
MatExpansionPanel,
33+
MatExpansionPanelHeader,
34+
MatExpansionPanelTitle,
35+
MatNavList,
36+
MatListItem,
2837
RouterLinkActive,
2938
NaturalSidenavContentComponent,
3039
RouterOutlet,

‎client/app/admin/comments/comment/comment.component.ts‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,23 +12,26 @@ import {PermissionsService} from '../../../shared/services/permissions.service';
1212
import {EventService} from '../../events/services/event.service';
1313
import {NewsService} from '../../newses/services/news.service';
1414
import {CommentService} from '../services/comment.service';
15-
import {MatInputModule} from '@angular/material/input';
16-
import {MatFormFieldModule} from '@angular/material/form-field';
17-
import {MatTabsModule} from '@angular/material/tabs';
15+
import {MatInput} from '@angular/material/input';
16+
import {MatError, MatFormField, MatLabel} from '@angular/material/form-field';
17+
import {MatTab, MatTabGroup} from '@angular/material/tabs';
1818
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
19-
import {MatDividerModule} from '@angular/material/divider';
19+
import {MatDivider} from '@angular/material/divider';
2020

2121
@Component({
2222
selector: 'app-comment',
2323
imports: [
2424
FormsModule,
2525
ReactiveFormsModule,
2626
NaturalDetailHeaderComponent,
27-
MatTabsModule,
27+
MatTab,
28+
MatTabGroup,
2829
NaturalLinkableTabDirective,
29-
MatDividerModule,
30-
MatFormFieldModule,
31-
MatInputModule,
30+
MatDivider,
31+
MatFormField,
32+
MatLabel,
33+
MatError,
34+
MatInput,
3235
NaturalSelectComponent,
3336
NaturalStampComponent,
3437
NaturalFixedButtonDetailComponent,

‎client/app/admin/comments/comments/comments.component.ts‎

Lines changed: 31 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -8,23 +8,44 @@ import {
88
} from '@ecodev/natural';
99
import {PermissionsService} from '../../../shared/services/permissions.service';
1010
import {CommentService} from '../services/comment.service';
11-
import {MatPaginatorModule} from '@angular/material/paginator';
12-
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
13-
import {MatTooltipModule} from '@angular/material/tooltip';
14-
import {MatSortModule} from '@angular/material/sort';
15-
import {MatTableModule} from '@angular/material/table';
11+
import {MatPaginator} from '@angular/material/paginator';
12+
import {MatProgressSpinner} from '@angular/material/progress-spinner';
13+
import {MatTooltip} from '@angular/material/tooltip';
14+
import {MatSort, MatSortHeader} from '@angular/material/sort';
15+
import {
16+
MatCell,
17+
MatCellDef,
18+
MatColumnDef,
19+
MatHeaderCell,
20+
MatHeaderCellDef,
21+
MatHeaderRow,
22+
MatHeaderRowDef,
23+
MatRow,
24+
MatRowDef,
25+
MatTable,
26+
} from '@angular/material/table';
1627

1728
@Component({
1829
selector: 'app-comments',
1930
imports: [
2031
NaturalColumnsPickerComponent,
2132
NaturalSearchComponent,
22-
MatTableModule,
23-
MatSortModule,
33+
MatTable,
34+
MatHeaderCellDef,
35+
MatHeaderRowDef,
36+
MatColumnDef,
37+
MatCellDef,
38+
MatRowDef,
39+
MatHeaderCell,
40+
MatCell,
41+
MatHeaderRow,
42+
MatRow,
43+
MatSort,
44+
MatSortHeader,
2445
NaturalTableButtonComponent,
25-
MatTooltipModule,
26-
MatProgressSpinnerModule,
27-
MatPaginatorModule,
46+
MatTooltip,
47+
MatProgressSpinner,
48+
MatPaginator,
2849
],
2950
templateUrl: './comments.component.html',
3051
styleUrl: './comments.component.scss',

‎client/app/admin/events/event/event.component.ts‎

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,31 +11,37 @@ import {
1111
} from '@ecodev/natural';
1212
import {PermissionsService} from '../../../shared/services/permissions.service';
1313
import {EventService} from '../services/event.service';
14-
import {MatDatepickerModule} from '@angular/material/datepicker';
15-
import {MatInputModule} from '@angular/material/input';
16-
import {MatFormFieldModule} from '@angular/material/form-field';
17-
import {MatTabsModule} from '@angular/material/tabs';
18-
import {MatIconModule} from '@angular/material/icon';
19-
import {MatButtonModule} from '@angular/material/button';
14+
import {MatDatepicker, MatDatepickerInput, MatDatepickerToggle} from '@angular/material/datepicker';
15+
import {MatInput} from '@angular/material/input';
16+
import {MatError, MatFormField, MatLabel, MatSuffix} from '@angular/material/form-field';
17+
import {MatTab, MatTabGroup} from '@angular/material/tabs';
18+
import {MatIcon} from '@angular/material/icon';
19+
import {MatButton} from '@angular/material/button';
2020
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
21-
import {MatDividerModule} from '@angular/material/divider';
21+
import {MatDivider} from '@angular/material/divider';
2222

2323
@Component({
2424
selector: 'app-event',
2525
imports: [
2626
FormsModule,
2727
ReactiveFormsModule,
2828
NaturalDetailHeaderComponent,
29-
MatButtonModule,
29+
MatButton,
3030
RouterLink,
31-
MatIconModule,
31+
MatIcon,
3232
NaturalIconDirective,
33-
MatTabsModule,
33+
MatTab,
34+
MatTabGroup,
3435
NaturalLinkableTabDirective,
35-
MatDividerModule,
36-
MatFormFieldModule,
37-
MatInputModule,
38-
MatDatepickerModule,
36+
MatDivider,
37+
MatFormField,
38+
MatLabel,
39+
MatError,
40+
MatSuffix,
41+
MatInput,
42+
MatDatepicker,
43+
MatDatepickerInput,
44+
MatDatepickerToggle,
3945
NaturalStampComponent,
4046
NaturalFixedButtonDetailComponent,
4147
],

‎client/app/admin/events/events/events.component.ts‎

Lines changed: 34 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,25 +10,47 @@ import {
1010
import {PermissionsService} from '../../../shared/services/permissions.service';
1111
import {EventService} from '../services/event.service';
1212
import {RouterLink} from '@angular/router';
13-
import {MatPaginatorModule} from '@angular/material/paginator';
14-
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
15-
import {MatTooltipModule} from '@angular/material/tooltip';
16-
import {MatSortModule} from '@angular/material/sort';
17-
import {MatTableModule} from '@angular/material/table';
18-
import {CommonModule} from '@angular/common';
13+
import {MatPaginator} from '@angular/material/paginator';
14+
import {MatProgressSpinner} from '@angular/material/progress-spinner';
15+
import {MatTooltip} from '@angular/material/tooltip';
16+
import {MatSort, MatSortHeader} from '@angular/material/sort';
17+
import {
18+
MatCell,
19+
MatCellDef,
20+
MatColumnDef,
21+
MatHeaderCell,
22+
MatHeaderCellDef,
23+
MatHeaderRow,
24+
MatHeaderRowDef,
25+
MatRow,
26+
MatRowDef,
27+
MatTable,
28+
} from '@angular/material/table';
29+
import {AsyncPipe, DatePipe} from '@angular/common';
1930

2031
@Component({
2132
selector: 'app-events',
2233
imports: [
23-
CommonModule,
34+
AsyncPipe,
35+
DatePipe,
2436
NaturalColumnsPickerComponent,
2537
NaturalSearchComponent,
26-
MatTableModule,
27-
MatSortModule,
38+
MatTable,
39+
MatHeaderCellDef,
40+
MatHeaderRowDef,
41+
MatColumnDef,
42+
MatCellDef,
43+
MatRowDef,
44+
MatHeaderCell,
45+
MatCell,
46+
MatHeaderRow,
47+
MatRow,
48+
MatSort,
49+
MatSortHeader,
2850
NaturalTableButtonComponent,
29-
MatTooltipModule,
30-
MatProgressSpinnerModule,
31-
MatPaginatorModule,
51+
MatTooltip,
52+
MatProgressSpinner,
53+
MatPaginator,
3254
NaturalFixedButtonComponent,
3355
RouterLink,
3456
],

‎client/app/admin/facilitator-documents/facilitator-document/facilitator-document.component.ts‎

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,13 @@ import {FilesService} from '../../files/services/files.service';
1313
import {FacilitatorDocumentsService} from '../services/facilitator-documents.service';
1414
import {CreateFile} from '../../../shared/generated-types';
1515
import {map, Observable, of, switchMap} from 'rxjs';
16-
import {MatDividerModule} from '@angular/material/divider';
17-
import {MatInputModule} from '@angular/material/input';
18-
import {MatFormFieldModule} from '@angular/material/form-field';
19-
import {MatTabsModule} from '@angular/material/tabs';
20-
import {MatIconModule} from '@angular/material/icon';
16+
import {MatDivider} from '@angular/material/divider';
17+
import {MatInput} from '@angular/material/input';
18+
import {MatError, MatFormField, MatLabel} from '@angular/material/form-field';
19+
import {MatTab, MatTabGroup} from '@angular/material/tabs';
20+
import {MatIcon} from '@angular/material/icon';
2121
import {RouterLink} from '@angular/router';
22-
import {MatButtonModule} from '@angular/material/button';
22+
import {MatButton} from '@angular/material/button';
2323
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
2424

2525
@Component({
@@ -28,16 +28,19 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms';
2828
FormsModule,
2929
ReactiveFormsModule,
3030
NaturalDetailHeaderComponent,
31-
MatButtonModule,
31+
MatButton,
3232
RouterLink,
33-
MatIconModule,
33+
MatIcon,
3434
NaturalIconDirective,
35-
MatTabsModule,
35+
MatTab,
36+
MatTabGroup,
3637
NaturalLinkableTabDirective,
37-
MatFormFieldModule,
38-
MatInputModule,
38+
MatFormField,
39+
MatLabel,
40+
MatError,
41+
MatInput,
3942
NaturalFileComponent,
40-
MatDividerModule,
43+
MatDivider,
4144
NaturalStampComponent,
4245
NaturalFixedButtonDetailComponent,
4346
],

‎client/app/admin/facilitator-documents/facilitator-documents/facilitator-documents.component.ts‎

Lines changed: 33 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,26 +9,47 @@ import {
99
} from '@ecodev/natural';
1010
import {PermissionsService} from '../../../shared/services/permissions.service';
1111
import {FacilitatorDocumentsService} from '../services/facilitator-documents.service';
12-
import {MatPaginatorModule} from '@angular/material/paginator';
13-
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
14-
import {MatIconModule} from '@angular/material/icon';
15-
import {MatTooltipModule} from '@angular/material/tooltip';
16-
import {MatSortModule} from '@angular/material/sort';
17-
import {MatTableModule} from '@angular/material/table';
12+
import {MatPaginator} from '@angular/material/paginator';
13+
import {MatProgressSpinner} from '@angular/material/progress-spinner';
14+
import {MatIcon} from '@angular/material/icon';
15+
import {MatTooltip} from '@angular/material/tooltip';
16+
import {MatSort, MatSortHeader} from '@angular/material/sort';
17+
import {
18+
MatCell,
19+
MatCellDef,
20+
MatColumnDef,
21+
MatHeaderCell,
22+
MatHeaderCellDef,
23+
MatHeaderRow,
24+
MatHeaderRowDef,
25+
MatRow,
26+
MatRowDef,
27+
MatTable,
28+
} from '@angular/material/table';
1829
import {AsyncPipe} from '@angular/common';
1930

2031
@Component({
2132
selector: 'app-facilitator-documents',
2233
imports: [
2334
NaturalSearchComponent,
24-
MatTableModule,
25-
MatSortModule,
35+
MatTable,
36+
MatHeaderCellDef,
37+
MatHeaderRowDef,
38+
MatColumnDef,
39+
MatCellDef,
40+
MatRowDef,
41+
MatHeaderCell,
42+
MatCell,
43+
MatHeaderRow,
44+
MatRow,
45+
MatSort,
46+
MatSortHeader,
2647
NaturalTableButtonComponent,
27-
MatTooltipModule,
28-
MatIconModule,
48+
MatTooltip,
49+
MatIcon,
2950
NaturalIconDirective,
30-
MatProgressSpinnerModule,
31-
MatPaginatorModule,
51+
MatProgressSpinner,
52+
MatPaginator,
3253
NaturalFixedButtonComponent,
3354
RouterLink,
3455
AsyncPipe,

0 commit comments

Comments
 (0)