From 1994c98063c27a41797dec01f2ca9fcbe33ceab0 Mon Sep 17 00:00:00 2001 From: Israel Lavi Date: Mon, 21 May 2018 17:42:00 +0300 Subject: init commit onap ui Change-Id: I1dace78817dbba752c550c182dfea118b4a38646 Issue-ID: SDC-1350 Signed-off-by: Israel Lavi --- .ng2-component-lab/lab-configuration.module.ts | 36 ++++++++++++++ .ng2-component-lab/ng2-component-lab.config.js | 11 ++++ .ng2-component-lab/ng2-component-lab.scss | 58 ++++++++++++++++++++++ .../themes/ng2-component-lab-theme-1802.scss | 58 ++++++++++++++++++++++ 4 files changed, 163 insertions(+) create mode 100644 .ng2-component-lab/lab-configuration.module.ts create mode 100644 .ng2-component-lab/ng2-component-lab.config.js create mode 100644 .ng2-component-lab/ng2-component-lab.scss create mode 100644 .ng2-component-lab/themes/ng2-component-lab-theme-1802.scss (limited to '.ng2-component-lab') diff --git a/.ng2-component-lab/lab-configuration.module.ts b/.ng2-component-lab/lab-configuration.module.ts new file mode 100644 index 0000000..d9305dd --- /dev/null +++ b/.ng2-component-lab/lab-configuration.module.ts @@ -0,0 +1,36 @@ +import { createLab } from '@islavi/ng2-component-lab'; +import { ComponentsModule } from './../stories/ng2-component-lab/components.module'; + +const themeName:string = 'default'; +//const themeName:string = '1802'; + +// Select the theme +if (themeName === '1802') { + require('./themes/ng2-component-lab-theme-1802.scss'); +} else { + // Default theme + require('./ng2-component-lab.scss'); +} + +createLab({ + /** + * NgModule to import. All components and pipes must be exported + * by this module to be useable in your experiments + */ + ngModule: ComponentsModule, + /** + * Function that returns an array of experiments. + * + * Here is an example using webpack's `require.context` to + * load all modules ending in `.exp.ts` and returning thier + * default exports as an array: + */ + loadExperiments() { + const context = (require as any).context('./../stories/ng2-component-lab', true, /\.exp\.ts/); + var result = context.keys().map(context).map(mod => mod.default); + context.keys().forEach(key => { + console.log("Going to require: " + key); + }); + return result; + } +}); diff --git a/.ng2-component-lab/ng2-component-lab.config.js b/.ng2-component-lab/ng2-component-lab.config.js new file mode 100644 index 0000000..963ac45 --- /dev/null +++ b/.ng2-component-lab/ng2-component-lab.config.js @@ -0,0 +1,11 @@ +var getWebPackConfig = require('../ng2-component-lab.webpack.config.js'); + +module.exports = { + webpackConfig: getWebPackConfig, + host: 'localhost', + port: 6007, + include: [], + suites: { + feature: './.ng2-component-lab/lab-configuration.module.ts' + } +}; diff --git a/.ng2-component-lab/ng2-component-lab.scss b/.ng2-component-lab/ng2-component-lab.scss new file mode 100644 index 0000000..28f0f7b --- /dev/null +++ b/.ng2-component-lab/ng2-component-lab.scss @@ -0,0 +1,58 @@ +@font-face { + font-family: 'OpenSans-Regular'; + font-style: normal; + font-weight: 400; + src: + local('Open Sans Regular'), + local('OpenSans-Regular'), + url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'), + url(http://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); +} +@font-face { + font-family: 'OpenSans-Italic'; + font-style: normal; + font-weight: 400; + src: + local('Open Sans Italic'), + local('OpenSans-Italic'), + url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), + url(http://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff'); +} +@font-face { + font-family: 'OpenSans-Semibold'; + font-style: normal; + font-weight: 400; + src: + local('Open Sans Semibold'), + local('OpenSans-Semibold'), + url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), + url(http://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); +} + +@import '../src/style/scss/style.scss'; + +.colors-table { + width: 75%; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + font-size: 13px; + .color-section { + display: flex; + flex-direction: column; + margin: 10px 0; + min-width: 150px; + div { + align-self: center; + user-select: text; + } + $circle-size: 40px; + .color-circle { + height: $circle-size; + width: $circle-size; + border-radius: $circle-size; + padding: 10px; + text-align: center; + } + } +} diff --git a/.ng2-component-lab/themes/ng2-component-lab-theme-1802.scss b/.ng2-component-lab/themes/ng2-component-lab-theme-1802.scss new file mode 100644 index 0000000..59cf05e --- /dev/null +++ b/.ng2-component-lab/themes/ng2-component-lab-theme-1802.scss @@ -0,0 +1,58 @@ +@font-face { + font-family: 'OpenSans-Regular'; + font-style: normal; + font-weight: 400; + src: + local('Open Sans Regular'), + local('OpenSans-Regular'), + url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'), + url(http://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); +} +@font-face { + font-family: 'OpenSans-Italic'; + font-style: normal; + font-weight: 400; + src: + local('Open Sans Italic'), + local('OpenSans-Italic'), + url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), + url(http://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff'); +} +@font-face { + font-family: 'OpenSans-Semibold'; + font-style: normal; + font-weight: 400; + src: + local('Open Sans Semibold'), + local('OpenSans-Semibold'), + url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), + url(http://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); +} + +@import './../../src/style/scss/themes/1802/style.scss'; + +.colors-table { + width: 75%; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + font-size: 13px; + .color-section { + display: flex; + flex-direction: column; + margin: 10px 0; + min-width: 150px; + div { + align-self: center; + user-select: text; + } + $circle-size: 40px; + .color-circle { + height: $circle-size; + width: $circle-size; + border-radius: $circle-size; + padding: 10px; + text-align: center; + } + } +} -- cgit 1.2.3-korg