First commit

.angular-cli.json

+{
+	"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+	"project": {
+		"name": "angular starter"
+	},
+	"apps": [
+		{
+			"root": "src",
+			"outDir": "dist",
+			"assets": [
+				"assets",
+				"favicon.ico"
+			],
+			"index": "index.html",
+			"main": "main.ts",
+			"polyfills": "polyfills.ts",
+			"test": "test.ts",
+			"tsconfig": "tsconfig.app.json",
+			"testTsconfig": "tsconfig.spec.json",
+			"prefix": "app",
+			"styles": [
+				"assets/uwstyle/fonts/uw160/fonts.0.0.1.css",
+				"assets/uwstyle/dist/css/uw-style.min.css",
+				"styles.css",
+				"assets/material-theme.scss"
+			],
+			"scripts": [],
+			"environmentSource": "environments/environment.ts",
+			"environments": {
+				"dev": "environments/environment.ts",
+				"prod": "environments/environment.prod.ts"
+			}
+		}
+	],
+	"e2e": {
+		"protractor": {
+			"config": "./protractor.conf.js"
+		}
+	},
+	"lint": [
+		{
+			"project": "src/tsconfig.app.json",
+			"exclude": "**/node_modules/**"
+		},
+		{
+			"project": "src/tsconfig.spec.json",
+			"exclude": "**/node_modules/**"
+		},
+		{
+			"project": "e2e/tsconfig.e2e.json",
+			"exclude": "**/node_modules/**"
+		}
+	],
+	"test": {
+		"karma": {
+			"config": "./karma.conf.js"
+		}
+	},
+	"defaults": {
+		"lintFix": true,
+		"styleExt": "scss",
+		"component": {}
+	}
+}

.editorconfig

+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = tabs
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/dist-server
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db

README.md

+# IA Angular5 Starter
+
+#### Run `npm install -g @angular/cli` then `npm install` to get started
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
+## Running TS Linter
+
+Run `ng lint` to excute typescript linting. `ng lint --fix` will attempt to fix any errors
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+
+## Dependances
+### [Angular](http://angular.io)
+### [Angular CLI](https://github.com/angular/angular-cli) 
+### [Angular Material 2](https://material.angular.io)
+### [UW Style](https://git.doit.wisc.edu/uw-madison-digital-strategy/uw-style)
+Have a look at the `package.json` for more a more detailed view.
+
+## Developing
+### [Visual Studio Code](https://code.visualstudio.com/)
+Works great with typescript ecosystem.
\ No newline at end of file

e2e/app.e2e-spec.ts

+import { AppPage } from './app.po';
+
+describe('Angular Starter', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+	page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+	page.navigateTo();
+	expect(page.getParagraphText()).toEqual('ANGULAR STARTER');
+  });
+});

e2e/app.po.ts

+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+	return browser.get('/');
+  }
+
+  getParagraphText() {
+	return element(by.css('app-root h1')).getText();
+  }
+}

e2e/tsconfig.e2e.json

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}

karma.conf.js

+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular/cli'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular/cli/plugins/karma')
+    ],
+    client:{
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      reports: [ 'html', 'lcovonly' ],
+      fixWebpackSourcePaths: true
+    },
+    angularCli: {
+      environment: 'dev'
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  });
+};

package.json

+{
+  "name": "angular-starter",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build --prod",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^5.2.2",
+    "@angular/cdk": "^5.1.0",
+    "@angular/common": "^5.2.0",
+    "@angular/compiler": "^5.2.0",
+    "@angular/core": "^5.2.0",
+    "@angular/forms": "^5.2.0",
+    "@angular/http": "^5.2.0",
+    "@angular/material": "^5.1.0",
+    "@angular/platform-browser": "^5.2.0",
+    "@angular/platform-browser-dynamic": "^5.2.0",
+    "@angular/router": "^5.2.0",
+    "classlist.js": "^1.1.20150312",
+    "core-js": "^2.4.1",
+    "intl": "^1.2.5",
+    "rxjs": "^5.5.6",
+    "zone.js": "^0.8.19"
+  },
+  "devDependencies": {
+    "@angular/cli": "1.6.6",
+    "@angular/compiler-cli": "^5.2.0",
+    "@angular/language-service": "^5.2.0",
+    "@types/jasmine": "~2.8.3",
+    "@types/jasminewd2": "~2.0.2",
+    "@types/node": "~6.0.60",
+    "codelyzer": "^4.0.1",
+    "jasmine-core": "~2.8.0",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "~2.0.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "^1.2.1",
+    "karma-jasmine": "~1.1.0",
+    "karma-jasmine-html-reporter": "^0.2.2",
+    "protractor": "~5.1.2",
+    "ts-node": "~4.1.0",
+    "tslint": "~5.9.1",
+    "typescript": "~2.5.3"
+  }
+}

protractor.conf.js

+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './e2e/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: 'e2e/tsconfig.e2e.json'
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};

src/app/app.component.html

