source: src/main/resources/static/ReviewPage.html@ 3d60932

Last change on this file since 3d60932 was 3d60932, checked in by ste08 <sjovanoska@…>, 4 months ago

Fix commiT
  • Property mode set to 100644
File size: 1.6 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Flight Reviews</title>
7 <link rel="stylesheet" href="/css/main.css">
8 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
9</head>
10<body>
11
12<div id="app" class="review-page">
13 <header class="app-header">
14 <button class="logout-btn" @click="logout">Log Out</button>
15 </header>
16
17 <div class="main-content">
18 <div class="review-container">
19 <h1>Flight Reviews</h1>
20
21 <div class="review-list">
22 <div v-for="review in reviews" :key="review.reviewid" class="review-item">
23 <h3>Description</h3>
24 <p>{{ review.review_comment }}</p>
25 <span>{{ review.date }}</span>
26 </div>
27 </div>
28 </div>
29 </div>
30</div>
31<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
32<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
33<script>
34 new Vue({
35 el: '#app',
36 data: {
37 reviews: []
38 },
39 methods: {
40 logout() {
41 window.location.href = '/';
42 }
43 },
44 mounted() {
45 axios.get('api/reviews')
46 .then(response => {
47 this.reviews = response.data;
48 console.log(response.data);
49 })
50 .catch(error => {
51 console.error("Error fetching reviews", error);
52 });
53 }
54 });
55</script>
56
57</body>
58</html>
Note: See TracBrowser for help on using the repository browser.