Skip to content

Commit

Permalink
style(docs): integrate the stark layout in all showcase's pages
Browse files Browse the repository at this point in the history 
ISSUES CLOSED: NationalBankBelgium#668, NationalBankBelgium#673
  • Loading branch information
@catlabs
catlabs committed Sep 19, 2018
1 parent ef0ea6f commit 6a7b597
Show file tree
Hide file tree
Showing 31 changed files with 1,723 additions and 934 deletions.
872 changes: 803 additions & 69 deletions showcase/package-lock.json
View file

Large diffs are not rendered by default.

18 changes: 9 additions & 9 deletions showcase/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,45 +117,45 @@
"@angular/compiler": "6.1.7",
"@angular/compiler-cli": "6.1.7",
"@angular/core": "6.1.7",
"@angular/flex-layout": "^6.0.0-beta.15",
"@angular/flex-layout": "6.0.0-beta.17",
"@angular/forms": "6.1.7",
"@angular/material": "6.4.7",
"@angular/platform-browser": "6.1.7",
"@angular/platform-browser-dynamic": "6.1.7",
"@angular/platform-server": "6.1.7",
"@angular/router": "6.1.7",
"@nationalbankbelgium/stark-core": "file:../dist/packages-dist/stark-core/nationalbankbelgium-stark-core-10.0.0-alpha.5-846fdad.tgz",
"@nationalbankbelgium/stark-ui": "file:../dist/packages-dist/stark-ui/nationalbankbelgium-stark-ui-10.0.0-alpha.5-846fdad.tgz",
"@nationalbankbelgium/stark-core": "file:../dist/packages-dist/stark-core/nationalbankbelgium-stark-core-10.0.0-alpha.5-32ee56c.tgz",
"@nationalbankbelgium/stark-ui": "file:../dist/packages-dist/stark-ui/nationalbankbelgium-stark-ui-10.0.0-alpha.5-32ee56c.tgz",
"@uirouter/visualizer": "6.0.2",
"basscss": "^8.0.2",
"basscss": "8.0.2",
"core-js": "2.5.7",
"eligrey-classlist-js-polyfill": "1.2.20180112",
"event-source-polyfill": "0.0.16",
"http-server": "0.11.1",
"ngrx-store-freeze": "0.2.4",
"ngrx-store-logger": "0.2.2",
"normalize.css": "^8.0.0",
"normalize.css": "8.0.0",
"reflect-metadata": "0.1.12",
"rxjs": "6.3.2",
"rxjs-compat": "6.3.2",
"zone.js": "0.8.26"
},
"devDependencies": {
"@nationalbankbelgium/stark-build": "file:../dist/packages-dist/stark-build/nationalbankbelgium-stark-build-10.0.0-alpha.5-846fdad.tgz",
"@nationalbankbelgium/stark-testing": "file:../dist/packages-dist/stark-testing/nationalbankbelgium-stark-testing-10.0.0-alpha.5-846fdad.tgz",
"@compodoc/compodoc": "1.1.5",
"@nationalbankbelgium/stark-build": "file:../dist/packages-dist/stark-build/nationalbankbelgium-stark-build-10.0.0-alpha.5-32ee56c.tgz",
"@nationalbankbelgium/stark-testing": "file:../dist/packages-dist/stark-testing/nationalbankbelgium-stark-testing-10.0.0-alpha.5-32ee56c.tgz",
"@types/core-js": "2.5.0",
"@types/hammerjs": "2.0.36",
"@types/node": "8.10.15",
"@types/webpack-env": "1.13.6",
"@compodoc/compodoc": "1.1.5",
"cross-env": "^5.1.5",
"find-root": "^1.1.0",
"gh-pages": "1.2.0",
"husky": "0.14.3",
"lint-staged": "7.2.2",
"npm-run-all": "^4.1.3",
"parse5": "^5.0.0",
"protractor": "^5.3.2",
"protractor": "^5.4.1",
"rimraf": "2.6.2",
"ts-node": "7.0.1",
"tslib": "1.9.3",
Expand Down
27 changes: 16 additions & 11 deletions showcase/src/app/demo/action-bar/action-bar.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,19 @@
<example-viewer [extensions]="['HTML', 'TS']" filesPath="action-bar/classic-full"
exampleTitle="SHOWCASE.DEMO.ACTION-BAR.CLASSIC-FULL">
<stark-action-bar actionBarId="classic-full" [actionBarConfig]="actionBarConfig" mode="full"></stark-action-bar>
</example-viewer>
<h1 class="mat-display-3" translate>SHOWCASE.DEMO.ACTION_BAR.TITLE</h1>
<section class="stark-section">
<h1 translate>SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST</h1>
<div fxFlexLayout="column">
<example-viewer [extensions]="['HTML', 'TS']" filesPath="action-bar/classic-full" exampleTitle="SHOWCASE.DEMO.ACTION_BAR.CLASSIC-FULL">
<stark-action-bar actionBarId="classic-full" [actionBarConfig]="actionBarConfig" mode="full"></stark-action-bar>
</example-viewer>


<example-viewer [extensions]="['HTML', 'TS']" filesPath="action-bar/classic-compact"
exampleTitle="SHOWCASE.DEMO.ACTION-BAR.CLASSIC-COMPACT">
<stark-action-bar actionBarId="classic-compact" [actionBarConfig]="actionBarConfig" mode="compact"></stark-action-bar>
</example-viewer>
<example-viewer [extensions]="['HTML', 'TS']" filesPath="action-bar/classic-compact" exampleTitle="SHOWCASE.DEMO.ACTION_BAR.CLASSIC-COMPACT">
<stark-action-bar actionBarId="classic-compact" [actionBarConfig]="actionBarConfig" mode="compact"></stark-action-bar>
</example-viewer>

<example-viewer [extensions]="['HTML', 'TS']" filesPath="action-bar/alt" exampleTitle="SHOWCASE.DEMO.ACTION-BAR.ALT">
<stark-action-bar actionBarId="alt" [actionBarConfig]="actionBarConfig" [alternativeActions]="alternativeActions" mode="compact"></stark-action-bar>
</example-viewer>
<example-viewer [extensions]="['HTML', 'TS']" filesPath="action-bar/alt" exampleTitle="SHOWCASE.DEMO.ACTION_BAR.ALT">
<stark-action-bar actionBarId="alt" [actionBarConfig]="actionBarConfig" [alternativeActions]="alternativeActions"
mode="compact"></stark-action-bar>
</example-viewer>
</div>
</section>
21 changes: 13 additions & 8 deletions showcase/src/app/demo/breadcrumb/breadcrumb.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,14 @@
<example-viewer [extensions]="['HTML', 'TS']" filesPath="breadcrumb/breadcrumb-config-input" exampleTitle="SHOWCASE.DEMO.BREADCRUMB.CONFIG_INPUT">
<stark-breadcrumb [breadcrumbConfig]="breadcrumbConfig">
</stark-breadcrumb>
</example-viewer>
<h1 class="mat-display-3" translate>SHOWCASE.DEMO.BREADCRUMB.TITLE</h1>
<section class="stark-section">
<h1 translate>SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST</h1>

<example-viewer [extensions]="['HTML', 'TS']" filesPath="breadcrumb/breadcrumb-no-input" exampleTitle="SHOWCASE.DEMO.BREADCRUMB.NO_INPUT">
<stark-breadcrumb>
</stark-breadcrumb>
</example-viewer>
<example-viewer [extensions]="['HTML', 'TS']" filesPath="breadcrumb/breadcrumb-config-input" exampleTitle="SHOWCASE.DEMO.BREADCRUMB.CONFIG_INPUT">
<stark-breadcrumb [breadcrumbConfig]="breadcrumbConfig">
</stark-breadcrumb>
</example-viewer>

<example-viewer [extensions]="['HTML', 'TS']" filesPath="breadcrumb/breadcrumb-no-input" exampleTitle="SHOWCASE.DEMO.BREADCRUMB.NO_INPUT">
<stark-breadcrumb>
</stark-breadcrumb>
</example-viewer>
</section>
Loading

0 comments on commit 6a7b597

Please sign in to comment.