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

Open in your IDE?
  1. {% include checkCustomTemplate('SejourHotel/availability/vuejs-components/item-hotel.html.twig')  %}
  2. <script>
  3.     let itemHotel2 = itemHotel
  4.     var vjsListHotels = new Vue({
  5.         el: "#vjs-list-hotels",
  6.         data: {
  7.             paginate: ['pagin_hotels'],
  8.             hotels: [],
  9.             BookingCreation: [],
  10.             hotel_loading: 1,
  11.             nbr_room: 0,
  12.             paginate_per: {{ configAffichage.HOTEL.INTERVALLE_PAGINATION|split('default')[1] }},
  14.             progressHotels: 0, // Ajout pour la barre de progression
  15.             totalHotels: 0, // Ajout pour la barre de progression
  16.             loadedHotels: 0, // Ajout pour la barre de progression
  18.             recap: {
  19.                 checkin: '',
  20.                 checkout: '',
  21.                 destination: '',
  22.                 occupations: ''
  23.             }
  24.         },
  25.         computed: {
  26.             filteredHotels() {
  27.                 return this.hotels
  28.                     .filter(htl => {
  29.                         if (typeof vjsSearchNomsHotels === 'undefined' || typeof vjsRefineResult === 'undefined')
  30.                             return true;
  32.                         return (
  33.                             (vjsSearchNomsHotels.filtre_noms.length == 0 || $.inArray(htl.Hotel.Name, vjsSearchNomsHotels.filtre_noms) != -1) &&
  34.                             (vjsRefineResult.filtre_etoiles.length == 0 || $.inArray(htl.DataFiltre.etoiles + '', vjsRefineResult.filtre_etoiles) != -1) &&
  36.                             (vjsRefineResult.filtre_arrangements.length == 0 || ($(htl.DataFiltre.arrangements).filter(vjsRefineResult.filtre_arrangements)).length > 0) &&
  37.                             (vjsRefineResult.filtre_zones.length == 0 || $.inArray(htl.DataFiltre.zone, vjsRefineResult.filtre_zones) != -1) &&
  38.                             (vjsRefineResult.filtre_tags.length == 0 || ($(htl.DataFiltre.tags).filter(vjsRefineResult.filtre_tags)).length > 0) &&
  39.                             (vjsRefineResult.filtre_chambres.length == 0 || ($(htl.DataFiltre.chambres).filter(vjsRefineResult.filtre_chambres)).length > 0) &&
  41.                             (!vjsRefineResult.filtre_recommander || htl.DataFiltre.recommander > 0) &&
  42.                             (!vjsRefineResult.filtre_promo || htl.DataFiltre.promo > 0) &&
  43.                             (!vjsRefineResult.filtre_enfant_gratuit || htl.DataFiltre.enfantGratuit) &&
  44.                             (!vjsRefineResult.filtre_rembourssable || htl.DataFiltre.rembourssable) &&
  45.                             (htl.min_arrangement.min_prices >= vjsRefineResult.filre_prix[0] && htl.min_arrangement.min_prices <= vjsRefineResult.filre_prix[1]) &&
  46.                             (!vjsRefineResult.filtre_disponible || htl.DataFiltre.disponible)
  47.                         )
  48.                     })
  49.                     .sort((a, b) => {
  50.                             if (typeof vjsSortResult === 'undefined')
  51.                                 return true;
  53.                             let trie = vjsSortResult.trie.split('-')[0]
  54.                             let direction = (vjsSortResult.trie.split('-')[1] == 'asc' ? 1 : -1)
  56.                             var a1 = a.DataSort[trie], b1 = b.DataSort[trie];
  57.                             if (a1 == b1) return 0;
  58.                             return a1 > b1 ? 1 * direction : -1 * direction;
  59.                         }
  60.                     );
  61.             }
  62.         },
  63.         methods: {
  64.             scrollToTopHotels() {
  65.                 // Force le scroll à fonctionner avec plusieurs méthodes
  66.                 const self = this;
  67.                 
  68.                 // Attendre que le DOM soit complètement mis à jour
  69.                 this.$nextTick(() => {
  70.                     // Méthode 1: scroll sur l'élément ref
  71.                     if (self.$refs.listeHotels) {
  72.                         try {
  73.                             if (typeof self.$refs.listeHotels.scrollIntoView === 'function') {
  74.                                 self.$refs.listeHotels.scrollIntoView({
  75.                                     behavior: 'smooth',
  76.                                     block: 'start'
  77.                                 });
  78.                             }
  79.                         } catch(e) {
  80.                             console.log('Erreur scrollIntoView:', e);
  81.                         }
  82.                     }
  83.                     
  84.                     // Attendre un peu puis appliquer les fallbacks
  85.                     setTimeout(() => {
  86.                         // Méthode 2: window.scrollTo
  87.                         try {
  88.                             window.scrollTo({
  89.                                 top: 0,
  90.                                 behavior: 'smooth',
  91.                                 left: 0
  92.                             });
  93.                         } catch(e) {
  94.                             console.log('Erreur window.scrollTo:', e);
  95.                         }
  96.                         
  97.                         // Méthode 3: document.documentElement
  98.                         try {
  99.                             document.documentElement.scrollTop = 0;
  100.                             document.documentElement.scrollLeft = 0;
  101.                         } catch(e) {
  102.                             console.log('Erreur documentElement:', e);
  103.                         }
  104.                         
  105.                         // Méthode 4: document.body
  106.                         try {
  107.                             document.body.scrollTop = 0;
  108.                             document.body.scrollLeft = 0;
  109.                         } catch(e) {
  110.                             console.log('Erreur body:', e);
  111.                         }
  112.                         
  113.                         // Méthode 5: jQuery si disponible
  114.                         if (typeof $ !== 'undefined') {
  115.                             try {
  116.                                 $('html, body').animate({scrollTop: 0}, 'slow');
  117.                             } catch(e) {
  118.                                 console.log('Erreur jQuery:', e);
  119.                             }
  120.                         }
  121.                     }, 300);
  122.                 });
  123.             }
  124.         },
  125.         updated() {
  126.             checkEllipsisActive('#vjs-list-hotels')
  127.         },
  128.         watch: {
  129.             filteredHotels(newVal, oldVal) {
  130.                 if (newVal.length !== 0 && oldVal.length === 0) {
  131.                     setTimeout(() => {
  132.                         if (this.$refs.paginator) {
  133.                             this.$refs.paginator.goToPage(1)
  134.                         }
  135.                     }, 50)
  136.                 }
  137.             }
  138.         },
  139.         components: {itemHotel, itemHotel2}
  140.     })
  141. </script>