From 8d05df01e9d26919e15bbe818be61cbe51306f06 Mon Sep 17 00:00:00 2001
From: "selina.mail" <selina.mail@tueit.de>
Date: Fri, 9 Feb 2024 17:32:50 +0100
Subject: [PATCH] added cors header for the nuxt server responses

---
 components/server/AssetTable.vue              | 6 +++---
 nuxt.config.ts                                | 1 +
 routerFrontend/index.js                       | 4 ++++
 server/api/getAllConfigItems.ts               | 8 ++++++++
 server/api/getAllIssueSlips.ts                | 8 ++++++++
 server/api/getAllIssues.ts                    | 8 ++++++++
 server/api/getAllMaintenanceVisitTemplates.ts | 8 ++++++++
 server/api/getAllProductionOrderTemplates.ts  | 8 ++++++++
 server/api/getAllSolutions.ts                 | 8 ++++++++
 server/api/getConfigItem/[id].ts              | 8 ++++++++
 server/api/login.ts                           | 8 ++++++++
 server/api/signup.ts                          | 8 ++++++++
 server/middleware/configItems.ts              | 1 +
 13 files changed, 81 insertions(+), 3 deletions(-)

diff --git a/components/server/AssetTable.vue b/components/server/AssetTable.vue
index 6e090c0..d51fbf3 100644
--- a/components/server/AssetTable.vue
+++ b/components/server/AssetTable.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']">
+    <div v-if="configItemList.length > 0" :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']">
         <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Last viewed:</div>
         <table class="data-table" id="asset-table">
             <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
@@ -59,8 +59,8 @@ const getConfigItems = async () => {
     }
 }
 
-onMounted(() => {
-    getConfigItems();
+onMounted(async () => {
+    await getConfigItems();
 });
 </script>
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
index f604380..5f1f9ea 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,4 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+
 export default defineNuxtConfig({
   devtools: { enabled: true },
   devServer: {
diff --git a/routerFrontend/index.js b/routerFrontend/index.js
index 50229d5..6113f9f 100644
--- a/routerFrontend/index.js
+++ b/routerFrontend/index.js
@@ -33,6 +33,10 @@ const router = createRouter({
             path: '/assets',
             component: AssetPage
         },  
+        {
+            path: '/chosenAsset',
+            component: AssetPage
+        },  
         {
             path: '/solutions',
             component: SolutionPage
diff --git a/server/api/getAllConfigItems.ts b/server/api/getAllConfigItems.ts
index db694f8..3870135 100644
--- a/server/api/getAllConfigItems.ts
+++ b/server/api/getAllConfigItems.ts
@@ -1,7 +1,15 @@
 import { configItems, errorMsg } from "../middleware/configItems";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/getAllIssueSlips.ts b/server/api/getAllIssueSlips.ts
index 1b8cec2..5b2bce7 100644
--- a/server/api/getAllIssueSlips.ts
+++ b/server/api/getAllIssueSlips.ts
@@ -1,7 +1,15 @@
 import { issueSlips, errorMsg } from "../middleware/issueSlips";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/getAllIssues.ts b/server/api/getAllIssues.ts
index 4901968..4ca945f 100644
--- a/server/api/getAllIssues.ts
+++ b/server/api/getAllIssues.ts
@@ -1,7 +1,15 @@
 import { issues, errorMsg } from "../middleware/issues";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/getAllMaintenanceVisitTemplates.ts b/server/api/getAllMaintenanceVisitTemplates.ts
index 6eeacc1..52a052d 100644
--- a/server/api/getAllMaintenanceVisitTemplates.ts
+++ b/server/api/getAllMaintenanceVisitTemplates.ts
@@ -1,7 +1,15 @@
 import { maintenanceVisitTemplates, errorMsg } from "../middleware/maintenanceVisitTemplates";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/getAllProductionOrderTemplates.ts b/server/api/getAllProductionOrderTemplates.ts
index 0f9e02f..bbc4520 100644
--- a/server/api/getAllProductionOrderTemplates.ts
+++ b/server/api/getAllProductionOrderTemplates.ts
@@ -1,7 +1,15 @@
 import { productionOrderTemplates, errorMsg } from "../middleware/productionOrderTemplates";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/getAllSolutions.ts b/server/api/getAllSolutions.ts
index 0e5204d..0f5ec3f 100644
--- a/server/api/getAllSolutions.ts
+++ b/server/api/getAllSolutions.ts
@@ -1,7 +1,15 @@
 import { solutions, errorMsg } from "../middleware/solutions";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/getConfigItem/[id].ts b/server/api/getConfigItem/[id].ts
index 0afed0b..7253901 100644
--- a/server/api/getConfigItem/[id].ts
+++ b/server/api/getConfigItem/[id].ts
@@ -1,7 +1,15 @@
 import { configItem, errorMsg } from "../../middleware/configItems";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!(errorMsg === '')) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/login.ts b/server/api/login.ts
index f75609d..6eda633 100644
--- a/server/api/login.ts
+++ b/server/api/login.ts
@@ -1,7 +1,15 @@
 import { loginSuccessful, errorMsg } from "../middleware/login";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!loginSuccessful) {
         throw createError({
             statusCode: 400,
diff --git a/server/api/signup.ts b/server/api/signup.ts
index e8e706e..3afb384 100644
--- a/server/api/signup.ts
+++ b/server/api/signup.ts
@@ -1,7 +1,15 @@
 import { registeringSuccessful, errorMsg } from "../middleware/signUp.js";
+import { OutgoingMessage } from 'http';
 
 export default defineEventHandler(async (event) => {
 
+    const headers: Record<string, Parameters<OutgoingMessage['setHeader']>[1]> = {
+        'Access-Control-Allow-Origin': 'https://tueitapp.tueit.de',
+        'Access-Control-Allow-Headers': 'authorization, content-type',
+        'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
+    };
+    setResponseHeaders(event, headers)
+
     if (!registeringSuccessful) {
         throw createError({
             statusCode: 400,
diff --git a/server/middleware/configItems.ts b/server/middleware/configItems.ts
index 83a71fb..0c00e5d 100644
--- a/server/middleware/configItems.ts
+++ b/server/middleware/configItems.ts
@@ -34,6 +34,7 @@ export default defineEventHandler(async (event) => {
                     console.error(axiosError.response.data.message);
                     errorMsg = axiosError.response.data.message;
                 } else if (axiosError.request) {
+                    console.log(err)
                     // If error was caused by the request
                     console.error(axiosError.request);
                 } else {