feat(Logo): logo component is now available

GetTerminus · Feb 28, 2019 · 8b47382 · 8b47382
1 parent 2857dd5
commit 8b47382
Show file tree

Hide file tree

Showing 20 changed files with 644 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -119,6 +119,7 @@ for each feature.
 | [link][src-link]                       |                                                   | :white_check_mark: | [Demo][demo-link]               | [Docs][link-docs]            | [Usage][link-usage]         |
 | [loading overlay][src-loading-overlay] | Overlay with loading spinner                      | :white_check_mark: | [Demo][demo-loading-overlay]    | [Docs][loading-overlay-docs] |                             |
 | [login form][src-login-form]           | Email/password with 'remember me' checkbox        | :white_check_mark: | [Demo][demo-log-in-form]        | [Docs][login-form-docs]      |                             |
+| [logo][src-logo]             | Variations of the official logo, certain colors available   | :white_check_mark: | [Demo][demo-logo]               | [Docs][logo]                 |                             |
 | [menu][src-menu]                       |                                                   | :white_check_mark: | [Demo][demo-menu]               | [Docs][menu-docs]            | [Usage][menu-usage]         |
 | [navigation][src-navigation]           | Global navigation menu                            | :white_check_mark: | [Demo][demo-navigation]         | [Docs][navigation-docs]      | [Usage][navigation-usage]   |
 | [paginator][src-paginator]             | Paging controls for collections                   | :white_check_mark: | [Demo][demo-paginator]          | [Docs][paginator-docs]       | [Usage][paginator-usage]    |
