chore: move endpoint config to config file

nuxt.config.js

@@ -46,6 +46,27 @@ export default {
         },
       },
     },
+    processingEndpoints: [
+      {
+        id: "eoepca-staging-spaceapplications",
+        title: "Space Application Services",
+        auth: {
+          url: "https://auth.eoepca-staging.spaceapplications.com/realms/master/protocol/openid-connect/token",
+          params: {
+            scope: "openid user_name",
+            grant_type: "password",
+            username: "<user>",
+            password: "<pass>",
+            client_id: "<client>",
+          },
+        },
+        root: "https://eoepca-staging.spaceapplications.com/ades",
+      },
+      {
+        id: "terradue",
+        title: "Terradue",
+      },
+    ],
   },
 
   // Target: https://go.nuxtjs.dev/config-target

pages/new-process.vue

@@ -88,7 +88,7 @@
           <v-stepper-content step="3">
             <v-autocomplete
               v-model="selectedEndpoint"
-              :items="processingEndpoints"
+              :items="$config.processingEndpoints"
               item-text="title"
               return-object
               outlined
@@ -169,7 +169,7 @@
 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
+import { mapActions } from "vuex";
 
 export default {
   data: () => ({
@@ -190,9 +190,6 @@ export default {
       title: "New process",
     };
   },
-  computed: {
-    ...mapState("processing", ["processingEndpoints"]),
-  },
   watch: {
     selectedProcess(newProcess) {
       this.getProcessDetails(newProcess);

pages/processing-status.vue

@@ -41,7 +41,7 @@
               color="primary"
               plain
               small
-              :href="`${processingEndpoints[0].root}${item.statusLink}`"
+              :href="`${$config.processingEndpoints[0].root}${item.statusLink}`"
               target="_blank"
               class="px-0"
             >
@@ -64,7 +64,9 @@
               target="_blank"
               class="px-0"
               @click="
-                fetchItem(`${processingEndpoints[0].root}${item.resultLink}`)
+                fetchItem(
+                  `${$config.processingEndpoints[0].root}${item.resultLink}`
+                )
               "
             >
               <v-icon small left> mdi-cloud-download-outline </v-icon>
@@ -84,8 +86,6 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
-
 export default {
   data: () => ({
     jobs: null,
@@ -124,13 +124,10 @@ export default {
       },
     ],
   }),
-  computed: {
-    ...mapState("processing", ["processingEndpoints"]),
-  },
   async created() {
     try {
       const response = await this.$processingBackend.$get(
-        `/${this.processingEndpoints[0].id}/jobs`
+        `/${this.$config.processingEndpoints[0].id}/jobs`
       );
       this.jobs = response.jobs
         .map((job) => ({

plugins/axios.js

@@ -7,8 +7,8 @@ export default function (
       staticBaseToReplace,
       dynamicEndpoint,
       backendEndpoint,
+      processingEndpoints,
     },
-    store,
   },
   inject
 ) {
@@ -60,22 +60,17 @@ export default function (
       return;
     }
     try {
-      const currentParams =
-        store.state.processing.processingEndpoints[0].auth.params;
+      const currentParams = processingEndpoints[0].auth.params;
       const params = new URLSearchParams();
       Object.keys(currentParams).forEach((param) => {
         params.append(param, currentParams[param]);
       });
-      const auth = await $axios.post(
-        store.state.processing.processingEndpoints[0].auth.url,
-        params,
-        {
-          headers: {
-            "Cache-Control": "no-cache",
-            "Content-Type": "application/x-www-form-urlencoded",
-          },
-        }
-      );
+      const auth = await $axios.post(processingEndpoints[0].auth.url, params, {
+        headers: {
+          "Cache-Control": "no-cache",
+          "Content-Type": "application/x-www-form-urlencoded",
+        },
+      });
       processingBackend.setHeader("Accept", "application/json");
       processingBackend.setHeader("Content-Type", "application/json");
       processingBackend.setHeader("X-User-Id", auth.data.id_token);