diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..e89330a
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..85158b7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,43 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events.json
+speed-measure-plugin.json
+
+# 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
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db
diff --git a/README.md b/README.md
index 4cb850e..bc6ce87 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,19 @@
-# pheonix-builder-angular
-An angulr web-portal for the creation of words and word groups of any spoken dialect. It also has an RESTful API for serving data to third-party applications
+# Phoenix Builder Angular
+
+An angular web-portal for the creation of words and word groups of any spoken dialect. It also has an RESTful API for serving data to third-party applications
+
+## 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.
+
+## 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/).
diff --git a/angular.json b/angular.json
new file mode 100644
index 0000000..2ee4369
--- /dev/null
+++ b/angular.json
@@ -0,0 +1,143 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "phoenix-builder-angular": {
+ "root": "",
+ "sourceRoot": "src",
+ "projectType": "application",
+ "prefix": "app",
+ "schematics": {
+ "@schematics/angular:component": {
+ "styleext": "scss"
+ }
+ },
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/phoenix-builder-angular",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "src/tsconfig.app.json",
+ "assets": [
+ "src/favicon.ico",
+ "src/assets"
+ ],
+ "styles": [
+ "node_modules/foundation-sites/dist/css/foundation.min.css",
+ "src/styles.scss"
+ ],
+ "scripts": [
+ "node_modules/jquery/dist/jquery.min.js",
+ "node_modules/foundation-sites/dist/js/foundation.min.js"
+ ]
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "optimization": true,
+ "outputHashing": "all",
+ "sourceMap": false,
+ "extractCss": true,
+ "namedChunks": false,
+ "aot": true,
+ "extractLicenses": true,
+ "vendorChunk": false,
+ "buildOptimizer": true,
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "2mb",
+ "maximumError": "5mb"
+ }
+ ]
+ }
+ }
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "options": {
+ "browserTarget": "phoenix-builder-angular:build"
+ },
+ "configurations": {
+ "production": {
+ "browserTarget": "phoenix-builder-angular:build:production"
+ }
+ }
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "browserTarget": "phoenix-builder-angular:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "src/tsconfig.spec.json",
+ "karmaConfig": "src/karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/favicon.ico",
+ "src/assets"
+ ]
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": [
+ "src/tsconfig.app.json",
+ "src/tsconfig.spec.json"
+ ],
+ "exclude": [
+ "**/node_modules/**"
+ ]
+ }
+ }
+ }
+ },
+ "phoenix-builder-angular-e2e": {
+ "root": "e2e/",
+ "projectType": "application",
+ "prefix": "",
+ "architect": {
+ "e2e": {
+ "builder": "@angular-devkit/build-angular:protractor",
+ "options": {
+ "protractorConfig": "e2e/protractor.conf.js",
+ "devServerTarget": "phoenix-builder-angular:serve"
+ },
+ "configurations": {
+ "production": {
+ "devServerTarget": "phoenix-builder-angular:serve:production"
+ }
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": "e2e/tsconfig.e2e.json",
+ "exclude": [
+ "**/node_modules/**"
+ ]
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "phoenix-builder-angular"
+}
\ No newline at end of file
diff --git a/e2e/protractor.conf.js b/e2e/protractor.conf.js
new file mode 100644
index 0000000..86776a3
--- /dev/null
+++ b/e2e/protractor.conf.js
@@ -0,0 +1,28 @@
+// 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: [
+ './src/**/*.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: require('path').join(__dirname, './tsconfig.e2e.json')
+ });
+ jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+ }
+};
\ No newline at end of file
diff --git a/e2e/src/app.e2e-spec.ts b/e2e/src/app.e2e-spec.ts
new file mode 100644
index 0000000..d88e3a6
--- /dev/null
+++ b/e2e/src/app.e2e-spec.ts
@@ -0,0 +1,14 @@
+import { AppPage } from './app.po';
+
+describe('workspace-project App', () => {
+ let page: AppPage;
+
+ beforeEach(() => {
+ page = new AppPage();
+ });
+
+ it('should display welcome message', () => {
+ page.navigateTo();
+ expect(page.getTitleText()).toEqual('Welcome to phoenix-builder-angular!');
+ });
+});
diff --git a/e2e/src/app.po.ts b/e2e/src/app.po.ts
new file mode 100644
index 0000000..72e463a
--- /dev/null
+++ b/e2e/src/app.po.ts
@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+ navigateTo() {
+ return browser.get('/');
+ }
+
+ getTitleText() {
+ return element(by.css('app-root h1')).getText();
+ }
+}
diff --git a/e2e/tsconfig.e2e.json b/e2e/tsconfig.e2e.json
new file mode 100644
index 0000000..a6dd622
--- /dev/null
+++ b/e2e/tsconfig.e2e.json
@@ -0,0 +1,13 @@
+{
+ "extends": "../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../out-tsc/app",
+ "module": "commonjs",
+ "target": "es5",
+ "types": [
+ "jasmine",
+ "jasminewd2",
+ "node"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..a50f7d0
--- /dev/null
+++ b/package.json
@@ -0,0 +1,50 @@
+{
+ "name": "phoenix-builder-angular",
+ "version": "0.0.0",
+ "scripts": {
+ "ng": "ng",
+ "start": "ng serve",
+ "build": "ng build",
+ "test": "ng test",
+ "lint": "ng lint",
+ "e2e": "ng e2e"
+ },
+ "private": true,
+ "dependencies": {
+ "@angular/animations": "~7.1.0",
+ "@angular/common": "~7.1.0",
+ "@angular/compiler": "~7.1.0",
+ "@angular/core": "~7.1.0",
+ "@angular/forms": "~7.1.0",
+ "@angular/platform-browser": "~7.1.0",
+ "@angular/platform-browser-dynamic": "~7.1.0",
+ "@angular/router": "~7.1.0",
+ "core-js": "^2.5.4",
+ "foundation-sites": "^6.5.3",
+ "jquery": "^3.4.1",
+ "rxjs": "~6.3.3",
+ "tslib": "^1.9.0",
+ "zone.js": "~0.8.26"
+ },
+ "devDependencies": {
+ "@angular-devkit/build-angular": "~0.11.0",
+ "@angular/cli": "~7.1.1",
+ "@angular/compiler-cli": "~7.1.0",
+ "@angular/language-service": "~7.1.0",
+ "@types/node": "~8.9.4",
+ "@types/jasmine": "~2.8.8",
+ "@types/jasminewd2": "~2.0.3",
+ "codelyzer": "~4.5.0",
+ "jasmine-core": "~2.99.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "karma": "~3.1.1",
+ "karma-chrome-launcher": "~2.2.0",
+ "karma-coverage-istanbul-reporter": "~2.0.1",
+ "karma-jasmine": "~1.1.2",
+ "karma-jasmine-html-reporter": "^0.2.2",
+ "protractor": "~5.4.0",
+ "ts-node": "~7.0.0",
+ "tslint": "~5.11.0",
+ "typescript": "~3.1.6"
+ }
+}
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
new file mode 100644
index 0000000..24de53c
--- /dev/null
+++ b/src/app/app-routing.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { LoginComponent } from './login/login.component';
+import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
+
+const routes: Routes = [
+ { path: '', component: LoginComponent },
+ { path: '**', component: PageNotFoundComponent},
+];
+
+@NgModule({
+ imports: [RouterModule.forRoot(routes)],
+ exports: [RouterModule]
+})
+export class AppRoutingModule {}
+
\ No newline at end of file
diff --git a/src/app/app.component.html b/src/app/app.component.html
new file mode 100644
index 0000000..cb77bc7
--- /dev/null
+++ b/src/app/app.component.html
@@ -0,0 +1,3 @@
+
+
+
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
new file mode 100644
index 0000000..c2cc05b
--- /dev/null
+++ b/src/app/app.component.spec.ts
@@ -0,0 +1,35 @@
+import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ imports: [
+ RouterTestingModule
+ ],
+ declarations: [
+ AppComponent
+ ],
+ }).compileComponents();
+ }));
+
+ it('should create the app', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.debugElement.componentInstance;
+ expect(app).toBeTruthy();
+ });
+
+ it(`should have as title 'phoenix-builder-angular'`, () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.debugElement.componentInstance;
+ expect(app.title).toEqual('phoenix-builder-angular');
+ });
+
+ it('should render title in a h1 tag', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ fixture.detectChanges();
+ const compiled = fixture.debugElement.nativeElement;
+ expect(compiled.querySelector('h1').textContent).toContain('Welcome to phoenix-builder-angular!');
+ });
+});
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
new file mode 100644
index 0000000..8c69b27
--- /dev/null
+++ b/src/app/app.component.ts
@@ -0,0 +1,33 @@
+import { Component } from '@angular/core';
+import { AuthService } from './auth.service';
+import { Router } from '@angular/router';
+
+@Component({
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.scss']
+})
+export class AppComponent {
+ pageTitle = 'Phoenix Builder';
+
+ get isLoggedIn(): boolean {
+ return this.authService.isLoggedIn;
+ }
+
+ get userName(): string {
+ if (this.authService.currentUser) {
+ return this.authService.currentUser.userName;
+ }
+ return '';
+ }
+
+ constructor(
+ private authService: AuthService,
+ private router: Router
+ ) {}
+
+ logOut(): void {
+ this.authService.logOut();
+ this.router.navigateByUrl('/login');
+ }
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
new file mode 100644
index 0000000..c1eef62
--- /dev/null
+++ b/src/app/app.module.ts
@@ -0,0 +1,24 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { LoginModule } from './login/login.module';
+import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
+import { WordsModule } from './words/words.module';
+
+@NgModule({
+ declarations: [
+ AppComponent,
+ PageNotFoundComponent
+ ],
+ imports: [
+ BrowserModule,
+ AppRoutingModule,
+ LoginModule,
+ WordsModule
+ ],
+ providers: [],
+ bootstrap: [AppComponent]
+})
+export class AppModule { }
diff --git a/src/app/auth.service.spec.ts b/src/app/auth.service.spec.ts
new file mode 100644
index 0000000..f3d964d
--- /dev/null
+++ b/src/app/auth.service.spec.ts
@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AuthService } from './auth.service';
+
+describe('AuthService', () => {
+ beforeEach(() => TestBed.configureTestingModule({}));
+
+ it('should be created', () => {
+ const service: AuthService = TestBed.get(AuthService);
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/src/app/auth.service.ts b/src/app/auth.service.ts
new file mode 100644
index 0000000..21107f0
--- /dev/null
+++ b/src/app/auth.service.ts
@@ -0,0 +1,19 @@
+import { Injectable } from "@angular/core";
+
+@Injectable({
+ providedIn: "root"
+})
+export class AuthService {
+ public isLoggedIn: boolean;
+ public currentUser: CurrentUser;
+
+ constructor() {}
+
+ login(userName: string, password: string) {}
+
+ logOut() {}
+}
+
+interface CurrentUser {
+ userName: string;
+}
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
new file mode 100644
index 0000000..9ec2294
--- /dev/null
+++ b/src/app/login/login.component.html
@@ -0,0 +1,39 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
new file mode 100644
index 0000000..4d66230
--- /dev/null
+++ b/src/app/login/login.component.scss
@@ -0,0 +1,3 @@
+body{
+ background-color:#039;
+}
diff --git a/src/app/login/login.component.spec.ts b/src/app/login/login.component.spec.ts
new file mode 100644
index 0000000..d6d85a8
--- /dev/null
+++ b/src/app/login/login.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginComponent } from './login.component';
+
+describe('LoginComponent', () => {
+ let component: LoginComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ LoginComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(LoginComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
new file mode 100644
index 0000000..5bfbb35
--- /dev/null
+++ b/src/app/login/login.component.ts
@@ -0,0 +1,32 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { NgForm } from '@angular/forms';
+import { AuthService } from '../auth.service';
+
+@Component({
+ selector: 'app-login',
+ templateUrl: './login.component.html',
+ styleUrls: ['./login.component.scss']
+})
+export class LoginComponent implements OnInit {
+ errorMessage: string;
+ pageTitle = 'Log In';
+
+ constructor(
+ private authService: AuthService,
+ private router: Router) { }
+
+ ngOnInit() {}
+
+ login(loginForm: NgForm) {
+ if(loginForm && loginForm.valid) {
+ const userName = loginForm.form.value.userName;
+ const password = loginForm.form.value.password;
+ this.authService.login(userName, password);
+ this.router.navigate(['/dashboard']);
+ } else {
+ this.errorMessage = 'Please enter a user name and password.';
+ }
+ }
+
+}
diff --git a/src/app/login/login.module.ts b/src/app/login/login.module.ts
new file mode 100644
index 0000000..64b0888
--- /dev/null
+++ b/src/app/login/login.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { LoginComponent } from './login.component';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+@NgModule({
+ declarations: [
+ LoginComponent
+ ],
+ imports: [
+ CommonModule,
+ RouterModule.forChild([
+ { path: '/login', component: LoginComponent }
+ ]),
+ ],
+})
+export class LoginModule {}
diff --git a/src/app/page-not-found/page-not-found.component.html b/src/app/page-not-found/page-not-found.component.html
new file mode 100644
index 0000000..6499598
--- /dev/null
+++ b/src/app/page-not-found/page-not-found.component.html
@@ -0,0 +1,26 @@
+
+
+
+
Phoenix Builder
+
+
Ooops! Page Not Found. Check your link!
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/page-not-found/page-not-found.component.scss b/src/app/page-not-found/page-not-found.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/page-not-found/page-not-found.component.spec.ts b/src/app/page-not-found/page-not-found.component.spec.ts
new file mode 100644
index 0000000..697a946
--- /dev/null
+++ b/src/app/page-not-found/page-not-found.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageNotFoundComponent } from './page-not-found.component';
+
+describe('PageNotFoundComponent', () => {
+ let component: PageNotFoundComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ PageNotFoundComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(PageNotFoundComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/page-not-found/page-not-found.component.ts b/src/app/page-not-found/page-not-found.component.ts
new file mode 100644
index 0000000..31ae4d8
--- /dev/null
+++ b/src/app/page-not-found/page-not-found.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-page-not-found',
+ templateUrl: './page-not-found.component.html',
+ styleUrls: ['./page-not-found.component.scss']
+})
+export class PageNotFoundComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/english-word-detail/english-word-detail.component.html b/src/app/words/english-word-detail/english-word-detail.component.html
new file mode 100644
index 0000000..b14155e
--- /dev/null
+++ b/src/app/words/english-word-detail/english-word-detail.component.html
@@ -0,0 +1,3 @@
+
+ english-word-detail works!
+
diff --git a/src/app/words/english-word-detail/english-word-detail.component.scss b/src/app/words/english-word-detail/english-word-detail.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/english-word-detail/english-word-detail.component.spec.ts b/src/app/words/english-word-detail/english-word-detail.component.spec.ts
new file mode 100644
index 0000000..a50a5ca
--- /dev/null
+++ b/src/app/words/english-word-detail/english-word-detail.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EnglishWordDetailComponent } from './english-word-detail.component';
+
+describe('EnglishWordDetailComponent', () => {
+ let component: EnglishWordDetailComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ EnglishWordDetailComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(EnglishWordDetailComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/english-word-detail/english-word-detail.component.ts b/src/app/words/english-word-detail/english-word-detail.component.ts
new file mode 100644
index 0000000..b034473
--- /dev/null
+++ b/src/app/words/english-word-detail/english-word-detail.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-english-word-detail',
+ templateUrl: './english-word-detail.component.html',
+ styleUrls: ['./english-word-detail.component.scss']
+})
+export class EnglishWordDetailComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/english-word-edit/english-word-edit.component.html b/src/app/words/english-word-edit/english-word-edit.component.html
new file mode 100644
index 0000000..da72673
--- /dev/null
+++ b/src/app/words/english-word-edit/english-word-edit.component.html
@@ -0,0 +1,3 @@
+
+ english-word-edit works!
+
diff --git a/src/app/words/english-word-edit/english-word-edit.component.scss b/src/app/words/english-word-edit/english-word-edit.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/english-word-edit/english-word-edit.component.spec.ts b/src/app/words/english-word-edit/english-word-edit.component.spec.ts
new file mode 100644
index 0000000..5f879fa
--- /dev/null
+++ b/src/app/words/english-word-edit/english-word-edit.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EnglishWordEditComponent } from './english-word-edit.component';
+
+describe('EnglishWordEditComponent', () => {
+ let component: EnglishWordEditComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ EnglishWordEditComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(EnglishWordEditComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/english-word-edit/english-word-edit.component.ts b/src/app/words/english-word-edit/english-word-edit.component.ts
new file mode 100644
index 0000000..74efd32
--- /dev/null
+++ b/src/app/words/english-word-edit/english-word-edit.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-english-word-edit',
+ templateUrl: './english-word-edit.component.html',
+ styleUrls: ['./english-word-edit.component.scss']
+})
+export class EnglishWordEditComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/english-word-list/english-word-list.component.html b/src/app/words/english-word-list/english-word-list.component.html
new file mode 100644
index 0000000..6107636
--- /dev/null
+++ b/src/app/words/english-word-list/english-word-list.component.html
@@ -0,0 +1,3 @@
+
+ english-word-list works!
+
diff --git a/src/app/words/english-word-list/english-word-list.component.scss b/src/app/words/english-word-list/english-word-list.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/english-word-list/english-word-list.component.spec.ts b/src/app/words/english-word-list/english-word-list.component.spec.ts
new file mode 100644
index 0000000..fc681bb
--- /dev/null
+++ b/src/app/words/english-word-list/english-word-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EnglishWordListComponent } from './english-word-list.component';
+
+describe('EnglishWordListComponent', () => {
+ let component: EnglishWordListComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ EnglishWordListComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(EnglishWordListComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/english-word-list/english-word-list.component.ts b/src/app/words/english-word-list/english-word-list.component.ts
new file mode 100644
index 0000000..416e639
--- /dev/null
+++ b/src/app/words/english-word-list/english-word-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-english-word-list',
+ templateUrl: './english-word-list.component.html',
+ styleUrls: ['./english-word-list.component.scss']
+})
+export class EnglishWordListComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/word-detail/word-detail.component.html b/src/app/words/word-detail/word-detail.component.html
new file mode 100644
index 0000000..cbbc822
--- /dev/null
+++ b/src/app/words/word-detail/word-detail.component.html
@@ -0,0 +1,3 @@
+
+ word-detail works!
+
diff --git a/src/app/words/word-detail/word-detail.component.scss b/src/app/words/word-detail/word-detail.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/word-detail/word-detail.component.spec.ts b/src/app/words/word-detail/word-detail.component.spec.ts
new file mode 100644
index 0000000..f14a06e
--- /dev/null
+++ b/src/app/words/word-detail/word-detail.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WordDetailComponent } from './word-detail.component';
+
+describe('WordDetailComponent', () => {
+ let component: WordDetailComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ WordDetailComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(WordDetailComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/word-detail/word-detail.component.ts b/src/app/words/word-detail/word-detail.component.ts
new file mode 100644
index 0000000..a652d4d
--- /dev/null
+++ b/src/app/words/word-detail/word-detail.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-word-detail',
+ templateUrl: './word-detail.component.html',
+ styleUrls: ['./word-detail.component.scss']
+})
+export class WordDetailComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/word-edit/word-edit.component.html b/src/app/words/word-edit/word-edit.component.html
new file mode 100644
index 0000000..7929b4c
--- /dev/null
+++ b/src/app/words/word-edit/word-edit.component.html
@@ -0,0 +1,3 @@
+
+ word-edit works!
+
diff --git a/src/app/words/word-edit/word-edit.component.scss b/src/app/words/word-edit/word-edit.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/word-edit/word-edit.component.spec.ts b/src/app/words/word-edit/word-edit.component.spec.ts
new file mode 100644
index 0000000..49dd2b5
--- /dev/null
+++ b/src/app/words/word-edit/word-edit.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WordEditComponent } from './word-edit.component';
+
+describe('WordEditComponent', () => {
+ let component: WordEditComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ WordEditComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(WordEditComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/word-edit/word-edit.component.ts b/src/app/words/word-edit/word-edit.component.ts
new file mode 100644
index 0000000..7bcc904
--- /dev/null
+++ b/src/app/words/word-edit/word-edit.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-word-edit',
+ templateUrl: './word-edit.component.html',
+ styleUrls: ['./word-edit.component.scss']
+})
+export class WordEditComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/word-group-detail/word-group-detail.component.html b/src/app/words/word-group-detail/word-group-detail.component.html
new file mode 100644
index 0000000..a19d9bf
--- /dev/null
+++ b/src/app/words/word-group-detail/word-group-detail.component.html
@@ -0,0 +1,3 @@
+
+ word-group-detail works!
+
diff --git a/src/app/words/word-group-detail/word-group-detail.component.scss b/src/app/words/word-group-detail/word-group-detail.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/word-group-detail/word-group-detail.component.spec.ts b/src/app/words/word-group-detail/word-group-detail.component.spec.ts
new file mode 100644
index 0000000..47e687f
--- /dev/null
+++ b/src/app/words/word-group-detail/word-group-detail.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WordGroupDetailComponent } from './word-group-detail.component';
+
+describe('WordGroupDetailComponent', () => {
+ let component: WordGroupDetailComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ WordGroupDetailComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(WordGroupDetailComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/word-group-detail/word-group-detail.component.ts b/src/app/words/word-group-detail/word-group-detail.component.ts
new file mode 100644
index 0000000..23fbd96
--- /dev/null
+++ b/src/app/words/word-group-detail/word-group-detail.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-word-group-detail',
+ templateUrl: './word-group-detail.component.html',
+ styleUrls: ['./word-group-detail.component.scss']
+})
+export class WordGroupDetailComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/word-group-edit/word-group-edit.component.html b/src/app/words/word-group-edit/word-group-edit.component.html
new file mode 100644
index 0000000..6a2f842
--- /dev/null
+++ b/src/app/words/word-group-edit/word-group-edit.component.html
@@ -0,0 +1,3 @@
+
+ word-group-edit works!
+
diff --git a/src/app/words/word-group-edit/word-group-edit.component.scss b/src/app/words/word-group-edit/word-group-edit.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/word-group-edit/word-group-edit.component.spec.ts b/src/app/words/word-group-edit/word-group-edit.component.spec.ts
new file mode 100644
index 0000000..18db218
--- /dev/null
+++ b/src/app/words/word-group-edit/word-group-edit.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WordGroupEditComponent } from './word-group-edit.component';
+
+describe('WordGroupEditComponent', () => {
+ let component: WordGroupEditComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ WordGroupEditComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(WordGroupEditComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/word-group-edit/word-group-edit.component.ts b/src/app/words/word-group-edit/word-group-edit.component.ts
new file mode 100644
index 0000000..06cc01d
--- /dev/null
+++ b/src/app/words/word-group-edit/word-group-edit.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-word-group-edit',
+ templateUrl: './word-group-edit.component.html',
+ styleUrls: ['./word-group-edit.component.scss']
+})
+export class WordGroupEditComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/word-group-list/word-group-list.component.html b/src/app/words/word-group-list/word-group-list.component.html
new file mode 100644
index 0000000..abf1066
--- /dev/null
+++ b/src/app/words/word-group-list/word-group-list.component.html
@@ -0,0 +1,3 @@
+
+ word-group-list works!
+
diff --git a/src/app/words/word-group-list/word-group-list.component.scss b/src/app/words/word-group-list/word-group-list.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/word-group-list/word-group-list.component.spec.ts b/src/app/words/word-group-list/word-group-list.component.spec.ts
new file mode 100644
index 0000000..e351bc9
--- /dev/null
+++ b/src/app/words/word-group-list/word-group-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WordGroupListComponent } from './word-group-list.component';
+
+describe('WordGroupListComponent', () => {
+ let component: WordGroupListComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ WordGroupListComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(WordGroupListComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/word-group-list/word-group-list.component.ts b/src/app/words/word-group-list/word-group-list.component.ts
new file mode 100644
index 0000000..bbd9dbf
--- /dev/null
+++ b/src/app/words/word-group-list/word-group-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-word-group-list',
+ templateUrl: './word-group-list.component.html',
+ styleUrls: ['./word-group-list.component.scss']
+})
+export class WordGroupListComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/word-list/word-list.component.html b/src/app/words/word-list/word-list.component.html
new file mode 100644
index 0000000..f0a761d
--- /dev/null
+++ b/src/app/words/word-list/word-list.component.html
@@ -0,0 +1,3 @@
+
+ word-list works!
+
diff --git a/src/app/words/word-list/word-list.component.scss b/src/app/words/word-list/word-list.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/words/word-list/word-list.component.spec.ts b/src/app/words/word-list/word-list.component.spec.ts
new file mode 100644
index 0000000..d4c43fe
--- /dev/null
+++ b/src/app/words/word-list/word-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WordListComponent } from './word-list.component';
+
+describe('WordListComponent', () => {
+ let component: WordListComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ WordListComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(WordListComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/words/word-list/word-list.component.ts b/src/app/words/word-list/word-list.component.ts
new file mode 100644
index 0000000..14bd2b1
--- /dev/null
+++ b/src/app/words/word-list/word-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-word-list',
+ templateUrl: './word-list.component.html',
+ styleUrls: ['./word-list.component.scss']
+})
+export class WordListComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/words/words.module.ts b/src/app/words/words.module.ts
new file mode 100644
index 0000000..495263d
--- /dev/null
+++ b/src/app/words/words.module.ts
@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { WordDetailComponent } from './word-detail/word-detail.component';
+import { WordEditComponent } from './word-edit/word-edit.component';
+import { WordListComponent } from './word-list/word-list.component';
+import { WordGroupDetailComponent } from './word-group-detail/word-group-detail.component';
+import { WordGroupEditComponent } from './word-group-edit/word-group-edit.component';
+import { WordGroupListComponent } from './word-group-list/word-group-list.component';
+import { EnglishWordListComponent } from './english-word-list/english-word-list.component';
+import { EnglishWordDetailComponent } from './english-word-detail/english-word-detail.component';
+import { EnglishWordEditComponent } from './english-word-edit/english-word-edit.component';
+
+@NgModule({
+ declarations: [WordListComponent, WordGroupListComponent, EnglishWordListComponent],
+ imports: [
+ CommonModule,
+ RouterModule.forChild([
+ { path: 'words', component: WordListComponent },
+ { path: 'words/:id', component: WordDetailComponent },
+ { path: 'words/:id/edit', component: WordEditComponent },
+ { path: 'wordgroups', component: WordGroupListComponent },
+ { path: 'wordgroups/:id', component: WordGroupDetailComponent },
+ { path: 'wordgroups/:id/edit', component: WordGroupEditComponent },
+ { path: 'englishwords', component: EnglishWordListComponent },
+ { path: 'englishwords/:id', component: EnglishWordDetailComponent },
+ { path: 'englishwords/:id/edit', component: EnglishWordEditComponent }
+ ])
+ ]
+})
+export class WordsModule {}
diff --git a/src/assets/.gitkeep b/src/assets/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/src/browserslist b/src/browserslist
new file mode 100644
index 0000000..37371cb
--- /dev/null
+++ b/src/browserslist
@@ -0,0 +1,11 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11
\ No newline at end of file
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
new file mode 100644
index 0000000..3612073
--- /dev/null
+++ b/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
new file mode 100644
index 0000000..7b4f817
--- /dev/null
+++ b/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
diff --git a/src/favicon.ico b/src/favicon.ico
new file mode 100644
index 0000000..8081c7c
Binary files /dev/null and b/src/favicon.ico differ
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..4c7dd0a
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+ Project Phoenix
+
+
+
+
+
+
+
+
+
diff --git a/src/karma.conf.js b/src/karma.conf.js
new file mode 100644
index 0000000..ee9caa1
--- /dev/null
+++ b/src/karma.conf.js
@@ -0,0 +1,31 @@
+// 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-devkit/build-angular'],
+ plugins: [
+ require('karma-jasmine'),
+ require('karma-chrome-launcher'),
+ require('karma-jasmine-html-reporter'),
+ require('karma-coverage-istanbul-reporter'),
+ require('@angular-devkit/build-angular/plugins/karma')
+ ],
+ client: {
+ clearContext: false // leave Jasmine Spec Runner output visible in browser
+ },
+ coverageIstanbulReporter: {
+ dir: require('path').join(__dirname, '../coverage'),
+ reports: ['html', 'lcovonly', 'text-summary'],
+ fixWebpackSourcePaths: true
+ },
+ reporters: ['progress', 'kjhtml'],
+ port: 9876,
+ colors: true,
+ logLevel: config.LOG_INFO,
+ autoWatch: true,
+ browsers: ['Chrome'],
+ singleRun: false
+ });
+};
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..c7b673c
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,12 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+ enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+ .catch(err => console.error(err));
diff --git a/src/polyfills.ts b/src/polyfills.ts
new file mode 100644
index 0000000..ee8b84d
--- /dev/null
+++ b/src/polyfills.ts
@@ -0,0 +1,80 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ * file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE9, IE10 and IE11 requires all of the following polyfills. **/
+// import 'core-js/es6/symbol';
+// import 'core-js/es6/object';
+// import 'core-js/es6/function';
+// import 'core-js/es6/parse-int';
+// import 'core-js/es6/parse-float';
+// import 'core-js/es6/number';
+// import 'core-js/es6/math';
+// import 'core-js/es6/string';
+// import 'core-js/es6/date';
+// import 'core-js/es6/array';
+// import 'core-js/es6/regexp';
+// import 'core-js/es6/map';
+// import 'core-js/es6/weak-map';
+// import 'core-js/es6/set';
+
+/**
+ * If the application will be indexed by Google Search, the following is required.
+ * Googlebot uses a renderer based on Chrome 41.
+ * https://developers.google.com/search/docs/guides/rendering
+ **/
+// import 'core-js/es6/array';
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js'; // Run `npm install --save classlist.js`.
+
+/** IE10 and IE11 requires the following for the Reflect API. */
+// import 'core-js/es6/reflect';
+
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ **/
+// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ */
+
+ // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+
+ /*
+ * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ * with the following flag, it will bypass `zone.js` patch for IE/Edge
+ */
+// (window as any).__Zone_enable_cross_context_check = true;
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js/dist/zone'; // Included with Angular CLI.
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
diff --git a/src/styles.scss b/src/styles.scss
new file mode 100644
index 0000000..90d4ee0
--- /dev/null
+++ b/src/styles.scss
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
diff --git a/src/test.ts b/src/test.ts
new file mode 100644
index 0000000..1631789
--- /dev/null
+++ b/src/test.ts
@@ -0,0 +1,20 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
diff --git a/src/tsconfig.app.json b/src/tsconfig.app.json
new file mode 100644
index 0000000..190fd30
--- /dev/null
+++ b/src/tsconfig.app.json
@@ -0,0 +1,11 @@
+{
+ "extends": "../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../out-tsc/app",
+ "types": []
+ },
+ "exclude": [
+ "test.ts",
+ "**/*.spec.ts"
+ ]
+}
diff --git a/src/tsconfig.spec.json b/src/tsconfig.spec.json
new file mode 100644
index 0000000..de77336
--- /dev/null
+++ b/src/tsconfig.spec.json
@@ -0,0 +1,18 @@
+{
+ "extends": "../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../out-tsc/spec",
+ "types": [
+ "jasmine",
+ "node"
+ ]
+ },
+ "files": [
+ "test.ts",
+ "polyfills.ts"
+ ],
+ "include": [
+ "**/*.spec.ts",
+ "**/*.d.ts"
+ ]
+}
diff --git a/src/tslint.json b/src/tslint.json
new file mode 100644
index 0000000..52e2c1a
--- /dev/null
+++ b/src/tslint.json
@@ -0,0 +1,17 @@
+{
+ "extends": "../tslint.json",
+ "rules": {
+ "directive-selector": [
+ true,
+ "attribute",
+ "app",
+ "camelCase"
+ ],
+ "component-selector": [
+ true,
+ "element",
+ "app",
+ "kebab-case"
+ ]
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..b271fd9
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,22 @@
+{
+ "compileOnSave": false,
+ "compilerOptions": {
+ "baseUrl": "./",
+ "outDir": "./dist/out-tsc",
+ "sourceMap": true,
+ "declaration": false,
+ "module": "es2015",
+ "moduleResolution": "node",
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "importHelpers": true,
+ "target": "es5",
+ "typeRoots": [
+ "node_modules/@types"
+ ],
+ "lib": [
+ "es2018",
+ "dom"
+ ]
+ }
+}
diff --git a/tslint.json b/tslint.json
new file mode 100644
index 0000000..c740a7b
--- /dev/null
+++ b/tslint.json
@@ -0,0 +1,131 @@
+{
+ "rulesDirectory": [
+ "codelyzer"
+ ],
+ "rules": {
+ "arrow-return-shorthand": true,
+ "callable-types": true,
+ "class-name": true,
+ "comment-format": [
+ true,
+ "check-space"
+ ],
+ "curly": true,
+ "deprecation": {
+ "severity": "warn"
+ },
+ "eofline": true,
+ "forin": true,
+ "import-blacklist": [
+ true,
+ "rxjs/Rx"
+ ],
+ "import-spacing": true,
+ "indent": [
+ true,
+ "spaces"
+ ],
+ "interface-over-type-literal": true,
+ "label-position": true,
+ "max-line-length": [
+ true,
+ 140
+ ],
+ "member-access": false,
+ "member-ordering": [
+ true,
+ {
+ "order": [
+ "static-field",
+ "instance-field",
+ "static-method",
+ "instance-method"
+ ]
+ }
+ ],
+ "no-arg": true,
+ "no-bitwise": true,
+ "no-console": [
+ true,
+ "debug",
+ "info",
+ "time",
+ "timeEnd",
+ "trace"
+ ],
+ "no-construct": true,
+ "no-debugger": true,
+ "no-duplicate-super": true,
+ "no-empty": false,
+ "no-empty-interface": true,
+ "no-eval": true,
+ "no-inferrable-types": [
+ true,
+ "ignore-params"
+ ],
+ "no-misused-new": true,
+ "no-non-null-assertion": true,
+ "no-redundant-jsdoc": true,
+ "no-shadowed-variable": true,
+ "no-string-literal": false,
+ "no-string-throw": true,
+ "no-switch-case-fall-through": true,
+ "no-trailing-whitespace": true,
+ "no-unnecessary-initializer": true,
+ "no-unused-expression": true,
+ "no-use-before-declare": true,
+ "no-var-keyword": true,
+ "object-literal-sort-keys": false,
+ "one-line": [
+ true,
+ "check-open-brace",
+ "check-catch",
+ "check-else",
+ "check-whitespace"
+ ],
+ "prefer-const": true,
+ "quotemark": [
+ true,
+ "single"
+ ],
+ "radix": true,
+ "semicolon": [
+ true,
+ "always"
+ ],
+ "triple-equals": [
+ true,
+ "allow-null-check"
+ ],
+ "typedef-whitespace": [
+ true,
+ {
+ "call-signature": "nospace",
+ "index-signature": "nospace",
+ "parameter": "nospace",
+ "property-declaration": "nospace",
+ "variable-declaration": "nospace"
+ }
+ ],
+ "unified-signatures": true,
+ "variable-name": false,
+ "whitespace": [
+ true,
+ "check-branch",
+ "check-decl",
+ "check-operator",
+ "check-separator",
+ "check-type"
+ ],
+ "no-output-on-prefix": true,
+ "use-input-property-decorator": true,
+ "use-output-property-decorator": true,
+ "use-host-property-decorator": true,
+ "no-input-rename": true,
+ "no-output-rename": true,
+ "use-life-cycle-interface": true,
+ "use-pipe-transform-interface": true,
+ "component-class-suffix": true,
+ "directive-class-suffix": true
+ }
+}