apostrophe/views/itemNormalView.html

Apostrophe is a user-friendly content management system. You'll need more than this core module. See apostrophenow.org to get started.

{# If this item type is a widget output a standard widget wrapper, with data attributes #}

{%- if options.widget -%}

  {%- if options.widgetClass -%}
    {%- set widgetClass = options.widgetClass -%}
  {%- endif -%}
  {%- if item.orientation -%}
    {%- set orientation = aposFind(options.userOptions.orientation.choices, 'name', item.orientation).css -%}
  {%- endif -%}

  <div class="apos-item apos-widget apos-{{ itemType.css }} {% if item.size -%}apos-{{ item.size }}{%- endif %} {% if item.position %}apos-{{ item.position }}{%- endif %} {% if empty -%} apos-empty{%- endif %} {% if widgetClass -%} apos-{{widgetClass}}{%- endif %} {% if orientation -%} {{ orientation }} {%- endif -%}"
    data='{{ aposMerge(options | prune, attributes) | jsonAttribute({ single: true }) }}'
    data-id="{{ item.id }}"
    data-type="{{ item.type }}"
    {% if item.position -%}data-position="{{ item.position }}"{%- endif %}
    {% if item.size -%}data-size="{{ item.size }}"{%- endif -%}
  >
{%- elif item.type == 'richText'  -%}
  {# This outer wrapper must exist for rich text too, to contain buttons #}
  {# Keep in sync with richText.html #}
  <div data-type="richText" class="apos-rich-text-item apos-item {% if empty %}apos-empty{% endif %}">
{%- endif -%}

{# If this item type has a wrapper element output that element, with an optional #}
{# CSS class as well. Helps implement widgets like pullquote and code sample #}
{%- if itemType.wrapper -%}
  <{{ itemType.wrapper }}{%- if itemType.wrapperClass %} class="{{ itemType.wrapperClass }}" {%- endif -%}>
{%- endif -%}

{%- if item.type == 'richText' -%}
{# This is the div that actually becomes contenteditable. Cannot contain anything but rich text #}
<div class="apos-rich-text" data-rich-text>
{%- endif -%}

{# If this item type has plaintext content, output that content, escaped for HTML #}
{%- if itemType.plaintext -%}
  {{ item.content | e }}
{%- endif -%}

{# If this item type contains markup, output the markup, unescaped #}
{%- if itemType.markup -%}
  {{ item.content }}
{%- endif -%}

{# If this content type has a custom renderer, invoke that #}
{# Note that you can use the various simple wrapper options above too, or #}
{# just have a renderer that does its own wrapping #}
{%- if itemType.renderWidget -%}
  {{ itemType.renderWidget({ item: item, options: options }) }}
{%- endif -%}

{%- if item.type == 'richText'  -%}
</div>
{%- endif -%}

{# If this item type has a wrapper close the wrapper #}
{%- if itemType.wrapper -%}
  </{{itemType.wrapper }}>
{%- endif -%}

{%- if options.widget or ( item.type == 'richText' ) -%}
  </div>
{%- endif -%}
{# Widgets and rich texts both are wrapped in divs #}