bundles/Alea/AreabricksBundle/Resources/views/areas/singleimage/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     <div class="row">
  4.         <div class="col-3">
  5.             <p>Larghezza</p>
  6.             {{pimcore_select('width', {
  7.                 'store': [
  8.                     ['25', '25%'],
  9.                     ['50', '50%'],
  10.                     ['75', '75%'],
  11.                     ['100', '100%']
  12.                 ],
  13.                 'defaultValue': '100'
  14.             })}}
  15.         </div>
  16.         <div class="col-3">
  17.             <p>Larghezza minima (px)</p>
  18.             {{pimcore_numeric('minWidth')}}
  19.         </div>
  20.         <div class="col-3">
  21.             <p>Larghezza massima (px)</p>
  22.             {{pimcore_numeric('maxWidth')}}
  23.         </div>
  24.         <div class="col-3">
  25.             <p>Allineamento</p>
  26.             {{pimcore_select('align', {
  27.                 'store': [
  28.                     ['left', 'sinistra'],
  29.                     ['center', 'centro'],
  30.                     ['right', 'destra']
  31.                 ],
  32.                 'defaultValue': 'center'
  33.             })}}
  34.         </div>
  35.         <div class="col-3">
  36.             <p>{{ pimcore_checkbox('rounded') }} Usa bordi arrotondati</p>
  37.         </div>
  38.     </div>
  39.     
  40.     <p>Immagine</p>
  41.     {{pimcore_image('myImg')}}
  43. {% else %}
  45.     {% set width = pimcore_select('width').getData() %}
  46.     {% set minWidth = pimcore_numeric('minWidth').getData() %}
  47.     {% set maxWidth = pimcore_numeric('maxWidth').getData() %}
  48.     {% set align = pimcore_select('align').getData() %}
  49.     {% set rounded = pimcore_checkbox('rounded').isChecked() %}
  50.     {% set img = pimcore_image('myImg') %}
  52.     {% if not img.isEmpty() %}
  53.         
  54.         <div class="text-{{align}}">
  56.             <img src="{{img.getSrc()}}" alt="{{img.getAlt()}}" class="w-{{width}} {% if rounded %}rounded-4{% endif %}" style="{% if minWidth %}min-width:{{minWidth}}px;{% endif %} {% if maxWidth %}max-width:{{maxWidth}}px;{% endif %}">
  58.         </div>
  60.     {% endif %}
  62. {% endif %}