src/Develey/LoewensenfBundle/Resources/views/Areas/TextImage/view.html.twig line 1

Open in your IDE?
  1. {% set spacingSelect %}
  2.     {{ pimcore_checkbox("checkSpacing", {
  3.         "reload": true
  4.     }) }}
  5. {% endset %}
  6. {% set noSpacingTop = '' %}
  7. {% set brickAnchorId = '' %}
  8. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  9.     {% set noSpacingTop = 'no-offset-top' %}
  10. {% endif %}
  11. {% set UID = uniqid() %}
  12. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  13.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  14. {% endif %}
  15.  {% if pimcore_select("imagePosition").isEmpty() and editmode %}
  16.      {% do pimcore_select("imagePosition").setDataFromResource("align-right") %}
  17.  {% endif %}
  18. {% if pimcore_select("textImageVariation").isEmpty() %}
  19.     {% do pimcore_select("textImageVariation").setDataFromResource("m-6") %}
  20. {% endif %}
  21. {% if pimcore_select("textImageVariation").getData() == 'm-8' %}
  22.     {% set ImageSize = 'm-4' %}
  23. {% else %}
  24.     {% set ImageSize = 'm-6' %}
  25. {% endif %}
  26. {% if editmode %}
  27.     <div class="flex-col offset-bottom-single">
  28.         <div class="col xs-12 m-6 l-3">
  29.             <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
  30.             {{ pimcore_input("brickAnchorIdInput") }}
  31.         </div>
  32.         <div class="col xs-12 m-6 l-3">
  33.             <div class="select-items">
  34.                 <div class="hint">
  35.                     {{ 'Kein Abstand nach oben?' |trans }}
  36.                 </div>
  37.                 {{ spacingSelect }}
  38.             </div>
  39.         </div>
  40.     </div>
  41.     <div class="flex-col offset-bottom-single">
  42.         <div class="col xs-12 m-6 l-3">
  43.             {% if pimcore_select("imageVideoSelector").isEmpty() and editmode %}
  44.                 {% do pimcore_select("imageVideoSelector").setDataFromResource("image") %}
  45.             {% endif %}
  46.             <span class="hint">{{ 'Möchten Sie ein Bild oder Video integrieren?' |trans }}</span>
  47.             <div class="select-items">
  48.                 {{ pimcore_select("imageVideoSelector", {
  49.                     "store": [
  50.                     ["image", "Bild"],
  51.                     ["video", "Video"]
  52.                     ],
  53.                     "width": 300,
  54.                     "reload": true
  55.                 }) }}
  56.             </div>
  57.         </div>
  58.         <div class="col xs-12 m-6 l-3">
  59.             <span class="hint">{{ 'Bitte wählen Sie die Position des Bildes / Videos aus' |trans }}</span>
  60.             <div class="select-items">
  61.                 {{ pimcore_select("imagePosition", {
  62.                     "store": [
  63.                     ["align-right", "Rechts"],
  64.                     ["align-left", "Links"]
  65.                     ],
  66.                     "width": 300,
  67.                     "reload": true
  68.                 }) }}
  69.             </div>
  70.         </div>
  71.         <div class="col xs-12 m-6 l-3">
  72.             <span class="hint">{{ 'Bitte wählen Sie das Verhältnis von Text zu Bild aus' |trans }}</span>
  73.             <div class="select-items">
  74.                 {{ pimcore_select("textImageVariation", {
  75.                     "store": [
  76.                     ["m-6", "Text 50% - Bild 50%"],
  77.                     ["m-8", "Text 66% - Bild 33%"]
  78.                     ],
  79.                     "reload": true
  80.                 }) }}
  81.             </div>
  82.         </div>
  83.     </div>
  84. {% endif %}
  85. {% set imageVideoSelectorResult = pimcore_select("imageVideoSelector").getData() %}
  87. {% if brickAnchorId is not empty %}<a id="{{ brickAnchorId }}"></a>{% endif %}
  88. <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  89.     <div class="main-content flex-col">
  90.         <div class="text-image textpic-intext nowrap flex-col {{ pimcore_select("imagePosition").getData() }}">
  91.             {% if imageVideoSelectorResult == 'image' %}
  92.                 <div class="col xs-12 {{ ImageSize }} image">
  93.                     {% if pimcore_image("teaserImageHalf").isEmpty() and editmode %}
  94.                         <span class="hint">{{ 'Bild festlegen' |trans }}</span>
  95.                     {% endif %}
  96.                     <div>
  97.                         {{ pimcore_image("teaserImageHalf", {
  98.                             "title": "Drag your image here",
  99.                             "thumbnail": "textImage" ~ bundleName
  100.                         }) }}
  101.                     </div>
  103.                     {% if not pimcore_image("teaserImageHalf").isEmpty() %}
  104.                         {% set imageMetadataCopyrightText = pimcore_image("teaserImageHalf").getImage().getMetadata("copyright") %}
  105.                         {% if imageMetadataCopyrightText is not empty %}
  106.                             <div class="image-additional-information">
  107.                                 {{ imageMetadataCopyrightText }}
  108.                             </div>
  109.                         {% endif %}
  110.                     {% endif %}
  112.                 </div>
  114.             {% endif %}
  115.             {% if imageVideoSelectorResult == 'video' %}
  116.                 {% set videoID = 'uid' ~ UID |raw %}
  117.                 {% set videoIDResult = pimcore_video('video').id %}
  118.                 <div class="col xs-12 {{ ImageSize }} video">
  120.                     <div class="iframe-container">
  121.                         <div id="{{ videoID }}" class="mute-yt-player-stage">
  122.                             {{ pimcore_video('video', {
  123.                                 "height": 360,
  124.                                 youtube: {
  125.                                     autoplay: '0',
  126.                                     modestbranding: '1',
  127.                                     showinfo: '0',
  128.                                     controls: '1',
  129.                                     rel: '0',
  130.                                     enablejsapi: '1'
  131.                                 }
  132.                             }) }}
  133.                         </div>
  134.                     </div>
  136.                 </div>
  137.             {% endif %}
  138.             <div class="col xs-12 {{ pimcore_select("textImageVariation").getData() }} text flex-column">
  139.                 {% if pimcore_wysiwyg("TeaserImageWYSIWYG").isEmpty() and editmode %}
  140.                     <span class="hint">{{ 'Text festlegen' |trans }}</span>
  141.                 {% endif %}
  142.                 <div>
  143.                     {{ pimcore_wysiwyg("TeaserImageWYSIWYG", {
  144.                         "placeholder": 'Text'
  145.                     }) |trademark }}
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </div>
  150. </div>