UI: all offers are under / uri, not /offers, simplified axios usage

ui/src/App.vue

@@ -6,7 +6,7 @@
       </div>
       <div id="nav">
         <div class="nav-element">
-          <router-link to="/offers"> All Offers </router-link>
+          <router-link to="/"> All Offers </router-link>
         </div>
         <div class="nav-element">
           <router-link to="/gliders"> Gliders </router-link>
@@ -47,8 +47,8 @@
 /*global __COMMIT_HASH__*/
 /*global __BUILD_TIMESTAMP__*/
 
+import axios from 'axios'
 import Toast from 'primevue/toast'
-import HTTP from './http-common'
 
 export default {
   components: {
@@ -77,7 +77,7 @@ export default {
     fetchOptions(search, loading) {
       loading(true)
       this.options = []
-      HTTP.get(`/models?search=${search}`).then((response) => {
+      axios.get(`/models?search=${search}`).then((response) => {
         const options = response.data
         // add labels for displaying the data
         for (let i = 0; i < options.length; i += 1) {

ui/src/main.js

@@ -1,4 +1,5 @@
 import { createApp, h } from 'vue'
+import axios from 'axios'
 import vSelect from 'vue-select'
 import ToastService from 'primevue/toastservice'
 import vueChartist from 'vue-chartist'
@@ -8,6 +9,8 @@ import 'primeicons/primeicons.css'
 import App from './App.vue'
 import router from './router'
 
+axios.defaults.baseURL = import.meta.env.VITE_API_URI;
+
 const app = createApp({
   render: () => h(App)
 })

ui/src/router/index.js

@@ -7,8 +7,8 @@ const router = createRouter({
   history: createWebHistory(),
   routes: [
     {
-      path: '/offers',
-      name: 'Offers',
+      path: '/',
+      name: 'All Offers',
       component: Offers,
       meta: {
         title: 'Aircraft Offers Overview',
@@ -68,10 +68,6 @@ const router = createRouter({
         filter: 'aircraft_type=airplane'
       }
     },
-    {
-      path: '/',
-      redirect: '/offers'
-    },
     {
       path: '/model/:manufacturer/:model',
       name: 'ModelInformation',

ui/src/views/ModelInformation.vue

@@ -41,9 +41,9 @@
 </template>
 
 <script>
-import ChartistTooltip from 'chartist-plugin-tooltips-updated'
+import axios from 'axios'
 import moment from 'moment'
-import HTTP from '../http-common'
+import ChartistTooltip from 'chartist-plugin-tooltips-updated'
 
 export default {
   name: 'ModelInformation',
@@ -97,7 +97,7 @@ export default {
 
     fetchData() {
       this.chartData.series = [[]]
-      HTTP.get(`/model/${this.manufacturer}/${this.model}`).then((response) => {
+      axios.get(`/model/${this.manufacturer}/${this.model}`).then((response) => {
         this.manufacturer_website = response.data.manufacturer_website
         this.offers = response.data.offers
         if (this.offers.length === 0) {

ui/src/views/Offers.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import HTTP from '../http-common'
+import axios from 'axios'
 import OfferComponent from '../components/OfferComponent.vue'
 
 export default {
@@ -40,7 +40,7 @@ export default {
 
   methods: {
     fetchData() {
-      HTTP.get(`/offers?${this.filter}&limit=${this.limit}&orderBy=creation_datetime&offset=${this.offset}`).then(
+      axios.get(`/offers?${this.filter}&limit=${this.limit}&orderBy=creation_datetime&offset=${this.offset}`).then(
         (response) => {
           this.offers = this.offers.concat(response.data)
         }