templates/FrontCommun/SejourHotel/availability/list-hotels.html.twig line 1

Open in your IDE?
  1. <div class="property-listing list-view" id="vjs-list-hotels">
  2.     <div v-if="hotel_loading>0">
  3.         {% if configAffichage.HOTEL.LOADING_LIST == 'html' %}
  4.             {% include checkCustomTemplate('SejourHotel/availability/load-full-screen.html.twig') %}
  5.         {% elseif configAffichage.HOTEL.LOADING_LIST == 'recap' %}
  7.             <div id="loftloader-wrapper" data-load-time="3000"
  8.                  style="visibility:visible !important;transform: translateX(0) !important; height: 100vh !important;background-size: 100% 100% !important;z-index: 9999;">
  9.                 <div class="loader-inner">
  10.                     <div id="loader" style="opacity:1 !important">
  11.                         <p class="loading" style="height: 100% !important; width:100% !important;">
  12.                             <img class="load"
  13.                                  src=" {{ domaineBack() }}/{{ asset(image|default('/file_manager/source/landing-list.gif')) }}">
  14.                         </p>
  15.                         <p class="recap"> {{ "Recherche en cours"|trans }}
  16.                             {#{{ "On est entrain de vous chercher les meilleures offres pour"|trans}} #} </p>
  17.                         <p class="recap" id="recapVille"><i aria-hidden="true" class="fas fa-map-marker-alt fa-1 mr-2"></i>
  18.                             ${ recap.destination }</p>
  19.                         <p class="recap" id="recapDate"><i aria-hidden="true" class="fa fa-calendar fa-1 mr-2"></i> ${
  20.                             recap.checkin } AU ${ recap.checkout }</p>
  21.                         <p class="recap" id="recapOccupation"><i aria-hidden="true"
  22.                                                                  class="fa input-users fa-1 mr-2"></i> ${
  23.                             recap.occupations }</p>
  24.                     </div>
  25.                 </div>
  26.             </div>
  27.         {% else %}
  29.             {% if plateforme_hotel == 'true' %}
  30.                 <template v-for="item in nbr_room">
  31.                     <div class="ssc-card ssc-wrapper">
  32.                         <div class="row" ref="listeHotels">
  33.                             <div class="col-md-4">
  34.                                 <div class="ssc-line mb w-100"></div>
  35.                             </div>
  36.                         </div>
  37.                         <br>
  38.                         <div class="row">
  39.                             <div class="col-md-4">
  40.                                 <div class="ssc-square mb w-100"></div>
  41.                             </div>
  42.                             <div class="col-md-8">
  43.                                 <div class="ssc-square mb w-100"></div>
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 </template>
  48.             {% else %}
  49.                 <template v-for="item in hotel_loading">
  50.                     <div class="ssc-card ssc-wrapper">
  51.                         {% if not onlyHotelPrice is defined or not onlyHotelPrice %}
  52.                             <div class="row">
  53.                                 <div class="col-md-4">
  54.                                     <div class="ssc-square mb"></div>
  55.                                 </div>
  56.                                 <div class="col-md-6">
  57.                                     <div class="ssc-line mb"></div>
  58.                                     <div class="ssc-line mb w-50"></div>
  59.                                     <div class="ssc-square mb" style="height: 94px"></div>
  60.                                 </div>
  61.                                 <div class="col-md-2">
  62.                                     <div class="ssc-square mb"></div>
  63.                                 </div>
  64.                             </div>
  65.                         {% endif %}
  67.                         {% if app.request.get('product') == "appartement" %}
  68.                             {% if app.request.get('_route') != 'sejour_hotel_availability' or app.request.get('_route') != 'sejour_appartement_availability'%}
  69.                                 <div class="row">
  70.                                         <div class="col-md-5 pull-right">
  71.                                             <div class="ssc-line mb w-100"></div>
  72.                                         </div>
  73.                                 </div>
  74.                             {% endif %}
  75.                         {% elseif hotelSearchOnlyDetails|default('false') == 'false' %}
  76.                             {% if app.request.get('_route') != 'sejour_hotel_availability' or app.request.get('_route') != 'sejour_appartement_availability' %}
  77.                                 <div class="row">
  78.                                     {% if resultView in ['combin-room-pension','room-pension'] %}
  79.                                         <div class="col-md-12">
  80.                                             <div class="ssc-line mb w-100"></div>
  81.                                         </div>
  82.                                     {% else %}
  83.                                         <div class="col-md-4">
  84.                                             <div class="ssc-line mb w-100"></div>
  85.                                         </div>
  86.                                         <div class="col-md-4">
  87.                                             <div class="ssc-line mb w-100"></div>
  88.                                         </div>
  89.                                         <div class="col-md-4">
  90.                                             <div class="ssc-line mb w-100"></div>
  91.                                         </div>
  92.                                     {% endif %}
  93.                                 </div>
  94.                                 <br>
  95.                                 <div class="row">
  96.                                     <div class="col-md-12">
  97.                                         <div class="ssc-square mb{{ resultView in ['pension-combin-room','combin-room-pension'] ? ' h-300' : '' }}"></div>
  98.                                     </div>
  99.                                 </div>
  100.                             {% endif %}
  101.                         {% endif %}
  103.                     </div>
  104.                     <br>
  105.                 </template>
  106.             {% endif %}
  107.         {% endif %}
  109.     </div>
  112.     <template v-if="hotels.length == 0 && hotel_loading == 0">
  113.         {{ macro('sejour-hotel.availability').zeroResultat() }}
  114.     </template>
  116.     <div class="row">
  117.         <!-- Barre de progression -->
  118.         <template>
  119.             <div v-if="progressHotels > 0 && progressHotels < 100" class="progress mt-3" style="height: 20px;display: block !important;">
  120.                 <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
  121.                      :style="'width: ' + progressHotels + '%'"
  122.                      :aria-valuenow="progressHotels" aria-valuemin="0" aria-valuemax="100">
  123.                     ${ progressHotels }% (${ loadedHotels }/${ totalHotels })
  124.                 </div>
  125.             </div>
  126.         </template>
  127.         <!-- Fin barre de progression -->
  128.         <div ref="listeHotels">
  129.             <paginate name="pagin_hotels" :list="filteredHotels" :per="paginate_per" tag="div"
  130.                       class="paginate-hotels" ref="paginator">
  131.                 <template v-for="(response , index_hotel) in paginated('pagin_hotels')">
  132.                     <item-hotel :key="'hotel-' + index_hotel + '-' + response.Hotel.Id + '-' + response.Source" :index_hotel=index_hotel
  133.                                 :response=response></item-hotel>
  134.                 </template>
  135.             </paginate>
  136.         </div>
  137.     </div>
  138.     <!--end property items-->
  139.     <hr class="hr-list-hotel">
  140.     <!--start Pagination-->
  141.     <div class="pagination-main">
  142.         <paginate-links for="pagin_hotels" :show-step-links="true" :limit="4"
  143.                         :classes="{'ul': 'pagination'}"
  144.                         :hide-single-page="true" @click.native="scrollToTopHotels">
  145.         </paginate-links>
  146.         <!--start Pagination-->
  147.     </div>
  149.     {% if product is defined and product =='appartement' %}
  150.         {% set url='tarif_dispo_appartement' %}
  151.     {% else %}
  152.         {% set url='tarif_dispo' %}
  153.     {% endif %}
  155.     <form action="{{ path(url) }}" ref="tarifDispo" id="tarif-dispo" target="_blank" method="post">
  156.         <textarea name="BookingCreation" hidden ref="requestBookingCreation"></textarea>
  157.     </form>
  159. </div>