Changeset de83113 for src/main/resources/static/FlightSearch.html

Timestamp:

02/17/25 21:52:11 (4 months ago)

Author:

ste08 <sjovanoska@…>

Branches:

master

Children:

62bba0c

Parents:

9868304

Message:

Signup,Login,FlightSearch,Booking and Payment working!

File:

• src/main/resources/static/FlightSearch.html (modified) (7 diffs)

src/main/resources/static/FlightSearch.html

@@ -252 +252 @@
             <h2>Available Flights</h2>
             <div class="flights-list">
-                <div class="flight-item" v-for="flight in flights" :key="flight.flightId">
+                <div class="flight-item" v-for="flight in flights" :key="flight.flightID">
                     <input type="checkbox" v-model="flight.selected" />
                     <span>{{ flight.departureTime }} | {{ flight.arrivalTime }} | ${{ flight.price }} | {{ flight.availableSeats }}</span>
@@ -295 +295 @@
             showReturnDate: false,
             showPopup: false,
-            issueDescription: ""
+            issueDescription: '',
+            userId:''
         },
         computed: {
@@ -302 +303 @@
             }
         },
+
         methods: {
             async searchFlights() {
@@ -337 +339 @@
 
                 const flight = this.selectedFlights[0];
+                console.log(flight);
                 const totalCost = flight.price;
+
                 const bookingData = {
-                    flightId: flight.flightId,
+                    flightId: flight.flightID,
                     bookingDate: new Date().toISOString().split('T')[0],
                     status: 'PENDING',
-                    totalCost: totalCost
+                    totalCost: totalCost,
+                    userId:this.userId
                 };
-
                 axios.post('/api/bookings', bookingData)
                     .then(response => {
-                        const bookingID = response.data.bookingID;
+                        const bookingID = response.data.bookingId;
                         alert("Booked successfully!");
-                        window.location.href = `/transaction?amount=${encodeURIComponent(totalCost)}&bookingId=${encodeURIComponent(bookingID)}&flightId=${encodeURIComponent(flight.flightId)}`;
+                        window.location.href = `/transaction?amount=${encodeURIComponent(totalCost)}&bookingId=${encodeURIComponent(bookingID)}&flightId=${encodeURIComponent(flight.flightID)}&userId=${encodeURIComponent(this.userId)}`;
                     })
                     .catch(error => {
@@ -383 +387 @@
                 if (this.issueDescription.trim()) {
                     const reviewData = {
-                        userID: 1,
+                        userID: this.userId,
                         subject: "Issue Report",
                         description: this.issueDescription
@@ -413 +417 @@
         mounted() {
             this.fetchFlights();
+            const params = new URLSearchParams(window.location.search);
+            this.userId = params.get("userId");
             axios.get('api/flights')
                 .then(response => {
@@ -420 +426 @@
                     console.error("Error fetching flights", error);
                 });
+
         }
     });