diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html deleted file mode 100644 index 7dc59929..00000000 --- a/src/app/about/about.component.html +++ /dev/null @@ -1,3 +0,0 @@ -

- About Works! -

diff --git a/src/app/about/about.component.scss b/src/app/about/about.component.scss deleted file mode 100644 index b3afa74c..00000000 --- a/src/app/about/about.component.scss +++ /dev/null @@ -1,3 +0,0 @@ -* { - color: #f87c08; -} diff --git a/src/app/about/about.component.spec.ts b/src/app/about/about.component.spec.ts deleted file mode 100644 index 7cbe8d3a..00000000 --- a/src/app/about/about.component.spec.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { TestBed } from '@angular/core/testing'; - -import { AboutComponent } from './about.component'; - -describe('About Component', () => { - beforeEach(() => { - TestBed.configureTestingModule({declarations: [AboutComponent]}); - }); - - it('should ...', () => { - const fixture = TestBed.createComponent(AboutComponent); - fixture.detectChanges(); - expect(fixture.nativeElement.children[0].textContent).toContain('About Works!'); - }); - -}); diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts deleted file mode 100644 index a2e4ad51..00000000 --- a/src/app/about/about.component.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'my-about', - templateUrl: './about.component.html', - styleUrls: ['./about.component.scss'] -}) -export class AboutComponent implements OnInit { - - constructor() { - // Do stuff - } - - ngOnInit() { - console.log('Hello About'); - } - -} diff --git a/src/app/app.component.html b/src/app/app.component.html index b3b9f295..f7350790 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,17 +1,2 @@ -
- -
-
-

Hello from {{title}}!

- - - - - -
- + + diff --git a/src/app/app.component.scss b/src/app/app.component.scss deleted file mode 100644 index 895a09ab..00000000 --- a/src/app/app.component.scss +++ /dev/null @@ -1,27 +0,0 @@ -// styles applied on :host are applied on the current component, "app" in this case -:host { - display: block; -} - -header { - background-color: #fff; - padding: 16px; - position: fixed; - top: 0; - left: 0; - width: 100%; - box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -main { - padding: 1em; - font-family: Arial, Helvetica, sans-serif; - text-align: center; - margin-top: 50px; - display: block; -} - -footer { - text-align: center; - font-size: 0.8em; -} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 01950b8a..eb8da49c 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -2,12 +2,11 @@ import { Component } from '@angular/core'; import { ApiService } from './shared'; -import '../style/app.scss'; +import '../style/reset.css'; @Component({ selector: 'my-app', // - templateUrl: './app.component.html', - styleUrls: ['./app.component.scss'], + templateUrl: './app.component.html' }) export class AppComponent { url = 'https://github.com/preboot/angular2-webpack'; diff --git a/src/app/app.module.ts b/src/app/app.module.ts index cea4ed87..6764158c 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -4,24 +4,24 @@ import { HttpModule } from '@angular/http'; import { FormsModule } from '@angular/forms'; import { AppComponent } from './app.component'; -import { HomeComponent } from './home/home.component'; -import { AboutComponent } from './about/about.component'; import { ApiService } from './shared'; import { routing } from './app.routing'; import { removeNgStyles, createNewHosts } from '@angularclass/hmr'; +import {StaticModule} from "./components/static/static.module"; +import {ContentModule} from "./components/content/content.module"; @NgModule({ imports: [ BrowserModule, HttpModule, FormsModule, - routing + routing, + StaticModule, + ContentModule ], declarations: [ - AppComponent, - HomeComponent, - AboutComponent + AppComponent ], providers: [ ApiService diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts index e85ed304..710766f9 100644 --- a/src/app/app.routing.ts +++ b/src/app/app.routing.ts @@ -1,11 +1,9 @@ import { RouterModule, Routes } from '@angular/router'; -import { HomeComponent } from './home/home.component'; -import { AboutComponent } from './about/about.component'; +import {StaticComponent} from "./components/static/static.component"; const routes: Routes = [ - { path: '', component: HomeComponent }, - { path: 'about', component: AboutComponent} + { path: '', component: StaticComponent } ]; export const routing = RouterModule.forRoot(routes); diff --git a/src/app/components/content/content-description/content-description.component.ts b/src/app/components/content/content-description/content-description.component.ts new file mode 100644 index 00000000..8002d844 --- /dev/null +++ b/src/app/components/content/content-description/content-description.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'content-description', + templateUrl: './content-description.html', + styleUrls: ['./content-description.css'] +}) +export class ContentDescriptionComponent { + +} \ No newline at end of file diff --git a/src/app/components/content/content-description/content-description.css b/src/app/components/content/content-description/content-description.css new file mode 100644 index 00000000..c8db3220 --- /dev/null +++ b/src/app/components/content/content-description/content-description.css @@ -0,0 +1,12 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.content-description { + margin-bottom: 35px; + line-height: 1.71; + color: #334152; +} \ No newline at end of file diff --git a/src/app/components/content/content-description/content-description.html b/src/app/components/content/content-description/content-description.html new file mode 100644 index 00000000..aa9d596f --- /dev/null +++ b/src/app/components/content/content-description/content-description.html @@ -0,0 +1,2 @@ +

Updating your location and contact information helps you appeal to regional investors + and service providers.

\ No newline at end of file diff --git a/src/app/components/content/content-title/content-title.component.ts b/src/app/components/content/content-title/content-title.component.ts new file mode 100644 index 00000000..e8ae80d7 --- /dev/null +++ b/src/app/components/content/content-title/content-title.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'content-title', + templateUrl: './content-title.html', + styleUrls: ['./content-title.css'] +}) +export class ContentTitleComponent { + +} \ No newline at end of file diff --git a/src/app/components/content/content-title/content-title.css b/src/app/components/content/content-title/content-title.css new file mode 100644 index 00000000..b2a7ce88 --- /dev/null +++ b/src/app/components/content/content-title/content-title.css @@ -0,0 +1,28 @@ +p, button, a, li, h1, span, h2 { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.content-subtitle { + display: inline-block; + text-transform: uppercase; + font-size: 32px; + line-height: 1.47; + letter-spacing: 2px; + color: #b7bdc4; +} + +.content-title { + display: inline-block; + text-transform: uppercase; + font-size: 32px;; + line-height: 1.5; + letter-spacing: 2px; + color: #53687e; +} + +.title { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/src/app/components/content/content-title/content-title.html b/src/app/components/content/content-title/content-title.html new file mode 100644 index 00000000..f6db60ec --- /dev/null +++ b/src/app/components/content/content-title/content-title.html @@ -0,0 +1,4 @@ + +
+

Offices | Company info

+
diff --git a/src/app/components/content/content.component.ts b/src/app/components/content/content.component.ts new file mode 100644 index 00000000..42c5beac --- /dev/null +++ b/src/app/components/content/content.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'content', + templateUrl: './content.html', + styleUrls: ['./content.css'] +}) +export class ContentComponent { + +} \ No newline at end of file diff --git a/src/app/components/content/content.css b/src/app/components/content/content.css new file mode 100644 index 00000000..e27257e8 --- /dev/null +++ b/src/app/components/content/content.css @@ -0,0 +1,68 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.content { + padding: 24px; + background-color: #f7f8fa; +} + +.provide-comments { + margin: 0 346px 0 92px; + line-height: 1; + letter-spacing: 0.5px; + color: #334152; + text-decoration: none; +} +.provide-comments__plus { + vertical-align: middle; + margin-right: 5px; +} +.button { + padding: 5px 16px; + border-radius: 2px; + font-weight: bold; + cursor: pointer; + transition: all .3s ease; +} + +.button:hover { + box-shadow: 0 0 3px 0 rgba(83,104,126,0.67); +} + +.button__primary { + background-color: #ffffff; + border: solid 1px #d6d6d6; + color: #53687e; +} + +.button__primary:hover { + background-color: #53687e; + border: solid 1px #d6d6d6; + color: #ffffff; +} + +.button__secondary { + background-color: #2888d1; + border: 1px solid #2888d1; + color: #ffffff; +} + +.button__secondary:hover { + background-color: #ffffff; + border: 1px solid #2888d1; + color: #2888d1; +} + +.content-about { + display: inline-block; +} + +.offices-content { + display: inline-block; + padding: 41px 60px; + background: #fff; +} \ No newline at end of file diff --git a/src/app/components/content/content.html b/src/app/components/content/content.html new file mode 100644 index 00000000..7f92f22a --- /dev/null +++ b/src/app/components/content/content.html @@ -0,0 +1,19 @@ +
+ + +
+
+ + +
+ + +
+ + Provide additional comments + + +
+
+ +
\ No newline at end of file diff --git a/src/app/components/content/content.module.ts b/src/app/components/content/content.module.ts new file mode 100644 index 00000000..91a70de3 --- /dev/null +++ b/src/app/components/content/content.module.ts @@ -0,0 +1,38 @@ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import {ContentComponent} from "./content.component"; +import {SidebarComponent} from "../sidebar/sidebar.component"; +import {ProgressBarComponent} from "../sidebar/progress-bar/progress-bar.component"; +import {SidebarNavigationComponent} from "../sidebar/sidebar-navigation/sidebar-navigation.component"; +import {MainNavigationComponent} from "../sidebar/sidebar-navigation/main-navigation/main-navigation.component"; +import {SubNavigationComponent} from "../sidebar/sidebar-navigation/sub-navigation/sub-navigation.component"; +import {ContentTitleComponent} from "./content-title/content-title.component"; +import {ContentDescriptionComponent} from "./content-description/content-description.component"; +import {OfficesModule} from "../offices/offices.module"; +@NgModule({ + imports: [ + BrowserModule, + OfficesModule + ], + declarations: [ + ContentComponent, + SidebarComponent, + ProgressBarComponent, + SidebarNavigationComponent, + MainNavigationComponent, + SubNavigationComponent, + ContentTitleComponent, + ContentDescriptionComponent + ], + exports: [ + ContentComponent, + SidebarComponent, + ProgressBarComponent, + SidebarNavigationComponent, + MainNavigationComponent, + SubNavigationComponent, + ContentTitleComponent, + ContentDescriptionComponent + ] +}) +export class ContentModule { } diff --git a/src/app/components/offices/add-office/add-office.component.ts b/src/app/components/offices/add-office/add-office.component.ts new file mode 100644 index 00000000..e1aab8dc --- /dev/null +++ b/src/app/components/offices/add-office/add-office.component.ts @@ -0,0 +1,14 @@ +import {Component, Output, EventEmitter} from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'add-office', + templateUrl: './add-office.html', + styleUrls: ['./add-office.css'] +}) +export class AddOfficeComponent { + @Output() cancel = new EventEmitter(); + + cancelAdding(): void { + this.cancel.emit(); + } +} \ No newline at end of file diff --git a/src/app/components/offices/add-office/add-office.css b/src/app/components/offices/add-office/add-office.css new file mode 100644 index 00000000..afc74955 --- /dev/null +++ b/src/app/components/offices/add-office/add-office.css @@ -0,0 +1,113 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.office-edit { + padding-left: 0; +} +.form-control { + width: 191px; + padding: 8px 5px; + box-sizing: border-box; + border-radius: 2px; + border: solid 1px #d8dde3; + background-color: #f7f8fa; +} +p, label { + line-height: 1.14; + color: #334152; +} + +.office-view { + margin-top: 16px; + padding: 13px 33px; + border-radius: 2px; + border: solid 1px #d7dce2; +} + +.office-contacts { + margin-left: 64px; + vertical-align: top; +} +.office-control { + float: right; + margin-left: 93px; + vertical-align: top; +} + +.form-group { + clear:both; + text-align:right; + margin-bottom: 8px; +} +.control-label { + float:left; + margin: 0 13px; + line-height: 30px; + color: #53687e; +} +.office-address__edit, +.office-contacts__edit { + float:left +} +form { + overflow: hidden; +} +.select-option { + color: #334152; + background: #f7f8fa; + border: solid 1px #2477b3; +} +.select-option:hover { + color: #fff; + background-color: #2888d1; +} +.check-box { + margin-right: 8px; + vertical-align: middle; +} +.primary-hq__checkbox { + position: relative; + top: 7px; + cursor: pointer; +} + +.button { + padding: 5px 16px; + border-radius: 2px; + font-weight: bold; + cursor: pointer; + transition: all .3s ease; +} + +.button:hover { + box-shadow: 0 0 3px 0 rgba(83,104,126,0.67); +} + +.button__secondary { + background-color: #2888d1; + border: 1px solid #2888d1; + color: #ffffff; +} + +.button__secondary:hover { + background-color: #ffffff; + border: 1px solid #2888d1; + color: #2888d1; +} + +.button__cancel { + border-radius: 4px; + background-color: #ffffff; + border: solid 1px #53687e; + color: #53687e; +} + +.button__cancel:hover { + background-color: #53687e; + border: solid 1px #53687e; + color: #ffffff; +} \ No newline at end of file diff --git a/src/app/components/offices/add-office/add-office.html b/src/app/components/offices/add-office/add-office.html new file mode 100644 index 00000000..0a46a9a8 --- /dev/null +++ b/src/app/components/offices/add-office/add-office.html @@ -0,0 +1,62 @@ +
+
+
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +

Primary HQ

+
+
+
+ + +
+
+
\ No newline at end of file diff --git a/src/app/components/offices/delete-office/delete-office.component.ts b/src/app/components/offices/delete-office/delete-office.component.ts new file mode 100644 index 00000000..c914a682 --- /dev/null +++ b/src/app/components/offices/delete-office/delete-office.component.ts @@ -0,0 +1,15 @@ +import {Component, Output, EventEmitter} from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'delete-office', + templateUrl: './delete-office.html', + styleUrls: ['./delete-office.css'] +}) +export class DeleteOfficeComponent { + + @Output() cancel = new EventEmitter(); + + cancelDeleting(): void { + this.cancel.emit(); + } +} \ No newline at end of file diff --git a/src/app/components/offices/delete-office/delete-office.css b/src/app/components/offices/delete-office/delete-office.css new file mode 100644 index 00000000..c0d33627 --- /dev/null +++ b/src/app/components/offices/delete-office/delete-office.css @@ -0,0 +1,139 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +p, h4, option { + line-height: 1.71; + color: #334152; +} +.popup { + width:100%; + min-height:100%; + background-color: rgba(0,0,0,0.5); + overflow:hidden; + position:fixed; + top:0; + left: 0; +} +.popup-content { + box-sizing: border-box; + z-index: 9999; + margin: 200px auto 0 auto; + text-align: center; + width: 435px; + padding: 18px 38px 28px 33px; + background-color: #fff; + border-radius: 4px; + box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.24), 0 1px 8px 0 rgba(0, 0, 0, 0.12); + border: solid 1px #adadad; +} +.removed-why, .modal-title { + margin-bottom: 15px; + text-align: left; +} +.removed-why__notes, .removed-why__notes_label { + display: block; +} +.removed-why__notes, .removed-why__select { + width: 360px; + padding: 12px 16px; + box-sizing: border-box; + border-radius: 2px; + background-color: #f7f8fa; + border: solid 1px #d8dde3; +} +.removed-why__select option { + padding: 12px 16px; + cursor: pointer; + transition: all .3s ease; +} +.removed-why__select option:hover { + background: blue; + color: #fff; +} +.removed-why__notes { + height: 67px; +} +.cancel { + float: left; +} +.remove { + float: right; +} +.static-modal .button__cancel { + float: left; +} +.static-modal .button__secondary { + float: right; +} +.modal-footer { + overflow: hidden; +} +.removed-why__notes_label { + margin: 0; +} + +.button { + padding: 5px 16px; + border-radius: 2px; + font-weight: bold; + cursor: pointer; + transition: all .3s ease; +} + +.button:hover { + box-shadow: 0 0 3px 0 rgba(83,104,126,0.67); +} + +.button__secondary { + background-color: #2888d1; + border: 1px solid #2888d1; + color: #ffffff; +} + +.button__secondary:hover { + background-color: #ffffff; + border: 1px solid #2888d1; + color: #2888d1; + } + +.button__cancel { + border-radius: 4px; + background-color: #ffffff; + border: solid 1px #53687e; + color: #53687e; +} + +.button__cancel:hover { + background-color: #53687e; + border: solid 1px #53687e; + color: #ffffff; +} + +.form-control { + width: 191px; + padding: 8px 5px; + box-sizing: border-box; + border-radius: 2px; + border: solid 1px #d8dde3; + background-color: #f7f8fa; +} + +.form-group { + clear:both; + text-align:right; + margin-bottom: 8px; +} +.control-label { + float:left; + margin: 0 13px; + line-height: 30px; + color: #53687e; +} + +.modal-footer { + margin-top: 15px; +} \ No newline at end of file diff --git a/src/app/components/offices/delete-office/delete-office.html b/src/app/components/offices/delete-office/delete-office.html new file mode 100644 index 00000000..55ba872b --- /dev/null +++ b/src/app/components/offices/delete-office/delete-office.html @@ -0,0 +1,30 @@ +
+
+
+
+
Please tell us why you’re removing this record.
+
+
+
+
+ + + + + + + +
+
+ + +
+
+
+
+ + +
+
+
+
\ No newline at end of file diff --git a/src/app/components/offices/edit-office/edit-office.component.ts b/src/app/components/offices/edit-office/edit-office.component.ts new file mode 100644 index 00000000..293ea122 --- /dev/null +++ b/src/app/components/offices/edit-office/edit-office.component.ts @@ -0,0 +1,16 @@ +import {Component, Output, EventEmitter} from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'edit-office', + templateUrl: './edit-office.html', + styleUrls: ['./edit-office.css'] +}) +export class EditOfficeComponent { + + @Output() cancel = new EventEmitter(); + + cancelEditing(): void { + this.cancel.emit(); + } + +} diff --git a/src/app/components/offices/edit-office/edit-office.css b/src/app/components/offices/edit-office/edit-office.css new file mode 100644 index 00000000..ef475ef0 --- /dev/null +++ b/src/app/components/offices/edit-office/edit-office.css @@ -0,0 +1,112 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.office-edit { + padding-left: 0; +} +.form-control { + width: 191px; + padding: 8px 5px; + box-sizing: border-box; + border-radius: 2px; + border: solid 1px #d8dde3; + background-color: #f7f8fa; +} +p, label { + line-height: 1.14; + color: #334152; +} +.office-view { + margin-top: 16px; + padding: 13px 33px; + border-radius: 2px; + border: solid 1px #d7dce2; +} + +.office-contacts { + margin-left: 64px; + vertical-align: top; +} +.office-control { + float: right; + margin-left: 93px; + vertical-align: top; +} + +.form-group { + clear:both; + text-align:right; + margin-bottom: 8px; +} +.control-label { + float:left; + margin: 0 13px; + line-height: 30px; + color: #53687e; +} +.office-address__edit, +.office-contacts__edit { + float:left +} +form { + overflow: hidden; +} +.select-option { + color: #334152; + background: #f7f8fa; + border: solid 1px #2477b3; +} +.select-option:hover { + color: #fff; + background-color: #2888d1; +} +.check-box { + margin-right: 8px; + vertical-align: middle; +} +.primary-hq__checkbox { + position: relative; + top: 7px; + cursor: pointer; +} + +.button__secondary { + background-color: #2888d1; + border: 1px solid #2888d1; + color: #ffffff; +} + +.button__secondary:hover { + background-color: #ffffff; + border: 1px solid #2888d1; + color: #2888d1; +} + +.button { + padding: 5px 16px; + border-radius: 2px; + font-weight: bold; + cursor: pointer; + transition: all .3s ease; +} + +.button:hover { + box-shadow: 0 0 3px 0 rgba(83,104,126,0.67); +} + +.button__cancel { + border-radius: 4px; + background-color: #ffffff; + border: solid 1px #53687e; + color: #53687e; +} + +.button__cancel:hover { + background-color: #53687e; + border: solid 1px #53687e; + color: #ffffff; +} \ No newline at end of file diff --git a/src/app/components/offices/edit-office/edit-office.html b/src/app/components/offices/edit-office/edit-office.html new file mode 100644 index 00000000..bc851ec1 --- /dev/null +++ b/src/app/components/offices/edit-office/edit-office.html @@ -0,0 +1,62 @@ +
+
+
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+ + + + + + + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +

Primary HQ

+
+
+
+ + +
+
+
\ No newline at end of file diff --git a/src/app/components/offices/office-view/office-view.component.ts b/src/app/components/offices/office-view/office-view.component.ts new file mode 100644 index 00000000..bd66671e --- /dev/null +++ b/src/app/components/offices/office-view/office-view.component.ts @@ -0,0 +1,31 @@ + +import {Component, Input} from '@angular/core'; +import {IOffice} from "./office.model"; +@Component({ + moduleId: 'module.id', + selector: 'office-view', + templateUrl: './office-view.html', + styleUrls: ['./office-view.css'] +}) +export class OfficeViewComponent { + @Input() office: IOffice; + + deleteMode: boolean = false; + editMode: boolean = false; + + toggleDelete(bool: boolean) { + this.deleteMode = bool; + } + + toggleEdit(bool: boolean) { + this.editMode = bool; + } + + cancelEditing(): void { + this.toggleEdit(false); + } + + cancelDeleting(): void { + this.toggleDelete(false); + } +} \ No newline at end of file diff --git a/src/app/components/offices/office-view/office-view.css b/src/app/components/offices/office-view/office-view.css new file mode 100644 index 00000000..29865e2a --- /dev/null +++ b/src/app/components/offices/office-view/office-view.css @@ -0,0 +1,111 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.office-address__label, +.office-contacts, +.office-address, +.office-address__info, +.office-control { + display: inline-block; +} +.office-address__label { + vertical-align: top; +} +.office-address__info { + margin-left: 17px; + width: 203px; +} +.office-contacts { + margin-left: 64px; + vertical-align: top; +} +.office-control { + float: right; + margin-left: 93px; + vertical-align: top; +} +.office-view { + margin-top: 16px; + padding: 13px 33px; + border-radius: 2px; + border: solid 1px #d7dce2; +} +p { + line-height: 1.14; + color: #53687e; + text-align: left; +} +.button__secondary { + margin-left: 10px; +} +.is-exist { + display: none; +} +.primary-hq { + font-weight: bold; + color: #000; +} +.check-mark__primary { + margin-left: 0; +} + +.check-mark { + width: 14px; + height: auto; +} + +.button { + padding: 5px 16px; + border-radius: 2px; + font-weight: bold; + cursor: pointer; + transition: all .3s ease; +} + +.button:hover { + box-shadow: 0 0 3px 0 rgba(83,104,126,0.67); +} + +.button__primary { + background-color: #ffffff; + border: solid 1px #d6d6d6; + color: #53687e; +} + + +.button__primary:hover { + background-color: #53687e; + border: solid 1px #d6d6d6; + color: #ffffff; +} + + +.button__secondary { + background-color: #2888d1; + border: 1px solid #2888d1; + color: #ffffff; +} + +.button__secondary:hover { + background-color: #ffffff; + border: 1px solid #2888d1; + color: #2888d1; +} + +.button__remove { + border-radius: 2px; + background-color: #f7f8fa; + border: solid 1px #d8dde3; + color: #53687e; +} + +.button__remove:hover { + background-color: #53687e; + border: solid 1px #d8dde3; + color: #f7f8fa; +} + diff --git a/src/app/components/offices/office-view/office-view.html b/src/app/components/offices/office-view/office-view.html new file mode 100644 index 00000000..9f538b40 --- /dev/null +++ b/src/app/components/offices/office-view/office-view.html @@ -0,0 +1,33 @@ +
+ + + + +
+
+

Address:

+

+ + {{office.street}}
{{office.city}},
+ {{office.state}} {{office.postalCode}}
{{office.country}}

+
+
+ + + +
+
+ + +
+
+
+ + diff --git a/src/app/components/offices/office-view/office.model.ts b/src/app/components/offices/office-view/office.model.ts new file mode 100644 index 00000000..8ad5c529 --- /dev/null +++ b/src/app/components/offices/office-view/office.model.ts @@ -0,0 +1,35 @@ +export interface IOffice { + primaryHQ?: boolean, + country: string, + state: string, + postalCode: string, + city: string, + street: string, + phone: string, + fax?: string, + email?: string +} +export class OfficeModel implements IOffice { + primaryHQ: boolean; + country: string; + state: string; + postalCode: string; + city: string; + street: string; + phone: string; + fax: string; + email: string; + constructor(office?: IOffice){ + if (office){ + this.primaryHQ = office.primaryHQ || null; + this.country = office.country; + this.state = office.state; + this.postalCode = office.postalCode; + this.city = office.city; + this.phone = office.phone; + this.street = office.street; + this.fax = office.fax || null; + this.email = office.email || null; + } + } +} \ No newline at end of file diff --git a/src/app/components/offices/offices.component.ts b/src/app/components/offices/offices.component.ts new file mode 100644 index 00000000..e3e353cc --- /dev/null +++ b/src/app/components/offices/offices.component.ts @@ -0,0 +1,37 @@ +import {Component, OnInit} from '@angular/core'; +import {IOffice} from "./office-view/office.model"; +import {OfficesService} from "./offices.service"; + +@Component({ + moduleId: 'module.id', + selector: 'offices', + templateUrl: './offices.html', + styleUrls: ['./offices.css'] +}) +export class OfficesComponent implements OnInit{ + offices: IOffice[]; + + addMode: boolean = false; + isNewOffice: boolean = false; + + toggleAdd(bool: boolean) { + this.addMode = bool; + this.isNewOffice = bool; + } + + cancelAdding(): void { + this.toggleAdd(false); + } + + constructor(private officesService: OfficesService){ + + } + + getOffices(): void { + this.offices = this.officesService.getOffices(); + } + + ngOnInit(): void { + this.getOffices(); + } +} \ No newline at end of file diff --git a/src/app/components/offices/offices.css b/src/app/components/offices/offices.css new file mode 100644 index 00000000..1700d6c9 --- /dev/null +++ b/src/app/components/offices/offices.css @@ -0,0 +1,52 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.button { + padding: 5px 16px; + border-radius: 2px; + font-weight: bold; + cursor: pointer; + transition: all .3s ease; +} + +.button__primary { + background-color: #ffffff; + border: solid 1px #d6d6d6; + color: #53687e; +} + +.button:hover { + box-shadow: 0 0 3px 0 rgba(83,104,126,0.67); +} + +.button__primary:hover { + background-color: #53687e; + border: solid 1px #d6d6d6; + color: #ffffff; +} + +.button__add { + padding: 9px 16px; +} + +.offices-content { + float: right; + display: inline-block; + padding: 41px 62px; + background: #fff; +} +.offices-info { + margin-bottom: 40px; + padding: 36px 0; + border-bottom: dotted 1px #b7bdc5; + border-top: dotted 1px #b7bdc5; +} +.offices__amount { + float: right; + position: relative; + top: 8px; +} diff --git a/src/app/components/offices/offices.html b/src/app/components/offices/offices.html new file mode 100644 index 00000000..f39f43c8 --- /dev/null +++ b/src/app/components/offices/offices.html @@ -0,0 +1,12 @@ +
+ +

3 Offices

+ + + +
+ +
+
diff --git a/src/app/components/offices/offices.module.ts b/src/app/components/offices/offices.module.ts new file mode 100644 index 00000000..0aee68a8 --- /dev/null +++ b/src/app/components/offices/offices.module.ts @@ -0,0 +1,31 @@ +import {NgModule} from "@angular/core"; +import {BrowserModule} from "@angular/platform-browser"; +import {OfficesComponent} from "./offices.component"; +import {OfficeViewComponent} from "./office-view/office-view.component"; +import {EditOfficeComponent} from "./edit-office/edit-office.component"; +import {AddOfficeComponent} from "./add-office/add-office.component"; +import {DeleteOfficeComponent} from "./delete-office/delete-office.component"; +import {OfficesService} from "./offices.service"; +@NgModule({ + imports: [ + BrowserModule + ], + declarations: [ + OfficesComponent, + OfficeViewComponent, + EditOfficeComponent, + AddOfficeComponent, + DeleteOfficeComponent + ], + exports: [ + OfficesComponent, + OfficeViewComponent, + EditOfficeComponent, + AddOfficeComponent, + DeleteOfficeComponent + ], + providers: [ + OfficesService + ], +}) +export class OfficesModule { } \ No newline at end of file diff --git a/src/app/components/offices/offices.service.ts b/src/app/components/offices/offices.service.ts new file mode 100644 index 00000000..4ffb0624 --- /dev/null +++ b/src/app/components/offices/offices.service.ts @@ -0,0 +1,10 @@ +import { Injectable } from '@angular/core'; +import {IOffice} from "./office-view/office.model"; +import {OFFICES} from "./offices"; + +@Injectable() +export class OfficesService { + getOffices(): IOffice[] { + return OFFICES; + } +} diff --git a/src/app/components/offices/offices.ts b/src/app/components/offices/offices.ts new file mode 100644 index 00000000..7a664a8e --- /dev/null +++ b/src/app/components/offices/offices.ts @@ -0,0 +1,30 @@ +import {IOffice} from "./office-view/office.model"; +export const OFFICES: IOffice[] = [ + { + primaryHQ: true, + country: "United States", + state: "Washington", + postalCode: "98052", + city: "Redmond", + street: "One Microsoft Way", + phone: "+1 (425) 882-8080", + email: "msft@microsoft.com" + }, + { + country: "United Kingdom", + state: "England RG6", + postalCode: "1WG", + city: "Berkshire", + street: "Thames Valley Park Reading", + phone: "+44 (0)34 4800 2400", + fax: "+44 (0)87 0602 0100" + }, + { + country: "Australia", + state: "New South Wales", + postalCode: "1670", + city: "North Ryde Sydney", + street: "PO Box 91", + phone: "+61 (0)2 9870 2200" + } +]; diff --git a/src/app/components/sidebar/progress-bar/progress-bar.component.ts b/src/app/components/sidebar/progress-bar/progress-bar.component.ts new file mode 100644 index 00000000..9341b84f --- /dev/null +++ b/src/app/components/sidebar/progress-bar/progress-bar.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'progress-bar', + templateUrl: 'progress-bar.html', + styleUrls: ['progress-bar.css'] +}) +export class ProgressBarComponent { + +} \ No newline at end of file diff --git a/src/app/components/sidebar/progress-bar/progress-bar.css b/src/app/components/sidebar/progress-bar/progress-bar.css new file mode 100644 index 00000000..cbda79d6 --- /dev/null +++ b/src/app/components/sidebar/progress-bar/progress-bar.css @@ -0,0 +1,10 @@ +.progress-bar__container { + height: 144px; + background-color: #175786; + border: solid 1px #ffffff; +} +.progress-bar__image { + width: 103px; + height: 103px; + margin: 20px 58px; +} \ No newline at end of file diff --git a/src/app/components/sidebar/progress-bar/progress-bar.html b/src/app/components/sidebar/progress-bar/progress-bar.html new file mode 100644 index 00000000..408b35c1 --- /dev/null +++ b/src/app/components/sidebar/progress-bar/progress-bar.html @@ -0,0 +1,3 @@ +
+ +
\ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.component.ts b/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.component.ts new file mode 100644 index 00000000..d7e001f5 --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'main-navigation', + templateUrl: 'main-navigation.html', + styleUrls: ['main-navigation.css'] +}) +export class MainNavigationComponent { + +} \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.css b/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.css new file mode 100644 index 00000000..357ab88e --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.css @@ -0,0 +1,24 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.main-menu__link { + text-align: left; + text-decoration: none; + text-transform: uppercase; + color: #53687e; + transition: all .3s ease; +} + +.main-menu__link:hover { + color: #fff; +} + +.main-menu__item { + padding-left: 23px; + border: solid 1px #D8DDE3; + line-height: 3.43; +} \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.html b/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.html new file mode 100644 index 00000000..06270a2e --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/main-navigation/main-navigation.html @@ -0,0 +1,11 @@ + \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/sidebar-navigation.component.ts b/src/app/components/sidebar/sidebar-navigation/sidebar-navigation.component.ts new file mode 100644 index 00000000..ee86bc58 --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/sidebar-navigation.component.ts @@ -0,0 +1,9 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'sidebar-navigation', + templateUrl: 'sidebar-navigation.html' +}) +export class SidebarNavigationComponent { + +} \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/sidebar-navigation.html b/src/app/components/sidebar/sidebar-navigation/sidebar-navigation.html new file mode 100644 index 00000000..f8269f6b --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/sidebar-navigation.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.component.ts b/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.component.ts new file mode 100644 index 00000000..90e74b4a --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'sub-navigation', + templateUrl: 'sub-navigation.html', + styleUrls: ['sub-navigation.css'] +}) +export class SubNavigationComponent { + +} \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.css b/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.css new file mode 100644 index 00000000..c065d474 --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.css @@ -0,0 +1,40 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.sub-menu__link { + text-decoration: none; + letter-spacing: normal; + color: #334152; + transition: all .3s ease; +} + +.sub-menu__link:hover { + color: #fff; +} + +.sub-menu__item { + line-height: 2.29; + width: 100%; +} +.is-active { + position: relative; + left: -23px; + padding-left: 19px; + font-weight: 600; + color: #334152; + border-left: 5px solid #419BF9; +} +.is-visited { + color: #8c96a3; +} +.check-mark { + position: relative; + top: 2px; + width: 15px; + height: auto; + margin-left: 16px; +} \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.html b/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.html new file mode 100644 index 00000000..f21b07e9 --- /dev/null +++ b/src/app/components/sidebar/sidebar-navigation/sub-navigation/sub-navigation.html @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts new file mode 100644 index 00000000..dca138dd --- /dev/null +++ b/src/app/components/sidebar/sidebar.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'sidebar', + templateUrl: 'sidebar.html', + styleUrls: ['sidebar.css'] +}) +export class SidebarComponent { + +} \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar.css b/src/app/components/sidebar/sidebar.css new file mode 100644 index 00000000..d789f6c0 --- /dev/null +++ b/src/app/components/sidebar/sidebar.css @@ -0,0 +1,8 @@ +.sidebar { + display: inline-block; + float: left; + width: 219px; + height: 745px; + background-color: #e9f0f5; + border: solid 1px #ffffff; +} \ No newline at end of file diff --git a/src/app/components/sidebar/sidebar.html b/src/app/components/sidebar/sidebar.html new file mode 100644 index 00000000..fcdcbb2c --- /dev/null +++ b/src/app/components/sidebar/sidebar.html @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/src/app/components/static/header/header.component.js b/src/app/components/static/header/header.component.js new file mode 100644 index 00000000..b09ea2a3 --- /dev/null +++ b/src/app/components/static/header/header.component.js @@ -0,0 +1,23 @@ +"use strict"; +var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; + return c > 3 && r && Object.defineProperty(target, key, r), r; +}; +var core_1 = require("@angular/core"); +var HeaderComponent = (function () { + function HeaderComponent() { + } + return HeaderComponent; +}()); +HeaderComponent = __decorate([ + core_1.Component({ + moduleId: module.id, + selector: 'app-header', + templateUrl: 'header.html', + styleUrls: ['header.css'] + }) +], HeaderComponent); +exports.HeaderComponent = HeaderComponent; +//# sourceMappingURL=header.component.js.map \ No newline at end of file diff --git a/src/app/components/static/header/header.component.js.map b/src/app/components/static/header/header.component.js.map new file mode 100644 index 00000000..dee7e46d --- /dev/null +++ b/src/app/components/static/header/header.component.js.map @@ -0,0 +1 @@ +{"version":3,"file":"header.component.js","sourceRoot":"","sources":["header.component.ts"],"names":[],"mappings":";;;;;;;AAAA,sCAA0C;AAO1C,IAAa,eAAe;IAA5B;IAEA,CAAC;IAAD,sBAAC;AAAD,CAAC,AAFD,IAEC;AAFY,eAAe;IAN3B,gBAAS,CAAC;QACP,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,aAAa;QAC1B,SAAS,EAAE,CAAC,YAAY,CAAC;KAC5B,CAAC;GACW,eAAe,CAE3B;AAFY,0CAAe"} \ No newline at end of file diff --git a/src/app/components/static/header/header.component.ts b/src/app/components/static/header/header.component.ts new file mode 100644 index 00000000..1f8d183a --- /dev/null +++ b/src/app/components/static/header/header.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'app-header', + templateUrl: 'header.html', + styleUrls: ['header.css'] +}) +export class HeaderComponent { + +} \ No newline at end of file diff --git a/src/app/components/static/header/header.css b/src/app/components/static/header/header.css new file mode 100644 index 00000000..fe95008e --- /dev/null +++ b/src/app/components/static/header/header.css @@ -0,0 +1,41 @@ +p, button, a, li { + font-family: OpenSans; + font-size: 14px; + line-height: 1; + letter-spacing: 0.5px; +} + +.header { + padding: 14px 0; + box-sizing: border-box; + background-color: #175786; + overflow: hidden; +} +.logo__wrap, .menu { + display: inline-block; + vertical-align: middle; +} +.menu__item a { + text-decoration: none; + letter-spacing: 0.6px; + color: #ffffff; +} +.header-menu__left { + position: relative; + top: -1px; +} +.menu__item { + display: inline-block; + margin-right: 39px; +} +.menu__item:last-child { + margin-right: 22px; +} +.logo__wrap { + margin: 0 25px 0 31px; +} +.header-menu__right { + float: right; + position: relative; + top: 7px; +} \ No newline at end of file diff --git a/src/app/components/static/header/header.html b/src/app/components/static/header/header.html new file mode 100644 index 00000000..219eb179 --- /dev/null +++ b/src/app/components/static/header/header.html @@ -0,0 +1,22 @@ +
+

+ +

+ + + + +
\ No newline at end of file diff --git a/src/app/components/static/static.component.js b/src/app/components/static/static.component.js new file mode 100644 index 00000000..cf5db1f7 --- /dev/null +++ b/src/app/components/static/static.component.js @@ -0,0 +1,22 @@ +"use strict"; +var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; + return c > 3 && r && Object.defineProperty(target, key, r), r; +}; +var core_1 = require("@angular/core"); +var StaticComponent = (function () { + function StaticComponent() { + } + return StaticComponent; +}()); +StaticComponent = __decorate([ + core_1.Component({ + moduleId: module.id, + selector: 'static', + templateUrl: 'static.html' + }) +], StaticComponent); +exports.StaticComponent = StaticComponent; +//# sourceMappingURL=static.component.js.map \ No newline at end of file diff --git a/src/app/components/static/static.component.js.map b/src/app/components/static/static.component.js.map new file mode 100644 index 00000000..3f9c8d75 --- /dev/null +++ b/src/app/components/static/static.component.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static.component.js","sourceRoot":"","sources":["static.component.ts"],"names":[],"mappings":";;;;;;;AAAA,sCAA0C;AAM1C,IAAa,eAAe;IAA5B;IAEA,CAAC;IAAD,sBAAC;AAAD,CAAC,AAFD,IAEC;AAFY,eAAe;IAL3B,gBAAS,CAAC;QACP,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,eAAe;KAC/B,CAAC;GACW,eAAe,CAE3B;AAFY,0CAAe"} \ No newline at end of file diff --git a/src/app/components/static/static.component.ts b/src/app/components/static/static.component.ts new file mode 100644 index 00000000..b2f9ecf8 --- /dev/null +++ b/src/app/components/static/static.component.ts @@ -0,0 +1,9 @@ +import { Component } from '@angular/core'; +@Component({ + moduleId: 'module.id', + selector: 'static', + templateUrl: 'static.html' +}) +export class StaticComponent { + +} \ No newline at end of file diff --git a/src/app/components/static/static.html b/src/app/components/static/static.html new file mode 100644 index 00000000..b036bff2 --- /dev/null +++ b/src/app/components/static/static.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/components/static/static.module.js b/src/app/components/static/static.module.js new file mode 100644 index 00000000..66ffa55d --- /dev/null +++ b/src/app/components/static/static.module.js @@ -0,0 +1,33 @@ +"use strict"; +var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; + return c > 3 && r && Object.defineProperty(target, key, r), r; +}; +var header_component_1 = require("./header/header.component.ts"); +var static_component_1 = require("./static.component.ts"); +var core_1 = require("@angular/core"); +var platform_browser_1 = require("@angular/platform-browser"); +var StaticModule = (function () { + function StaticModule() { + } + return StaticModule; +}()); +StaticModule = __decorate([ + core_1.NgModule({ + imports: [ + platform_browser_1.BrowserModule + ], + declarations: [ + header_component_1.HeaderComponent, + static_component_1.StaticComponent + ], + exports: [ + header_component_1.HeaderComponent, + static_component_1.StaticComponent + ] + }) +], StaticModule); +exports.StaticModule = StaticModule; +//# sourceMappingURL=static.module.js.map \ No newline at end of file diff --git a/src/app/components/static/static.module.js.map b/src/app/components/static/static.module.js.map new file mode 100644 index 00000000..af009b9e --- /dev/null +++ b/src/app/components/static/static.module.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static.module.js","sourceRoot":"","sources":["static.module.ts"],"names":[],"mappings":";;;;;;;AAAA,8DAA0D;AAC1D,uDAAmD;AACnD,sCAA8C;AAC9C,8DAA0D;AAc1D,IAAa,YAAY;IAAzB;IAA4B,CAAC;IAAD,mBAAC;AAAD,CAAC,AAA7B,IAA6B;AAAhB,YAAY;IAbxB,eAAQ,CAAC;QACN,OAAO,EAAE;YACL,gCAAa;SAChB;QACD,YAAY,EAAE;YACV,kCAAe;YACf,kCAAe;SAClB;QACD,OAAO,EAAE;YACL,kCAAe;YACf,kCAAe;SAClB;KACJ,CAAC;GACW,YAAY,CAAI;AAAhB,oCAAY"} \ No newline at end of file diff --git a/src/app/components/static/static.module.ts b/src/app/components/static/static.module.ts new file mode 100644 index 00000000..37a751cc --- /dev/null +++ b/src/app/components/static/static.module.ts @@ -0,0 +1,18 @@ +import {HeaderComponent} from './header/header.component'; +import {StaticComponent} from './static.component'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +@NgModule({ + imports: [ + BrowserModule + ], + declarations: [ + HeaderComponent, + StaticComponent + ], + exports: [ + HeaderComponent, + StaticComponent + ] +}) +export class StaticModule { } diff --git a/src/app/home/home.component.e2e-spec.js b/src/app/home/home.component.e2e-spec.js deleted file mode 100644 index 1b2f5e27..00000000 --- a/src/app/home/home.component.e2e-spec.js +++ /dev/null @@ -1,13 +0,0 @@ -describe('Home', function () { - - beforeEach(function () { - browser.get('/'); - }); - - it('should have ', function () { - var home = element(by.css('my-app my-home')); - expect(home.isPresent()).toEqual(true); - expect(home.getText()).toEqual("Home Works!"); - }); - -}); diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html deleted file mode 100644 index 604d9e1d..00000000 --- a/src/app/home/home.component.html +++ /dev/null @@ -1,3 +0,0 @@ -

