aboutsummaryrefslogtreecommitdiffstats
path: root/.ng2-component-lab
diff options
context:
space:
mode:
authorIsrael Lavi <israel.lavi@intl.att.com>2018-05-21 17:42:00 +0300
committerIsrael Lavi <il0695@att.com>2018-05-21 17:52:01 +0300
commit1994c98063c27a41797dec01f2ca9fcbe33ceab0 (patch)
treef30beeaf15a8358f6da78fdd74bcbda74bd334f8 /.ng2-component-lab
parent4749f4631426fcbe29ed98cef8f24cab18b501d0 (diff)
init commit onap ui
Change-Id: I1dace78817dbba752c550c182dfea118b4a38646 Issue-ID: SDC-1350 Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to '.ng2-component-lab')
-rw-r--r--.ng2-component-lab/lab-configuration.module.ts36
-rw-r--r--.ng2-component-lab/ng2-component-lab.config.js11
-rw-r--r--.ng2-component-lab/ng2-component-lab.scss58
-rw-r--r--.ng2-component-lab/themes/ng2-component-lab-theme-1802.scss58
4 files changed, 163 insertions, 0 deletions
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;
+ }
+ }
+}