templates/bundles/ProviderBundle/areas/headline/view.html.twig line 1

Open in your IDE?
  1. {% from '@Provider/macros/include-svg.html.twig' import includeSvg %}
  3. {# Default block settings #}
  4. {% set class = pimcore_input('class').getData() %}
  5. {% set marginTop = pimcore_select('margin_top').getData() %}
  6. {% set marginBottom = pimcore_select('margin_bottom').getData() %}
  7. {% set containerWidth = pimcore_select('container_width').getData() %}
  8. {% set areaClass = class ~ ' ' ~ marginTop ~ ' ' ~ marginBottom ~ ' ' ~ containerWidth %}
  9. {% set anchorId = pimcore_input('anchor').getData() %}
  11. {# Headline block settings #}
  12. {% set align = pimcore_select('align').getData() %}
  13. {% set wrapInSpan = pimcore_checkbox('wrap_in_span').isChecked() %}
  14. {% set size = pimcore_select('size').getData() %}
  15. {% set styleSize = pimcore_select('style_size').getData() %}
  16. {% set headlineAnchor = pimcore_link('headline_anchor') %}
  18. {% if not headlineAnchor.isEmpty() %}
  19.     {% set areaClass = areaClass ~ ' ' ~ 'has-btn' %}
  20. {% endif %}
  22. {% if size is empty %}
  23.     {% set size = 'h2' %}
  24. {% endif %}
  25. {#% set icon = pimcore_select('icon').getData() %#}
  27. {% if styleSize is empty %}
  28.     {# No special size class #}
  29.     {% set elementClass = '' %}
  30.     {% set sizeClass = size %}
  31. {% else %}
  32.     {# Custom size class #}
  33.     {% set elementClass = styleSize %}
  34.     {% set sizeClass = styleSize %}
  35. {% endif %}
  37. {% set special = pimcore_checkbox('special').isChecked() ? true : false %}
  38. {% if special %}
  39.     {% set elementClass = elementClass ~ ' ' ~ 'special' %}
  40. {% endif %}
  42. <div class="area area--header area--header-{{ sizeClass }} {{ areaClass }} {{ align }}"{% if anchorId %} id="{{ anchorId }}"{% endif %}>
  43. {#  {{ pimcore_wysiwyg('hea', {
  44.         "settings": {
  45.             "formats": {
  46.                 "normal": {"block": 'h2'}
  47.             }
  48.         },
  49.         "placeholder": "Test",
  50.         "format_tags": "h1;h2;h3;h4;h5;h6",
  51.         "toolbarGroups": [
  52.             {
  53.                 "name": 'styles',
  54.                 "groups": [ 'styles', 'align']
  55.             }
  56.         ],
  57.         "stylesSet": [
  58.             {
  59.                 "name": "Fake H1",
  60.                 "element": ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
  61.                 "attributes": { "class": "h1" }
  62.             },
  63.             {
  64.                 "name": "Fake H2",
  65.                 "element": ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
  66.                 "attributes": { "class": "h2" }
  67.             },
  68.             {
  69.                 "name": "Fake H3",
  70.                 "element": ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
  71.                 "attributes": { "class": "h3" }
  72.             },
  73.             {
  74.                 "name": "Fake H4",
  75.                 "element": ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
  76.                 "attributes": { "class": "h4" }
  77.             },
  78.             {
  79.                 "name": "Fake H5",
  80.                 "element": ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
  81.                 "attributes": { "class": "h5" }
  82.             },
  83.             {
  84.                 "name": "Fake H6",
  85.                 "element": ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
  86.                 "attributes": { "class": "h6" }
  87.             }
  88.         ]
  89.     }) }}#}
  91.     <{{ size }} class="{{ elementClass }}">
  92.         {% if wrapInSpan %}<span>{% endif %}{{ pimcore_input('headline', {'placeholder': 'Überschrift'}) }}{% if wrapInSpan %}</span>{% endif %}
  93.         {% if special %}<span class="spacer">{{ includeSvg('diverses/diamond') }}</span>{% endif %}
  94.         {% if editmode or not pimcore_input('subline').isEmpty() %}
  95.             <small>{{ pimcore_input('subline', {
  96.                     'placeholder': 'Subline'
  97.                 }) }}</small>
  98.         {% endif %}
  99.     </{{ size }}>
  101.     {% if not headlineAnchor.isEmpty() %}
  102.         <a href="{{ headlineAnchor.getHref() }}" class="btn btn-{% if headlineAnchor.getClass() %}{{ headlineAnchor.getClass() }}{% else %}outline{% endif %}" {% if headlineAnchor.getTarget() %}target="{{ headlineAnchor.getTarget() }}"{% endif %}>{{ headlineAnchor.getText() }}</a>
  103.     {% endif %}
  104. </div>