periodicjs.ext.reactapp/adminclient/src/server_manifest/card.js

react based admin.

// eslint-disable-next-line 

'use strict';

function getTitle(options) {
  return (options.title) ? {
    component: 'CardHeader',
    children: [
      (options.iconLeft)
        ? {
          component: 'CardHeaderIcon',
          props: options.iconLeft,
        }
        : null,
      (typeof options.title === 'string')
        ? {
          component: 'CardHeaderTitle',
          children: options.title,
        }
        : options.title,
      (options.iconRight)
        ? {
          component: 'CardHeaderIcon',
          props: options.iconRight,
        }
        : null,
    ],
  } : null;
}

function getImage(options) {
  return (options.imageProps || options.iconProps ) ? {
    component: 'CardImage',
    children: [
      {
        component: (options.imageProps)?'Image':'Icon',
        props: options.imageProps || options.iconProps,
      },
    ],
  } : null;
}

function getContent(options) {
  return (options.content) ? {
    component: 'CardContent',
    props:options.contentProps,
    children: (Array.isArray(options.content))
      ? options.content
      : [options.content, ],
  } :  null;
}

function getFooter(options) {
  return (options.footer) ? {
    component: 'CardFooter',
    children: (Array.isArray(options.footer))
      ? options.footer.map(footer => ({
        component: 'CardFooterItem',
        children: [footer, ],
      }))
      : options.footer,
  } : null;
}

function getCard(options = { props: {}, }) {
  const { componentProps, responsive, } = options;
  const { cardProps = {}, } = options.props;
  const Image = getImage(options);
  const Content = getContent(options);
  const Footer = getFooter(options);
  // console.log('getCard',{ options,cardProps });
  return (responsive)
    ? Object.assign({
      component: 'ResponsiveCard',
      props: Object.assign({
        cardTitle: options.title,
        iconRight:options.iconRight,
        iconLeft:options.iconLeft,
      }, cardProps),
      children: []
        .concat(Image ? Image.children : [])
        .concat(Content ? Content.children : [])
        .concat(Footer ? Footer.children : [])
    },
      componentProps)
    : Object.assign({
      component: 'Card',
      props: cardProps,
      children: [
        getTitle(options),
        Image,
        Content,
        Footer,
      ],
    }, componentProps);
}

module.exports = {
  getTitle,
  getImage,
  getContent,
  getFooter,
  getCard,
};