src/Develey/MautnerTonicBundle/Resources/views/Areas/StageSpecific/view.html.twig line 1

Open in your IDE?
  1. {% set spacingSelect %}
  2.     {{ pimcore_checkbox("checkSpacing", {
  3.         "reload": true
  4.     }) }}
  5. {% endset %}
  6. {% set SpacingTop = '' %}
  7. {% set brickAnchorId = '' %}
  8. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  9.     {% set SpacingTop = '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 editmode %}
  16.     <div class="flex-col offset-bottom-single">
  17.         <div class="col xs-12 m-6 l-3">
  18.             <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
  19.             {{ pimcore_input("brickAnchorIdInput") }}
  20.         </div>
  21.         <div class="col xs-12 m-6 l-2">
  22.             <div class="select-items">
  23.                 <div class="hint">
  24.                     {{ 'Abstand nach oben?' |trans }}
  25.                 </div>
  26.                 {{ spacingSelect }}
  27.             </div>
  28.         </div>
  29.     </div>
  30.     <div class="flex-col offset-bottom-single">
  31.         <div class="col xs-12 m-6 l-3">
  32.             <span class="hint">{{ 'Hintergrundbild festlegen' |trans }}</span>
  33.             {{ pimcore_image("StageSpecificBackground", {
  34.                 "title": "Drag your image here",
  35.                 "width": 300,
  36.                 "height": 150,
  37.                 "thumbnail": "StageSpecificBackground" ~ bundleName,
  38.                 "reload": true
  39.             }) }}
  40.         </div>
  41.     </div>
  42. <div class="admin">
  43.     {% endif %}
  44.     <div id="{{ brickAnchorId }}" class="stage {{ SpacingTop }}">
  45.         <div id="{{ 'uid' ~ UID |raw }}" class="stage-image specific">
  46.             <div class="image">
  47.                 {% if pimcore_image("StageSpecificBackground").getThumbnail("StageSpecificBackground"  ~ bundleName) is not empty %}
  48.                     {{ pimcore_image("StageSpecificBackground").getThumbnail("StageSpecificBackground"  ~ bundleName).getHTML() |raw }}
  49.                 {% endif %}
  51.                 {#IE Fix for thumbnails rendering start#}
  52.                 <script type='text/javascript'>
  53.                     var waitForJQuery = setInterval(function () {
  54.                         if (typeof $ != 'undefined') {
  55.                             $(function() {
  56.                                 if (navigator.userAgent.match(/msie/i) || navigator.userAgent.match(/trident/i) ){
  58.                                     $(".stage-image.specific").css({
  59.                                         background: "url( {{ pimcore_image("StageSpecificBackground").getSrc() }} ) center right 100%/cover no-repeat"
  60.                                     });
  61.                                     $(".stage-image.main.specific img").hide();
  62.                                 }
  63.                             });
  64.                             clearInterval(waitForJQuery);
  65.                         }
  66.                     }, 50);
  67.                 </script>
  68.                 {#IE Fix for thumbnails rendering end#}
  70.             </div>
  71.             <div class="text-container">
  72.                 <div class="main-content flex-col">
  73.                     <div class="col xs-12">
  74.                         <div class="text">
  76.                             <h2>
  77.                                 {{ pimcore_input("specificStageHeadline", {
  78.                                     "placeholder": 'Headline'
  79.                                 })|trademark }}
  80.                             </h2>
  82.                             {% if pimcore_input("specificStagSubline") is not empty %}
  83.                                 <h3>
  84.                                     {{ pimcore_input("specificStagSubline", {
  85.                                         "placeholder": 'Subline'
  86.                                     })|trademark }}
  87.                                 </h3>
  88.                             {% endif %}
  89.                         </div>
  90.                     </div>
  91.                     <div class="col xs-12 content-wrapper">
  92.                         <div class="content-image">
  93.                             <div class="item">
  94.                                 <div class="text-only">
  95.                                     {{ pimcore_wysiwyg("WYSIWYGTextarea", {
  96.                                         "height": 100,
  97.                                         "width": 200,
  98.                                         "customConfig": '/bundles/core/js/ckeditor_config.js'
  99.                                     }) }}
  100.                                 </div>
  101.                             </div>
  102.                             <div class="item">
  103.                                 <div class="text-only">
  104.                                     {{ pimcore_link('readMore', {'class': "button btn-default"}) }}
  105.                                 </div>
  106.                             </div>
  107.                         </div>
  108.                         <div class="center-image flex-col box-center">
  109.                             {{ pimcore_image("specificStageImageCenter", {
  110.                                 "title": "Drag your image here",
  111.                                 "thumbnail": "specificStageImageCenter" ~ bundleName
  112.                             }) }}
  113.                         </div>
  114.                         <div class="content-image col-right">
  115.                             <div class="item">
  116.                                 <div class="image">
  117.                                     {{ pimcore_image("specificStagSublineIcon3", {
  118.                                         "title": "Drag your image here",
  119.                                         "thumbnail": "specificStagSublineIcon3" ~ bundleName
  120.                                     }) }}
  121.                                 </div>
  122.                                 <div class="text-only">
  123.                                     <h4>
  124.                                         {{ pimcore_input("specificStageHeadlinePart3", {
  125.                                             "placeholder": 'Headline Part 3'
  126.                                         })|trademark }}
  127.                                     </h4>
  128.                                 </div>
  129.                             </div>
  130.                             <div class="item">
  131.                                 <div class="image">
  132.                                     {{ pimcore_image("specificStagSublineIcon4", {
  133.                                         "title": "Drag your image here",
  134.                                         "thumbnail": "specificStagSublineIcon4" ~ bundleName
  135.                                     }) }}
  136.                                 </div>
  137.                                 <div class="text-only">
  138.                                     <h4>
  139.                                         {{ pimcore_input("specificStageHeadlinePart4", {
  140.                                             "placeholder": 'Headline Part 4'
  141.                                         })|trademark }}
  142.                                     </h4>
  143.                                 </div>
  144.                             </div>
  145.                         </div>
  146.                     </div>
  147.                 </div>
  148.             </div>
  149.         </div>
  150.     </div>
  151.     {% if editmode %}
  152. </div>
  153. {% endif %}