create header component

src/app/app.component.html

-<myuw-app-bar
-    theme-name=""
-    app-name="Course Search & Enroll"
-	app-url="https://my.wisc.edu">
-
-	<myuw-drawer slot="myuw-navigation" fxShow fxHide.gt-sm>
-		<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Course Search"
-			icon=""
-			href="/search">
-			</myuw-drawer-link>
-			<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Scheduler"
-			icon=""
-			href="/scheduler">
-			</myuw-drawer-link>
-			<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Enrollment"
-			icon=""
-			href="/enrollment">
-			</myuw-drawer-link>
-			<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Degree Planner"
-			icon=""
-			href="/degree-planner">
-		</myuw-drawer-link>
-	</myuw-drawer>
-
-	<myuw-help
-        slot="myuw-help"
-        myuw-help-title="Need more help?"
-		show-button
-		show-default-content>
-	</myuw-help>
-	
-	<myuw-profile
-		slot="myuw-profile"
-		session-endpoint=""
-		login-url=""
-		logout-url="http://login.wisc.edu/logout"
-		background-color="#9B0000">
-	</myuw-profile>
-
-</myuw-app-bar>
-
+<cse-header></cse-header>
 <cse-navigation></cse-navigation>
 <main class="uw-row">
 	<div class="uw-col">

src/app/app.component.ts

@@ -11,7 +11,7 @@ document.addEventListener('WebComponentsReady', function() {
 	const customEvent = new CustomEvent('myuw-login', {
 		detail: {
 			person: {
-				'firstName': 'Bucky'
+				// 'firstName': 'Bucky'
 			}
 		}
 	});

src/app/app.module.ts

@@ -7,6 +7,7 @@ import { AppRoutingModule } from './app.routing.module';
 import { AppComponent } from './app.component';
 import { CoreModule } from '@app/core/core.module';
 import { SharedModule } from '@app/shared/shared.module';
+import { HeaderComponent } from './core/header/header.component';
 
 @NgModule({
 	imports: [
@@ -18,7 +19,8 @@ import { SharedModule } from '@app/shared/shared.module';
 		AppRoutingModule
 	],
 	declarations: [
-		AppComponent
+		AppComponent,
+		HeaderComponent
 	],
 	providers: [],
 	bootstrap: [ AppComponent ],

src/app/core/header/header.component.html

+<myuw-app-bar
+    theme-name=""
+    app-name="Course Search & Enroll"
+	app-url="https://my.wisc.edu">
+
+	<myuw-drawer slot="myuw-navigation" fxShow fxHide.gt-sm>
+		<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Course Search"
+			icon=""
+			href="/search">
+			</myuw-drawer-link>
+			<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Scheduler"
+			icon=""
+			href="/scheduler">
+			</myuw-drawer-link>
+			<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Enrollment"
+			icon=""
+			href="/enrollment">
+			</myuw-drawer-link>
+			<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Degree Planner"
+			icon=""
+			href="/degree-planner">
+		</myuw-drawer-link>
+	</myuw-drawer>
+
+	<myuw-help
+		slot="myuw-help"
+		myuw-help-title="Need more help?"
+		show-button
+		show-default-content>
+	</myuw-help>
+	
+	<myuw-profile
+		slot="myuw-profile"
+		session-endpoint=""
+		login-url=""
+		logout-url="http://login.wisc.edu/logout"
+		background-color="#9B0000">
+	</myuw-profile>
+
+</myuw-app-bar>
\ No newline at end of file

src/app/core/header/header.component.spec.ts

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

src/app/core/header/header.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+	selector: 'cse-header',
+	templateUrl: './header.component.html',
+	styleUrls: ['./header.component.scss']
+})
+export class HeaderComponent implements OnInit {
+
+	constructor() { }
+
+	ngOnInit() {
+	}
+
+}