templates/areas/wysiwyg/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2. <div class="settings">
  3.     <div class="position-relative settings-button-border">
  4.         <strong class="settings-header">Settings</strong><button class="toggle-settings"><i class="fa fa-plus"></i></button>
  5.         <div class="settings_container">
  6.             <div class="row middle-lg middle-md middle-sm middle-xs">
  7.                 <div>Max Width on Content</div>
  8.                 <div>{{ pimcore_numeric("maxWidth") }}</div>
  9.             </div>
  10.             <div class="row middle-lg middle-md middle-sm middle-xs">
  11.                 <div>Horizontal Alignment</div>
  12.                 <div>
  13.                     {{ pimcore_select("horizontalAlignment", {
  14.                         store: [
  15.                             ["left", "Left"],
  16.                             ["center", "Center"],
  17.                             ["right", "Right"]
  18.                         ]
  19.                     }) }}
  20.                 </div>
  21.             </div>
  22.         </div>
  23.         <div style="position: absolute; top: 10px; right: 0; font-weight: bold; text-transform: uppercase;">
  24.             Wysiwyg
  25.         </div>
  26.     </div>
  27. </div>
  28. {% endif %}
  29. {% set maxWidthHorizontalAlignment = pimcore_select("horizontalAlignment").getData() == 'center' and pimcore_numeric("maxWidth").getData() ? ' style=max-width:' ~ pimcore_numeric("maxWidth").getData()|raw ~ 'px;margin-right:auto;margin-left:auto;' : pimcore_select("horizontalAlignment").getData() == 'right' and pimcore_numeric("maxWidth").getData() ? ' style=max-width:' ~ pimcore_numeric("maxWidth").getData()|raw ~ 'px;margin-left:auto;' : '' %}
  30. {% set maxWidth = pimcore_numeric("maxWidth").getData() ? ' style=max-width:' ~ pimcore_numeric("maxWidth").getData() ~ 'px;' : '' %}
  31. {% set cardLink = pimcore_link("cardLink").getHref() %}
  32. <div class="{% if cardLink %}no-padding{% endif %}"{{ maxWidthHorizontalAlignment }}{{ maxWidth }}>
  33.     {% if not editmode and cardLink %}
  34.     <a class="card-content-link" href="{{cardLink}}">
  35.         <div class="absolute-top-right">
  36.             {{ source("@torq_static/img/icons/arrow-right.svg") }}
  37.         </div>
  38.     {% endif %}
  39.     {{
  40.     pimcore_wysiwyg("wysiwyg", {
  41.         height: 200,
  42.         class: "wysiwyg-editmode"
  43.     })
  44.     }}
  45.     {% if not editmode and cardLink %}
  46.     </a>
  47.     {% endif %}
  48. </div>