src/Aviatur/TwigBundle/Resources/views/aval/Flux/Flight/Default/availability.html.twig line 1

Open in your IDE?
  1. {% extends twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/front.html.twig') %}
  3. {% block head_title %}Reserva vuelos baratos | Tiquetes en Viajestuplus.com.co{% endblock %}
  4. {% block head_description_content %}Reserva tus vuelos y disfruta de una experiencia inolvidable con Viajes tuplús{% endblock head_description_content %}
  6. {#{% block stylesheets %}
  7.     {{ parent() }}
  8.     <link type="text/css" rel="stylesheet" href="{{ asset('assets/'~ agency_folder.assetStyle() ~'/css/dispo.min.css') }}" />
  9. {% endblock %}#}
  11. {% set showCalendar = false %}
  12. {% if urlDescription['providerInfo'] and not urlDescription['multi'] %}
  13.     {% set showCalendar = true %}
  14. {% endif %}
  16. {% block javascripts %}
  17.     {{ parent() }}
  19.     {# JS USING TWIG VARIABLES #}
  20.     <script type="text/javascript">
  21.         var ajaxUrlFlightAvail = '{{ ajaxUrl | raw }}';
  22.         var detailUrl = '{{ safeUrl }}{{ path('aviatur_flight_detail_secure') }}';
  23.         var availabilityDetailUrlPlain = '{{ path('aviatur_flight_availability_detail_plain') }}';
  24.         var availabilityGetFlightResultsPlain = '{{ path('aviatur_flight_availability_get_results_plain') }}';
  25.         var asyncScripts = {
  26.             price: '{{ script('FlightBundle//_avail-price-async.js') }}',
  27.             fare: '{{ script('FlightBundle//_avail-fare-async.js') }}',
  28.             horary: '{{ script('FlightBundle//_avail-horary-async.js') }}'
  29.         };
  30.         {% if showCalendar %}
  31.             var availabilityGetCalendar = '{{ calendarUrl | raw }}';
  32.         {% endif %}
  33.             var providerInfo = '{{ urlDescription['providerInfo'] }}';
  34.             var calendar = false;
  35.     </script>
  37.     {# JS ASSETS COMPILED FROM BUNDLES #}
  38.     <script src="{{ script('common-avail.js') }}"></script>
  39.     <script src="{{ script('FlightBundle//flight_availability.js') }}"></script>
  40.     {% if availabilityFront %}
  41.         <script src="{{ script('FlightBundle//flight_availability_front.js') }}"></script>
  42.         {# {% else %}
  43.             <script src="{{ script('GeneralBundle//component_socialNetwork.js') }}"></script>
  44.             <script src="{{ script('GeneralBundle//component_shared-avail.js') }}"></script> #}
  45.     {% endif %}
  47. {% endblock %}
  49. {% if inlineEngine is defined %}
  50.     {# if NOT desktop hompage, var from controller #}
  51.     {% set dispoEngine = true %}
  52. {% else %}
  53.     {% set dispoEngine = false %}
  54. {% endif %}
  56. {% block body %}
  58.     {#{% if parameters['aviatur_ff_enabled'] == 1 %}
  59.         <div class="dispo-shared__socialNetwork--left hide-portable">
  60.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_socialNetwork.html.twig') %}
  61.         </div>
  62.     {% endif %}#}
  64.     <div class="wrapper">
  65.         {% set passengers = AvailabilityArray.adults + AvailabilityArray.children + AvailabilityArray.infants %}
  66.         {% set s = '' %}
  67.         {% if passengers > 1 %}
  68.             {% set s = 's' %}
  69.         {% endif %}
  70.         {% set multi = false %}
  71.         {% if AvailabilityArray.route == 'aviatur_flight_round' %}
  72.             {% set roundtrip = true %}
  73.             {% set search_entities =
  74.                 [{'blocks': [
  75.                     {'title':AvailabilityArray.origin1, 'label':cityOriginName, 'tooltip':AvailabilityArray.originLabel1},
  76.                     {'title':AvailabilityArray.origin2, 'label':cityDestinationName, 'tooltip':AvailabilityArray.originLabel2}
  77.                 ]},
  78.                 {'blocks': [
  79.                     {'title':AvailabilityArray.date1|localizeddate('medium','none',null,null,'d MMM'), 'label':AvailabilityArray.date1|localizeddate('medium','none',null,null,'eeee'), 'tooltip':'Fecha de ida'},
  80.                     {'title':AvailabilityArray.date2|localizeddate('medium','none',null,null,'d MMM'), 'label':AvailabilityArray.date2|localizeddate('medium','none',null,null,'eeee'), 'tooltip':'Fecha de vuelta'}
  81.                 ]},
  82.                 {'blocks': [
  83.                     {'title':passengers, 'label':'Pasajero' ~ s, 'type':'passenger'}
  84.                 ]}]
  85.             %}
  86.         {% else %}
  87.             {% set roundtrip = false %}
  88.             {% if AvailabilityArray.route == 'aviatur_flight_oneway' %}
  89.                 {% set search_entities =
  90.                     [{'blocks': [
  91.                         {'title':AvailabilityArray.origin1, 'label':cityOriginName, 'tooltip':AvailabilityArray.originLabel1},
  92.                         {'title':AvailabilityArray.destination1, 'label':cityDestinationName, 'tooltip':AvailabilityArray.destinationLabel1}
  93.                     ]},
  94.                     {'blocks': [
  95.                         {'title':AvailabilityArray.date1|localizeddate('medium','none',null,null,'d MMM'), 'label':AvailabilityArray.date1|localizeddate('medium','none',null,null,'eeee'), 'tooltip':'Fecha de vuelo'}
  96.                     ]},
  97.                     {'blocks': [
  98.                         {'title':passengers, 'label':'Pasajero' ~ s, 'type':'passenger'}
  99.                     ]}]
  100.                 %}
  101.             {% else %}
  102.                 {% set multi = true %}
  103.                 {% set flightBlocks = [] %}
  104.                 {% set inner_separator = false %}
  105.                 {% for i in 1..flights %}
  106.                     {% if inner_separator %}
  107.                         {% set flightBlocks = flightBlocks|merge([
  108.                             {'separator':1}
  109.                         ]) %}
  110.                         {% set inner_separator = false %}
  111.                     {% endif %}
  112.                     {% set flightBlocks = flightBlocks|merge([
  113.                         {'title':attribute(AvailabilityArray, 'origin' ~ i), 'label':attribute(AvailabilityArray, 'date' ~ i)|localizeddate('medium','none',null,null,'d MMM'), 'tooltip':attribute(AvailabilityArray, 'originLabel' ~ i), 'type':'multi'}
  114.                     ]) %}
  115.                     {% if i < flights and attribute(AvailabilityArray, 'destinationLabel' ~ i) != attribute(AvailabilityArray, 'originLabel' ~ (i + 1)) %}
  116.                         {% set flightBlocks = flightBlocks|merge([
  117.                             {'title':attribute(AvailabilityArray, 'destination' ~ i), 'label':'', 'tooltip':attribute(AvailabilityArray, 'destinationLabel' ~ i), 'type':'multi'}
  118.                         ]) %}
  119.                         {% set inner_separator = true %}
  120.                     {% elseif i == flights %}
  121.                         {% set flightBlocks = flightBlocks|merge([
  122.                             {'title':attribute(AvailabilityArray, 'destination' ~ i), 'label':'', 'tooltip':attribute(AvailabilityArray, 'destinationLabel' ~ i), 'type':'multi'}
  123.                         ]) %}
  124.                     {% endif %}
  125.                 {% endfor %}
  126.                 {% set search_entities =
  127.                     [{'blocks':flightBlocks},
  128.                     {'blocks': [
  129.                         {'title':passengers, 'label':'Pasajero' ~ s, 'type':'passenger'}
  130.                     ]}]
  131.                 %}
  132.             {% endif %}
  133.         {% endif %}
  134.         {% embed twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_resumeSearch.html.twig') with {'entities': search_entities, 'roundtrip': roundtrip, 'multi': multi} %}
  135.             {% block resume_id %}resumeSearchFlight{% endblock %}
  136.             {% block resume_custom_class %}resume-search--flight{% endblock %}
  137.             {% block resume_content %}
  138.                 {{ parent() }}
  139.                 <div class="resume-search__engine js-newSearchEngine hidden-all">
  140.                     <!--i class="icon icon_search_close"></i-->
  141.                     <span class="resume-search__engine__close js-closeSearchEngine material-symbols-outlined mt-3">close</span>
  142.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine.html.twig') %}
  143.                 </div>
  144.             {% endblock %}
  145.         {% endembed %}
  146.         <div class="wrapper-susy">
  149.             <div class="dispo-shared__topbar js-topbarOptions" style="display:none">
  151.                 {% if showCalendar == true %}
  152.                     <div class="dispo-calendar__toogle-btn btn inline-block sp-stack pull-right hide-palm js-toogleCalendar" data-toogle="0" style="display:none;">Ver Calendario +/- 3 días</div>
  153.                     <div id="CalendarWidget" class="dispo-calendar__widget hide-palm" style="display:none;">
  154.                         <div class="dispo-calendar__container frame clearfix js-calendarFrame" style="display:none;">
  155.                             <div id="js-targetCalendar" class="dispo-calendar__table-wrapper" data-state="init"></div>
  156.                         </div>
  157.                     </div>
  158.                 {% endif %}
  159.                 {% if parameters['aviatur_ff_enabled'] == 1 %}
  160.                     <div class="dispo-shared__ff-options pull-left js-ffOptions" data-state="loading" style="display:none;">
  161.                         <div class="nav-option js-ffOption" data-fftype="price">Por precio</div>
  162.                         {#<div class="nav-option js-ffOption" data-fftype="fare">Por aerolínea</div>#}
  163.                         {#<div class="nav-option js-ffOption" data-fftype="horary">Por horario</div>#}
  164.                     </div>
  165.                 {% endif %}
  166.                 {% if((urlDescription.short != '') and (urlDescription.long != '')) %}
  167.                     <div class="clearfix">
  168.                         <div class="js-showDescription justify" style="display:none">{{ urlDescription.short|raw }}...</div>
  169.                         <div class="js-showDescription">{{ urlDescription.long|raw }}</div>
  170.                         <span class="link-span js-toogleInfoDisplay js-resultFlDesc resultFlDesc-showMore" data-target=".js-showDescription" style="display:none">ver menos</span>
  171.                     </div>
  172.                 {% endif %}
  173.                 {#<div class="dispo-flight__title-wrapper type-main">
  174.                     <p class="dispo-flight__title hidden-palm">
  175.                         ¡Encontramos <b class="js-availOptions">xxx</b> opciones de tarifas para tu viaje!
  176.                     </p>
  177.                     <p class="dispo-flight__title hidden-lap-and-up">
  178.                         ¡Te presentamos las <b class="js-availOptions">xxx</b> mejores opciones de tarifas para tu viaje!
  179.                     </p>
  180.                 </div>#}
  181.                 {% if parameters['aviatur_ff_enabled'] == 1 %}
  182.                     <div class="btn btn--full sp-stack js-toggleFilters js-toggleFilterAvail hidden-lap-and-up" data-state="0">Ver filtros</div>
  183.                     <div class="wrapper-susy js-availFilters js-toggleFilterAvail hidden-palm" style="display:none">
  184.                         {#<span class="resume-search__engine__close js-closeFilters hidden-lap-and-up">
  185.                             <i class="icon icon_search_close"></i>
  186.                         </span>#}
  187.                         <div class="col-3 sm-12 sp-stack relative">
  188.                             <div class="dispo-shared__filter-container--full">
  189.                                 <div class="dispo-shared__filter-order js-orderResults" data-order="price" data-state="asc" role="button" tabindex="0">Precio<i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i></div>
  190.                                 <span class="dispo-shared__filter-options js-filterOptions" data-slidetoggle="js-priceFilters" role="button" tabindex="0"><small><i class="icon icon_arrow_down" data-icon1="icon_arrow_up" data-icon2="icon_arrow_down"></i></small></span>
  191.                             </div>
  192.                             <div class="dispo-shared__filter-options__picker picker js-priceFilters" style="display:none;">
  193.                                 <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  194.                                 <div class="js-filterUnit" style="display: none;">
  195.                                     <input type="text" id="js-price" class="dispo-flight__filter__input" readonly="">
  196.                                     <div id="js-slider-price" class="dispo-flight__filter__slider ui-slider"></div>
  197.                                 </div>
  198.                             </div>
  199.                         </div>
  200.                         <div class="col-3 sm-12 sp-stack relative">
  201.                             <div class="dispo-shared__filter-container--full">
  202.                                 <div class="dispo-shared__filter-order js-orderResults" data-order="dephour" data-state="asc" role="button" tabindex="0">Hora de salida<i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i></div>
  203.                                 <span class="dispo-shared__filter-options js-filterOptions" data-slidetoggle="js-deptimeFilters" role="button" tabindex="0"><small><i class="icon icon_arrow_down" data-icon1="icon_arrow_up" data-icon2="icon_arrow_down"></i></small></span>
  204.                             </div>
  205.                             <div class="dispo-shared__filter-options__picker picker js-deptimeFilters" style="display:none;">
  206.                                 <h3>Hora</h3>
  207.                                 {% for i in 1..flights %}
  208.                                     <p class="dispo-flight__filter__title">Salida Vuelo {{i}}</p>
  209.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  210.                                     <div class="js-filterUnit" style="display: none;">
  211.                                         <input type="text" id="js-hour-dephour-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  212.                                         <div id="js-slider-hour-dephour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  213.                                     </div>
  214.                                     <p class="dispo-flight__filter__title">Llegada Vuelo {{i}}</p>
  215.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  216.                                     <div class="js-filterUnit" style="display: none;">
  217.                                         <input type="text" id="js-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  218.                                         <div id="js-slider-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  219.                                     </div>
  220.                                 {% endfor %}
  221.                             </div>
  222.                         </div>
  223.                         <div class="col-3 sm-12 sp-stack relative">
  224.                             <div class="dispo-shared__filter-container--full">
  225.                                 <div class="dispo-shared__filter-order js-orderResults" data-order="duration" data-state="asc" role="button" tabindex="0">Duraci&oacute;n<i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i></div>
  226.                                 <span class="dispo-shared__filter-options js-filterOptions" data-slidetoggle="js-durationFilters" role="button" tabindex="0"><small><i class="icon icon_arrow_down" data-icon1="icon_arrow_up" data-icon2="icon_arrow_down"></i></small></span>
  227.                             </div>
  228.                             <div class="dispo-shared__filter-options__picker picker js-durationFilters" style="display:none;">
  229.                                 <h3>Tiempo de Vuelo</h3>
  230.                                 {% for i in 1..flights %}
  231.                                     <p class="dispo-flight__filter__title">Vuelo {{i}}</p>
  232.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  233.                                     <div class="js-filterUnit" style="display: none;">
  234.                                         <input type="text" id="js-flight-time-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  235.                                         <div id="js-slider-flight-time-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  236.                                     </div>
  237.                                 {% endfor %}
  238.                             </div>
  239.                         </div>
  240.                         <div class="col-3 sm-12 sp-stack relative">
  241.                             <div class="dispo-shared__filter-container">
  242.                                 <div class="dispo-shared__filter-more js-slidePicker" data-slidetoggle="js-miscFilters" role="button" tabindex="0">Otros filtros<i class="icon icon_options sp-inline"></i></div>
  243.                             </div>
  244.                             <div class="dispo-shared__filter-options__picker picker js-miscFilters" style="display:none;">
  245.                                 <h3 class="condensed">Aerolineas</h3>
  246.                                 <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  247.                                 <div class="sp-stack js-filterUnit" data-entity="airlines" style="display: none;"></div>
  248.                                 <h3 class="condensed">Escalas</h3>
  249.                                 <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  250.                                 <div class="sp-stack js-filterUnit" data-entity="stops" style="display: none;"></div>
  251.                                 <h3 class="condensed">Aeropuertos</h3>
  252.                                 <div class="js-miscFiltersAirports">
  253.                                     <div class="js-ajaxLoader" style="display:none;">
  254.                                         <div class="dispo-shared__filter-loader circularG"></div>
  255.                                     </div>
  256.                                     <div class="js-filterUnit" data-entity="airports"></div>
  257.                                 </div>
  258.                             </div>
  259.                         </div>
  260.                     </div>
  261.                 {% endif %}
  262.             </div>
  267.             {% if parameters['aviatur_ff_enabled'] == 0 %}
  268.                 <div class="dispo-shared__sidebar hide-portable">
  269.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Flight/Default/availability_filter.html.twig') %}
  270.                 </div>
  271.             {% endif %}
  273.             <div class="relative {% if parameters['aviatur_ff_enabled'] == 1 %}dispo-shared__content-full-width{% else %}dispo-shared__content{% endif %}">
  276.                 <div class="js-flightLoader">
  277.                     {% set loading = twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_loadingWorld.html.twig') %}
  278.                     {{ include (loading, {'spinText':"Buscando vuelos " ~ cityOriginName ~ " - " ~ cityDestinationName ~ "..."}) }}
  279.                 </div>
  281.                 <div class="dispo-shared__results dispo__flight">
  282.                     <div class="dispo-shared__results-spinner js-resultsSpinner" style="display:none;">
  283.                         <svg class="mat-loader--200 center-block" height="200" width="200">
  284.                         <circle class="mat-loader--200__path" cx="100" cy="100" r="80" fill="none" stroke-width="6" stroke-miterlimit="10" />
  285.                         </svg>
  286.                     </div>
  287.                     <input type="" value="" name="PD[js-pdpoint]" id="js-prueba" class="text-input--inline js-pdpoint hidden-all"  readonly>
  288.                 <!--    <script>
  289.             jQuery(document).ready(function () {
  290.                 {#utag.view({
  291.                     "tealium_event": "SCREEN_VIEW",
  292.                     "pagePath": location.pathname,
  293.                     "origen1": jQuery("#origin1").val(),
  294.                     "destino1": jQuery("#destination1").val(),
  295.                     "fechaIda1": jQuery("#date1").val(), /*AAMMDD*/
  296.                     "fechaVuelta1": jQuery("#date-return1").val() /*Opcional AAMMDD*/,
  297.                     "resultado": jQuery('.dispo-flight__frame').length>0?"SI":"NO"
  298.                 });#}
  299.             });
  300.                     </script>-->
  302.                     <div id="results">
  303.                         {% if pointRedemption is defined and pointRedemption is not null and pointRedemption|length > 0 %}
  304.                             <div id="js-pointRedemption-mobile" class=" col-12"></div>
  305.                             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Templates/redemptionPointWidged.html.twig') %}
  306.                         {% endif %}
  307.                         <script type="text/javascript">
  308.                             jQuery('#js-pointRedemption-mobile').hide();
  309.                         </script>
  310.                         <div id="flight-results" class="dispo-shared__recommendations" style="display:none;"></div>
  311.                         <div class="clearfix js-paginatorTarget" style="display:none;"></div>
  313.                     </div>
  314.                 </div>
  316.             </div>
  318.         </div>
  319.     </div>
  321.     <div id="js-panel-detailAvailability" class="slidePanel slidePanel--right">
  322.         <div class="slidePanel-header">
  323.             <button type="button" class="btn btn--accent close-slidePanel"  data-panel="#js-panel-detailAvailability">
  324.                 <i class="icon icon_chevron_left">&lt;&nbsp;</i>
  325.                 Volver
  326.             </button>
  327.         </div>
  328.         <div class="slidePanel-body is-withHeader">
  329.             <div id="js-spinner-detailAvailability" class="overlay overlay--inDiv" style="display: none;">
  330.                 <div class="overlay-center">
  331.                     <div id="js-spinOverlay-detailAvailability" class="spinOverlayLoading"></div>
  332.                     <p class="spin-text js-globalOverlay-text">Al finalizar tu compra podrás seleccionar la cantidad de puntos a redimir</p>
  333.                 </div>
  334.             </div>
  335.             <div id="js-body-detailAvailability"></div>
  336.         </div>
  337.     </div>
  338.     <div id="js-scrollTopBtn" class="btn--scroll-top pointer" role="button">▲</div>
  339.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/General/search_datepickerContainer.html.twig') %}
  340.     {#{% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Templates/modalRedemptionPoints.html.twig')%}#}
  341. {% endblock %}
  343. {% block javascripts_bottom %}
  344.     {{ parent() }}
  345.     <script src="{{ script('AgencyBundle//tuplusFlightBundle.js' ) }}"></script>
  346.     <script type="text/javascript">
  347.         var dateEndCencosud = '2018-06-30';
  348.         var originIATA = ['BOG', 'CLO', 'SMR', 'BGA', 'BAQ', 'CTG', 'CUC', 'LET', 'MDE', 'MTR', 'PEI', 'ADZ', 'VUP'];
  349.         var destinationIATA = ['ANF', 'CJC', 'COR', 'PMC', 'SCL', 'AQP', 'CUZ', 'JUL', 'LIM', 'BUE', 'FTE', 'IGR', 'ANF', 'RIO', 'SAO', 'IGU', 'CWB', 'POA', 'SYD', 'MEL', 'BNE', 'AKL', 'LPB', 'ASU', 'MVD', 'VVI', 'USH', 'FOR', 'REC', 'BSB', 'SSA', 'IGR', 'IQQ', 'PUQ', 'MAO', 'RGL', 'PPT', 'FLN', 'UIO', 'GYE', 'LSC', 'TUC', 'CCP', 'PCL', 'ZCO', 'ARI', 'AUA', 'CUN', 'MIA'].concat(originIATA);
  350.     </script>
  351.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/General/search_js.html.twig') %}
  352.     {% if parameters['aviatur_xtreme_search_enabled'] is defined and parameters['aviatur_xtreme_search_enabled'] == 1 %}
  353.         <script type="text/javascript">
  354.             var xtremeSearchUrl = '{{ parameters['aviatur_xtreme_search_url'] }}';
  355.         </script>
  356.     {% else %}
  357.         <script src="{{ script('GeneralBundle//component_paginator.js') }}"></script>
  358.     {% endif %}
  359. {% endblock javascripts_bottom %}