Refactor frontend, add list of flights

Author: DevShoesed

src/views/index.html

@@ -18,9 +18,6 @@
       <h1>Search a best price</h1>
 
       <div class="row">
-        <div class="col">
-          <div class="list-group" id="airportList"></div>
-        </div>
         <div class="col">
           <form class="row g-3 needs-validation" id="formBestPrice" novalidate>
             <div class="col-md-6 mb-3">
@@ -75,6 +72,15 @@ <h1>Search a best price</h1>
           </div>
         </div>
       </div>
+
+      <div class="row">
+        <div class="col">
+          <div class="list-group" id="airportList"></div>
+        </div>
+        <div class="col">
+          <ul class="list-group" id="flightList"></ul>
+        </div>
+      </div>
     </div>
 
     <script
@@ -111,6 +117,29 @@ <h5 class="mb-1">${airport.name}</h5>
           });
       });
 
+      /* Get All Flights */
+      fetch("/flight")
+        .then((response) => response.json())
+        .then((data) => {
+          data.forEach((flight) => {
+            let item = document.createElement("li");
+            item.classList.add(
+              "list-group-item",
+              "d-flex",
+              "justify-content-between"
+            );
+            item.innerHTML = `
+              ${flight.code_departure} -> ${flight.code_arrival}
+              <span class='h4' >&euro; ${flight.price}</span>
+            `;
+
+            document.querySelector("#flightList").appendChild(item);
+          });
+        })
+        .catch((e) => {
+          console.error(e);
+        });
+
       let form = document.querySelector("#formBestPrice");
       form.addEventListener(
         "submit",