Vue.component('round-trip',{ name: 'RoundTrip', components:{ 'date-calendar': DateCalendar }, props:['isSessionDefined', 'freeUserInfo', 'booktravelPage'], data:()=> ({ hasApiMessage: false, apiMessage: MESSAGE_IF_RESPONSE_FALSE, departure: { name: '', result: '', }, arrival: { name: '', result: '', }, departDate:null, arrivalDate: null, items: [0, 1, 2, 3, 4, 5, 6], adults: 1, seniors: 0, infants: 0, childs: 0, cabinClasses: [ { title: 'Economy', value: 'Economy' }, { title: 'Premium Economy', value: 'PremiumEconomy' }, { title: 'Business', value: 'Business' }, { title: 'First', value: 'First' } ], cabinClass: 'Economy', connections: [ { title: 'Direct', value: 'Direct' }, { title: 'One Connection', value: 'OneConn' }, { title: 'All', value: 'All' } ], connection: 'All', loading: false, nearbyDest: false, nearbySource: false, }), /* mounted(){ if(window.localStorage.getItem('roundTripFlightSearchedData') !== null){ this.checkSession(); } this.bindSessionData(); }, */ watch:{ departure:{ deep: true, handler(obj){ this.nearbySource = obj.result.type === 'City' } }, arrival:{ deep: true, handler(obj){ this.nearbyDest = obj.result.type === 'City' } } }, methods: { submitForm() { let valid = this.$refs['roundTripForm'].validate(); if (!valid) { let x = this.$el.querySelector('.v-text-field__details'); this.$vuetify.goTo(x.parentElement.parentElement.parentElement); return false; } var agentData = { "username": this.freeUserInfo.getSiteUserName, "password": this.freeUserInfo.getSitePassword, "domain": DOMAIN }; let reqPayLoad = { search: true, source: [this.departure.result.iata], sourceType: [this.departure.result.type], dest: [this.arrival.result.iata], destType: [this.arrival.result.type], date: [this.departDate, this.arrivalDate], airportArriveRound: [this.arrival.result.name], airportDepartRound: [this.departure.result.name], adults: this.adults, cabinClass: this.cabinClass, connections: this.connection, flightType: 'roundTrip', nearbySource: [this.nearbySource], nearbyDest: [this.nearbyDest], seniors: this.seniors, child: this.childs, infants: this.infants, sortBy: 'asc', searchId: null, }; var searchData = reqPayLoad; var searchEngine = { "engine": "flights" }; let self = this; var settings = { "async": true, "crossDomain": true, "url": API_URL+SEARCH_REQUESTS_ENDPOINTS['flights'], "type": "POST", "headers": { "Accept": "application/json", "Content-Type": "application/json", }, "data": JSON.stringify({ "data": [{ "agentData": agentData, "searchData": searchData, "searchEngine": searchEngine, "searchId": "" }] }), beforeSend: function () { self.loading = true; }, error: function (response) { self.loading = false; self.hasApiMessage = true; self.apiMessage = response.responseJSON.message; let elementOffset = $('#element').offset(); window.scrollTo({ top: elementOffset.top, behavior: 'smooth' }); } }; $.ajax(settings).done(function (response) { if (response.success) { self.loading = false; const redirecturl = REDIRECT_URL+"flights?searchId=" + response.data .searchId + "&token=" + response.data.token; window.location.href = redirecturl; return false; } else if(!response.success){ self.loading = false; self.hasApiMessage = true; let element = document.getElementById('roundtripApiMessageContainer'); let top = element.getBoundingClientRect().top + window.scrollY; window.scrollTo({ top: Math.round(top - 100), behavior: 'smooth' }); } }); }, clearForm() { this.departure = { name: '', result: '', }; this.arrival = { name: '', result: '', }; this.departDate = ''; this.arrivalDate = ''; this.seniors = 0; this.adults =2; this.childs =0; this.infants = 0; this.connection = 'All'; this.cabinClass = 'Economy'; }, checkInSelected() { let nextDayValue = nextDay(this.departDate, this.arrivalDate); if (nextDayValue) { this.arrivalDate = nextDayValue; } }, checkSession(){ var time = 1200; var saved_countdown = localStorage.getItem('saved_countdown'); if(saved_countdown == null) { var new_countdown = new Date().getTime() + (time) * 1000; time = new_countdown; localStorage.setItem('saved_countdown', new_countdown); } else { time = saved_countdown; } var x = setInterval(() => { var now = new Date().getTime(); var distance = time - now; var counter = Math.floor((distance % (1000 * 60 * 60)) / 1000); if (counter <= 0) { clearInterval(x); localStorage.removeItem('saved_countdown'); localStorage.removeItem('roundTripFlightSearchedData'); this.isSessionRemoved = true; } }, 1000); }, bindSessionData(){ if(localStorage.getItem('roundTripFlightSearchedData') !== null){ let data = JSON.parse(localStorage.getItem('roundTripFlightSearchedData')); this.departure = data.depart_pick; this.arrival = data.arrival_pick; this.departDate = data.departure_date; this.checkInSelected(); this.adults = data.adults; this.cabinClass = data.cabinClass; this.childs = data.childs; this.infants = data.infants; this.nearbySource = data.near_by_source; this.nearbyDest = data.near_by_destionation; this.connection = data.connection; this.seniors = data.seniors; } }, redirectToRegistartion(){ if (!this.$refs.roundTripForm.validate()) { let x = this.$refs.roundTripForm.$el.querySelector('.v-text-field__details'); this.$vuetify.goTo(x.parentElement.parentElement.parentElement); return false; } else{ /* let roundTripFlightSearchedData = { depart_pick: this.departure, arrival_pick: this.arrival, depature_location: this.departure.name, arrival_location: this.arrival.name, departure_date: this.departDate, arrival_date: this.arrivalDate, near_by_source: this.nearbySource, near_by_destionation: this.nearbyDest, adults: this.adults, seniors: this.seniors, childs: this.childs, infants: this.infants, cabinClass: this.cabinClass, connection: this.connection, }; window.localStorage.setItem('roundTripFlightSearchedData',JSON.stringify(roundTripFlightSearchedData)); this.checkSession(); */ window.location.href = "Registration.cfm"; } }, }, computed:{ minDepartureDate(){ return getVeryNextDate( new Date(new Date().setDate(new Date().getDate() + 1)) ); }, minDropOff() { return moment(this.departDate, 'YYYY-MM-DD') .add('days', 1) .format('YYYY-MM-DD'); } }, template: `
Flight cannot be booked more than 11 months in advance. Flight cannot be booked more than 11 months in advance. Click here for one-way multi-leg flight search options. Search Reset Search and Register Now
` });