templates/areas/application-information/view.html.twig line 1

Open in your IDE?
  1. <div class="application-information-wrapper animate__animated animate__slower animate__fadeIn wow">
  2.     {% if editmode %}
  3.         <div class="container border border-main-purple ">
  4.             <div class="row">
  5.                 <div class="col-lg-12">
  6.                     <span class="font-italic font-weight-normal">{{ 'Upload background image' | trans }}</span>
  7.                     {{ pimcore_image('application-information-background-image', {width: 300, height: 160}) }}
  8.                 </div>
  9.             </div>
  10.         </div>
  11.     {% endif %}
  12.     {% set backgroundImage =  pimcore_image('application-information-background-image').getThumbnail('application-information-background') %}
  13.     <div class="container application-information" style="background-image: url({{ backgroundImage }})">
  14.         <div class="application-information-wrapper-left-image" {{ editmode ? 'style="left:0;"' }}>
  15.             {% if not pimcore_image('application-information-wrapper-left-image').isEmpty() and not editmode %}
  16.                 {{ pimcore_image('application-information-wrapper-left-image').getThumbnail('application-information-front-left')
  17.                     .getHtml({alt: pimcore_image('application-information-wrapper-left-image').getAlt() }) | raw }}
  18.             {% else %}
  19.                 {{ pimcore_image('application-information-wrapper-left-image', {width: 120, height: 210}) }}
  20.             {% endif %}
  21.         </div>
  22.         <div class="application-information-left">
  23.             {% if not pimcore_image('application-information-front-image').isEmpty() and not editmode %}
  24.                 {{ pimcore_image('application-information-front-image').getThumbnail('application-information-front')
  25.                     .getHtml({alt: pimcore_image('application-information-front-image').getAlt() }) | raw }}
  26.             {% else %}
  27.                 {{ pimcore_image('application-information-front-image', {width: 320, height: 340}) }}
  28.             {% endif %}
  29.         </div>
  30.         <div class="application-information-content">
  31.             <div class="d-flex flex-column">
  32.                 <div class="application-information-description animate__animated animate__slower animate__backInDown wow">
  33.                     {{ pimcore_wysiwyg('application-information-description', {
  34.                         "toolbarGroups": [
  35.                             {
  36.                                 "name": 'WYSIWYG 1',
  37.                                 "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  38.                             }
  39.                         ],
  40.                         "placeholder": 'Content...' | trans
  41.                     }) }}
  42.                 </div>
  43.                 <div class="application-information-download-content text-center text-md-left animate__animated animate__slower animate__backInUp wow">
  44.                     {{ pimcore_wysiwyg('application-information-download-content', {
  45.                         "toolbarGroups": [
  46.                             {
  47.                                 "name": 'WYSIWYG 1',
  48.                                 "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  49.                             }
  50.                         ],
  51.                         "placeholder": 'Content...' | trans
  52.                     }) }}
  53.                 </div>
  54.                 <div class="mt-2 text-center text-md-left animate__animated animate__slower animate__backInUp wow">
  55.                     <div class="app-buttons app-buttons--hero">
  56.                         {% include 'components/google-play-button.html.twig' %}
  57.                         {% include 'components/app-store-button.html.twig' %}
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </div>
  63. </div>