From 668a5a586b51a9a27fa0bdccf575aa8ad8e44571 Mon Sep 17 00:00:00 2001
From: Phillip Kruger <phillip.kruger@gmail.com>
Date: Fri, 6 Sep 2024 10:52:33 +1000
Subject: [PATCH] Add Application links on the welcome page

Signed-off-by: Phillip Kruger <phillip.kruger@gmail.com>
---
 .../main/resources/dev-ui/qwc/qwc-welcome.js  | 61 ++++++++++++++++++-
 1 file changed, 60 insertions(+), 1 deletion(-)

diff --git a/extensions/vertx-http/dev-ui-resources/src/main/resources/dev-ui/qwc/qwc-welcome.js b/extensions/vertx-http/dev-ui-resources/src/main/resources/dev-ui/qwc/qwc-welcome.js
index 74ee266f324e9..42814c4dd7c3c 100644
--- a/extensions/vertx-http/dev-ui-resources/src/main/resources/dev-ui/qwc/qwc-welcome.js
+++ b/extensions/vertx-http/dev-ui-resources/src/main/resources/dev-ui/qwc/qwc-welcome.js
@@ -1,10 +1,16 @@
 import { LitElement, html, css } from 'lit';
 import { devuiState } from 'devui-state';
+import { JsonRpc } from 'jsonrpc';
+import '@vaadin/progress-bar';
+import '@vaadin/grid';
+import { columnBodyRenderer } from '@vaadin/grid/lit.js';
+import '@vaadin/grid/vaadin-grid-sort-column.js';
 
 /**
  * This component shows the welcome screen
  */
 export class QwcWelcome extends LitElement {
+    jsonRpc = new JsonRpc("devui-endpoints");
 
     static styles = css`
         a { color: inherit; } 
@@ -109,14 +115,20 @@ export class QwcWelcome extends LitElement {
         }
     `;
 
-    static properties = {};
+    static properties = {
+        _info: {state: true}
+    };
 
     constructor() {
         super();
+        this._info = null;
     }
 
     connectedCallback() {
         super.connectedCallback();
+        this.jsonRpc.getJsonContent().then(jsonRpcResponse => {
+            this._info = jsonRpcResponse.result;
+        });
     }
 
     render() {
@@ -187,6 +199,7 @@ export class QwcWelcome extends LitElement {
                                     <span>Static assets: <code>${devuiState.welcomeData.resourcesDir}/META-INF/resources/</code></span>
                                     <span>Code: <code>${devuiState.welcomeData.sourceDir}</code></span>
                                 </div>
+                                ${this._renderEndpoints()}
                             </div>
                             <div class="right-column">
                                 ${this._renderSelectedExtensions()}
@@ -202,6 +215,52 @@ export class QwcWelcome extends LitElement {
                     </div>`;
     }
     
+    _renderEndpoints(){
+        if (this._info) {
+            const typeTemplates = [];
+            for (const [type, list] of Object.entries(this._info)) {
+                if(type !== "Additional endpoints")
+                typeTemplates.push(html`${this._renderType(type,list)}`);
+            }
+            return html`${typeTemplates}`;
+        }else{
+            return html`
+            <div style="color: var(--lumo-secondary-text-color);width: 95%;" >
+                <div>Fetching information...</div>
+                <vaadin-progress-bar indeterminate></vaadin-progress-bar>
+            </div>
+            `;
+        }
+    }
+    
+    _renderType(type, items){
+        return html`<h3>${type}</h3>
+                    <vaadin-grid .items="${items}" class="infogrid" all-rows-visible>
+                        <vaadin-grid-sort-column header='URL'
+                                                path="uri" 
+                                            ${columnBodyRenderer(this._uriRenderer, [])}>
+                        </vaadin-grid-sort-column>
+
+                        <vaadin-grid-sort-column 
+                                            header="Description" 
+                                            path="description"
+                                            ${columnBodyRenderer(this._descriptionRenderer, [])}>
+                        </vaadin-grid-sort-column>
+                    </vaadin-grid>`;
+    }
+    
+    _uriRenderer(endpoint) {
+        if (endpoint.uri) {
+            return html`<a href="${endpoint.uri}" target="_blank">${endpoint.uri}</a>`;
+        }
+    }
+
+    _descriptionRenderer(endpoint) {
+        if (endpoint.description) {
+            return html`<span>${endpoint.description}</span>`;
+        }
+    }
+    
     _renderSelectedExtensions(){
         if(devuiState.welcomeData.selectedExtensions){
             return html`<h3>Selected extensions</h3>