app/Plugin/TabaBannerManager2/Resource/template/default/TabaBannerManager.twig line 1

Open in your IDE?
  1. {#
  2. Copyright (C) SPREAD WORKS Inc. All Rights Reserved.
  4. For the full copyright and license information, please view the LICENSE
  5. file that was distributed with this source code.
  6. #}
  7. {% set bind_prefix = constant('Plugin\\TabaBannerManager2\\Common\\Constants::FRONT_BIND_PREFIX') %}
  8. {% set css_id = 'tababannermanager_'~banner_area.areaId %}
  9. {% set param = '' %}
  10. {% for banner in banner_list %}
  11.     {% set param = param~'&banner_id[]='~banner.bannerId %}
  12. {% endfor %}
  14. {% if banner_area.effectDiv == constant('Plugin\\TabaBannerManager2\\Entity\\Area::EFFECT_DIV_SLIDE') %}
  15.     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
  16.     <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  17.     <style>
  18.     </style>
  19.     <script>
  20.     $(function() {
  21.         $('#{{ css_id }}').slick({
  22.               infinite: true,
  23.               dots:true,
  24.               slidesToShow: 1,
  25.               slidesToScroll: 1,
  26.               autoplay: true,
  27.               arrows: false,
  28.          });
  29.         $('#{{ css_id }}').on('afterChange',function(event,slick,currentSlide){
  30.             var bannerId = $(this).find('div[data-slick-index="' + currentSlide + '"]').attr('data-key');
  31.             viewCounter("&banner_id=" + bannerId);
  32.         });
  33.         var bannerId = $('#{{ css_id }}').find('.tababannermanager_banner').attr('data-key');
  34.         viewCounter("&banner_id=" + bannerId);
  35.     });
  36.     </script>
  37. {% elseif banner_area.effectDiv == constant('Plugin\\TabaBannerManager2\\Entity\\Area::EFFECT_DIV_HORIZONTAL') %}
  38.     <style>
  39.         #{{ css_id }} {
  40.             display: flex;
  41.         }
  42.         #{{ css_id }} .tababannermanager_banner:not(:last-child) {
  43.             margin-right: 16px;
  44.         }
  45.     </style>
  46.     <script>
  47.     $(function() {
  48.         viewCounter('{{ param|raw }}');
  49.     });
  50.     </script>
  51. {% elseif banner_area.effectDiv == constant('Plugin\\TabaBannerManager2\\Entity\\Area::EFFECT_DIV_VERTICAL') %}
  52.     <style>
  53.         #{{ css_id }} .tababannermanager_banner {
  54.             display: flex;
  55.             flex-direction: column;
  56.         }
  57.         #{{ css_id }} .tababannermanager_banner:not(:last-child) {
  58.             margin-bottom: 16px;
  59.         }}
  60.     </style>
  61.     <script>
  62.     $(function() {
  63.         viewCounter('{{ param|raw }}');
  64.     });
  65.     </script>
  66. {% elseif banner_area.effectDiv == constant('Plugin\\TabaBannerManager2\\Entity\\Area::EFFECT_DIV_HORIZONTAL_RESPONSIVE') %}
  67.     {% if options is not empty and options.grid is not empty %}
  68.         {% set responsive_col = options.grid %}
  69.     {% else %}
  70.         {% set responsive_col = 'col-12 col-sm-4 col-md-3' %}
  71.     {% endif %}
  72.     <script>
  73.     $(function() {
  74.         viewCounter('{{ param|raw }}');
  75.     });
  76.     </script>
  77. {% endif %}
  78. <script>
  79. function viewCounter(data) {
  80.     $.ajax({
  81.         type: 'POST',
  82.         url:'{{ path(bind_prefix~'_view_counter') }}',
  83.         data: "{{ constant('Eccube\\Common\\Constant::TOKEN_NAME') }}={{ csrf_token }}" + data,
  84.         success: function(json) {},
  85.         error: function() {}
  86.     });
  87. }
  88. </script>
  90. {{ banner_area.preHtml|raw }}
  91. {% if banner_area.effectDiv == constant('Plugin\\TabaBannerManager2\\Entity\\Area::EFFECT_DIV_HORIZONTAL_RESPONSIVE') %}
  92.     <div class="tababannermanager_area row" id="{{ css_id }}">
  93. {% else %}
  94.     <div class="tababannermanager_area" id="{{ css_id }}">
  95. {% endif %}
  96.     {% for banner in banner_list %}
  97.         <div class="tababannermanager_banner {{ responsive_col|default('') }}" id="{{ css_id }}_{{ banner.bannerId }}" data-key="{{ banner.bannerId }}">
  98.             {% if banner.url is not empty %}<a href="{{ path(bind_prefix~'_click_counter',{banner_id:banner.bannerId}) }}" {% if banner.linkTarget is not empty %}target="{{ banner.linkTarget }}"{% endif %}>{% endif %}
  99.                 {% if banner.bannerDiv == constant('Plugin\\TabaBannerManager2\\Entity\\Banner::BANNER_DIV_IMAGE') %}
  100.                     <img src="{{ asset(banner.bannerFileName,'save_image') }}" class="img-fluid">
  101.                 {% elseif banner.bannerDiv == constant('Plugin\\TabaBannerManager2\\Entity\\Banner::BANNER_DIV_TEXT') %}
  102.                     {{ banner.bannerText|raw }}
  103.                 {% endif %}
  104.                 {% if banner.description is not empty %}<p>{{ banner.description|raw }}</p>{% endif %}
  105.             {% if banner.url is not empty %}</a>{% endif %}
  106.         </div>
  107.     {% endfor %}
  108. </div>
  109. {{ banner_area.postHtml|raw }}