src/Aviatur/TwigBundle/Resources/views/aval/Flux/Edition/Default/content_homePromoSlider.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2.     jQuery(document).ready(function () {
  3.         jQuery(".lazy").lazyload({
  4.             effect: "fadeIn",
  5.             threshold: 300
  6.         });
  7.     });
  8. </script>
  9. {% block javascripts %}
  10.     {# <script type="text/javascript">
  11.         jQuery(document).ready(function () {
  12.             jQuery('.carousel').carousel({hAlign: 'center', vAlign: 'center', hMargin: 0.4, directionNav: true, buttonNav: 'bullets'});
  13.         });
  14.     </script> #}
  15.     {% if app.user != "" and (is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_EDIT_' ~ app.session.get('agencyId')) or is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_CREATE_' ~ app.session.get('agencyId')) or is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_DELETE_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') and promoType is defined) %}
  16.         <script type="text/javascript">
  17.             jQuery(document).ready(function () {
  18.                 jQuery('.js-ajax-homePromo').on('click', function () {
  19.                     jQuery('.modal-title').html('Edit Promo');
  20.                     jQuery('#js-form-homePromo').empty();
  21.                     _loadSpinner("js-form-homePromo");
  22.                     var url = "{{ path('aviatur_edit_homepromo', {promoType: promoType, id: 'xx', size: 'yy'}) }}";
  23.                     var id = jQuery(this).data("id");
  24.                     var size = jQuery(this).data("size");
  25.                     var url = url.replace(/\xx/g, id);
  26.                     var url = url.replace(/\yy/g, size);
  27.                     jQuery.get(url, function (data) {
  28.                         jQuery('#js-form-homePromo').html(data);
  29.                         _removeSpinner("js-form-homePromo");
  30.                     });
  31.                 });
  32.                 jQuery('.js-ajax-homechange').on('click', function () {
  33.                     jQuery('.modal-title').html('Editar Background');
  34.                     jQuery('#js-form-homePromo').empty();
  35.                     _loadSpinner("js-form-homePromo");
  36.                     var url = "{{ path('aviatur_edit_home_changebackground') }}";
  37.                     jQuery.get(url, function (data) {
  38.                         jQuery('#js-form-homePromo').html(data);
  39.                         _removeSpinner("js-form-homePromo");
  40.                     });
  41.                 });
  42.             });
  43.         </script>
  44.     {% endif %}
  45.     {% javascripts
  46.         '@AviaturGeneralBundle/Resources/public/js/jquery.mousewheel.min.js'
  47.         '@AviaturGeneralBundle/Resources/public/js/slider.js'  %}
  48.     <script type="text/javascript" src="{{ asset_url }}"></script>
  49.     {% endjavascripts %}
  50. {% endblock %}
  52. {# {% if not is_mobile() %}
  53.     <section class="hide-palm">
  54.         {% if app.user != "" and (is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_CREATE_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN')) %}
  55.             <a href="#" class="js-ajax-homePromo" data-id="0" data-size="banner_slider" style="margin-bottom: 5px; display: block; font-size: 16px; font-weight: bold;" data-toggle="modal" data-target="#js-promo-editModal">CREAR UNA NUEVO SLIDER</a>
  57.             {% for homePromo in homePromos %}
  58.                 {% if homePromo.size == "banner_slider" %}
  59.                     <div class="promo-banner" style="margin-bottom: 20px;">
  60.                         {% if app.user != "" and (is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_EDIT_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') ) %}
  61.                             <a href="#" class="js-ajax-homePromo" data-id="{{ homePromo.id }}" data-size="banner_slider" style="margin-bottom: 2px"  data-toggle="modal" data-target="#js-promo-editModal">EDITAR</a> -
  62.                         {% endif %}
  63.                         {% if app.user != "" and (is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_DELETE_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') ) %}
  64.                             <a href="{{ path('aviatur_edit_homepromo_delete', {id: homePromo.id, promoType: promoType}) }}">BORRAR</a>
  65.                         {% endif %}
  66.                         {% if homePromo.switch == false %}
  67.                             {% set imageGuessedName = (homePromo.link|split('?')|first)|split('/')|last ~ "_" ~ homePromo.id ~ ".jpeg" %}
  68.                             {% set pathToImage = "https://" ~ app.session.get('domainsecure') ~ "/assets/" ~ agency_folder.assetStyle() ~ "/img/promo/box/"%}
  69.                             {% if file_exists(pathToImage ~ imageGuessedName)%}
  70.                                 {% set imageLink = pathToImage ~ imageGuessedName %}
  71.                             {% else %}
  72.                                 {% set imageLink = pathToImage ~ homePromo.id ~ ".jpeg" %}
  73.                             {% endif %}
  74.                             <a href="{{ homePromo.link }}" target="_blank">
  75.                                 <img class="center-block img-responsive lazy" data-original="{{ imageLink }}?timestamp={{ homePromo.date| date('U') }}" alt=""/>
  76.                             </a>
  77.                         {% else %}
  78.                             {% set imageGuessedName = (homePromo.link|split('?')|first)|split('/')|last ~ "_" ~ homePromo.id ~ ".jpeg" %}
  79.                             {% set imageGuessedName2 = (homePromo.linkSwitch|split('?')|first)|split('/')|last ~ "_" ~ homePromo.id ~ "-2.jpeg" %}
  80.                             {% set pathToImage = "assets/" ~ agency_folder.assetStyle() ~ "/img/promo/box/"%}
  81.                             {% if file_exists(pathToImage ~ imageGuessedName)%}
  82.                                 {% set imageLink = pathToImage ~ imageGuessedName %}
  83.                             {% else %}
  84.                                 {% set imageLink = pathToImage ~ homePromo.id ~ ".jpeg" %}
  85.                             {% endif %}
  86.                             {% if file_exists(pathToImage ~ imageGuessedName2)%}
  87.                                 {% set imageLink2 = pathToImage ~ imageGuessedName2 %}
  88.                             {% else %}
  89.                                 {% set imageLink2 = pathToImage ~ homePromo.id ~ "-2.jpeg" %}
  90.                             {% endif %}
  91.                             <a class="center-block promo-crossFading" href="#" target="_blank"
  92.                                data-href1="{{ homePromo.link }}"
  93.                                data-href2="{{ homePromo.linkSwitch }}">
  94.                                 <img class="img-responsive js-fadeInOut lazy" data-original="/{{ imageLink }}?timestamp={{ homePromo.date| date('U') }}" alt="" />
  95.                                 <img class="img-responsive lazy" data-original="/{{ imageLink2 }}?timestamp={{ homePromo.date| date('U') }}" alt="" />
  96.                             </a>
  97.                         {% endif %}
  98.                     </div>
  99.                 {% endif %}
  100.             {% endfor %}
  101.         {% endif %}
  102.     </section>
  103. {% endif%} #}
  104.         {% if parameters['promocionales_aval'] == 'true' %}
  105. <style>
  106.   /* Estilos generales para el carrusel */
  107.   .carousel.one {
  108.     width: 100%;
  109.     overflow: hidden;
  110.     position: relative;
  111.   }
  113.   .slides {
  114.     display: flex;
  115.     flex-wrap: wrap;
  116.     justify-content: center;
  117.     gap: 15px;
  118.     width: 100% !important;
  119.     height: auto !important;
  120.     padding: 15px;
  121.     transform: none !important;
  122.   }
  124.   .promo-box {
  125.     position: relative !important;
  126.     width: 220px !important;
  127.     height: 336px !important;
  128.     opacity: 1 !important;
  129.     display: block !important;
  130.     right: auto !important;
  131.     bottom: auto !important;
  132.     margin: 0 !important;
  133.     flex: 0 0 calc(50% - 15px);
  134.     transition: all 0.3s ease;
  135.   }
  137.   .promo-box .inner img {
  138.     width: 100% !important;
  139.     height: auto !important;
  140.     max-height: 336px;
  141.     object-fit: fill;
  142.   }
  144.   .buttonNav {
  145.     display: none !important;
  146.   }
  148.   /* Media queries para diferentes tamaños de pantalla */
  149.   @media (min-width: 480px) {
  150.     .promo-box {
  151.       flex: 0 0 calc(50% - 15px);
  152.     }
  153.   }
  155.   @media (min-width: 768px) {
  156.     .promo-box {
  157.       flex: 0 0 calc(33.333% - 15px);
  158.     }
  159.   }
  161.   @media (min-width: 1024px) {
  162.     .carousel.one {
  163.       overflow: visible;
  164.     }
  166.     .slides {
  167.       flex-wrap: nowrap;
  168.       justify-content: flex-start;
  169.       padding: 0;
  170.       transform: translateX(0) !important;
  171.     }
  173.     .promo-box {
  174.       flex: 0 0 auto;
  175.       margin-right: 15px;
  176.     }
  178.     .buttonNav {
  179.       display: table !important;
  180.     }
  181.   }
  182. </style>
  184. <!-- quemado por urgencia de salir a prod se debe refactorizar toda esta sección-->
  185. <div class="carousel one">
  186.     <div id="slide-promo" class="slides" style="width: 1075px; height: 400px;">
  187.         <!-- Promo 1 -->
  188.         <div class="promo1 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: -320px; opacity: 0; z-index: 5; display: none;">
  189.             <a href="https://www.viajestuplus.com.co/paquetes/personalizada/irotama" target="_blank">
  190.                 <div class="inner">
  191.                     <div>
  192.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/aval_assets/img/promo/promo1.webp?"
  193.                              ondragstart="return false;"
  194.                              alt="Promociones viajestuplus.com"
  195.                              style="width: 220px; height: 336px; display: inline-block;">
  196.                     </div>
  197.                 </div>
  198.             </a>
  199.         </div>
  201.         <!-- Promo 2 -->
  202.         <div class="promo2 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: -555px; opacity: 0; z-index: 4; display: none;">
  203.             <a href="https://www.viajestuplus.com.co/paquetes/detalle/32279-3-1/aviatur-grand-palladium-punta-cana-resort-yamp;-spa-todo-incluido" target="_blank">
  204.                 <div class="inner">
  205.                     <div>
  206.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/aval_assets/img/promo/promo2.webp?"
  207.                              ondragstart="return false;"
  208.                              alt="Promociones viajestuplus.com"
  209.                              style="width: 220px; height: 336px; display: inline-block;">
  210.                     </div>
  211.                 </div>
  212.             </a>
  213.         </div>
  215.         <!-- Promo 3 -->
  216.         <div class="promo3 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: 1325px; opacity: 0; z-index: 4; display: none;">
  217.             <a href="https://www.viajestuplus.com.co/paquetes/personalizada/turkish" target="_blank">
  218.                 <div class="inner">
  219.                     <div>
  220.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/aval_assets/img/promo/promo3.webp?"
  221.                              ondragstart="return false;"
  222.                              alt="Promociones viajestuplus.com"
  223.                              style="width: 220px; height: 336px; display: inline-block;">
  224.                     </div>
  225.                 </div>
  226.             </a>
  227.         </div>
  229.         <!-- Promo 4 -->
  230.         <div class="promo4 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: 1090px; opacity: 0; z-index: 5; display: none;">
  231.             <a href="https://www.viajestuplus.com.co/paquetes/detalle/31458-6-1/aviatur-special-tours-tailandia-bangkok-chiang-mai" target="_blank">
  232.                 <div class="inner">
  233.                     <div>
  234.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/aval_assets/img/promo/promo4.webp?"
  235.                              ondragstart="return false;"
  236.                              alt="Promociones viajestuplus.com"
  237.                              style="width: 220px; height: 336px; display: inline-block;">
  238.                     </div>
  239.                 </div>
  240.             </a>
  241.         </div>
  243.         <!-- Promo 5 -->
  244.         <div class="promo5 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: 855px; opacity: 1; z-index: 6;">
  245.             <a href="https://www.viajestuplus.com.co/paquetes/detalle/28662-7-1/aviatur-peru-lima-y-cusco-especial-padres" target="_blank">
  246.                 <div class="inner">
  247.                     <div>
  248.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/aval_assets/img/promo/promo5.webp?"
  249.                              ondragstart="return false;"
  250.                              alt="Promociones viajestuplus.com"
  251.                              style="width: 220px; height: 336px; display: inline-block;">
  252.                     </div>
  253.                 </div>
  254.             </a>
  255.         </div>
  257.         {# <!-- Promo 6 -->
  258.         <div class="promo6 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: 620px; opacity: 1; z-index: 7;">
  259.             <a href="https://www.viajestuplus.com.co/paquetes/personalizada/turkish" target="_blank">
  260.                 <div class="inner">
  261.                     <div>
  262.                         <img src="https://www.viajestuplus.com.co/version/1743111921/assets/aval_assets/img/promo/box/turkish_202.jpeg"
  263.                              ondragstart="return false;"
  264.                              alt="Promociones viajestuplus.com"
  265.                              style="width: 220px; height: 336px; display: inline-block;">
  266.                     </div>
  267.                 </div>
  268.             </a>
  269.         </div>
  271.         <!-- Promo 7 -->
  272.         <div class="promo7 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: 385px; opacity: 1; z-index: 8;">
  273.             <a href="https://www.viajestuplus.com.co/paquetes/personalizada/realmadrid" target="_blank">
  274.                 <div class="inner">
  275.                     <div>
  276.                         <img src="https://www.viajestuplus.com.co/version/1743111895/assets/aval_assets/img/promo/box/199.jpeg"
  277.                              ondragstart="return false;"
  278.                              alt="Promociones viajestuplus.com"
  279.                              style="width: 220px; height: 336px; display: inline-block;">
  280.                     </div>
  281.                 </div>
  282.             </a>
  283.         </div>
  285.         <!-- Promo 8 -->
  286.         <div class="promo8 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: 150px; opacity: 1; z-index: 7;">
  287.             <a href="https://www.viajestuplus.com.co/paquetes/personalizada/turkish" target="_blank">
  288.                 <div class="inner">
  289.                     <div>
  290.                         <img src="https://www.viajestuplus.com.co/version/1743111880/assets/aval_assets/img/promo/box/200.jpeg"
  291.                              ondragstart="return false;"
  292.                              alt="Promociones viajestuplus.com"
  293.                              style="width: 220px; height: 336px; display: inline-block;">
  294.                     </div>
  295.                 </div>
  296.             </a>
  297.         </div>
  299.         <!-- Promo 9 -->
  300.         <div class="promo9 promo-box slideItem" style="width: 220px; height: 336px; bottom: 0px; right: -85px; opacity: 1; z-index: 6;">
  301.             <a href="https://www.viajestuplus.com.co/paquetes/personalizada/turkish" target="_blank">
  302.                 <div class="inner">
  303.                     <div>
  304.                         <img src="https://www.viajestuplus.com.co/version/1743111868/assets/aval_assets/img/promo/box/turkish_201.jpeg"
  305.                              ondragstart="return false;"
  306.                              alt="Promociones viajestuplus.com"
  307.                              style="width: 220px; height: 336px; display: inline-block;">
  308.                     </div>
  309.                 </div>
  310.             </a>
  311.         </div>
  312.     </div> #}
  314.     <!-- Navegación (bullets) -->
  315.     <div class="buttonNav" style="display: table; margin-top: 18px;">
  316.         <div class="bullet" style="text-align: center;"></div>
  317.         <div class="bullet" style="text-align: center;"></div>
  318.         <div class="bullet" style="text-align: center;"></div>
  319.         <div class="bullet" style="text-align: center;"></div>
  320.         <div class="bullet" style="text-align: center;"></div>
  321.         <div class="bullet" style="text-align: center;"></div>
  322.         <div class="bullet bulletActive" style="text-align: center;"></div>
  323.         <div class="bullet" style="text-align: center;"></div>
  324.         <div class="bullet" style="text-align: center;"></div>
  325.     </div>
  326. </div>
  327.         {% endif %}
  329. <!--Solo muestra promos-->
  330. {# {% set promosPicture = 0 %}
  331. {% if homePromos is defined %}
  332.     {% for homePromo in homePromos %}
  333.         {% if homePromo.size == "picture" %}
  334.             {% set promosPicture = promosPicture+1 %}
  335.         {% endif %}
  336.     {% endfor %}
  337. {% endif %}
  338. {% if promosPicture is defined and promosPicture>0%}
  339.     <section id="home-promos" class="wrapper-susy" style="margin-top:35px; margin-bottom: 0px">
  340.         <div class="carousel one"> <!-- BEGIN CAROUSEL -->
  341.             <div id="slide-promo" class="slides"> <!-- BEGIN SLIDES -->
  342.                 {% if homePromos is defined %}
  343.                     {% for homePromo in homePromos %}
  344.                         {% if homePromo.size == "picture" %}
  345.                             <div class="promo{{ loop.index }} promo-box">
  346.                                 {% if homePromo.link|length > 0 or homePromo.link != null %}
  347.                                     {% if 'www.lasislas.com' in homePromo.link or 'www.parquetayrona.com' in homePromo.link%}
  348.                                         <a href="{{ homePromo.link }}" target="_blank" rel=”nofollow”>
  349.                                         {% else %}
  350.                                             <a href="{{ homePromo.link }}" target="_blank">
  351.                                             {% endif %}
  352.                                         {% else %}
  353.                                             <a href="#" target="_blank">
  354.                                             {% endif %}
  355.                                             {% set imageGuessedName = (homePromo.link|split('?')|first)|split('/')|last ~ "_" ~ homePromo.id ~ ".jpeg" %}
  356.                                             {% set pathToImage = "assets/" ~ agency_folder.assetStyle() ~ "/img/promo/box/"%}
  357.                                             {% if file_exists(pathToImage ~ imageGuessedName)%}
  358.                                                 {% set imageLink = pathToImage ~ imageGuessedName %}
  359.                                             {% else %}
  360.                                                 {% set imageLink = pathToImage ~ homePromo.id ~ ".jpeg" %}
  361.                                             {% endif %}
  362.                                             <div class="inner">
  363.                                                 <div><img src="/version/{{ homePromo.date| date('U') }}/{{ imageLink }}" ondragstart="return false;" alt="{% if homePromo.title is defined and  homePromo.title!=""%}{{homePromo.title|replace({'/': ' '})}} {% else %}Promociones viajestuplus.com{% endif %}"/></div>
  365.                                                 {% if homePromo.title != null%}
  366.                                                     <div class="texto-encima" style="position: absolute; top: 10px;width: 100%; text-align: center; padding: 1em; line-height: 1.3; text-shadow: -2px 2px 2px #000;">
  367.                                                         <div class="promo-box__title">
  368.                                                             {% if app.user != "" and ( is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_EDIT_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') ) %}
  369.                                                                 <a href="#" class="js-ajax-homePromo" data-id="{{ homePromo.id }}" data-size="picture" data-toggle="modal" data-target="#js-promo-editModal" style="text-shadow: none;">EDITAR</a>
  370.                                                             {% endif %}
  371.                                                             {% if app.user != "" and ( is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_DELETE_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') ) %}
  372.                                                                 <a href="{{ path('aviatur_edit_homepromo_delete', {id: homePromo.id, promoType: promoType}) }}" style="text-shadow: none;">BORRAR</a>
  373.                                                             {% endif %}
  374.                                                             {%if '/' in homePromo.title %}
  375.                                                                 {% set promoTitle= homePromo.title|split('/')%}
  376.                                                                 <h4 style="color: white;line-height: 1.2;">{{promoTitle[0]}}<br>{{promoTitle[1]}}</h4>
  377.                                                                 {% else %}
  378.                                                                 <h4 style="color: white;line-height: 1.2;">{{ homePromo.title }}</h4>
  379.                                                             {% endif %}
  380.                                                         </div>
  381.                                                     </div>
  382.                                                 {% elseif homePromo.title == null and app.user != "" %}
  383.                                                     <div class="texto-encima" style="position: absolute; top: 10px;width: 100%; text-align: center; padding: 1em; line-height: 1.3; text-shadow: -2px 2px 2px #000;">
  384.                                                         <div class="promo-box__title">
  385.                                                             {% if app.user != "" and ( is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_EDIT_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') ) %}
  386.                                                                 <a href="#" class="js-ajax-homePromo" data-id="{{ homePromo.id }}" data-size="picture" data-toggle="modal" data-target="#js-promo-editModal" style="text-shadow: none;">EDITAR</a>
  387.                                                             {% endif %}
  388.                                                             {% if app.user != "" and ( is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_DELETE_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') ) %}
  389.                                                                 <a href="{{ path('aviatur_edit_homepromo_delete', {id: homePromo.id, promoType: promoType}) }}" style="text-shadow: none;">BORRAR</a>
  390.                                                             {% endif %}
  391.                                                         </div>
  392.                                                     </div>
  393.                                                 {% endif %}
  394.                                                 {% if homePromo.titleSwitch != null %}
  395.                                                     <div class="pic-tit">
  396.                                                         <h4>{{ homePromo.price }}<br>{{ homePromo.titleSwitch }}</h4>
  397.                                                     </div>
  398.                                                 {% elseif homePromo.price!=null and homePromo.titleSwitch == null%}
  399.                                                     <div class="pic-tit">
  400.                                                         <h4>{{ homePromo.price }}</h4>
  401.                                                     </div>
  402.                                                 {% endif %}
  404.                                                 {% if homePromo.content != null %}
  405.                                                     <div class="promo-box__conditions">
  406.                                                         {{ homePromo.content }}
  407.                                                     </div>
  408.                                                 {% endif %}
  409.                                                 {% if homePromo.link == null and app.user == ""%}
  410.                                                     <div class="promo-box__link">
  411.                                                         Encuentra esta oferta en el buscador !
  412.                                                     </div>
  413.                                                 {% endif %}
  415.                                                 {% if homePromo.link|length > 0 or homePromo.link != null %}
  416.                                             </a>
  417.                                         {% else %}
  418.                                         </a>
  419.                                     {% endif %}
  420.                             </div>
  421.                             </a>
  422.                         </div>
  423.                     {% endif %}
  424.                 {% endfor %}
  425.             {% endif %}
  426.         </div>
  427.     </div>
  428. </section>
  429. {% endif %} #}