@@ -335,6 +336,7 @@ This project follows the [all-contributors](https://github.com/kentcdodds/all-co
 [demo-link]:             https://getterminus.github.io/ui-demos-master/components/link
 [demo-loading-overlay]:  https://getterminus.github.io/ui-demos-master/components/loading-overlay
 [demo-log-in-form]:      https://getterminus.github.io/ui-demos-master/components/log-in-form
+[demo-logo]:             https://getterminus.github.io/ui-demos-master/components/logo
 [demo-menu]:             https://getterminus.github.io/ui-demos-master/components/menu
 [demo-navigation]:       https://getterminus.github.io/ui-demos-master/components/navigation
 [demo-paginator]:        https://getterminus.github.io/ui-demos-master/components/paginator
@@ -378,6 +380,7 @@ This project follows the [all-contributors](https://github.com/kentcdodds/all-co
 [src-link]:               ./terminus-ui/link/src/
 [src-loading-overlay]:    ./terminus-ui/loading-overlay/src/
 [src-login-form]:         ./terminus-ui/login-form/src/
+[src-logo]:               ./terminus-ui/logo/src/
 [src-menu]:               ./terminus-ui/menu/src/
 [src-navigation]:         ./terminus-ui/navigation/src/
 [src-paginator]:          ./terminus-ui/paginator/src/
@@ -417,6 +420,7 @@ This project follows the [all-contributors](https://github.com/kentcdodds/all-co
 [link-docs]:            http://uilibrary-docs.terminus.ninja/master/components/TsLinkComponent.html
 [loading-overlay-docs]: http://uilibrary-docs.terminus.ninja/master/components/TsLoadingOverlayComponent.html
 [login-form-docs]:      http://uilibrary-docs.terminus.ninja/master/components/TsLoginFormComponent.html
+[logo-docs]:            http://uilibrary-docs.terminus.ninja/master/components/TsLogoComponent.html
 [menu-docs]:            http://uilibrary-docs.terminus.ninja/master/components/TsMenuComponent.html
 [navigation-docs]:      http://uilibrary-docs.terminus.ninja/master/components/TsNavigationComponent.html
 [paginator-docs]:       http://uilibrary-docs.terminus.ninja/master/components/TsPaginatorComponent.html
@@ -457,6 +461,7 @@ This project follows the [all-contributors](https://github.com/kentcdodds/all-co
 [icon-usage]:         http://uilibrary-docs.terminus.ninja/master/components/TsIconComponent.html#readme
 [input-usage]:        http://uilibrary-docs.terminus.ninja/master/components/TsInputComponent.html#readme
 [link-usage]:         http://uilibrary-docs.terminus.ninja/master/components/TsLinkComponent.html#readme
+[logo-usage]:         http://uilibrary-docs.terminus.ninja/master/components/TsLogoComponent.html#readme
 [menu-usage]:         http://uilibrary-docs.terminus.ninja/master/components/TsMenuComponent.html#readme
 [paginator-usage]:    http://uilibrary-docs.terminus.ninja/master/components/TsPaginatorComponent.html#readme
 [navigation-usage]:   http://uilibrary-docs.terminus.ninja/master/components/TsNavigationComponent.html#readme

diff --git a/demo/app/app.module.ts b/demo/app/app.module.ts
@@ -55,6 +55,7 @@ import { TsInputModule } from '@terminus/ui/input';
 import { TsLinkModule } from '@terminus/ui/link';
 import { TsLoadingOverlayModule } from '@terminus/ui/loading-overlay';
 import { TsLoginFormModule } from '@terminus/ui/login-form';
+import { TsLogoModule } from '@terminus/ui/logo';
 import { TsMenuModule } from '@terminus/ui/menu';
 import { TsNavigationModule } from '@terminus/ui/navigation';
 import { TsPaginatorModule } from '@terminus/ui/paginator';
@@ -99,6 +100,7 @@ import { InputComponent } from './components/input/input.component';
 import { LinkComponent } from './components/link/link.component';
 import { LoadingOverlayComponent } from './components/loading-overlay/loading-overlay.component';
 import { LoginFormComponent } from './components/login-form/login-form.component';
+import { LogoComponent } from './components/logo/logo.component';
 import { MenuComponent } from './components/menu/menu.component';
 import { NavigationComponent } from './components/navigation/navigation.component';
 import { PaginatorComponent } from './components/paginator/paginator.component';
@@ -150,6 +152,7 @@ import { ValidationComponent } from './components/validation/validation.componen
     TsLinkModule,
     TsLoadingOverlayModule,
     TsLoginFormModule,
+    TsLogoModule,
     TsMenuModule,
     TsNavigationModule,
     TsPaginatorModule,
@@ -197,6 +200,7 @@ import { ValidationComponent } from './components/validation/validation.componen
     LinkComponent,
     LoadingOverlayComponent,
     LoginFormComponent,
+    LogoComponent,
     MenuComponent,
     NavigationComponent,
     PaginatorComponent,

diff --git a/demo/app/components/components.constant.ts b/demo/app/components/components.constant.ts
@@ -17,6 +17,7 @@ import { IconComponent } from './icon/icon.component';
 import { InputComponent } from './input/input.component';
 import { LinkComponent } from './link/link.component';
 import { LoadingOverlayComponent } from './loading-overlay/loading-overlay.component';
+import { LogoComponent } from './logo/logo.component';
 import { LoginFormComponent } from './login-form/login-form.component';
 import { MenuComponent } from './menu/menu.component';
 import { NavigationComponent } from './navigation/navigation.component';
@@ -164,6 +165,13 @@ export const componentsList: Routes = [
       name: 'Login Form',
     },
   },
+  {
+    path: 'logo',
+    component: LogoComponent,
+    data: {
+      name: 'Logo',
+    },
+  },
   {
     path: 'menu',
     component: MenuComponent,

diff --git a/demo/app/components/logo/logo.component.html b/demo/app/components/logo/logo.component.html
@@ -0,0 +1,34 @@
+<ts-card tsVerticalSpacing>
+  <h3 tsCardTitle tsVerticalSpacing>Full Gradient Logo (default)</h3>
+  <ts-logo></ts-logo>
+</ts-card>
+<ts-card tsVerticalSpacing>
+  <h3 tsCardTitle tsVerticalSpacing>Full Account Hub Logo</h3>
+  <ts-logo type="full-account-hub"></ts-logo>
+</ts-card>
+
+
+<ts-card tsVerticalSpacing>
+  <h3 tsCardTitle tsVerticalSpacing>Full Solid Logo</h3>
+  <ts-logo type="full-solid"></ts-logo>
+</ts-card>
+<ts-card tsVerticalSpacing>
+  <h3 tsCardTitle tsVerticalSpacing>Full Solid Logo logoColor="black"</h3>
+  <ts-logo type="full-solid" logoColor="black"></ts-logo>
+</ts-card>
+
+<div fxLayout="row">
+  <ts-card tsVerticalSpacing fxFlex>
+    <h3 tsCardTitle tsVerticalSpacing>Mark (mark-gradient)</h3>
+    <ts-logo type="mark-gradient"></ts-logo>
+  </ts-card>
+  <ts-card tsVerticalSpacing fxFlex>
+    <h3 tsCardTitle tsVerticalSpacing>Mark Solid</h3>
+    <ts-logo type="mark-solid"></ts-logo>
+  </ts-card>
+  <ts-card tsVerticalSpacing fxFlex>
+    <h3 tsCardTitle tsVerticalSpacing>Mark logoColor="gray"</h3>
+    <ts-logo type="mark-solid" logoColor="gray"></ts-logo>
+  </ts-card>
+</div>
+
diff --git a/demo/app/components/logo/logo.component.ts b/demo/app/components/logo/logo.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'demo-logo',
+  templateUrl: './logo.component.html',
+})
+export class LogoComponent {
+}
diff --git a/terminus-ui/logo/package.json b/terminus-ui/logo/package.json
@@ -0,0 +1,7 @@
+{
+  "ngPackage": {
+    "lib": {
+      "entryFile": "src/public-api.ts"
+    }
+  }
+}