Book Flight + Hotel Vacation Packages | Spirit Vacations (2024)

${renderViewMoreButton()}`; } function renderCarousel(){ return `

`; } function renderDealCard(item, classes){ const renderImage = (item) => { return `

${item['night_stay']} ${item['night_stay'] == 1 ? labels.stay_title : labels.stays_title}

`; } const renderIinerary = (item) => { return `

${labels.prep_destination_place} ${item.destination_city_name.toLowerCase()}

${labels.prep_origin_place} ${item.origin_city_name.toLowerCase()}

`; } const renderStars = (item) => { var rating = item['hotel_rating']; if(!rating){ return ""; } return `

`; } const renderDestination = (item) => { return `

`; } return `

`; } function renderDealRow(item, classes){ const renderItinerary = () => { return `

${labels.prep_destination_place} ${item.destination_city_name.toLowerCase()}

${labels.prep_origin_place} ${item.origin_city_name.toLowerCase()}

`; } return `

${labels.departure_date} ${item.departure_date_short}

${labels.return_date} ${item.return_date_short}

`; } function renderPriceCell(item){ return`

${labels.prep_starting_price}

${item.full_price}*

${isTable ? labels['perperson_title'] : labels['perperson_long_title']}

${labels.last_seen} ${item.price_last_seen.value} ${labels['last_seen_' + item.price_last_seen.unit]}

`; } function renderViewMoreButton(){ if(!hasHiddenDeals){ return ""; } return `

`; } function renderDeals(){ var result = ''; current_widget['deals'].forEach((item, idx) => { result = result + (isTable ? renderDealRow(item, getItemClasses(idx)) : renderDealCard(item, getItemClasses(idx))); }); return result; } const getItemClasses = (item_index) => { const meta = current_widget['metadata']; var classes = isTable ? 'offer-row' : 'pw-card'; classes = classes + (isHotel ? ' pw-card-hotel' : ' pw-card-route'); hasHiddenDeals = false; if(isTable && (item_index >= 12|| (isMobile && item_index >= 2))){ classes = classes + ' pw-hidden-card'; hasHiddenDeals = true; } if(meta['visualization_type'] == 'GRID' && (item_index >= 12 || (isMobile && item_index >= 2))){ classes = classes + ' pw-hidden-card'; hasHiddenDeals = true; } if(meta['visualization_type'] == 'CAROUSEL'){ classes = classes + ' swiper-slide'; } if(!isTable && meta['include_images']){ classes = classes + ' has-image'; } return classes; } function getDealMetadata(item){ var wl_em_link = 'price-widget-packages-table'; if (current_widget['metadata']['visualization_type'] == 'GRID') { wl_em_link = 'price-widget-packages-grid'; } if (current_widget['metadata']['visualization_type'] == 'CAROUSEL') { wl_em_link = 'price-widget-packages-carousel'; } return ` trfx-booking data-oac="${item.origin_airport_code}" data-dac="${item.destination_airport_code}" data-departure-date="${item.departure_date_standard}" data-travel-class="${item.travel_class}" data-price="${item.full_price}" data-return-date="${item.return_date_standard}" data-title="${item.origin_city_name} ${labels.prep_destination_place} ${item.destination_city_name}" data-sub="${config.dates_title}: ${item.departure_date_standard} ${(item.return_date ? ' - ' + item.return_date_standard : '')}" data-promo-code="${(item.promo_code || '')}" data-site-edition="${config.site_edition}" data-currency-code="${item.currency_code}" data-hotelId="${item.hotel_id}" data-wl_em_link="${wl_em_link}"`; } //todo $('.pw-view-more').on('click', function(){ $(this).parent('.price-widget-deals').children('.pw-hide').addClass('show'); $(this).text = labels['pw-show-less']; }); function renderWidgets(data, isRemote){ ids.forEach(function(id){ //normalize data current_widget['id'] = id; current_widget['metadata'] = isRemote ? data['metadata'][id] : getRemoteMeta(id); current_widget['deals'] = isRemote ? data[id] : pricing_widgets['price_widget-' + id]['deals']; isTable = current_widget['metadata']['visualization_type'] == 'TABLE' || current_widget['metadata']['visualization_type'] == ''; if(isMobile && current_widget['metadata']['visualization_type'] == 'GRID'){ current_widget['metadata']['visualization_type'] = 'CAROUSEL'; } if(isMobile && isTable){ isTable = false; current_widget['metadata']['visualization_type'] = 'GRID'; } isHotel = current_widget['metadata']['module_type'] == 'HOTEL'; hasImages = current_widget['metadata']['include_images']; //render var html = ''; if(isHotel){ current_widget['deals'].sort(function(a, b){ return b.night_stay - a.night_stay }); } if(isTable){ html = renderTable(current_widget['metadata'], current_widget['deals'], current_widget['labels']); } if(current_widget['metadata']['visualization_type'] == 'GRID'){ html = renderGrid(current_widget['metadata'], current_widget['deals'], current_widget['labels']); } if(current_widget['metadata']['visualization_type'] == 'CAROUSEL'){ html = renderCarousel(current_widget['metadata'], current_widget['deals'], current_widget['labels']); } //attach html $('[data-price-widget="' + id + '"]').children('.price-widget-deals').html(html); $('[data-price-widget="' + id + '"]').parent().parent().attr("data-em-dpa-type", current_widget['metadata']['visualization_type']); const delay = ms => new Promise(res => setTimeout(res, ms)); (async() => { await delay(500);})(); //initialize js-comp if needed if(current_widget['metadata']['visualization_type'] == 'CAROUSEL'){ initSwiper(id); } initHandlers(); //remove placeholder var selector = '[data-price-widget="' + id + '"]'; document.querySelectorAll(selector).forEach(function (element) { element.classList.remove("async"); }); }); } function initSwiper(id){ swipers[id] = new Swiper("#swiper-" + id, { spaceBetween: 20, breakpoints: { 420: { slidesPerView: 1, slidesPerGroup: 1 }, 658: { slidesPerView: 2, slidesPerGroup: 2 }, 980: { slidesPerView: 3, slidesPerGroup: 3 }, 1200: { slidesPerView: 4, slidesPerGroup: 4 } }, pagination: { el: "#swiper-pag-" + id, clickable: true }, navigation: { nextEl: ".swiper-button-next-" + id, prevEl: ".swiper-button-prev-" + id } }); } function getRemoteMeta(id){ const pw = pricing_widgets['price_widget-' + id]; return { visualization_type: pw['fare_visualization_type'], module_type: pw['module_type'], include_images: pw['include_images'] } } function initHandlers(){ var buton_selector = `#view-more-${current_widget['id']}`; $(buton_selector).click(function(){ const $this = $(this); const steps = $this.data('step'); const $parent = $(this).parents('.price-widget-deals'); for(var i=0; i