ROENROLL-1212

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "ia-angular2-seed-project": {
+    "course-search-enroll-fe": {
       "root": "",
       "sourceRoot": "src",
       "projectType": "application",
@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/ia-angular2-seed-project",
+            "outputPath": "dist/course-search-enroll-fe",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
@@ -58,18 +58,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "ia-angular2-seed-project:build"
+            "browserTarget": "course-search-enroll-fe:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "ia-angular2-seed-project:build:production"
+              "browserTarget": "course-search-enroll-fe:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ia-angular2-seed-project:build"
+            "browserTarget": "course-search-enroll-fe:build"
           }
         },
         "test": {
@@ -103,7 +103,7 @@
         }
       }
     },
-    "ia-angular2-seed-project-e2e": {
+    "course-search-enroll-fe-e2e": {
       "root": "e2e/",
       "projectType": "application",
       "architect": {
@@ -111,11 +111,11 @@
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "ia-angular2-seed-project:serve"
+            "devServerTarget": "course-search-enroll-fe:serve"
           },
           "configurations": {
             "production": {
-              "devServerTarget": "ia-angular2-seed-project:serve:production"
+              "devServerTarget": "course-search-enroll-fe:serve:production"
             }
           }
         },
@@ -131,5 +131,5 @@
       }
     }
   },
-  "defaultProject": "ia-angular2-seed-project"
+  "defaultProject": "course-search-enroll-fe"
 }
\ No newline at end of file

src/app/app.component.ts

@@ -10,7 +10,7 @@ export class AppComponent {
 }
 
 document.addEventListener('WebComponentsReady', function() {
-	let customEvent = new CustomEvent('myuw-login', {
+	const customEvent = new CustomEvent('myuw-login', {
 		detail: {
 			person: {
 				'firstName': 'Bucky'

src/app/app.module.ts

@@ -4,21 +4,21 @@ import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 import { AppRoutingModule } from './app.routing.module';
 import { AppComponent } from './app.component';
-import { HomeComponent } from './home/home.component';
 import { CoreModule } from './core/core.module';
 import { SharedModule } from './shared/shared.module';
+import { DegreePlannerModule } from './degree-planner/degree-planner.module';
 
 @NgModule({
 	imports: [
 		BrowserModule,
 		BrowserAnimationsModule,
-		AppRoutingModule,
+		DegreePlannerModule,
 		CoreModule,
-		SharedModule
+		SharedModule,
+		AppRoutingModule
 	],
 	declarations: [
 		AppComponent,
-		HomeComponent
 	],
 	providers: [],
 	bootstrap: [ AppComponent ],

src/app/app.routing.module.ts

@@ -2,10 +2,12 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { AppComponent } from './app.component';
-import { HomeComponent } from './home/home.component';
 
 const routes: Routes = [
-	{ path: '', component: HomeComponent }
+	{
+		path: '',
+		loadChildren: './degree-planner/degree-planner.module#DegreePlannerModule'
+	}
 ];
 
 @NgModule({

src/app/degree-planner/degree-planner.component.html

+<p>
+	degree-planner works!
+</p>

src/app/degree-planner/degree-planner.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DegreePlannerComponent } from './degree-planner.component';
+
+describe('DegreePlannerComponent', () => {
+	let component: DegreePlannerComponent;
+	let fixture: ComponentFixture<DegreePlannerComponent>;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [ DegreePlannerComponent ]
+		}).compileComponents();
+	}));
+
+	beforeEach(() => {
+		fixture = TestBed.createComponent(DegreePlannerComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

src/app/home/home.component.ts → src/app/degree-planner/degree-planner.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-	selector: 'app-home',
-	templateUrl: './home.component.html',
-	styleUrls: ['./home.component.scss']
+	selector: 'app-degree-planner',
+	templateUrl: './degree-planner.component.html',
+	styleUrls: ['./degree-planner.component.css']
 })
-export class HomeComponent implements OnInit {
+export class DegreePlannerComponent implements OnInit {
 
 	constructor() { }
 

src/app/degree-planner/degree-planner.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DegreePlannerComponent } from './degree-planner.component';
+import { SharedModule } from '../shared/shared.module';
+import { DegreePlannerRoutingModule } from './degree-planner.routing.module';
+
+@NgModule({
+	imports: [
+		CommonModule,
+		SharedModule,
+		DegreePlannerRoutingModule
+	],
+	declarations: [
+		DegreePlannerComponent
+	]
+})
+export class DegreePlannerModule { }

src/app/degree-planner/degree-planner.routing.module.ts

+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { DegreePlannerComponent } from './degree-planner.component';
+
+
+const routes: Routes = [
+	{ path: '', component: DegreePlannerComponent },
+];
+
+@NgModule({
+	imports: [RouterModule.forChild(routes)],
+	exports: [RouterModule]
+})
+export class DegreePlannerRoutingModule { }

src/app/home/home.component.html

-<p>
-	home works!
-</p>

src/app/home/home.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HomeComponent } from './home.component';
-
-describe('HomeComponent', () => {
-	let component: HomeComponent;
-	let fixture: ComponentFixture<HomeComponent>;
-
-	beforeEach(async(() => {
-	TestBed.configureTestingModule({
-		declarations: [ HomeComponent ]
-	})
-	.compileComponents();
-	}));
-
-	beforeEach(() => {
-	fixture = TestBed.createComponent(HomeComponent);
-	component = fixture.componentInstance;
-	fixture.detectChanges();
-	});
-
-	it('should create', () => {
-	expect(component).toBeTruthy();
-	});
-});