Image component

[stein-rockware]

Simple image element.

Provides the following edit dialog options:

• Asset tab
• Metadata tab
  • Image is decorative (when checked, adds role="presentation" to the img element)
  • Alternate text (with an option to get it from DAM)
  • Link (adds <a href>)
  • Width (in pixels)
  • Scale image to available width (when checked, adds style="width: 100%;")
  • HTML ID

Provides the same page policy (aka design dialog) options as the core image component, minus the smart and lazy loading options with responsive resizing.

• Provide default width in design dialog, which will be used if editors don't provide an explicit width

Requirements:

• The image must not require any JavaScript on the publish instance.
• It must allow specifying a width in pixels and it will compute the corresponding height in pixel for the HTML output.

• Implement image component based on core image component
• Update dialog options
• Update design dialog
• Update rendering of the image
• Make sure the src URL is absolute
• Make sure no JS is required
• Compute height based on width
• Write Selenium tests
• Document -> https://github.com/adobe/aem-core-email-components/wiki/Image-component:-Technical-documentation
• Check what are best practices for image size / scaling in emails

Open questions:

• How to compute the absolut src URL? Especially in multi domain setups?

Estimation: L (15 days)