From 9aa9514cfa458748855d43a2c4634dddd2ac7ca8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bastian=20Echterh=C3=B6lter?=
 <bastian.echterhoelter@sap.com>
Date: Thu, 4 Jul 2024 17:23:44 +0200
Subject: [PATCH] feat: demo prep

---
 .../account-list/account-list.component.html  | 19 +++++++------------
 frontend/src/app/graphql.config.ts            |  3 ++-
 frontend/src/app/models/account.ts            |  5 +++++
 .../app/services/account-service.service.ts   |  6 +++++-
 frontend/tsconfig.json                        |  2 +-
 5 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/account-list/account-list.component.html b/frontend/src/app/account-list/account-list.component.html
index bd82a09..33dfc25 100644
--- a/frontend/src/app/account-list/account-list.component.html
+++ b/frontend/src/app/account-list/account-list.component.html
@@ -23,26 +23,21 @@
         <thead fd-table-header>
             <tr fd-table-row>
                 <th fd-table-cell>Name</th>
+                <th fd-table-cell>Display Name</th>
+                <!-- <th fd-table-cell>Type</th> -->
             </tr>
         </thead>
         <tbody fd-table-body  >
-            
                 <tr fd-table-row *ngFor="let row of accountList;">
                     <td fd-table-cell>
                         <a fd-link href="#">{{ row.metadata.name }}</a>
                     </td>
-                    <!-- <td fd-table-cell>
-                        <p fd-table-text maxWidth="250px" [noWrap]="true">
-                            {{ row.column2 }}
-                        </p>
-                    </td>
                     <td fd-table-cell>
-                        <p fd-table-text maxWidth="250px">
-                            {{ row.column3 }}
-                        </p>
-                    </td>
-                    <td fd-table-cell>{{ row.date }}</td>
-                    <td fd-table-cell><fd-icon [glyph]="row.type"></fd-icon></td> -->
+                      {{ row.spec.displayName }}
+                  </td>
+                  <!-- <td fd-table-cell>
+                    {{ row.spec.type }}
+                </td> -->
                 </tr>
         </tbody>
     </table>
diff --git a/frontend/src/app/graphql.config.ts b/frontend/src/app/graphql.config.ts
index 132fa89..b950fce 100644
--- a/frontend/src/app/graphql.config.ts
+++ b/frontend/src/app/graphql.config.ts
@@ -1 +1,2 @@
-export const apiurl = 'https://api.d1.openmfp.dxp.k8s.ondemand.com/example-gateway/graphql';
\ No newline at end of file
+// export const apiurl = 'https://api.d1.openmfp.dxp.k8s.ondemand.com/example-gateway/graphql';
+export const apiurl = 'http://localhost:8000/example-gateway/graphql';
diff --git a/frontend/src/app/models/account.ts b/frontend/src/app/models/account.ts
index 3f5fc13..02e1c58 100644
--- a/frontend/src/app/models/account.ts
+++ b/frontend/src/app/models/account.ts
@@ -8,8 +8,13 @@ export interface coreOpenmfpIo {
 
 export interface Account {
   metadata: ObjectMetadata;
+  spec: AccountSpec
 }
 
 export interface ObjectMetadata {
   name: String
+}
+export interface AccountSpec {
+  displayName: String
+  // type: String
 }
\ No newline at end of file
diff --git a/frontend/src/app/services/account-service.service.ts b/frontend/src/app/services/account-service.service.ts
index 5dfccf6..9d3a0a4 100644
--- a/frontend/src/app/services/account-service.service.ts
+++ b/frontend/src/app/services/account-service.service.ts
@@ -9,10 +9,14 @@ export const POLLING_INTERVAL = 5000;
 const accountsQuery = gql `
 query {
   coreOpenmfpIo {
-    accounts(namespace: "openmfp-root") {
+    accounts(namespace: "demo-root") {
       metadata {
         name
       }
+      spec {
+        displayName
+        # type
+      }
     }
   }
 }
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index df15c7b..eb49734 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -15,7 +15,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es5",
+    "target": "ES2022",
     "module": "ES2022",
     "useDefineForClassFields": false,
     "lib": [