dc-accelerators-content-rendering-service
Version:
Amplience DC Frontend modules, using HTML Service
180 lines (176 loc) • 7.09 kB
JavaScript
import {
storiesOf
} from '@storybook/html';
import {
renderContent
} from '../../.storybook/rendering-service';
import cardListStyles from './cardList.scss';
export const sampleContent = {
"@id": "http://content.cms.amplience.com/3d35c8be-22d3-408e-8067-51dd38abaa63",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/cardlist.json",
"name": "accelerator-card-list-1"
},
"heroList": false,
"cards": [{
"@id": "http://content.cms.amplience.com/29bd9901-691f-4f35-adb2-ad93c85cd01b",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"name": "accelerator-card-1"
},
"cardImage": {
"@id": "http://content.cms.amplience.com/ece6b9f2-b58a-4420-937d-a05e9970a459",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"name": "accelerator-image-card-1"
},
"image": {
"@id": "http://image.cms.amplience.com/293fae56-2d8f-459e-b375-b65e524d3c69",
"_meta": {
"schema": "http://bigcontent.io/cms/schema/v1/core#/definitions/image-link"
},
"id": "293fae56-2d8f-459e-b375-b65e524d3c69",
"name": "pexels-photo-128939",
"endpoint": "csdemo",
"defaultHost": "i1.adis.ws",
"mediaType": "image"
},
"roundel": [],
"imageAltText": "alt txt",
"seoText": "seo txt"
},
"cardName": "Card 1",
"link": {
"value": "http://google.com",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
},
"label": "link card 1"
},
"description": "Card 1 description"
},
{
"@id": "http://content.cms.amplience.com/fa12ddf7-b22b-4757-a318-c9e5f778d526",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"name": "accelerator-card-2"
},
"cardImage": {
"@id": "http://content.cms.amplience.com/bd429fca-6d14-4cfd-8d54-ee0e085c6edd",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"name": "accelerator-image-card-2"
},
"image": {
"@id": "http://image.cms.amplience.com/7ecda0e5-457c-43a0-9341-9c1cb3c33c01",
"_meta": {
"schema": "http://bigcontent.io/cms/schema/v1/core#/definitions/image-link"
},
"id": "7ecda0e5-457c-43a0-9341-9c1cb3c33c01",
"name": "shutterstock_285640730",
"endpoint": "csdemo",
"defaultHost": "i1.adis.ws",
"mediaType": "image"
},
"roundel": [],
"imageAltText": "alt txt",
"seoText": "seo txt"
},
"cardName": "Card 2",
"link": {
"label": "link card 2",
"value": "http://google.com",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
}
},
"description": "Description card 2"
},
{
"@id": "http://content.cms.amplience.com/29bd9901-691f-4f35-adb2-ad93c85cd01b",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"name": "accelerator-card-1"
},
"cardImage": {
"@id": "http://content.cms.amplience.com/ece6b9f2-b58a-4420-937d-a05e9970a459",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"name": "accelerator-image-card-1"
},
"image": {
"@id": "http://image.cms.amplience.com/293fae56-2d8f-459e-b375-b65e524d3c69",
"_meta": {
"schema": "http://bigcontent.io/cms/schema/v1/core#/definitions/image-link"
},
"id": "293fae56-2d8f-459e-b375-b65e524d3c69",
"name": "pexels-photo-128939",
"endpoint": "csdemo",
"defaultHost": "i1.adis.ws",
"mediaType": "image"
},
"roundel": [],
"imageAltText": "alt txt",
"seoText": "seo txt"
},
"cardName": "Card 1",
"link": {
"value": "http://google.com",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
},
"label": "link card 1"
},
"description": "Card 1 description"
},
{
"@id": "http://content.cms.amplience.com/fa12ddf7-b22b-4757-a318-c9e5f778d526",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/card.json",
"name": "accelerator-card-2"
},
"cardImage": {
"@id": "http://content.cms.amplience.com/bd429fca-6d14-4cfd-8d54-ee0e085c6edd",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/image.json",
"name": "accelerator-image-card-2"
},
"image": {
"@id": "http://image.cms.amplience.com/7ecda0e5-457c-43a0-9341-9c1cb3c33c01",
"_meta": {
"schema": "http://bigcontent.io/cms/schema/v1/core#/definitions/image-link"
},
"id": "7ecda0e5-457c-43a0-9341-9c1cb3c33c01",
"name": "shutterstock_285640730",
"endpoint": "csdemo",
"defaultHost": "i1.adis.ws",
"mediaType": "image"
},
"roundel": [],
"imageAltText": "alt txt",
"seoText": "seo txt"
},
"cardName": "Card 2",
"link": {
"label": "link card 2",
"value": "http://google.com",
"_meta": {
"schema": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/link.json"
}
},
"description": "Description card 2"
}
],
"header": "Card list 1",
"@type": "https://dev-solutions.s3.amazonaws.com/DynamicContentTypes/Accelerators/cardlist.json"
};
storiesOf('Card List', module)
.add('Example content', () => renderContent('acc-template-cardList', sampleContent));