Add Shared Material module, so we only have to import things one time

fastlane · Apr 18, 2018 · 7ec58f0 · 7ec58f0
1 parent a61f15f
commit 7ec58f0
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 26 deletions.
diff --git a/web/app/app.module.ts b/web/app/app.module.ts
@@ -1,10 +1,5 @@
 import {HttpClientModule} from '@angular/common/http';
 import {NgModule} from '@angular/core';
-import {MatCardModule} from '@angular/material/card';
-import {MatIconModule} from '@angular/material/icon';
-import {MatTableModule} from '@angular/material/table';
-import {MatToolbarModule} from '@angular/material/toolbar';
-import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {BrowserModule} from '@angular/platform-browser';
 import {MomentModule} from 'ngx-moment';
 
@@ -13,6 +8,7 @@ import {AppComponent} from './app.component';
 import {DashboardComponent} from './dashboard/dashboard.component';
 import {ProjectComponent} from './project/project.component';
 import {DataService} from './services/data.service';
+import {SharedMaterialModule} from './shared_material.module';
 
 @NgModule({
   declarations: [AppComponent, DashboardComponent, ProjectComponent],
@@ -21,11 +17,7 @@ import {DataService} from './services/data.service';
     HttpClientModule,
     AppRoutingModule,
     /** Angular Material Imports */
-    MatCardModule,
-    MatTableModule,
-    MatIconModule,
-    MatToolbarModule,
-    MatProgressSpinnerModule,
+    SharedMaterialModule,
     /** Third-Party Module Imports */
     MomentModule,
   ],

diff --git a/web/app/dashboard/dashboard.component.spec.ts b/web/app/dashboard/dashboard.component.spec.ts
@@ -1,10 +1,6 @@
 import 'rxjs/add/observable/of';
 
 import {async, ComponentFixture, fakeAsync, TestBed, tick} from '@angular/core/testing';
-import {MatCardModule} from '@angular/material/card';
-import {MatIconModule} from '@angular/material/icon';
-import {MatTableModule} from '@angular/material/table';
-import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {RouterModule} from '@angular/router';
 import {MomentModule} from 'ngx-moment';
 import {Observable} from 'rxjs/Observable';
@@ -13,6 +9,7 @@ import {Subject} from 'rxjs/Subject';
 import {BuildStatus} from '../common/constants';
 import {ProjectSummary} from '../models/project_summary';
 import {DataService} from '../services/data.service';
+import {SharedMaterialModule} from '../shared_material.module';
 
 import {DashboardComponent} from './dashboard.component';
 import {mockProjectSummaryList} from './test_helpers/mock_project_summary';
@@ -27,10 +24,7 @@ describe('DashboardComponent', () => {
 
     TestBed
         .configureTestingModule({
-          imports: [
-            MatIconModule, MatCardModule, MatTableModule, MatProgressSpinnerModule, RouterModule,
-            MomentModule
-          ],
+          imports: [SharedMaterialModule, MomentModule, RouterModule],
           declarations: [
             DashboardComponent,
           ],

diff --git a/web/app/project/project.component.spec.ts b/web/app/project/project.component.spec.ts
@@ -1,18 +1,14 @@
 import 'rxjs/add/operator/switchMap';
 
 import {async, ComponentFixture, TestBed} from '@angular/core/testing';
-import {MatCardModule} from '@angular/material/card';
-import {MatIconModule} from '@angular/material/icon';
-import {MatTableModule} from '@angular/material/table';
-import {MatToolbarModule} from '@angular/material/toolbar';
-import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
-import {MomentModule} from 'ngx-moment';
 import {ActivatedRoute, convertToParamMap} from '@angular/router';
+import {MomentModule} from 'ngx-moment';
 import {Observable} from 'rxjs/Observable';
 import {Subject} from 'rxjs/Subject';
 
 import {Project} from '../models/project';
 import {DataService} from '../services/data.service';
+import {SharedMaterialModule} from '../shared_material.module';
 
 import {ProjectComponent} from './project.component';
 import {mockProject} from './test_helpers/mock_project_response';
@@ -27,8 +23,7 @@ describe('ProjectComponent', () => {
 
     TestBed
         .configureTestingModule({
-          imports:
-              [MatIconModule, MatCardModule, MatTableModule, MatToolbarModule, MatProgressSpinnerModule, MomentModule],
+          imports: [SharedMaterialModule, MomentModule],
           declarations: [
             ProjectComponent,
           ],

diff --git a/web/app/shared_material.module.ts b/web/app/shared_material.module.ts
@@ -0,0 +1,19 @@
+import {NgModule} from '@angular/core';
+import {MatCardModule} from '@angular/material/card';
+import {MatIconModule} from '@angular/material/icon';
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
+import {MatTableModule} from '@angular/material/table';
+import {MatToolbarModule} from '@angular/material/toolbar';
+
+@NgModule({
+  exports: [
+    MatCardModule,
+    MatTableModule,
+    MatIconModule,
+    MatToolbarModule,
+    MatProgressSpinnerModule,
+  ]
+})
+
+export class SharedMaterialModule {
+}