src/WebBundle/Resources/views/Slider/index.html.twig line 1

Open in your IDE?
  1. {% extends '@Web/layout.html.twig' %}
  3. {% block title %}
  4.     {{ metaData.title | raw }}
  5. {% endblock %}
  7. {% block extraGoogleTagScript %}
  8.     {{ include('@Web/google_gtag.html.twig') }}
  9. {% endblock %}
  11. {% set slider = initialState.slider %}
  12. {% block meta %}
  13.     {% if metaData.description %}
  14.         <meta name="description" content="{{ metaData.description | raw }}" />
  15.     {% endif %}
  16.     {% set cId = slider.elementId %}
  17.     {% set cSlide = slider.elements[cId] %}
  18.     {% if slider.type == 'i' %}
  19.         {% set tempImgPath = cSlide.pathImg %}
  20.         {% set imgPathParts = tempImgPath | split('/') %}
  21.         {% set imgFileName = 'z_' ~ imgPathParts | last %}
  22.         {% set smallImgPath = '' %}
  23.         {% for part in imgPathParts %}
  24.             {% if not loop.last %}
  25.                 {% set smallImgPath = smallImgPath ~ part ~ '/' %}
  26.             {% endif %}
  27.         {% endfor %}
  28.         {% set smallImgPath = smallImgPath ~ imgFileName %}
  29.     {% else %}
  30.         {% set smallImgPath = cSlide.artImgSrc %}
  31.     {% endif %}
  32.     {% set smallImgPath = smallImgPath | replace({'.webp': '.jpg'}) %}
  33.     {% set imgWidth = 0 %}
  34.     {% if cSlide.width is defined %}
  35.         {% set imgWidth = cSlide.width %}
  36.     {% elseif cSlide.x is defined %}
  37.         {% set imgWidth = cSlide.x %}
  38.     {% endif %}
  39.     {% set imgHeight = 0 %}
  40.     {% if cSlide.height is defined %}
  41.         {% set imgHeight = cSlide.height %}
  42.     {% elseif cSlide.y is defined %}
  43.         {% set imgHeight = cSlide.y %}
  44.     {% endif %}
  46.     <meta property="og:type" content="website" />
  47.     <meta property="og:title" content="{{ metaData.title | raw }}" />
  48.     <meta property="og:description" content="{{ metaData.description }}" />
  49.     <meta property="og:image" content="{{ te.replaceStr('\\', '/', smallImgPath) }}" />
  50.     <meta property="og:image:width" content="{{ imgWidth }}" />
  51.     <meta property="og:image:height" content="{{ imgHeight }}" />
  52.     <meta property="og:image:type" content="image/jpeg" />
  53.     <meta property="og:locale" content="{{ te.locale.getCurLocaleISO() }}" />
  54.     <meta property="og:url" content="{{ te.request.uri }}" />
  55.     <meta property="og:site_name" content="Tile.Expert" />
  56.     <meta name="Priority" content="0" />
  57.     <meta name="locale" content="{{ te.locale.getCurLocaleISO() }}" />
  59.     <!--<PageMap>
  60.         <DataObject type="thumbnail">
  61.             <Attribute name="src" value="{{ te.replaceStr('\\', '/', smallImgPath) }}" />
  62.             <Attribute name="width" value="{{ imgWidth }}" />
  63.             <Attribute name="height" value="{{ imgHeight }}" />
  64.         </DataObject>
  65.     </PageMap>-->
  66. {% endblock %}
  69. {% block stylesheets %}
  70.     <link rel="stylesheet" href="{{ asset('_css/collection.min.css') }}" />
  71.     <link href="{{ asset('build/stylesheets/common_components.css') }}" rel="stylesheet"/>
  73.     {% if is_mobile() %}
  74.         {% if is_tablet() %}
  75.             <link rel="stylesheet" href="{{ asset('_css/slide-show-tablet.min.css') }}" />
  76.         {% endif %}
  77.         {% if slider.type == 'a' or not is_tablet() %}
  78.             <link rel="stylesheet" href="{{ asset('_css/slide-show-mobile.min.css') }}" />
  79.         {% endif %}
  80.     {% else %}
  81.         <link rel="stylesheet" href="{{ asset('_css/slide-show.min.css') }}" />
  82.     {% endif %}
  84.     {% if not slider.msg %}
  85.         {% include '@Web/Slider/ldjson.html.twig' with { 'slider': slider, 'meta': metaData } %}
  86.     {% endif %}
  88. {% endblock %}
  90. {% block javascripts %}
  91.     {{ parent() }}
  92.     {% if slider.type == 'i' %}
  93.         <script src="{{ asset('_js/slide-show-react.min.js') }}"></script>
  94.     {% endif %}
  95.     <script src="{{ asset('build/client-bundle.js') }}"></script>
  96. {% endblock %}
  98. {% block content %}
  99.     {% if initialState.slider.msg %}
  100.         <div class="no-project-msg">
  101.             <h1><b>{{ initialState.slider.msg.header }}</b></h1>
  102.             <p>
  103.                 {{ initialState.slider.msg.body | raw }}
  104.             </p>
  105.         </div>
  106.     {% else %}
  107.         {{ redux_store('appStore', initialState) }}
  108.         {{ react_component('App', {'rendering': te.parameter('react_rendering'), 'props': baseProps()}) }}
  109.     {% endif %}
  110. {% endblock %}