- Home Works! -

diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss deleted file mode 100644 index 5db1e17a..00000000 --- a/src/app/home/home.component.scss +++ /dev/null @@ -1,4 +0,0 @@ -// component styles are encapsulated and only applied to their components -* { - color: #FFEF00; -} diff --git a/src/app/home/home.component.spec.ts b/src/app/home/home.component.spec.ts deleted file mode 100644 index faefc385..00000000 --- a/src/app/home/home.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -// This shows a different way of testing a component, check about for a simpler one -import { Component } from '@angular/core'; - -import { TestBed } from '@angular/core/testing'; - -import { HomeComponent } from './home.component'; - -describe('Home Component', () => { - const html = ''; - - beforeEach(() => { - TestBed.configureTestingModule({declarations: [HomeComponent, TestComponent]}); - TestBed.overrideComponent(TestComponent, { set: { template: html }}); - }); - - it('should ...', () => { - const fixture = TestBed.createComponent(TestComponent); - fixture.detectChanges(); - expect(fixture.nativeElement.children[0].textContent).toContain('Home Works!'); - }); - -}); - -@Component({selector: 'my-test', template: ''}) -class TestComponent { } diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts deleted file mode 100644 index 6bce6ebe..00000000 --- a/src/app/home/home.component.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'my-home', - templateUrl: './home.component.html', - styleUrls: ['./home.component.scss'] -}) -export class HomeComponent implements OnInit { - - constructor() { - // Do stuff - } - - ngOnInit() { - console.log('Hello Home'); - } - -} diff --git a/src/public/img/check-box.svg b/src/public/img/check-box.svg new file mode 100644 index 00000000..0a528e21 --- /dev/null +++ b/src/public/img/check-box.svg @@ -0,0 +1,35 @@ + + + + AB9BFAED-8015-4D45-8FC3-AB1CC856F0A4 + Created with sketchtool. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/public/img/check-mark.svg b/src/public/img/check-mark.svg new file mode 100644 index 00000000..e93e23c1 --- /dev/null +++ b/src/public/img/check-mark.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/public/img/plus.png b/src/public/img/plus.png new file mode 100644 index 00000000..681bff91 Binary files /dev/null and b/src/public/img/plus.png differ diff --git a/src/public/img/progress.svg b/src/public/img/progress.svg new file mode 100644 index 00000000..8f2bba78 --- /dev/null +++ b/src/public/img/progress.svg @@ -0,0 +1,32 @@ + + + + C652E60F-B901-4390-B18C-4BC55C21EB3F + Created with sketchtool. + + + + + + + + + + + + + + + 2 + + + / 8 + + + + + + + + + \ No newline at end of file diff --git a/src/public/img/s-p-d-u.svg b/src/public/img/s-p-d-u.svg new file mode 100644 index 00000000..73be6c05 --- /dev/null +++ b/src/public/img/s-p-d-u.svg @@ -0,0 +1,34 @@ + + + + DDB5732A-5D06-4D50-BBBD-90A6D93A137F + Created with sketchtool. + + + + + + + \ No newline at end of file diff --git a/src/public/index.html b/src/public/index.html index 82c23544..c2e7011e 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -3,7 +3,7 @@ Angular 2 App | ng2-webpack - + diff --git a/src/style/app.scss b/src/style/app.scss deleted file mode 100644 index d73ea23c..00000000 --- a/src/style/app.scss +++ /dev/null @@ -1,8 +0,0 @@ -// styles in src/style directory are applied to the whole page -body { - background: #0147A7; - color: #fff; -} -a { - color: #03A9F4; -} diff --git a/src/style/reset.css b/src/style/reset.css new file mode 100644 index 00000000..dbfb36f9 --- /dev/null +++ b/src/style/reset.css @@ -0,0 +1,49 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + margin: 0; + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file