+<a class="uw-show-on-focus" href="#main" id="uw-skip-link">Skip to main content</a>
+<div class="uw-global-bar">
+	<a class="uw-global-name-link" href="http://www.wisc.edu">U<span>niversity <span class="uw-of">of</span> </span>W<span>isconsin</span>–Madison</a>
+</div>
+<header id="branding" class="uw-header uw-has-search">
+	<div class="uw-header-container">
+		<div class="uw-header-crest-title">
+			<div class="uw-header-crest">
+				<a href="http://www.wisc.edu"><img class="uw-crest-svg" src="assets/uwstyle/images/uw-crest.svg" alt="Link to University of Wisconsin-Madison home page"></a>
+			</div>
+			<div class="uw-title-tagline">
+				<h1 id="site-title" class="uw-site-title">
+					<a rel="home">Angular Starter</a>
+				</h1>
+				<div id="site-description" class="uw-site-tagline">UW-Madison Housing</div>
+			</div>
+		</div>
+	</div>
+</header>
+<app-navigation></app-navigation>
+<main class="uw-row">
+	<div class="uw-col">
+		<router-outlet></router-outlet>
+	</div>
+</main>

src/app/app.component.spec.ts

+import { TestBed, async } from '@angular/core/testing';
+import { Component, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { Router, RouterModule, Routes } from '@angular/router';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { AppComponent } from './app.component';
+import { HomeComponent } from './home/home.component';
+import { AppRoutingModule } from './app.routing.module';
+
+const routes: Routes = [
+	{ path: '', pathMatch: 'full', redirectTo: 'home', },
+	{ path: 'home', component: HomeComponent }
+];
+
+@Component({
+	template: '<div>lazy-loaded</div>'
+  })
+  class LazyComponent { }
+  
+  @NgModule({
+	imports: [RouterModule],
+	declarations: [LazyComponent]
+  })
+  class LazyModule { }
+
+describe('AppComponent', () => {
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			imports: [RouterModule, RouterTestingModule.withRoutes(routes)],
+			schemas: [ NO_ERRORS_SCHEMA ],
+			declarations: [
+				AppComponent,
+				HomeComponent
+			],
+		}).compileComponents();
+	}));
+	it('should create the app', async(() => {
+		const fixture = TestBed.createComponent(AppComponent);
+		const app = fixture.debugElement.componentInstance;
+		expect(app).toBeTruthy();
+	}));
+	it(`should have as title 'Angular Starter'`, async(() => {
+		const fixture = TestBed.createComponent(AppComponent);
+		const app = fixture.debugElement.componentInstance;
+		expect(app.title).toEqual('app');
+	}));
+	it('should render title in a h1 tag', async(() => {
+		const fixture = TestBed.createComponent(AppComponent);
+		fixture.detectChanges();
+		const compiled = fixture.debugElement.nativeElement;
+		expect(compiled.querySelector('h1').textContent).toContain('Angular Starter');
+	}));
+	it('should render title in a router-outlet tag', async(() => {
+		const fixture = TestBed.createComponent(AppComponent);
+		fixture.detectChanges();
+		const compiled = fixture.debugElement.nativeElement;
+		expect(compiled.querySelector('router-outlet').textContent).toBeDefined();
+	  }));
+});

src/app/app.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-root',
+	templateUrl: './app.component.html',
+	styleUrls: ['./app.component.scss']
+})
+export class AppComponent {
+	title = 'app';
+}

src/app/app.module.ts

+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } 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';
+
+@NgModule({
+	imports: [
+		BrowserModule,
+		AppRoutingModule,
+		CoreModule,
+		SharedModule
+	],
+	declarations: [
+		AppComponent,
+		HomeComponent
+	],
+	providers: [],
+	bootstrap: [ AppComponent ]
+})
+export class AppModule { }

src/app/app.routing.module.ts

+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 }
+];
+
+@NgModule({
+	imports: [RouterModule.forRoot(routes)],
+	exports: [RouterModule]
+})
+export class AppRoutingModule { }

src/app/core/config.service.ts

+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class ConfigService {
+	apiUrl = '/api/v1/';
+	constructor() { }
+
+}

src/app/core/core.module.ts

+import { NgModule, Optional, SkipSelf } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import { SharedModule } from '../shared/shared.module';
+import { NavigationComponent } from './navigation/navigation.component';
+import { ConfigService } from './config.service';
+import { DataService } from './data.service';
+// import { ProfileService } from './profile.service'
+import { throwIfAlreadyLoaded } from './module-import-check';
+
+@NgModule({
+	imports: [
+		CommonModule, // we use *ngFor
+		RouterModule, // we use router-outlet and routerLink
+		SharedModule
+	],
+	exports: [
+		NavigationComponent
+	],
+	declarations: [
+		NavigationComponent
+	],
+	providers: [
+		ConfigService,
+		DataService
+	],
+})
+
+export class CoreModule {
+	constructor( @Optional() @SkipSelf() parentModule: CoreModule) {
+		throwIfAlreadyLoaded(parentModule, 'CoreModule');
+	}
+}

src/app/core/data.service.spec.ts

+import { TestBed, inject } from '@angular/core/testing';
+import {
+	HttpClient,
+	HttpBackend,
+	HttpClientModule
+} from '@angular/common/http';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { ConfigService } from './config.service';
+import { DataService } from './data.service';
+
+describe('DataService', () => {
+	beforeEach(() => {
+		TestBed.configureTestingModule({
+			imports: [HttpClientModule],
+			providers: [
+				ConfigService,
+				DataService,
+				{ provide: HttpBackend, useClass: HttpClientTestingModule }
+			]
+		});
+	});
+
+	it('should create', inject([DataService], (service: DataService) => {
+		expect(service).toBeTruthy();
+	}));
+
+});