dc-accelerators-content-rendering-service
Version:
Amplience DC Frontend modules, using HTML Service
98 lines (92 loc) • 4.4 kB
JavaScript
import {
storiesOf
} from '@storybook/html';
import {
renderContent
} from '../../.storybook/rendering-service';
import promoStyles from './promo.scss';
export const sampleContent = {
"@id": "http://content.cms.amplience.com/3b0db833-ed08-4993-aec8-c24fc0f38c5c",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json",
"name": "promo-banner-single-section"
},
"topLine": "Click here to score 20% off with your first app order* (t&c’s apply)",
"link": {
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
},
"value": "http://dev-solutions.s3.amazonaws.com/dc-demo-site/dist/productlist/index.html?c=f49907fd-99df-4446-85b7-4c3235aac82a&s=e6bdb253-db3c-4458-b5cc-0d90aa02e114"
},
"backgroundColour": "d3d3d3",
"toplineColour": "000000",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json"
};
const samplePromoListContent = {
"@id": "http://content.cms.amplience.com/1b05fb00-e845-412b-80e0-33ee82789913",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobanner.json",
"name": "accelerator-promo-banner-1"
},
"bannerSection": [{
"@id": "http://content.cms.amplience.com/990ecee0-6976-496a-8b77-d23cb4e42976",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json",
"name": "accelerator-promo-banner-section-1"
},
"topLine": "free next uk day delivery",
"link": {
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
},
"value": "http://dev-solutions.s3.amazonaws.com/dc-demo-site/dist/productlist/index.html?c=f49907fd-99df-4446-85b7-4c3235aac82a&s=e6bdb253-db3c-4458-b5cc-0d90aa02e114"
},
"backgroundColour": "000000",
"bottomLine": "hurry ends in 3 days",
"bottomlineColour": "ffffff",
"toplineColour": "ffffff"
},
{
"@id": "http://content.cms.amplience.com/90e694ec-a761-4c32-8581-b6c14ea37690",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json",
"name": "accelerator-promo-banner-section-2"
},
"topLine": "40% off boots, bags and more",
"link": {
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
},
"value": "http://dev-solutions.s3.amazonaws.com/dc-demo-site/dist/productlist/index.html?c=f49907fd-99df-4446-85b7-4c3235aac82a&s=e6bdb253-db3c-4458-b5cc-0d90aa02e114"
},
"backgroundColour": "ffffff",
"bottomLine": "t&c's apply, code: wrapup",
"bottomlineColour": "000000",
"toplineColour": "000000"
},
{
"@id": "http://content.cms.amplience.com/da807558-e551-4ed1-a73a-3530a24abc6b",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobannersection.json",
"name": "promo-banner-section-3"
},
"topLine": "30% student discount",
"link": {
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
},
"value": "http://dev-solutions.s3.amazonaws.com/dc-demo-site/dist/productlist/index.html?c=f49907fd-99df-4446-85b7-4c3235aac82a&s=e6bdb253-db3c-4458-b5cc-0d90aa02e114"
},
"backgroundColour": "d3d3d3",
"bottomLine": "excludes sale. t&c's apply",
"toplineColour": "000000"
}
],
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/promobanner.json"
};
storiesOf('Promo', module)
.add('Single Promo', () => renderContent('acc-template-promo', sampleContent))
.add('Promo List', () => renderContent('acc-template-promoList', samplePromoListContent));