Changeset 7deb3e2 for src/main/resources

Timestamp:

04/12/25 20:03:33 (8 weeks ago)

Author:

ste08 <sjovanoska@…>

Branches:

master

Parents:

8ae59d6

Message:

notification status + review page fixed

Location:

src/main/resources/static

Files:

• FlightSearch.html (modified) (2 diffs)
• ReviewPage.html (modified) (3 diffs)

src/main/resources/static/FlightSearch.html

@@ -356 +356 @@
         <ul>
             <li v-for="notification in notifications" :key="notification.message">
-                {{ notification.message }}
+                {{ notification.message }} - {{ "RESOLVED" }}
             </li>
         </ul>
@@ -402 +402 @@
                         this.notifications = response.data;
                         this.unreadNotifications = this.notifications.filter(n => !n.read).length;
+                        console.log(response.data);
                     })
                     .catch(error => {

src/main/resources/static/ReviewPage.html

@@ -12 +12 @@
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
 <style>
+    .review-container {
+        max-width: 800px;
+        margin: 0 auto;
+        padding: 20px;
+    }
+
+    .review-list {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+        margin-top: 20px;
+    }
+
+    .review-item {
+        background-color: #fff;
+        border: 1px solid #ccc;
+        border-radius: 12px;
+        padding: 15px 20px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        transition: box-shadow 0.3s ease;
+    }
+
+    .review-item:hover {
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+    }
+
+    .review-item p {
+        margin: 5px 0;
+    }
+
+    .review-item span {
+        font-weight: bold;
+        color: #673ab7;
+    }
+
     .popup-overlay {
         position: fixed;
@@ -85 +120 @@
             <div class="review-list">
                 <div v-for="review in reviews" :key="review.reviewid" class="review-item">
+                    <p><strong>Flight Number:</strong> {{ review.flightNumber }}</p>
                     <h3>{{ review.date }}</h3>
                     <p>{{ review.reviewComment }}</p>
-                    <span>{{ review.rating }}</span>
+                    <span><i class="fas fa-star" style="color:gold;"></i> {{ review.rating }}</span>
                 </div>
             </div>
@@ -139 +175 @@
                     const response = await axios.get("api/reviews");
                     this.reviews = response.data;
+                    console.log(response.data);
                 } catch (error) {
                     console.error(error);