From 280f8015d06af1f41a3ef12e8300801c7a5e0d54 Mon Sep 17 00:00:00 2001 From: AviZi Date: Fri, 9 Jun 2017 02:39:56 +0300 Subject: [SDC-29] Amdocs OnBoard 1707 initial commit. Change-Id: Ie4d12a3f574008b792899b368a0902a8b46b5370 Signed-off-by: AviZi --- openecomp-ui/.storybook/addons.js | 3 ++ openecomp-ui/.storybook/config.js | 27 +++++++++++++++++ openecomp-ui/.storybook/fonts/omnes-att-bold.otf | Bin 0 -> 153056 bytes openecomp-ui/.storybook/fonts/omnes-att-light.ttf | Bin 0 -> 73968 bytes openecomp-ui/.storybook/fonts/omnes-att-medium.ttf | Bin 0 -> 65152 bytes .../.storybook/fonts/omnes-att-regular.ttf | Bin 0 -> 71692 bytes openecomp-ui/.storybook/storybook.scss | 32 +++++++++++++++++++++ openecomp-ui/.storybook/webpack.config.js | 17 +++++++++++ 8 files changed, 79 insertions(+) create mode 100644 openecomp-ui/.storybook/addons.js create mode 100644 openecomp-ui/.storybook/config.js create mode 100644 openecomp-ui/.storybook/fonts/omnes-att-bold.otf create mode 100644 openecomp-ui/.storybook/fonts/omnes-att-light.ttf create mode 100644 openecomp-ui/.storybook/fonts/omnes-att-medium.ttf create mode 100644 openecomp-ui/.storybook/fonts/omnes-att-regular.ttf create mode 100644 openecomp-ui/.storybook/storybook.scss create mode 100644 openecomp-ui/.storybook/webpack.config.js (limited to 'openecomp-ui/.storybook') diff --git a/openecomp-ui/.storybook/addons.js b/openecomp-ui/.storybook/addons.js new file mode 100644 index 0000000000..c7ad1fdfc2 --- /dev/null +++ b/openecomp-ui/.storybook/addons.js @@ -0,0 +1,3 @@ +import '@kadira/storybook/addons'; +import '@kadira/storybook-addon-knobs/register'; +import '@kadira/storybook-addon-options/register'; \ No newline at end of file diff --git a/openecomp-ui/.storybook/config.js b/openecomp-ui/.storybook/config.js new file mode 100644 index 0000000000..94e9855fa2 --- /dev/null +++ b/openecomp-ui/.storybook/config.js @@ -0,0 +1,27 @@ +import React from 'react'; +import {configure, addDecorator} from '@kadira/storybook'; +import {withKnobs} from '@kadira/storybook-addon-knobs'; +import { setOptions } from '@kadira/storybook-addon-options'; +import './storybook.scss'; +import '../resources/scss/onboarding.scss'; + + +const req = require.context('../src', true, /.stories.js$/) +const namespaceDecorator = (story) => ( +
+ {story()} +
+); + +addDecorator(namespaceDecorator); + +setOptions({ + name: 'custom', + downPanelInRight: true +}); + +function loadStories() { + req.keys().forEach((filename) => req(filename)) +} + +configure(loadStories, module); \ No newline at end of file diff --git a/openecomp-ui/.storybook/fonts/omnes-att-bold.otf b/openecomp-ui/.storybook/fonts/omnes-att-bold.otf new file mode 100644 index 0000000000..136afca84c Binary files /dev/null and b/openecomp-ui/.storybook/fonts/omnes-att-bold.otf differ diff --git a/openecomp-ui/.storybook/fonts/omnes-att-light.ttf b/openecomp-ui/.storybook/fonts/omnes-att-light.ttf new file mode 100644 index 0000000000..273761ab3d Binary files /dev/null and b/openecomp-ui/.storybook/fonts/omnes-att-light.ttf differ diff --git a/openecomp-ui/.storybook/fonts/omnes-att-medium.ttf b/openecomp-ui/.storybook/fonts/omnes-att-medium.ttf new file mode 100644 index 0000000000..2740425412 Binary files /dev/null and b/openecomp-ui/.storybook/fonts/omnes-att-medium.ttf differ diff --git a/openecomp-ui/.storybook/fonts/omnes-att-regular.ttf b/openecomp-ui/.storybook/fonts/omnes-att-regular.ttf new file mode 100644 index 0000000000..2342be4be5 Binary files /dev/null and b/openecomp-ui/.storybook/fonts/omnes-att-regular.ttf differ diff --git a/openecomp-ui/.storybook/storybook.scss b/openecomp-ui/.storybook/storybook.scss new file mode 100644 index 0000000000..ed63bb9ab5 --- /dev/null +++ b/openecomp-ui/.storybook/storybook.scss @@ -0,0 +1,32 @@ +$PORT: '9090'; +$PROD_MACHINE: '10.147.92.78'; + +@font-face { + font-family: omnes-light; + src: url('http://localhost:#{$PORT}/omnes-att-light.ttf'), + url('http://#{$PROD_MACHINE}:#{$PORT}/omnes-att-light.ttf'); +} + +@font-face { + font-family: omnes-regular; + src: url('http://localhost:#{$PORT}/omnes-att-regular.ttf'), + url('http://#{$PROD_MACHINE}:#{$PORT}/omnes-att-regular.ttf'); +} + +@font-face { + font-family: omnes-medium; + src: url('http://localhost:#{$PORT}/omnes-att-medium.ttf'), + url('http://#{$PROD_MACHINE}:#{$PORT}/omnes-att-medium.ttf'); +} + +@font-face { + font-family: omnes-bold; + src: url('http://localhost:#{$PORT}/omnes-att-bold.otf'), + url('http://#{$PROD_MACHINE}:#{$PORT}/omnes-att-bold.otf'); +} + +body { + @import '../resources/scss/bootstrap.scss'; + font-family: omnes-medium,sans-serif; + font-size: 14px; +} \ No newline at end of file diff --git a/openecomp-ui/.storybook/webpack.config.js b/openecomp-ui/.storybook/webpack.config.js new file mode 100644 index 0000000000..aeb97c1b5a --- /dev/null +++ b/openecomp-ui/.storybook/webpack.config.js @@ -0,0 +1,17 @@ +var ASDCConfig = require('../webpack.common.js'); + +module.exports = function(baseConfig, configType) { + baseConfig.module.loaders = baseConfig.module.loaders.concat([ + {test: /\.(css|scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap']}, + + // required for font icons + {test: /\.(woff|woff2)(\?.*)?$/, loader: 'url-loader?limit=16384&mimetype=application/font-woff'}, + {test: /\.(ttf|eot|otf)(\?.*)?$/, loader: 'file-loader'}, + {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=16384'}, + + {test: /\.json$/, loaders: ['json']}, + {test: /\.html$/, loaders: ['html']} + ]); + baseConfig.resolve = { root: ASDCConfig.resolve.modules, alias: ASDCConfig.resolve.alias }; + return baseConfig; +} -- cgit 1.2.3-korg