From 0136ec2ac5b0a96068633076d6a088e12aa0a50f Mon Sep 17 00:00:00 2001 From: autushka Date: Sat, 29 Apr 2017 15:28:32 -0400 Subject: [PATCH 01/17] - shell (work in progress); --- .../landing-page-chrome-1050x880-dpr-1.png | Bin 0 -> 16625 bytes .../landing-page-chrome-1050x880-dpr-1.png | Bin 0 -> 16625 bytes package.json | 2 + src/app/app.component.css | 2 + src/app/app.component.html | 36 +++++++++++++-- src/app/app.component.ts | 4 +- src/app/app.module.ts | 9 +++- .../landing-page/landing-page.component.html | 30 ++++++++++++ .../landing-page/landing-page.component.scss | 0 .../landing-page.component.spec.ts | 25 ++++++++++ .../landing-page/landing-page.component.ts | 15 ++++++ src/assets/logo.png | Bin 0 -> 17387 bytes src/assets/logo_tool42.svg | 43 ++++++++++++++++++ src/index.html | 5 +- src/styles.css | 27 +++++++++++ 15 files changed, 188 insertions(+), 10 deletions(-) create mode 100644 e2e/baselines/landing-page-chrome-1050x880-dpr-1.png create mode 100644 e2e/tmp/actual/landing-page-chrome-1050x880-dpr-1.png create mode 100644 src/app/shell/landing-page/landing-page.component.html create mode 100644 src/app/shell/landing-page/landing-page.component.scss create mode 100644 src/app/shell/landing-page/landing-page.component.spec.ts create mode 100644 src/app/shell/landing-page/landing-page.component.ts create mode 100644 src/assets/logo.png create mode 100644 src/assets/logo_tool42.svg diff --git a/e2e/baselines/landing-page-chrome-1050x880-dpr-1.png b/e2e/baselines/landing-page-chrome-1050x880-dpr-1.png new file mode 100644 index 0000000000000000000000000000000000000000..e20bbc1c338097519896f30dfa9ae315b5ec4cc1 GIT binary patch literal 16625 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�ON?!$s5Ib0GZ+ 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�ON?!$s5Ib0GZ+ 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 - {{title}} - +
+
+ +
+
+

+ {{atomsSectionTitle}} +

- - + Labels + Buttons + Inputs +
+
+

+ {{moleculesSectionTitle}} +

+ + Form Input field + +
+
+

+ {{organismsSectionTitle}} +

