EM-1049: Table Issues

[toastercup]

Purpose:
This implements the beginnings of a legacy widget system, starting with a 'Tables Widget'. This allows a content creator to input a YAML-formatted set of data in the Webpage 'Widgets' tab.

JIRA:
https://cb-content-enablement.atlassian.net/browse/EM-1049

Changes:

• Changes to setup

  • N/A

• Architectural changes

  • N/A

• Migrations

  • Yes - please run migrations

• Library changes

  • N/A

• Side effects

  • Upon deploy to Staging/Production, the Snippets that contained the data used to power dynamic Tables will no longer be available. This data will have to be migrated to the new system. Additionally, PO documentation will need to be updated.

Screenshots

• Before
  N/A

• After
  

QA Links:

• http://web.cortex-2.development.c66.me/
• http://web.employer-4.development.c66.me/

How to Verify These Changes

• Specific pages to visit

  • N/A

• Steps to take

  • Edit/Create a Webpage on Cortex (use the QA link with admin@cortexcms.org/welcome1 credentials) with an applicable Tables Widget (for example, http://web.employer-4.development.c66.me/portal/EPWHG)
  • Try inputting some example YAML data in the Widgets tab. For example, for an APS page:

---
aps:
- section_heading: A Product Table
  items_heading: Items
  price_heading: Price
  products:
  - name: Item A1
    description: This is a description of Item A!
    price: 42
    cart_url: https://employer.careerbuilder.com/ecommerce/global/addtocart.aspx
    value: Save $10!
  - name: Item B1
    description: This is a nifty description of Item B!
    price: 43
    cart_url: https://employer.careerbuilder.com/ecommerce/global/addtocart.aspx
  - name: Item B1
    description: This is a nifty description of Item B!
    price: 43
    cart_url: https://employer.careerbuilder.com/ecommerce/global/addtocart.aspx
- section_heading: Another Product Table
  items_heading: Items
  price_heading: Price
  products:
  - name: Item A2
    description: This is a description of Item A!
    price: 42
    cart_url: https://employer.careerbuilder.com/ecommerce/global/addtocart.aspx
    value: Save $10!
  - name: Item B2
    description: This is a nifty description of Item B!
    price: 43
    cart_url: https://employer.careerbuilder.com/ecommerce/global/addtocart.aspx

• Or for an eCom Promotions page:

---
products:
- section_heading: A Promotions Table
  items_heading: Items
  price_heading: Price
  products:
  - name: Item A1
    description: This is a description of Item A!
    price: 42
    cart_url: https://employer.careerbuilder.com/ecommerce/global/addtocart.aspx
    value: Save $10!

• Save!

• Witness that the Table now appears on the page

• Try breaking the table with some invalid YAML

• Witness that the page still renders, but with a Table that produces an error

• Responsive considerations

  • N/A

Relevant PRs/Dependencies:
https://github.com/cbdr/employer/pull/736
cortex-cms/cortex-snippets-client-ruby#29

Additional Information
N/A

[MKwenhua]

looks good! 👍