init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>

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;
+    }
+  }
+}