+ + Contact Up Form +
+ + +
diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 186c56b..4977ccd 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -8,7 +8,9 @@ import {TreeElement} from './widget/navigation/valueObject/treeElement'; styleUrls: ['./app.component.css'] }) export class AppComponent { - title = 'app works!'; + atomsSectionTitle = 'Atoms'; + moleculesSectionTitle = 'Molecules'; + organismsSectionTitle = 'Organisms'; searchOptions: SearchOptions = { name: 'a-search', diff --git a/src/app/app.module.ts b/src/app/app.module.ts index f9d60f1..5b6e80b 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -6,16 +6,21 @@ import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import {WidgetModule} from './widget/widget.module'; import {RouterModule, Routes} from '@angular/router'; - +import {MaterialModule} from "@angular/material"; +import {BrowserAnimationsModule} from "@angular/platform-browser/animations"; +import { LandingPageComponent } from './shell/landing-page/landing-page.component'; const routes: Routes = [ ]; @NgModule({ declarations: [ - AppComponent + AppComponent, + LandingPageComponent ], imports: [ + MaterialModule, + BrowserAnimationsModule, BrowserModule, FormsModule, HttpModule, diff --git a/src/app/shell/landing-page/landing-page.component.html b/src/app/shell/landing-page/landing-page.component.html new file mode 100644 index 0000000..2dc8475 --- /dev/null +++ b/src/app/shell/landing-page/landing-page.component.html @@ -0,0 +1,30 @@ +
+
+ +
+
+

+ {{atomsSectionTitle}} +

+ + Labels + Buttons + Inputs +
+
+

+ {{moleculesSectionTitle}} +

+ + Form Input field + +
+
+

+ {{organismsSectionTitle}} +

+ + Contact Up Form +
+
diff --git a/src/app/shell/landing-page/landing-page.component.scss b/src/app/shell/landing-page/landing-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/landing-page/landing-page.component.spec.ts b/src/app/shell/landing-page/landing-page.component.spec.ts new file mode 100644 index 0000000..938d791 --- /dev/null +++ b/src/app/shell/landing-page/landing-page.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LandingPageComponent } from './landing-page.component'; + +describe('LandingPageComponent', () => { + let component: LandingPageComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ LandingPageComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(LandingPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/landing-page/landing-page.component.ts b/src/app/shell/landing-page/landing-page.component.ts new file mode 100644 index 0000000..31f1179 --- /dev/null +++ b/src/app/shell/landing-page/landing-page.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-landing-page', + templateUrl: './landing-page.component.html', + styleUrls: ['./landing-page.component.scss'] +}) +export class LandingPageComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..965a6c373e1e2b90d7a81e379a07de87e0fbfe08 GIT binary patch literal 17387 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 X4BFtdw3iD#I|GuLHSx5GOUVBL7Rfy+ literal 0 HcmV?d00001 diff --git a/src/assets/logo_tool42.svg b/src/assets/logo_tool42.svg new file mode 100644 index 0000000..472af3b --- /dev/null +++ b/src/assets/logo_tool42.svg @@ -0,0 +1,43 @@ + + + + diff --git a/src/index.html b/src/index.html index c1216a5..84f20d0 100644 --- a/src/index.html +++ b/src/index.html @@ -1,5 +1,5 @@ - + AngularCliWidgets @@ -9,8 +9,9 @@ + - +
Loading...
diff --git a/src/styles.css b/src/styles.css index 90d4ee0..968e31c 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1 +1,28 @@ /* You can add global styles to this file, and also import other style files */ +body{ + background-color: #f7f7f6; +} + +h1{ + color: #707070; + margin-top: 10px; +} + +section{ + border-top: 1px solid #707070; + padding: 10px 0 10px 0; +} + +.logo-wrp{ + height: 68px; + padding: 10px 0 10px 0; +} + +.logo-img{ + float: right; +} + +md-card{ + margin: 5px 0 5px 0; + cursor: pointer; +} From 831eb9c04bc98bd4572c2191baf0603d6ce65607 Mon Sep 17 00:00:00 2001 From: autushka Date: Sat, 29 Apr 2017 15:42:42 -0400 Subject: [PATCH 02/17] - fixed browser dimentions for protractor; --- e2e/app.e2e-spec.ts | 4 ++++ .../landing-page-chrome-800x600-dpr-1.png | Bin 0 -> 16255 bytes 2 files changed, 4 insertions(+) create mode 100644 e2e/baselines/landing-page-chrome-800x600-dpr-1.png diff --git a/e2e/app.e2e-spec.ts b/e2e/app.e2e-spec.ts index a35d881..cc77222 100644 --- a/e2e/app.e2e-spec.ts +++ b/e2e/app.e2e-spec.ts @@ -13,6 +13,10 @@ describe('angular-cli-widgets App', () => { // page.navigateTo(); // expect(page.getParagraphText()).to.eventually.contain('app works!'); + var width = 800; + var height = 600; + browser.driver.manage().window().setSize(width, height); + page.navigateTo(); //assert.equal(browser.protractorImageComparison.checkScreen('landing-page'), 0); diff --git a/e2e/baselines/landing-page-chrome-800x600-dpr-1.png b/e2e/baselines/landing-page-chrome-800x600-dpr-1.png new file mode 100644 index 0000000000000000000000000000000000000000..d6a2081937cb443dc611c248bb731cce93a1d729 GIT binary patch literal 16255 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 literal 0 HcmV?d00001 From 4b4b766b5e7960fe7323687fa454f221e832968e Mon Sep 17 00:00:00 2001 From: mammar Date: Sat, 29 Apr 2017 17:11:18 -0400 Subject: [PATCH 03/17] buttons added --- src/app/app.component.html | 33 +----------- src/app/app.module.ts | 8 ++- src/app/shell/buttons/buttons.component.html | 47 ++++++++++++++++ src/app/shell/buttons/buttons.component.scss | 0 .../shell/buttons/buttons.component.spec.ts | 25 +++++++++ src/app/shell/buttons/buttons.component.ts | 18 +++++++ .../landing-page/landing-page.component.html | 2 +- .../tool42-button.component.html | 1 + .../tool42-button.component.scss | 54 +++++++++++++++++++ .../tool42-button.component.spec.ts | 25 +++++++++ .../tool42-button/tool42-button.component.ts | 44 +++++++++++++++ 11 files changed, 223 insertions(+), 34 deletions(-) create mode 100644 src/app/shell/buttons/buttons.component.html create mode 100644 src/app/shell/buttons/buttons.component.scss create mode 100644 src/app/shell/buttons/buttons.component.spec.ts create mode 100644 src/app/shell/buttons/buttons.component.ts create mode 100644 src/app/widget/tool42-button/tool42-button.component.html create mode 100644 src/app/widget/tool42-button/tool42-button.component.scss create mode 100644 src/app/widget/tool42-button/tool42-button.component.spec.ts create mode 100644 src/app/widget/tool42-button/tool42-button.component.ts diff --git a/src/app/app.component.html b/src/app/app.component.html index a64b22d..0680b43 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,32 +1 @@ -
-
- -
-
-

- {{atomsSectionTitle}} -

- - Labels - Buttons - Inputs -
-
-

- {{moleculesSectionTitle}} -

- - Form Input field - -
-
-

- {{organismsSectionTitle}} -

- - Contact Up Form -
- - -
+ diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 5b6e80b..8999776 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -9,14 +9,20 @@ import {RouterModule, Routes} from '@angular/router'; import {MaterialModule} from "@angular/material"; import {BrowserAnimationsModule} from "@angular/platform-browser/animations"; import { LandingPageComponent } from './shell/landing-page/landing-page.component'; +import { ButtonsComponent } from './shell/buttons/buttons.component'; +import { Tool42ButtonComponent } from './widget/tool42-button/tool42-button.component'; const routes: Routes = [ + { path: 'buttons', component: ButtonsComponent}, + { path: 'main', component: LandingPageComponent} ]; @NgModule({ declarations: [ AppComponent, - LandingPageComponent + LandingPageComponent, + ButtonsComponent, + Tool42ButtonComponent ], imports: [ MaterialModule, diff --git a/src/app/shell/buttons/buttons.component.html b/src/app/shell/buttons/buttons.component.html new file mode 100644 index 0000000..0964333 --- /dev/null +++ b/src/app/shell/buttons/buttons.component.html @@ -0,0 +1,47 @@ +
+ +
+Back + + + +

Buttons

+
+

COLORS

+

Normal

+ +

Mouse Over

+ +

Disabled

+ + +

Normal

+ +

Mouse Over

+ +

Disabled

+ +
+ + + diff --git a/src/app/shell/buttons/buttons.component.scss b/src/app/shell/buttons/buttons.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/buttons/buttons.component.spec.ts b/src/app/shell/buttons/buttons.component.spec.ts new file mode 100644 index 0000000..4f0b4bd --- /dev/null +++ b/src/app/shell/buttons/buttons.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ButtonsComponent } from './buttons.component'; + +describe('ButtonsComponent', () => { + let component: ButtonsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ButtonsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ButtonsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/buttons/buttons.component.ts b/src/app/shell/buttons/buttons.component.ts new file mode 100644 index 0000000..a96c38c --- /dev/null +++ b/src/app/shell/buttons/buttons.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core'; +//import { Tool42ButtonComponent } from 'C:/teckathon/widg2/src/app/widget/tool42-button/tool42-button.component'; + + +@Component({ + selector: 'app-buttons', + templateUrl: './buttons.component.html', + styleUrls: ['./buttons.component.scss'] +}) +export class ButtonsComponent implements OnInit { + + constructor() { } + + ngOnInit() { + + } + +} diff --git a/src/app/shell/landing-page/landing-page.component.html b/src/app/shell/landing-page/landing-page.component.html index 2dc8475..e167780 100644 --- a/src/app/shell/landing-page/landing-page.component.html +++ b/src/app/shell/landing-page/landing-page.component.html @@ -9,7 +9,7 @@

Labels - Buttons + Buttons Inputs
diff --git a/src/app/widget/tool42-button/tool42-button.component.html b/src/app/widget/tool42-button/tool42-button.component.html new file mode 100644 index 0000000..7ea68aa --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.html @@ -0,0 +1 @@ + diff --git a/src/app/widget/tool42-button/tool42-button.component.scss b/src/app/widget/tool42-button/tool42-button.component.scss new file mode 100644 index 0000000..781cd68 --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.scss @@ -0,0 +1,54 @@ +.t42-btn-primary--active { + background-color: #4CAF50; /* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-primary--disabled { + background-color: #999966;/* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-primary--hover { + background-color: #009999;/* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-secondary--active { + background-color: #ff0000; /* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-secondary--disabled { + background-color: #ff9966; /* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} diff --git a/src/app/widget/tool42-button/tool42-button.component.spec.ts b/src/app/widget/tool42-button/tool42-button.component.spec.ts new file mode 100644 index 0000000..e2f60de --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Tool42ButtonComponent } from './tool42-button.component'; + +describe('Tool42ButtonComponent', () => { + let component: Tool42ButtonComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ Tool42ButtonComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(Tool42ButtonComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/widget/tool42-button/tool42-button.component.ts b/src/app/widget/tool42-button/tool42-button.component.ts new file mode 100644 index 0000000..ede7bf0 --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.ts @@ -0,0 +1,44 @@ +import {Component, Input, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-tool42-button', + templateUrl: './tool42-button.component.html', + styleUrls: ['./tool42-button.component.scss'] +}) +export class Tool42ButtonComponent implements OnInit { + @Input() type: string; + @Input() state: string; + @Input() size: string; + + className: String; + + constructor() { + } + + ngOnInit() { + + switch (this.type + this.state) { + case 'primaryactive' : + this.className = 't42-btn-primary--active'; + break; + case 'primaryhover' : + this.className = 't42-btn-primary--hover'; + break; + case 'primarydisabled' : + this.className = 't42-btn-primary--disabled'; + break; + case 'secondaryactive' : + this.className = 't42-btn-secondary--active'; + break; + case 'secondaryhover' : + this.className = 't42-btn-secondary--hover'; + break; + case 'secondarydisabled' : + this.className = 't42-btn-secondary--disabled'; + break; + + } + + + } +} From dcf36e744f03103980350aec8b2e7ab6f5a2c2b9 Mon Sep 17 00:00:00 2001 From: autushka Date: Sat, 29 Apr 2017 18:40:08 -0400 Subject: [PATCH 04/17] - landing-page titles added; --- src/app/shell/landing-page/landing-page.component.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/app/shell/landing-page/landing-page.component.ts b/src/app/shell/landing-page/landing-page.component.ts index 31f1179..c5c53de 100644 --- a/src/app/shell/landing-page/landing-page.component.ts +++ b/src/app/shell/landing-page/landing-page.component.ts @@ -6,6 +6,9 @@ import { Component, OnInit } from '@angular/core'; styleUrls: ['./landing-page.component.scss'] }) export class LandingPageComponent implements OnInit { + atomsSectionTitle = 'Atoms'; + moleculesSectionTitle = 'Molecules'; + organismsSectionTitle = 'Organisms'; constructor() { } From bf4c720174b19093b4751189605c64904efcc890 Mon Sep 17 00:00:00 2001 From: mammar Date: Sat, 29 Apr 2017 18:58:20 -0400 Subject: [PATCH 05/17] buttons changed --- package.json | 1 + src/app/app.module.ts | 3 ++ src/app/shell/buttons/buttons.component.html | 36 +++++++++++-------- .../tool42-button.component.html | 2 +- .../tool42-button.component.scss | 25 +++++++++---- 5 files changed, 45 insertions(+), 22 deletions(-) diff --git a/package.json b/package.json index 5ab17fd..c7eb772 100644 --- a/package.json +++ b/package.json @@ -58,6 +58,7 @@ "devDependencies": { "@angular/cli": "1.0.0", "@angular/compiler-cli": "^4.0.0", + "@angular/flex-layout": "^2.0.0-beta.8", "@types/chai-as-promised": "0.0.30", "@types/chai-string": "^1.1.30", "@types/jasmine": "^2.5.47", diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 8999776..63e5ebf 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -12,6 +12,8 @@ import { LandingPageComponent } from './shell/landing-page/landing-page.componen import { ButtonsComponent } from './shell/buttons/buttons.component'; import { Tool42ButtonComponent } from './widget/tool42-button/tool42-button.component'; +import {FlexLayoutModule} from '@angular/flex-layout'; + const routes: Routes = [ { path: 'buttons', component: ButtonsComponent}, { path: 'main', component: LandingPageComponent} @@ -27,6 +29,7 @@ const routes: Routes = [ imports: [ MaterialModule, BrowserAnimationsModule, + FlexLayoutModule, BrowserModule, FormsModule, HttpModule, diff --git a/src/app/shell/buttons/buttons.component.html b/src/app/shell/buttons/buttons.component.html index 0964333..ce16cba 100644 --- a/src/app/shell/buttons/buttons.component.html +++ b/src/app/shell/buttons/buttons.component.html @@ -16,22 +16,30 @@

Slim Size

-->

Buttons

-
+ + + +

COLORS

-

Normal

- -

Mouse Over

- -

Disabled

- +
+

Primary

+ + + + + + +
+ +
+

Secondary

+ + + + + +
-

Normal

- -

Mouse Over

- -

Disabled

- -
+ + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 186c56b..4977ccd 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -8,7 +8,9 @@ import {TreeElement} from './widget/navigation/valueObject/treeElement'; styleUrls: ['./app.component.css'] }) export class AppComponent { - title = 'app works!'; + atomsSectionTitle = 'Atoms'; + moleculesSectionTitle = 'Molecules'; + organismsSectionTitle = 'Organisms'; searchOptions: SearchOptions = { name: 'a-search', diff --git a/src/app/app.module.ts b/src/app/app.module.ts deleted file mode 100644 index f9d60f1..0000000 --- a/src/app/app.module.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { BrowserModule } from '@angular/platform-browser'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { HttpModule } from '@angular/http'; - -import { AppComponent } from './app.component'; -import {WidgetModule} from './widget/widget.module'; -import {RouterModule, Routes} from '@angular/router'; - - -const routes: Routes = [ -]; - -@NgModule({ - declarations: [ - AppComponent - ], - imports: [ - BrowserModule, - FormsModule, - HttpModule, - RouterModule.forRoot(routes), - WidgetModule - ], - providers: [], - bootstrap: [AppComponent] -}) -export class AppModule { } diff --git a/src/index.html b/src/index.html deleted file mode 100644 index c1216a5..0000000 --- a/src/index.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - AngularCliWidgets - - - - - - - -
- Loading... -
- - diff --git a/src/styles.css b/src/styles.css deleted file mode 100644 index 90d4ee0..0000000 --- a/src/styles.css +++ /dev/null @@ -1 +0,0 @@ -/* You can add global styles to this file, and also import other style files */ From bd3441d0d6e75138d514d446edd2c1fccb825528 Mon Sep 17 00:00:00 2001 From: autushka Date: Sat, 29 Apr 2017 15:42:42 -0400 Subject: [PATCH 09/17] - fixed browser dimentions for protractor; --- e2e/app.e2e-spec.ts | 9 +++++++++ .../landing-page-chrome-800x600-dpr-1.png | Bin 0 -> 16255 bytes 2 files changed, 9 insertions(+) create mode 100644 e2e/baselines/landing-page-chrome-800x600-dpr-1.png diff --git a/e2e/app.e2e-spec.ts b/e2e/app.e2e-spec.ts index aaefe0d..12d38d6 100644 --- a/e2e/app.e2e-spec.ts +++ b/e2e/app.e2e-spec.ts @@ -10,6 +10,15 @@ describe('angular-cli-widgets App', () => { }); it('should display message saying app works', () => { + + // page.navigateTo(); + // expect(page.getParagraphText()).to.eventually.contain('app works!'); + + var width = 800; + var height = 600; + browser.driver.manage().window().setSize(width, height); + + page.navigateTo(); expect(page.getParagraphText()).to.eventually.contain('app works!'); }); diff --git a/e2e/baselines/landing-page-chrome-800x600-dpr-1.png b/e2e/baselines/landing-page-chrome-800x600-dpr-1.png new file mode 100644 index 0000000000000000000000000000000000000000..d6a2081937cb443dc611c248bb731cce93a1d729 GIT binary patch literal 16255 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 literal 0 HcmV?d00001 From 891ecfc7ce96258cd8b2feddc5bc1f7ab7dac3d3 Mon Sep 17 00:00:00 2001 From: mammar Date: Sat, 29 Apr 2017 17:11:18 -0400 Subject: [PATCH 10/17] buttons added --- src/app/app.component.html | 33 +----------- src/app/app.module.ts | 39 ++++++++++++++ src/app/shell/buttons/buttons.component.html | 47 ++++++++++++++++ src/app/shell/buttons/buttons.component.scss | 0 .../shell/buttons/buttons.component.spec.ts | 25 +++++++++ src/app/shell/buttons/buttons.component.ts | 18 +++++++ .../landing-page/landing-page.component.html | 30 +++++++++++ .../tool42-button.component.html | 1 + .../tool42-button.component.scss | 54 +++++++++++++++++++ .../tool42-button.component.spec.ts | 25 +++++++++ .../tool42-button/tool42-button.component.ts | 44 +++++++++++++++ 11 files changed, 284 insertions(+), 32 deletions(-) create mode 100644 src/app/app.module.ts create mode 100644 src/app/shell/buttons/buttons.component.html create mode 100644 src/app/shell/buttons/buttons.component.scss create mode 100644 src/app/shell/buttons/buttons.component.spec.ts create mode 100644 src/app/shell/buttons/buttons.component.ts create mode 100644 src/app/shell/landing-page/landing-page.component.html create mode 100644 src/app/widget/tool42-button/tool42-button.component.html create mode 100644 src/app/widget/tool42-button/tool42-button.component.scss create mode 100644 src/app/widget/tool42-button/tool42-button.component.spec.ts create mode 100644 src/app/widget/tool42-button/tool42-button.component.ts diff --git a/src/app/app.component.html b/src/app/app.component.html index a64b22d..0680b43 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,32 +1 @@ -
-
- -
-
-

- {{atomsSectionTitle}} -

- - Labels - Buttons - Inputs -
-
-

- {{moleculesSectionTitle}} -

- - Form Input field - -
-
-

- {{organismsSectionTitle}} -

- - Contact Up Form -
- - -
+ diff --git a/src/app/app.module.ts b/src/app/app.module.ts new file mode 100644 index 0000000..8999776 --- /dev/null +++ b/src/app/app.module.ts @@ -0,0 +1,39 @@ +import { BrowserModule } from '@angular/platform-browser'; +import { NgModule } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { HttpModule } from '@angular/http'; + +import { AppComponent } from './app.component'; +import {WidgetModule} from './widget/widget.module'; +import {RouterModule, Routes} from '@angular/router'; +import {MaterialModule} from "@angular/material"; +import {BrowserAnimationsModule} from "@angular/platform-browser/animations"; +import { LandingPageComponent } from './shell/landing-page/landing-page.component'; +import { ButtonsComponent } from './shell/buttons/buttons.component'; +import { Tool42ButtonComponent } from './widget/tool42-button/tool42-button.component'; + +const routes: Routes = [ + { path: 'buttons', component: ButtonsComponent}, + { path: 'main', component: LandingPageComponent} +]; + +@NgModule({ + declarations: [ + AppComponent, + LandingPageComponent, + ButtonsComponent, + Tool42ButtonComponent + ], + imports: [ + MaterialModule, + BrowserAnimationsModule, + BrowserModule, + FormsModule, + HttpModule, + RouterModule.forRoot(routes), + WidgetModule + ], + providers: [], + bootstrap: [AppComponent] +}) +export class AppModule { } diff --git a/src/app/shell/buttons/buttons.component.html b/src/app/shell/buttons/buttons.component.html new file mode 100644 index 0000000..0964333 --- /dev/null +++ b/src/app/shell/buttons/buttons.component.html @@ -0,0 +1,47 @@ +
+ +
+Back + + + +

Buttons

+
+

COLORS

+

Normal

+ +

Mouse Over

+ +

Disabled

+ + +

Normal

+ +

Mouse Over

+ +

Disabled

+ +
+ + + diff --git a/src/app/shell/buttons/buttons.component.scss b/src/app/shell/buttons/buttons.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/buttons/buttons.component.spec.ts b/src/app/shell/buttons/buttons.component.spec.ts new file mode 100644 index 0000000..4f0b4bd --- /dev/null +++ b/src/app/shell/buttons/buttons.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ButtonsComponent } from './buttons.component'; + +describe('ButtonsComponent', () => { + let component: ButtonsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ButtonsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ButtonsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/buttons/buttons.component.ts b/src/app/shell/buttons/buttons.component.ts new file mode 100644 index 0000000..a96c38c --- /dev/null +++ b/src/app/shell/buttons/buttons.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core'; +//import { Tool42ButtonComponent } from 'C:/teckathon/widg2/src/app/widget/tool42-button/tool42-button.component'; + + +@Component({ + selector: 'app-buttons', + templateUrl: './buttons.component.html', + styleUrls: ['./buttons.component.scss'] +}) +export class ButtonsComponent implements OnInit { + + constructor() { } + + ngOnInit() { + + } + +} diff --git a/src/app/shell/landing-page/landing-page.component.html b/src/app/shell/landing-page/landing-page.component.html new file mode 100644 index 0000000..e167780 --- /dev/null +++ b/src/app/shell/landing-page/landing-page.component.html @@ -0,0 +1,30 @@ +
+
+ +
+
+

+ {{atomsSectionTitle}} +

+ + Labels + Buttons + Inputs +
+
+

+ {{moleculesSectionTitle}} +

+ + Form Input field + +
+
+

+ {{organismsSectionTitle}} +

+ + Contact Up Form +
+
diff --git a/src/app/widget/tool42-button/tool42-button.component.html b/src/app/widget/tool42-button/tool42-button.component.html new file mode 100644 index 0000000..7ea68aa --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.html @@ -0,0 +1 @@ + diff --git a/src/app/widget/tool42-button/tool42-button.component.scss b/src/app/widget/tool42-button/tool42-button.component.scss new file mode 100644 index 0000000..781cd68 --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.scss @@ -0,0 +1,54 @@ +.t42-btn-primary--active { + background-color: #4CAF50; /* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-primary--disabled { + background-color: #999966;/* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-primary--hover { + background-color: #009999;/* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-secondary--active { + background-color: #ff0000; /* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} + +.t42-btn-secondary--disabled { + background-color: #ff9966; /* Green */ + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; +} diff --git a/src/app/widget/tool42-button/tool42-button.component.spec.ts b/src/app/widget/tool42-button/tool42-button.component.spec.ts new file mode 100644 index 0000000..e2f60de --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Tool42ButtonComponent } from './tool42-button.component'; + +describe('Tool42ButtonComponent', () => { + let component: Tool42ButtonComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ Tool42ButtonComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(Tool42ButtonComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/widget/tool42-button/tool42-button.component.ts b/src/app/widget/tool42-button/tool42-button.component.ts new file mode 100644 index 0000000..ede7bf0 --- /dev/null +++ b/src/app/widget/tool42-button/tool42-button.component.ts @@ -0,0 +1,44 @@ +import {Component, Input, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-tool42-button', + templateUrl: './tool42-button.component.html', + styleUrls: ['./tool42-button.component.scss'] +}) +export class Tool42ButtonComponent implements OnInit { + @Input() type: string; + @Input() state: string; + @Input() size: string; + + className: String; + + constructor() { + } + + ngOnInit() { + + switch (this.type + this.state) { + case 'primaryactive' : + this.className = 't42-btn-primary--active'; + break; + case 'primaryhover' : + this.className = 't42-btn-primary--hover'; + break; + case 'primarydisabled' : + this.className = 't42-btn-primary--disabled'; + break; + case 'secondaryactive' : + this.className = 't42-btn-secondary--active'; + break; + case 'secondaryhover' : + this.className = 't42-btn-secondary--hover'; + break; + case 'secondarydisabled' : + this.className = 't42-btn-secondary--disabled'; + break; + + } + + + } +} From 7769a243d48e954842311651ea807a63993b5537 Mon Sep 17 00:00:00 2001 From: autushka Date: Sat, 29 Apr 2017 18:40:08 -0400 Subject: [PATCH 11/17] - landing-page titles added; --- .../landing-page/landing-page.component.ts | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/app/shell/landing-page/landing-page.component.ts diff --git a/src/app/shell/landing-page/landing-page.component.ts b/src/app/shell/landing-page/landing-page.component.ts new file mode 100644 index 0000000..c5c53de --- /dev/null +++ b/src/app/shell/landing-page/landing-page.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-landing-page', + templateUrl: './landing-page.component.html', + styleUrls: ['./landing-page.component.scss'] +}) +export class LandingPageComponent implements OnInit { + atomsSectionTitle = 'Atoms'; + moleculesSectionTitle = 'Molecules'; + organismsSectionTitle = 'Organisms'; + + constructor() { } + + ngOnInit() { + } + +} From 0e143f4953f1d85ee18a4253d5132b78217c54f5 Mon Sep 17 00:00:00 2001 From: mammar Date: Sat, 29 Apr 2017 18:58:20 -0400 Subject: [PATCH 12/17] buttons changed --- package.json | 1 + src/app/app.module.ts | 3 ++ src/app/shell/buttons/buttons.component.html | 36 +++++++++++-------- .../tool42-button.component.html | 2 +- .../tool42-button.component.scss | 25 +++++++++---- 5 files changed, 45 insertions(+), 22 deletions(-) diff --git a/package.json b/package.json index d5e3915..4bb8b51 100644 --- a/package.json +++ b/package.json @@ -60,6 +60,7 @@ "devDependencies": { "@angular/cli": "1.0.0", "@angular/compiler-cli": "^4.0.0", + "@angular/flex-layout": "^2.0.0-beta.8", "@types/chai-as-promised": "0.0.30", "@types/chai-string": "^1.1.30", "@types/mocha": "^2.2.40", diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 8999776..63e5ebf 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -12,6 +12,8 @@ import { LandingPageComponent } from './shell/landing-page/landing-page.componen import { ButtonsComponent } from './shell/buttons/buttons.component'; import { Tool42ButtonComponent } from './widget/tool42-button/tool42-button.component'; +import {FlexLayoutModule} from '@angular/flex-layout'; + const routes: Routes = [ { path: 'buttons', component: ButtonsComponent}, { path: 'main', component: LandingPageComponent} @@ -27,6 +29,7 @@ const routes: Routes = [ imports: [ MaterialModule, BrowserAnimationsModule, + FlexLayoutModule, BrowserModule, FormsModule, HttpModule, diff --git a/src/app/shell/buttons/buttons.component.html b/src/app/shell/buttons/buttons.component.html index 0964333..ce16cba 100644 --- a/src/app/shell/buttons/buttons.component.html +++ b/src/app/shell/buttons/buttons.component.html @@ -16,22 +16,30 @@

Slim Size

-->

Buttons

-
+ + + +

COLORS

-

Normal

- -

Mouse Over

- -

Disabled

- +
+

Primary

+ + + + + + +
+ +
+

Secondary

+ + + + + +
-

Normal

- -

Mouse Over

- -

Disabled

- -
+ +

Contact Us Form

+
+ +

Primary

+
+ + +
+
+

Secondary

+
+ +
+
+ + diff --git a/src/app/shell/contact-us/contact-us.component.scss b/src/app/shell/contact-us/contact-us.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/contact-us/contact-us.component.spec.ts b/src/app/shell/contact-us/contact-us.component.spec.ts new file mode 100644 index 0000000..543a2f3 --- /dev/null +++ b/src/app/shell/contact-us/contact-us.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ContactUsComponent } from './contact-us.component'; + +describe('ContactUsComponent', () => { + let component: ContactUsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ContactUsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ContactUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/contact-us/contact-us.component.ts b/src/app/shell/contact-us/contact-us.component.ts new file mode 100644 index 0000000..ed6e875 --- /dev/null +++ b/src/app/shell/contact-us/contact-us.component.ts @@ -0,0 +1,15 @@ +import {Component, Input, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-contact-us', + templateUrl: './contact-us.component.html', + styleUrls: ['./contact-us.component.scss'] +}) +export class ContactUsComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/shell/form/form.component.html b/src/app/shell/form/form.component.html new file mode 100644 index 0000000..4c40859 --- /dev/null +++ b/src/app/shell/form/form.component.html @@ -0,0 +1,42 @@ +
+ +
+Back + + + +

Form Input Elements

+
+ +

Primary Form

+
+ + +
+
+

Secondary Form

+
+ +
+
+ + diff --git a/src/app/shell/form/form.component.scss b/src/app/shell/form/form.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/form/form.component.spec.ts b/src/app/shell/form/form.component.spec.ts new file mode 100644 index 0000000..0ace80a --- /dev/null +++ b/src/app/shell/form/form.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormComponent } from './form.component'; + +describe('FormComponent', () => { + let component: FormComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FormComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FormComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/form/form.component.ts b/src/app/shell/form/form.component.ts new file mode 100644 index 0000000..69a907a --- /dev/null +++ b/src/app/shell/form/form.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-form', + templateUrl: './form.component.html', + styleUrls: ['./form.component.scss'] +}) +export class FormComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/shell/headings/headings.component.html b/src/app/shell/headings/headings.component.html new file mode 100644 index 0000000..e627ce9 --- /dev/null +++ b/src/app/shell/headings/headings.component.html @@ -0,0 +1,47 @@ +
+ +
+Back + + + +

Headings

+ + + +
+ +

Primary Heading

+
+ + +
+
+

Secondary Heading

+
+ +
+
+ + + diff --git a/src/app/shell/headings/headings.component.scss b/src/app/shell/headings/headings.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/headings/headings.component.spec.ts b/src/app/shell/headings/headings.component.spec.ts new file mode 100644 index 0000000..f28aae6 --- /dev/null +++ b/src/app/shell/headings/headings.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HeadingsComponent } from './headings.component'; + +describe('HeadingsComponent', () => { + let component: HeadingsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ HeadingsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(HeadingsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/headings/headings.component.ts b/src/app/shell/headings/headings.component.ts new file mode 100644 index 0000000..86247e9 --- /dev/null +++ b/src/app/shell/headings/headings.component.ts @@ -0,0 +1,16 @@ +import {Component, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-headings', + templateUrl: './headings.component.html', + styleUrls: ['./headings.component.scss'] +}) +export class HeadingsComponent implements OnInit { + + constructor() { + } + + ngOnInit() { + } + +} diff --git a/src/app/shell/input-elements/input-elements.component.html b/src/app/shell/input-elements/input-elements.component.html new file mode 100644 index 0000000..c97cbfd --- /dev/null +++ b/src/app/shell/input-elements/input-elements.component.html @@ -0,0 +1,47 @@ +
+ +
+Back + + + +

Input Elements

+ + + +
+ +

Primary Input Field

+
+ + +
+
+

Secondary Input Field

+
+ +
+
+ + + diff --git a/src/app/shell/input-elements/input-elements.component.scss b/src/app/shell/input-elements/input-elements.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/input-elements/input-elements.component.spec.ts b/src/app/shell/input-elements/input-elements.component.spec.ts new file mode 100644 index 0000000..8c8a325 --- /dev/null +++ b/src/app/shell/input-elements/input-elements.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { InputElementsComponent } from './input-elements.component'; + +describe('InputElementsComponent', () => { + let component: InputElementsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ InputElementsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(InputElementsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/input-elements/input-elements.component.ts b/src/app/shell/input-elements/input-elements.component.ts new file mode 100644 index 0000000..d5d0e14 --- /dev/null +++ b/src/app/shell/input-elements/input-elements.component.ts @@ -0,0 +1,16 @@ +import {Component, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-input-elements', + templateUrl: './input-elements.component.html', + styleUrls: ['./input-elements.component.scss'] +}) +export class InputElementsComponent implements OnInit { + + constructor() { + } + + ngOnInit() { + } + +} diff --git a/src/app/shell/labels/labels.component.html b/src/app/shell/labels/labels.component.html new file mode 100644 index 0000000..95b52ff --- /dev/null +++ b/src/app/shell/labels/labels.component.html @@ -0,0 +1,47 @@ +
+ +
+Back + + + +

Labels

+ + + +
+ +

Primary Label

+
+ + +
+
+

Secondary Label

+
+ +
+
+ + + diff --git a/src/app/shell/labels/labels.component.scss b/src/app/shell/labels/labels.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/shell/labels/labels.component.spec.ts b/src/app/shell/labels/labels.component.spec.ts new file mode 100644 index 0000000..c2bd416 --- /dev/null +++ b/src/app/shell/labels/labels.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LabelsComponent } from './labels.component'; + +describe('LabelsComponent', () => { + let component: LabelsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ LabelsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(LabelsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shell/labels/labels.component.ts b/src/app/shell/labels/labels.component.ts new file mode 100644 index 0000000..59c38f5 --- /dev/null +++ b/src/app/shell/labels/labels.component.ts @@ -0,0 +1,16 @@ +import {Component, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-labels', + templateUrl: './labels.component.html', + styleUrls: ['./labels.component.scss'] +}) +export class LabelsComponent implements OnInit { + + constructor() { + } + + ngOnInit() { + } + +} diff --git a/src/app/shell/landing-page/landing-page.component.html b/src/app/shell/landing-page/landing-page.component.html index e167780..0537249 100644 --- a/src/app/shell/landing-page/landing-page.component.html +++ b/src/app/shell/landing-page/landing-page.component.html @@ -8,16 +8,18 @@

{{atomsSectionTitle}}

- Labels + Headings + Labels Buttons - Inputs + Inputs +

{{moleculesSectionTitle}}

- Form Input field + Form Input field
@@ -25,6 +27,6 @@

{{organismsSectionTitle}}

- Contact Up Form + Contact Us Form
diff --git a/src/app/shell/landing-page/landing-page.component.ts b/src/app/shell/landing-page/landing-page.component.ts index c5c53de..1ca3514 100644 --- a/src/app/shell/landing-page/landing-page.component.ts +++ b/src/app/shell/landing-page/landing-page.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import {Component, OnInit} from '@angular/core'; @Component({ selector: 'app-landing-page', @@ -10,7 +10,8 @@ export class LandingPageComponent implements OnInit { moleculesSectionTitle = 'Molecules'; organismsSectionTitle = 'Organisms'; - constructor() { } + constructor() { + } ngOnInit() { } diff --git a/src/app/widget/tool42-button/tool42-button.component.html b/src/app/widget/tool42-button/tool42-button.component.html index 74747e8..2716f19 100644 --- a/src/app/widget/tool42-button/tool42-button.component.html +++ b/src/app/widget/tool42-button/tool42-button.component.html @@ -1 +1 @@ - + diff --git a/src/app/widget/tool42-button/tool42-button.component.scss b/src/app/widget/tool42-button/tool42-button.component.scss index e337d06..062f9ab 100644 --- a/src/app/widget/tool42-button/tool42-button.component.scss +++ b/src/app/widget/tool42-button/tool42-button.component.scss @@ -8,6 +8,9 @@ display: inline-block; font-size: 16px; } +.t42-btn-primary--active:hover{ + background-color: #cc3300; +} .t42-btn-primary--disabled { background-color: #999966;/* Green */ @@ -41,6 +44,9 @@ display: inline-block; font-size: 16px; } +.t42-btn-secondary--active:hover{ + background-color: #cc3300; +} .t42-btn-secondary--hover { background-color: #cc3300;/* Green */ diff --git a/src/app/widget/tool42-button/tool42-button.component.ts b/src/app/widget/tool42-button/tool42-button.component.ts index ede7bf0..03a05e3 100644 --- a/src/app/widget/tool42-button/tool42-button.component.ts +++ b/src/app/widget/tool42-button/tool42-button.component.ts @@ -9,7 +9,7 @@ export class Tool42ButtonComponent implements OnInit { @Input() type: string; @Input() state: string; @Input() size: string; - + @Input() text: string; className: String; constructor() { @@ -36,9 +36,6 @@ export class Tool42ButtonComponent implements OnInit { case 'secondarydisabled' : this.className = 't42-btn-secondary--disabled'; break; - } - - } } diff --git a/src/app/widget/tool42-contact-us/tool42-contact-us.component.html b/src/app/widget/tool42-contact-us/tool42-contact-us.component.html new file mode 100644 index 0000000..6b29750 --- /dev/null +++ b/src/app/widget/tool42-contact-us/tool42-contact-us.component.html @@ -0,0 +1,3 @@ +
+

+ diff --git a/src/app/widget/tool42-contact-us/tool42-contact-us.component.scss b/src/app/widget/tool42-contact-us/tool42-contact-us.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/widget/tool42-contact-us/tool42-contact-us.component.spec.ts b/src/app/widget/tool42-contact-us/tool42-contact-us.component.spec.ts new file mode 100644 index 0000000..706e087 --- /dev/null +++ b/src/app/widget/tool42-contact-us/tool42-contact-us.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Tool42ContactUsComponent } from './tool42-contact-us.component'; + +describe('Tool42ContactUsComponent', () => { + let component: Tool42ContactUsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ Tool42ContactUsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(Tool42ContactUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/widget/tool42-contact-us/tool42-contact-us.component.ts b/src/app/widget/tool42-contact-us/tool42-contact-us.component.ts new file mode 100644 index 0000000..7c7c99f --- /dev/null +++ b/src/app/widget/tool42-contact-us/tool42-contact-us.component.ts @@ -0,0 +1,17 @@ +import {Component, Input, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-tool42-contact-us', + templateUrl: './tool42-contact-us.component.html', + styleUrls: ['./tool42-contact-us.component.scss'] +}) +export class Tool42ContactUsComponent implements OnInit { + @Input() type: string; + + constructor() { + } + + ngOnInit() { + } + +} diff --git a/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.html b/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.html new file mode 100644 index 0000000..e597593 --- /dev/null +++ b/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.html @@ -0,0 +1,5 @@ +
+
+
+ +
diff --git a/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.scss b/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.spec.ts b/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.spec.ts new file mode 100644 index 0000000..ec14912 --- /dev/null +++ b/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Tool42FormInputFieldComponent } from './tool42-form-input-field.component'; + +describe('Tool42FormInputFieldComponent', () => { + let component: Tool42FormInputFieldComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ Tool42FormInputFieldComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(Tool42FormInputFieldComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.ts b/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.ts new file mode 100644 index 0000000..3c971ca --- /dev/null +++ b/src/app/widget/tool42-form-input-field/tool42-form-input-field.component.ts @@ -0,0 +1,19 @@ +import {Component, Input, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-tool42-form-input-field', + templateUrl: './tool42-form-input-field.component.html', + styleUrls: ['./tool42-form-input-field.component.scss'] +}) +export class Tool42FormInputFieldComponent implements OnInit { + @Input() type: string; + @Input() buttonText: string; + @Input() inputPlaceholder: string; + + constructor() { + } + + ngOnInit() { + } + +} diff --git a/src/app/widget/tool42-heading/tool42-heading.component.html b/src/app/widget/tool42-heading/tool42-heading.component.html new file mode 100644 index 0000000..8c212c0 --- /dev/null +++ b/src/app/widget/tool42-heading/tool42-heading.component.html @@ -0,0 +1 @@ +

{{text}}

diff --git a/src/app/widget/tool42-heading/tool42-heading.component.scss b/src/app/widget/tool42-heading/tool42-heading.component.scss new file mode 100644 index 0000000..e8c85ee --- /dev/null +++ b/src/app/widget/tool42-heading/tool42-heading.component.scss @@ -0,0 +1,7 @@ +.t42-heading-primary { + color: #558C89; font-family: 'Raleway',sans-serif; font-size: 62px; font-weight: 600; line-height: 72px; margin: 0 0 24px; text-align: center; text-transform: uppercase; +} + +.t42-heading-secondary { + color:#D9853B; font-family: 'Raleway',sans-serif; font-size: 62px; font-weight: 600; line-height: 72px; margin: 0 0 24px; text-align: center; text-transform: uppercase; +} diff --git a/src/app/widget/tool42-heading/tool42-heading.component.spec.ts b/src/app/widget/tool42-heading/tool42-heading.component.spec.ts new file mode 100644 index 0000000..3df75b1 --- /dev/null +++ b/src/app/widget/tool42-heading/tool42-heading.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Tool42HeadingComponent } from './tool42-heading.component'; + +describe('Tool42HeadingComponent', () => { + let component: Tool42HeadingComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ Tool42HeadingComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(Tool42HeadingComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/widget/tool42-heading/tool42-heading.component.ts b/src/app/widget/tool42-heading/tool42-heading.component.ts new file mode 100644 index 0000000..fbaef6a --- /dev/null +++ b/src/app/widget/tool42-heading/tool42-heading.component.ts @@ -0,0 +1,27 @@ +import {Component, Input, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-tool42-heading', + templateUrl: './tool42-heading.component.html', + styleUrls: ['./tool42-heading.component.scss'] +}) +export class Tool42HeadingComponent implements OnInit { + @Input() text: string; + @Input() type: string; + className: string; + + constructor() { + } + + ngOnInit() { + switch (this.type) { + case 'primary': + this.className = 't42-heading-primary'; + break; + case 'secondary': + this.className = 't42-heading-secondary'; + break; + } + } + +} diff --git a/src/app/widget/tool42-input/tool42-input.component.html b/src/app/widget/tool42-input/tool42-input.component.html new file mode 100644 index 0000000..3d4d9e5 --- /dev/null +++ b/src/app/widget/tool42-input/tool42-input.component.html @@ -0,0 +1 @@ + diff --git a/src/app/widget/tool42-input/tool42-input.component.scss b/src/app/widget/tool42-input/tool42-input.component.scss new file mode 100644 index 0000000..dfc46d9 --- /dev/null +++ b/src/app/widget/tool42-input/tool42-input.component.scss @@ -0,0 +1,6 @@ +.t42-input-primary{ + border:1px solid #ff6600; +} +.t42-input-secondary{ + border:1px solid #ff944d; +} diff --git a/src/app/widget/tool42-input/tool42-input.component.spec.ts b/src/app/widget/tool42-input/tool42-input.component.spec.ts new file mode 100644 index 0000000..0170159 --- /dev/null +++ b/src/app/widget/tool42-input/tool42-input.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Tool42InputComponent } from './tool42-input.component'; + +describe('Tool42InputComponent', () => { + let component: Tool42InputComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ Tool42InputComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(Tool42InputComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/widget/tool42-input/tool42-input.component.ts b/src/app/widget/tool42-input/tool42-input.component.ts new file mode 100644 index 0000000..689d9c8 --- /dev/null +++ b/src/app/widget/tool42-input/tool42-input.component.ts @@ -0,0 +1,30 @@ +import {Component, Input, OnChanges, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-tool42-input', + templateUrl: './tool42-input.component.html', + styleUrls: ['./tool42-input.component.scss'] +}) +export class Tool42InputComponent implements OnChanges { + @Input() height: string; + @Input() type: string; + @Input() placeHolder: string; + style: string; + className: string; + + constructor() { + } + + ngOnChanges() { + this.style = this.height + ' px;'; + switch (this.type) { + case 'primary': + this.className = 't42-input-primary'; + break; + case 'secondary': + this.className = 't42-input-secondary'; + break; + } + } + +} diff --git a/src/app/widget/tool42-label/tool42-label.component.html b/src/app/widget/tool42-label/tool42-label.component.html new file mode 100644 index 0000000..0d7e40a --- /dev/null +++ b/src/app/widget/tool42-label/tool42-label.component.html @@ -0,0 +1 @@ + diff --git a/src/app/widget/tool42-label/tool42-label.component.scss b/src/app/widget/tool42-label/tool42-label.component.scss new file mode 100644 index 0000000..f65bfc8 --- /dev/null +++ b/src/app/widget/tool42-label/tool42-label.component.scss @@ -0,0 +1,6 @@ +.t42-label-primary{ + color: #ff6600; +} +.t42-label-secondary{ + color: #ff944d; +} diff --git a/src/app/widget/tool42-label/tool42-label.component.spec.ts b/src/app/widget/tool42-label/tool42-label.component.spec.ts new file mode 100644 index 0000000..e078757 --- /dev/null +++ b/src/app/widget/tool42-label/tool42-label.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Tool42LabelComponent } from './tool42-label.component'; + +describe('Tool42LabelComponent', () => { + let component: Tool42LabelComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ Tool42LabelComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(Tool42LabelComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/widget/tool42-label/tool42-label.component.ts b/src/app/widget/tool42-label/tool42-label.component.ts new file mode 100644 index 0000000..11702f5 --- /dev/null +++ b/src/app/widget/tool42-label/tool42-label.component.ts @@ -0,0 +1,27 @@ +import {Component, Input, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-tool42-label', + templateUrl: './tool42-label.component.html', + styleUrls: ['./tool42-label.component.scss'] +}) +export class Tool42LabelComponent implements OnInit { + @Input() text: string; + @Input() type: string; + className: string; + + constructor() { + } + + ngOnInit() { + switch (this.type) { + case 'primary': + this.className = 't42-label-primary'; + break; + case 'secondary': + this.className = 't42-label-secondary'; + break; + } + } + +} From 7b6593c447b524d04f23e47a089f2e109a1a5efe Mon Sep 17 00:00:00 2001 From: mammar Date: Tue, 2 May 2017 00:41:36 -0400 Subject: [PATCH 15/17] layout improved --- .../contact-us/contact-us.component.html | 8 ++--- src/app/shell/form/form.component.html | 8 ++--- .../shell/headings/headings.component.html | 12 +++---- .../input-elements.component.html | 11 +++---- src/app/shell/labels/labels.component.html | 12 +++---- .../landing-page/landing-page.component.html | 31 ++++++++++++------- .../tool42-button.component.html | 1 - src/styles.css | 3 ++ 8 files changed, 46 insertions(+), 40 deletions(-) diff --git a/src/app/shell/contact-us/contact-us.component.html b/src/app/shell/contact-us/contact-us.component.html index ced6b4a..d7d7fe7 100644 --- a/src/app/shell/contact-us/contact-us.component.html +++ b/src/app/shell/contact-us/contact-us.component.html @@ -17,14 +17,14 @@

Slim Size

Contact Us Form

-

Primary

-
+

Contact us form 1

+

-

Secondary

-
+

Contact us form 2

+
diff --git a/src/app/shell/form/form.component.html b/src/app/shell/form/form.component.html index 4c40859..c1ea31f 100644 --- a/src/app/shell/form/form.component.html +++ b/src/app/shell/form/form.component.html @@ -17,14 +17,14 @@

Slim Size

Form Input Elements

-

Primary Form

-
+

Form 1

+

-

Secondary Form

-
+

Form 2

+
diff --git a/src/app/shell/headings/headings.component.html b/src/app/shell/headings/headings.component.html index e627ce9..b407746 100644 --- a/src/app/shell/headings/headings.component.html +++ b/src/app/shell/headings/headings.component.html @@ -21,15 +21,13 @@

Headings

-

Primary Heading

-
- + +
+
-
-

Secondary Heading

-
- +
+
diff --git a/src/app/shell/input-elements/input-elements.component.html b/src/app/shell/input-elements/input-elements.component.html index c97cbfd..7311b2c 100644 --- a/src/app/shell/input-elements/input-elements.component.html +++ b/src/app/shell/input-elements/input-elements.component.html @@ -21,15 +21,14 @@

Input Elements

-

Primary Input Field

-
- + +
+

-

Secondary Input Field

-
- +
+
diff --git a/src/app/shell/labels/labels.component.html b/src/app/shell/labels/labels.component.html index 95b52ff..cb52eff 100644 --- a/src/app/shell/labels/labels.component.html +++ b/src/app/shell/labels/labels.component.html @@ -21,15 +21,13 @@

Labels

-

Primary Label

-
- + +
+
-
-

Secondary Label

-
- +
+
diff --git a/src/app/shell/landing-page/landing-page.component.html b/src/app/shell/landing-page/landing-page.component.html index ab6f6b7..206c066 100644 --- a/src/app/shell/landing-page/landing-page.component.html +++ b/src/app/shell/landing-page/landing-page.component.html @@ -3,25 +3,34 @@ +
+
+ publish ccp + Link to current style + Duplicate this library + Import new element +
+

{{atomsSectionTitle}}

- - Headings - Labels - Buttons - Inputs +

{{moleculesSectionTitle}}

- - Form Input field - +
@@ -29,8 +38,8 @@

{{organismsSectionTitle}}

- - Contact Us Form - +
diff --git a/src/app/widget/tool42-button/tool42-button.component.html b/src/app/widget/tool42-button/tool42-button.component.html index 08add78..2716f19 100644 --- a/src/app/widget/tool42-button/tool42-button.component.html +++ b/src/app/widget/tool42-button/tool42-button.component.html @@ -1,2 +1 @@ - diff --git a/src/styles.css b/src/styles.css index 968e31c..37413fb 100644 --- a/src/styles.css +++ b/src/styles.css @@ -24,5 +24,8 @@ section{ md-card{ margin: 5px 0 5px 0; + height: 50px; + line-height:8px; + border: 1px solid #f7f7f6; cursor: pointer; } From b49ed3501d974a89113d479bb3c507cca72b8747 Mon Sep 17 00:00:00 2001 From: mammar Date: Tue, 2 May 2017 10:26:16 -0400 Subject: [PATCH 16/17] layout updated --- .../input-elements.component.html | 2 +- .../landing-page/landing-page.component.html | 30 ++++++++++++++----- .../tool42-input/tool42-input.component.html | 2 +- .../tool42-input/tool42-input.component.scss | 2 ++ src/styles.css | 18 ++++++----- 5 files changed, 37 insertions(+), 17 deletions(-) diff --git a/src/app/shell/input-elements/input-elements.component.html b/src/app/shell/input-elements/input-elements.component.html index 7311b2c..a635d7c 100644 --- a/src/app/shell/input-elements/input-elements.component.html +++ b/src/app/shell/input-elements/input-elements.component.html @@ -23,7 +23,7 @@

Input Elements

- +

diff --git a/src/app/shell/landing-page/landing-page.component.html b/src/app/shell/landing-page/landing-page.component.html index 206c066..06ebc7d 100644 --- a/src/app/shell/landing-page/landing-page.component.html +++ b/src/app/shell/landing-page/landing-page.component.html @@ -6,8 +6,10 @@
publish ccp - Link to current style - Duplicate this library + Link to current style + + Duplicate this library + Import new element
@@ -17,10 +19,18 @@

@@ -29,7 +39,9 @@

{{moleculesSectionTitle}}

@@ -39,7 +51,9 @@

diff --git a/src/app/widget/tool42-input/tool42-input.component.html b/src/app/widget/tool42-input/tool42-input.component.html index 3d4d9e5..0970024 100644 --- a/src/app/widget/tool42-input/tool42-input.component.html +++ b/src/app/widget/tool42-input/tool42-input.component.html @@ -1 +1 @@ - + diff --git a/src/app/widget/tool42-input/tool42-input.component.scss b/src/app/widget/tool42-input/tool42-input.component.scss index dfc46d9..e6305fa 100644 --- a/src/app/widget/tool42-input/tool42-input.component.scss +++ b/src/app/widget/tool42-input/tool42-input.component.scss @@ -1,6 +1,8 @@ .t42-input-primary{ + resize: none; border:1px solid #ff6600; } .t42-input-secondary{ + resize: none; border:1px solid #ff944d; } diff --git a/src/styles.css b/src/styles.css index 37413fb..f2efeac 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,31 +1,35 @@ /* You can add global styles to this file, and also import other style files */ -body{ +body { background-color: #f7f7f6; } -h1{ +h1 { color: #707070; margin-top: 10px; } -section{ +section { border-top: 1px solid #707070; padding: 10px 0 10px 0; } -.logo-wrp{ +.logo-wrp { height: 68px; padding: 10px 0 10px 0; } -.logo-img{ +.logo-img { float: right; } -md-card{ +md-card { margin: 5px 0 5px 0; + line-height: 5px; height: 50px; - line-height:8px; border: 1px solid #f7f7f6; cursor: pointer; } + + + + From ca86538b1bc96324d5d9a2f8d14b7fbfc2bc048d Mon Sep 17 00:00:00 2001 From: mammar Date: Tue, 2 May 2017 11:30:06 -0400 Subject: [PATCH 17/17] layout changed --- src/app/shell/buttons/buttons.component.html | 23 +++++++++++--- .../contact-us/contact-us.component.html | 14 +++++---- src/app/shell/form/form.component.html | 21 ++++++++----- .../shell/headings/headings.component.html | 12 +++---- .../input-elements.component.html | 12 +++---- src/app/shell/labels/labels.component.html | 12 +++---- .../tool42-button.component.html | 2 +- .../tool42-button.component.scss | 31 +++++++++++++++---- .../tool42-button/tool42-button.component.ts | 3 +- .../tool42-form-input-field.component.html | 2 +- .../tool42-heading.component.html | 2 +- .../tool42-heading.component.scss | 4 +-- .../tool42-heading.component.ts | 1 + src/styles.css | 6 ++++ 14 files changed, 93 insertions(+), 52 deletions(-) diff --git a/src/app/shell/buttons/buttons.component.html b/src/app/shell/buttons/buttons.component.html index a62ec8b..65b293d 100644 --- a/src/app/shell/buttons/buttons.component.html +++ b/src/app/shell/buttons/buttons.component.html @@ -17,11 +17,24 @@

Slim Size

-->

Buttons

+
+

SHAPES

+
+ + + + + + +
+ +
+

COLORS

-

Primary Button

-
+

Primary Button

+
@@ -30,9 +43,9 @@

Primary Button

-
-

Secondary Button

-
+
+

Secondary Button

+
diff --git a/src/app/shell/contact-us/contact-us.component.html b/src/app/shell/contact-us/contact-us.component.html index d7d7fe7..a911752 100644 --- a/src/app/shell/contact-us/contact-us.component.html +++ b/src/app/shell/contact-us/contact-us.component.html @@ -16,17 +16,19 @@

Slim Size

Contact Us Form

+
+
+

Form 1

-

Contact us form 1

-
+
+ +
+

Form 2

-
-
-

Contact us form 2

-
+