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

Open in your IDE?
  1. {% set UID = uniqid() %}
  2. {% set UIDpage = uniqid() %}
  3. {% if editmode %}
  4.     <div class="flex-col offset-bottom-single">
  5.         <div class="col xs-12 m-6 l-3">
  6.             {% if pimcore_select("imageVideoSelector").isEmpty() and editmode %}
  7.                 {% do pimcore_select("imageVideoSelector").setDataFromResource("image") %}
  8.             {% endif %}
  9.             <span class="hint">{{ 'Möchten Sie ein Bild oder Video integrieren?' |trans }}</span>
  10.             <div class="select-items">
  11.                 {{ pimcore_select("imageVideoSelector", {
  12.                     "store": [
  13.                     ["image", "Bild"],
  14.                     ["video", "Video"]
  15.                     ],
  16.                     "width": 300,
  17.                     "reload": true
  18.                 }) }}
  19.             </div>
  20.         </div>
  21.         <div class="col xs-12 m-6 l-3">
  22.             {% if pimcore_select("imagePosition").isEmpty() and editmode %}
  23.                 {% do pimcore_select("imagePosition").setDataFromResource("align-right") %}
  24.             {% endif %}
  25.             <span class="hint">{{ 'Bitte wählen Sie die Position des Bildes / Videos aus' |trans }}</span>
  26.             <div class="select-items">
  27.                 {{ pimcore_select("imagePosition", {
  28.                     "store": [
  29.                     ["align-right", "Rechts"],
  30.                     ["align-left", "Links"]
  31.                     ],
  32.                     "width": 300,
  33.                     "reload": true
  34.                 }) }}
  35.             </div>
  36.         </div>
  37.         <div class="col xs-12 m-6 l-3">
  38.             <span class="hint">{{ 'Modulname definieren' |trans }}</span>
  39.             {{ pimcore_input("modulname") }}
  40.         </div>
  41.     </div>
  42. {% endif %}
  43. {% set imageVideoSelectorResult = pimcore_select("imageVideoSelector").getData() %}
  44. <div {% if pimcore_input("modulname") is not empty %}id="{{ pimcore_input("modulname").getData() |lowercase }}"{% endif %} class="section">
  45.     <div class="flex-col">
  46.         <div class="text-image textpic-intext nowrap flex-col {{ pimcore_select("imagePosition").getData() }}">
  47.             {% if imageVideoSelectorResult == 'image' %}
  48.                 <div class="xs-12 m-6 image">
  49.                     {% if pimcore_image("teaserImageHalf").isEmpty() and editmode %}
  50.                         <span class="hint">{{ 'Bild festlegen' |trans }}</span>
  51.                     {% endif %}
  52.                     {{ pimcore_image("teaserImageHalf", {
  53.                         "title": "Drag your image here",
  54.                         "thumbnail": "textImageFullwidth"
  55.                     }) }}
  56.                 </div>
  57.             {% endif %}
  58.             {% if imageVideoSelectorResult == 'video' %}
  59.                 {% set videoID = 'uid' ~ UID |raw %}
  60.                 {% set videoIDResult = pimcore_video('video').id %}
  61.                 <div class="col xs-12 {{ ImageSize }} video">
  63.                     <div class="iframe-container">
  64.                         <div id="{{ videoID }}" class="mute-yt-player-stage">
  65.                             {{ pimcore_video('video', {
  66.                                 "height": 360,
  67.                                 youtube: {
  68.                                     autoplay: '0',
  69.                                     modestbranding: '1',
  70.                                     showinfo: '0',
  71.                                     controls: '1',
  72.                                     rel: '0',
  73.                                     enablejsapi: '1'
  74.                                 }
  75.                             }) }}
  76.                         </div>
  77.                     </div>
  79.                 </div>
  80.             {% endif %}
  81.             <div class="col xs-12 m-6 text flex-column box-center ">
  82.                 {% if pimcore_wysiwyg("TeaserImageWYSIWYG").isEmpty() and editmode %}
  83.                     <span class="hint">{{ 'Text festlegen' |trans }}</span>
  84.                 {% endif %}
  85.                 {{ pimcore_wysiwyg("TeaserImageWYSIWYG", {
  86.                     "placeholder": 'Text'
  87.                 }) |trademark }}
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>