dash-button-web 0.0.14 → 0.0.15-beta.1

package/dist/collection/components/my-component/dash-button.js

@@ -12,14 +12,17 @@ export class DashButtonComponent {
         this.clientId = "";
         this.appId = "";
         this.portalUrl = "";
-        this.marketplaceUrl = "https://marketplace-zdzw.cloud.zdzw-project.com";
         this.plmUrl = "https://productlicensemanager-zdzw.cloud.zdzw-project.com";
         this.usageTrackingUrl = "https://usage-tracking-ui-zdzw.cloud.zdzw-project.com";
         this.showUnauthorizedModal = false;
         this.postTextDelayDuration = undefined;
         this.primaryColor = "";
         this.accentColor = "";
-        this.menuLinks = undefined;
+        this.otherLinkType = undefined;
+        this.otherLinkDisplayName = "More links";
+        this.applicationDisplayName = "Applications";
+        this.disableApplicationTab = false;
+        this.menuViewType = "grid";
         this.keycloak = new Keycloak({
             url: this.keycloakUri,
             realm: this.realm,
@@ -30,8 +33,10 @@ export class DashButtonComponent {
         this.silentCheckSsoRedirectUri = window.location.origin + '/assets/verificar-sso.html';
         this.appList = [];
         this.menuLinkList = [];
+        this.mainMenuLinkList = [];
         this.showPostLoginLoadingSpinner = false;
         this.avatarSvg = toSvg("init-avatar", 40);
+        this.dummyAppList = ["Ds2moduleapp", "Data Share Controller", "Data inspection", "DRM", "Data marketplace", "Modal development toolkit", "Multi cloud"];
     }
     ;
     componentWillLoad() {
@@ -91,12 +96,21 @@ export class DashButtonComponent {
                         }
                     }
                 });
+                // Set modules menu links 
+                this.getOtherMenuLinks(_token).then(res => {
+                    if (res.links) {
+                        this.menuLinkList = res.links;
+                    }
+                });
+                // Set main menu links 
+                this.getMainMenuLinks(_token).then(res => {
+                    if (res.menuLinks) {
+                        this.mainMenuLinkList = res.menuLinks;
+                        console.log(this.mainMenuLinkList);
+                    }
+                });
             }
         });
-        // Set menu links 
-        if (this.menuLinks) {
-            this.menuLinkList = JSON.parse(this.menuLinks);
-        }
     }
     async initKeycloak() {
         // Remove the initiation time permission localstorage object
@@ -109,6 +123,7 @@ export class DashButtonComponent {
             if (res) {
                 this.isAuth = true;
                 localStorage.setItem("keycloak", JSON.stringify(this.keycloak));
+                // document.cookie = "DASH_BTN=" + JSON.parse(localStorage.getItem('keycloak')).token;
                 document.cookie = "ZDZW_cookie=" + JSON.parse(localStorage.getItem('keycloak')).token;
                 // Set userName
                 this.givenUserName = JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.preferred_username;
@@ -132,11 +147,30 @@ export class DashButtonComponent {
         const jsonObj = await response.json();
         return jsonObj;
     }
+    async getOtherMenuLinks(token) {
+        const response = await fetch(this.portalUrl + '/developer/dashbutton-link/' + this.otherLinkType, {
+            headers: new Headers({
+                'Authorization': 'Bearer ' + token,
+            }),
+        });
+        const jsonObj = await response.json();
+        return jsonObj;
+    }
+    async getMainMenuLinks(token) {
+        const response = await fetch(this.portalUrl + '/developer/dashbutton-menu-link', {
+            headers: new Headers({
+                'Authorization': 'Bearer ' + token,
+            }),
+        });
+        const jsonObj = await response.json();
+        return jsonObj;
+    }
     login() {
         this.keycloak.login();
     }
     logout() {
         localStorage.removeItem("keycloak");
+        // document.cookie = "DASH_BTN=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
         document.cookie = "ZDZW_cookie=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
         this.keycloak.logout();
     }
@@ -149,7 +183,7 @@ export class DashButtonComponent {
         appModal.style.display = "none";
     }
     render() {
-        return h("div", { key: '4ffe6bf7bb6dc9703cd60f069f1aa7a381a3e9a3' }, h("div", { key: 'e145284b85c1bf6a148d33707d1e0f5de4a0c67e' }, (() => {
+        return h("div", { key: 'fab0ab553f7b86a6847986f7ccdc9110e8d3720a' }, h("div", { key: 'b3cd27825f948c6a12816c74c363923e9a009529' }, (() => {
             if (this.isAuth && this.showPostLoginText) {
                 // User set post-text-delay-duration for displaying loading spinner
                 if (this.showPostLoginLoadingSpinner) {
@@ -160,16 +194,27 @@ export class DashButtonComponent {
                 }
             }
             else if (this.isAuth) {
-                return (h("div", { id: "profile-btn", class: "dropdown" }, h("button", { style: { background: this.primaryColor != undefined ? this.primaryColor : "" }, type: "button", class: "button" }, h("span", { class: "button-profile" }, h("div", { innerHTML: this.avatarSvg })), h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, id: "given-name", class: "button-text" }, this.givenUserName), h("div", { class: "button-icon" }, h("span", { class: "gg-menu-grid-r" }))), h("div", { class: "dropdown-content" }, h("div", { class: "dropdown-user-profile" }, h("div", { class: "username" }, "@", this.givenUserName), h("div", { class: "first-last-name" }, JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.name)), h("a", { onClick: this.showModal.bind(this), id: "applications-btn" }, h("i", { style: { color: this.primaryColor != undefined ? this.primaryColor : "" }, class: "menu-bar-icons gg-microsoft" }), "Applications"), h("a", { href: this.portalUrl, target: '_blank', id: "applications-btn" }, h("i", { style: { color: this.primaryColor != undefined ? this.primaryColor : "" }, class: "menu-bar-icons gg-ereader" }), "Portal"), h("a", { href: this.marketplaceUrl, target: '_blank', id: "applications-btn" }, h("i", { style: { color: this.primaryColor != undefined ? this.primaryColor : "" }, class: "menu-bar-icons gg-display-flex" }), "Marketplace"), this.menuLinkList.map(link => {
-                    return (h("a", { href: link.url, target: '_blank', id: "applications-btn" }, h("i", { style: { color: this.primaryColor != undefined ? this.primaryColor : "" }, class: "menu-bar-icons gg-link" }), link.name));
-                }), h("a", { onClick: this.logout.bind(this), id: "logout-btn" }, h("i", { style: { color: this.primaryColor != undefined ? this.primaryColor : "" }, class: "menu-bar-icons gg-log-out" }), "Logout"))));
+                return (h("div", { id: "profile-btn", class: "dropdown" }, h("button", { style: { background: this.primaryColor != undefined ? this.primaryColor : "" }, type: "button", class: "button" }, h("span", { class: "button-profile" }, JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.imageUrl ?
+                    h("img", { class: "profile-image", src: "https://s-damith.github.io/test-avatar/images/e24da9c5-0b1f-46fa-82cd-7c711c77b5c7.png" })
+                    :
+                        h("div", { innerHTML: this.avatarSvg })), h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, id: "given-name", class: "button-text" }, this.givenUserName), h("div", { class: "button-icon" }, (this.menuViewType == "grid") ? h("i", { class: "fa-solid fa-grip-vertical" }) : h("i", { class: "fa-solid fa-bars" }))), h("div", { class: "dropdown-content" }, h("div", { class: "dropdown-user-profile" }, h("div", { class: "username" }, "@", this.givenUserName), h("div", { class: "first-last-name" }, JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.name)), (this.menuViewType == "grid") ? (h("div", null, h("div", { class: "grid-view-menu" }, this.mainMenuLinkList.map(link => {
+                    return (h("a", { href: link.url, target: '_blank', class: "grid-view-link" }, h("i", { class: link.icon + " fa-2x" }), h("div", { class: "grid-view-link-text" }, link.name)));
+                })), this.mainMenuLinkList.length != 0 && h("hr", { class: "solid" }), h("div", { class: "grid-view-menu", style: this.mainMenuLinkList.length == 0 && { "margin-bottom": "12px" } }, h("a", { onClick: this.showModal.bind(this), class: "grid-view-link" }, h("i", { class: "fa-regular fa-window-restore fa-2x" }), h("div", { class: "grid-view-link-text" }, "Modules")), h("a", { href: this.portalUrl, target: '_blank', class: "grid-view-link" }, h("i", { class: "fa-solid fa-globe fa-2x" }), h("div", { class: "grid-view-link-text" }, "Portal")), h("a", { onClick: this.logout.bind(this), class: "grid-view-link" }, h("i", { class: "fa-solid fa-right-from-bracket fa-2x" }), h("div", { class: "grid-view-link-text" }, "Logout"))))) : (
+                // List View
+                h("div", { class: "dropdown-content-link" }, this.mainMenuLinkList.map(link => {
+                    return (h("a", { href: link.url, target: '_blank', id: "applications-btn" }, h("i", { class: link.icon + " menu-bar-icons" }), link.name));
+                }), h("a", { onClick: this.showModal.bind(this), id: "applications-btn" }, h("i", { class: "fa-regular fa-window-restore menu-bar-icons" }), "Modules"), h("a", { href: this.portalUrl, target: '_blank', id: "applications-btn" }, h("i", { class: "fa-solid fa-globe menu-bar-icons" }), "Portal"), h("a", { onClick: this.logout.bind(this), id: "logout-btn" }, h("i", { class: "fa-solid fa-right-from-bracket menu-bar-icons" }), "Logout"))))));
             }
             else {
                 return (h("button", { style: { background: this.primaryColor != undefined ? this.primaryColor : "" }, onClick: this.login.bind(this), id: "login-btn", type: "button", class: "button" }, h("span", { style: { color: this.accentColor != undefined ? this.accentColor : "" }, class: "button-text" }, "Login")));
             }
-        })()), h("div", { key: 'b9eed96128cc7c202f29250493606f3074dcb621', id: "appListModal", class: "modal" }, h("div", { key: '14e6c8fa44e4d02dbadcd5d6b3109e8b6be23e5d', class: "modal-content" }, h("span", { key: '2e71edc089ff02a8c20ca6f3c1150bf549683573', onClick: this.closeModal.bind(this), class: "close" }, "\u00D7"), h("h3", { key: 'd48754c31b21d8d865ca4e5c966428c433729232' }, "Applications"), h("div", { key: 'b2c072aa61557dd7effea954c3e66f728d10fec1', class: "modal-body" }, this.appList.length > 0 ? this.appList.map(app => {
-            return (h("a", { class: "external-app-link", target: '_blank', href: "https://" + app.shortname + "-zdzw" + this.portalUrl.replace(/(^\w+:|^)\/\//, '').replace('portal-frontend-zdzw', '') }, h("div", { class: "modal-app" }, h("div", null, app.name))));
-        }) : h("div", null, h("h3", { class: "gray-text" }, "Not installed application found."), " ", h("p", { class: "gray-text" }, "Please contact administration."))))), h("div", { key: 'ec12c499f90bdc5245546a828688b97cfe1fcfca', id: "appPermissionErrorModal", class: "modal" }, h("div", { key: 'edb81d2dff00172db83ef2ea1b60b45e16d5a18f', class: "modal-content" }, h("img", { key: 'b34a97a339b056c0a38f61553122078c14edaa19', src: "data:image/png;base64,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" }), h("h2", { key: '07a16b783f8d2977de1468d8366ecdd6251fd44f', class: "green-text margin-b" }, "You don't have permission to access this application."), h("h3", { key: 'bdce074c1bf2dab81516075f72e429a7b5012011', class: "green-text" }, "Please contact the administration."), (this.portalUrl && this.showUnauthorizedModal) ?
+        })()), h("div", { key: 'd621e60c2b8cfa4fc76040fc08f634d8ba2e7352', id: "appListModal", class: "modal" }, h("div", { key: '3fad38df278f9f03947b1a1406ff76e46dd57c07', class: "modal-content" }, h("span", { key: '3a9f30efe808c75d49accaa62e8df9802869f78a', onClick: this.closeModal.bind(this), class: "close" }, "\u00D7"), h("div", { key: 'b95dc7b9f9f95bc2a68dca072b4cf30c3e6359e6', class: "box" }, (!this.disableApplicationTab) && h("input", { type: "radio", class: "tab-toggle", name: "tab-toggle", id: "tab1", checked: true }), (this.menuLinkList.length != 0) && h("input", { type: "radio", class: "tab-toggle", name: "tab-toggle", id: "tab2", checked: this.disableApplicationTab }), h("ul", { key: 'eb09d09659c3f8baf2ca148b52e63eb0b057520c', class: "tab-list" }, (!this.disableApplicationTab) && h("li", { class: "tab-item" }, h("label", { class: "tab-trigger", htmlFor: "tab1" }, h("i", { class: "fa-solid fa-table-list menu-bar-icons" }), " ", this.applicationDisplayName)), (this.menuLinkList.length != 0) && h("li", { class: "tab-item" }, h("label", { class: "tab-trigger", htmlFor: "tab2" }, h("i", { class: "fa-solid fa-link menu-bar-icons" }), " ", this.otherLinkDisplayName))), h("div", { key: '8d3696fa4356794c6b36d9c423f2c05f2522607d', class: "tab-container" }, (!this.disableApplicationTab) && h("div", { class: "tab-content" }, h("div", { class: "modal-body" }, this.dummyAppList.length > 0 ?
+            this.dummyAppList.map((app) => {
+                return (h("a", { class: "external-app-link", target: '_blank', href: "https://" + app }, h("div", { class: "modal-app" }, h("div", null, app))));
+            })
+            : h("div", null, h("h3", { class: "gray-text" }, "Not installed ", this.applicationDisplayName, " found."), " ", h("p", { class: "gray-text" }, "Please contact administration.")))), h("div", { key: '025e689961599843255ec40c34be5ab98219dabb', class: "tab-content" }, h("div", { key: '7a5bb66bffe1383dec4628792e06d107a87875c0', class: "modal-body" }, this.menuLinkList.map(link => {
+            return (h("a", { class: "external-app-link", target: '_blank', href: link.url }, h("div", { class: "modal-app" }, h("div", null, link.name))));
+        }))))))), h("div", { key: '56ffbf9f78775a724256a860c2190c87c7f22790', id: "appPermissionErrorModal", class: "modal" }, h("div", { key: '462bf84e725b82530bec19955294957d07163f8a', class: "modal-content" }, h("img", { key: '3760c193c731253a303605b6e17f166de2718073', src: "data:image/png;base64,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" }), h("h2", { key: 'a3ff4cfef0aa02655dbad94d085b1aa5ded92a69', class: "green-text margin-b" }, "You don't have permission to access this application."), h("h3", { key: '5f5cf034c3442b3ab7a70ae08c4c53399d346e93', class: "green-text" }, "Please contact the administration."), (this.portalUrl && this.showUnauthorizedModal) ?
             h("div", null, h("h4", { class: "gray-text" }, "You will be automatically redirected to the portal."), h("div", { id: "countdown" }, h("div", { id: "countdown-number" }), h("svg", null, h("circle", { r: "18", cx: "20", cy: "20" }))))
             : h("div", null))));
     }
@@ -348,24 +393,6 @@ export class DashButtonComponent {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
-            "marketplaceUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "marketplace-url",
-                "reflect": false,
-                "defaultValue": "\"https://marketplace-zdzw.cloud.zdzw-project.com\""
-            },
             "plmUrl": {
                 "type": "string",
                 "mutable": false,
@@ -473,7 +500,7 @@ export class DashButtonComponent {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
-            "menuLinks": {
+            "otherLinkType": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -487,8 +514,80 @@ export class DashButtonComponent {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "menu-links",
+                "attribute": "other-link-type",
                 "reflect": false
+            },
+            "otherLinkDisplayName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "other-link-display-name",
+                "reflect": false,
+                "defaultValue": "\"More links\""
+            },
+            "applicationDisplayName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "application-display-name",
+                "reflect": false,
+                "defaultValue": "\"Applications\""
+            },
+            "disableApplicationTab": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disable-application-tab",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "menuViewType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "menu-view-type",
+                "reflect": false,
+                "defaultValue": "\"grid\""
             }
         };
     }
@@ -500,8 +599,10 @@ export class DashButtonComponent {
             "silentCheckSsoRedirectUri": {},
             "appList": {},
             "menuLinkList": {},
+            "mainMenuLinkList": {},
             "showPostLoginLoadingSpinner": {},
-            "avatarSvg": {}
+            "avatarSvg": {},
+            "dummyAppList": {}
         };
     }
     static get elementRef() { return "el"; }

package/dist/collection/components/my-component/dash-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"dash-button.js","sourceRoot":"","sources":["../../../src/components/my-component/dash-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Element } from '@stencil/core';\nimport Keycloak from \"keycloak-js\";\nimport { toSvg } from \"jdenticon\";\n\n@Component({\n  tag: 'dash-button',\n  styleUrl: 'dash-button.css',\n  shadow: true,\n})\nexport class DashButtonComponent {\n\n  @Element() el;\n  \n  @Prop() showPostLoginText: boolean = false;\n  @Prop() silentCheckSso: boolean = false;\n  @Prop() redirectUri: string;\n  @Prop() authMethod: string = \"check-sso\";\n\n  @Prop() keycloakUri: string = \"http://localhost:8080\";\n  @Prop() realm: string = \"\";\n  @Prop() clientId: string = \"\";\n\n  @Prop() appId: string = \"\";\n  @Prop() portalUrl: string = \"\";\n  @Prop() marketplaceUrl: string = \"https://marketplace-zdzw.cloud.zdzw-project.com\";\n  @Prop() plmUrl: string = \"https://productlicensemanager-zdzw.cloud.zdzw-project.com\";\n  @Prop() usageTrackingUrl: string = \"https://usage-tracking-ui-zdzw.cloud.zdzw-project.com\";\n  @Prop() showUnauthorizedModal: boolean = false;\n  @Prop() postTextDelayDuration: number;\n\n  @Prop() primaryColor: string = \"\";\n  @Prop() accentColor: string = \"\";\n\n  @Prop() menuLinks: string;\n\n  @State() keycloak: any = new Keycloak({\n    url: this.keycloakUri,\n    realm: this.realm,\n    clientId: this.clientId,\n  });;\n\n  @State() isAuth = false;\n  @State() givenUserName: string = \"\";\n  @State() silentCheckSsoRedirectUri: string =  window.location.origin + '/assets/verificar-sso.html';\n\n  @State() appList = []\n  @State() menuLinkList = []\n  \n  @State() showPostLoginLoadingSpinner = false;\n  @State() avatarSvg = toSvg(\"init-avatar\", 40);\n\n  componentWillLoad() {\n    //\n    // User set post-text-delay-duration for displaying loading spinner\n    //\n    if(this.postTextDelayDuration > 0) {\n      // Show loading spinner\n      this.showPostLoginLoadingSpinner = true\n      // Removing a loading spinner after the delay period ending\n      setTimeout(() => {\n        this.showPostLoginLoadingSpinner = false\n      }, this.postTextDelayDuration);\n    }\n\n    //\n    // Init Keycloak\n    //\n    this.initKeycloak().then(() => {\n      // Check if the user is authenticated\n      if(this.isAuth) {\n        const _token = JSON.parse(localStorage.getItem('keycloak')).token\n        \n        this.getAppList(_token).then(res => {\n          this.appList = res\n\n          // If the user has set an app ID, check if they have permission to access\n          if(this.appId) {\n            \n            // Retrieve the list of buttons that are configured to set the app ID\n            const appIdList = this.appId.replace(/'/g, '').split(',');\n            // Remote appID list parsed from object\n            const tempAppList = this.appList.map(obj => obj['shortname'])\n\n            // Check if the user has permission to access the selected application\n            if(appIdList.filter(id => tempAppList.includes(id)).length == 0) {\n              // Update local storage app permission\n              localStorage.setItem(\"ZDZW_app_permission\", JSON.stringify(false));\n\n              // Show modal\n              const appErrorModal = this.el.shadowRoot.querySelector('#appPermissionErrorModal');\n              appErrorModal.style.display = \"block\";\n\n              // If a redirect URL is provided, show the loading spinner\n              if (this.portalUrl && this.showUnauthorizedModal) {\n                var countdownNumberEl = this.el.shadowRoot.getElementById('countdown-number');\n                var countdown = 6;\n\n                countdownNumberEl.textContent = countdown.toString();\n\n                setInterval(() => {\n                  countdown = --countdown <= 0 ? 6 : countdown;\n                  countdownNumberEl.textContent = countdown.toString();\n\n                  // Once the countdown finishes, redirect to the provided URL\n                  if(countdown == 1) {\n                    // appErrorModal.style.display = \"none\";\n                    window.location.replace(this.portalUrl.toString());\n                  }\n                }, 1000);\n              }\n            } else {\n              // The user is authenticated and has the necessary permissions\n              // Update local storage app permission\n              localStorage.setItem(\"ZDZW_app_permission\", JSON.stringify(true));\n            }\n          }\n\n        })\n      }\n    })\n\n    // Set menu links \n    if(this.menuLinks) {\n      this.menuLinkList = JSON.parse(this.menuLinks)\n    }\n  }\n\n  async initKeycloak() {\n    // Remove the initiation time permission localstorage object\n    localStorage.removeItem(\"ZDZW_app_permission\");\n\n    await this.keycloak.init(\n      {\n          onLoad: this.authMethod,\n          checkLoginIframe: false,\n          silentCheckSsoRedirectUri: this.silentCheckSso ? this.silentCheckSsoRedirectUri : '',\n      }).then(res => {\n        if(res) {\n          this.isAuth = true\n          localStorage.setItem(\"keycloak\", JSON.stringify(this.keycloak));\n          document.cookie = \"ZDZW_cookie=\" + JSON.parse(localStorage.getItem('keycloak')).token;\n\n          // Set userName\n          this.givenUserName = JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.preferred_username\n\n          // Set user avatar\n          this.avatarSvg = toSvg(JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.sub, 40);\n        } \n      });\n  }\n\n  async getAppList(token) {\n    // const token = await JSON.parse(localStorage.getItem('keycloak')).token;\n    // const response = await fetch(this.marketplaceUrl + '/api/v1/product/nameAndShortName', {\n    //   headers: new Headers({\n    //     'Authorization': 'Bearer ' + token,\n    //   }),\n    // })\n\n    const response = await fetch(this.plmUrl + '/api/v1/product/nameAndShortNameOrg', {\n      headers: new Headers({\n        'Authorization': 'Bearer ' + token,\n      }),\n    })\n    const jsonObj = await response.json()\n    return jsonObj\n  }\n\n  login() {  \n    this.keycloak.login()        \n  }\n\n  logout() {\n    localStorage.removeItem(\"keycloak\");\n    document.cookie = \"ZDZW_cookie=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;\";\n    this.keycloak.logout() \n  }  \n\n  showModal() {\n    const appModal = this.el.shadowRoot.querySelector('#appListModal');\n    appModal.style.display = \"block\";\n  }\n\n  closeModal() {\n    const appModal = this.el.shadowRoot.querySelector('#appListModal');\n    appModal.style.display = \"none\";\n  }\n\n  render() {\n    return <div>\n    <div>\n        {\n          (() => {\n              if(this.isAuth  && this.showPostLoginText) {\n                  // User set post-text-delay-duration for displaying loading spinner\n                  if(this.showPostLoginLoadingSpinner) {\n                    return (\n                      <a id=\"login-btn\" class=\"button button-link\">\n                        <div class=\"lds-ring\"><div></div><div></div><div></div><div></div></div>\n                      </a>\n                    )\n                  } else {\n                    return (\n                      <a style={{background: this.primaryColor != undefined? this.primaryColor : \"\"}} href={this.redirectUri} id=\"login-btn\" class=\"button button-link\">\n                        <span style={{color: this.accentColor != undefined? this.accentColor : \"\"}} class=\"button-text button-text-full-width\">Go to Dashboard</span>\n                      </a>\n                    )\n                  }\n                  \n                } else if (this.isAuth) {\n                    return (\n                      <div id=\"profile-btn\" class=\"dropdown\">\n                      <button style={{background: this.primaryColor != undefined? this.primaryColor : \"\"}} type=\"button\" class=\"button\">\n                          <span class=\"button-profile\">\n                              <div innerHTML={this.avatarSvg}/>\n                          </span>\n                          <span style={{color: this.accentColor != undefined? this.accentColor : \"\"}} id=\"given-name\" class=\"button-text\">{this.givenUserName}</span>\n                          <div class=\"button-icon\">\n                              <span class=\"gg-menu-grid-r\"></span>\n                          </div>\n                      </button>\n                      <div class=\"dropdown-content\">\n                          <div class=\"dropdown-user-profile\">\n                            <div class=\"username\">@{this.givenUserName}</div>\n                            <div class=\"first-last-name\">{JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.name}</div>\n                          </div>\n                          <a onClick={this.showModal.bind(this)} id=\"applications-btn\"><i style={{color: this.primaryColor != undefined? this.primaryColor : \"\"}} class=\"menu-bar-icons gg-microsoft\"></i>Applications</a>\n                          <a href={this.portalUrl} target='_blank' id=\"applications-btn\"><i style={{color: this.primaryColor != undefined? this.primaryColor : \"\"}} class=\"menu-bar-icons gg-ereader\"></i>Portal</a>\n                          <a href={this.marketplaceUrl} target='_blank' id=\"applications-btn\"><i style={{color: this.primaryColor != undefined? this.primaryColor : \"\"}} class=\"menu-bar-icons gg-display-flex\"></i>Marketplace</a>\n                          {\n                            this.menuLinkList.map(link => {\n                              return (<a href={link.url} target='_blank' id=\"applications-btn\"><i style={{color: this.primaryColor != undefined? this.primaryColor : \"\"}} class=\"menu-bar-icons gg-link\"></i>{link.name}</a>)\n                            })\n                          }\n                          <a onClick={this.logout.bind(this)} id=\"logout-btn\"><i style={{color: this.primaryColor != undefined? this.primaryColor : \"\"}} class=\"menu-bar-icons gg-log-out\"></i>Logout</a>\n                      </div>\n                    </div>\n                    )\n                } else {\n                  return (\n                    <button style={{background: this.primaryColor != undefined? this.primaryColor : \"\"}} onClick={this.login.bind(this)} id=\"login-btn\" type=\"button\" class=\"button\">\n                      <span style={{color: this.accentColor != undefined? this.accentColor : \"\"}} class=\"button-text\">Login</span>\n                    </button>\n                  )\n                }\n          })()  \n        } \n    </div>\n  \n    <div id=\"appListModal\" class=\"modal\">\n    \n      <div class=\"modal-content\">\n        <span onClick={this.closeModal.bind(this)} class=\"close\">&times;</span>\n        <h3>Applications</h3>\n        <div class=\"modal-body\">\n          {this.appList.length > 0 ? this.appList.map( app => {\n            return (\n              <a class=\"external-app-link\" target='_blank' href={\"https://\" + app.shortname + \"-zdzw\"+ this.portalUrl.replace(/(^\\w+:|^)\\/\\//, '').replace('portal-frontend-zdzw','')}>\n                <div class=\"modal-app\">\n                  <div>{app.name}</div>\n                </div>\n              </a>\n            );\n          }) : <div><h3 class=\"gray-text\">Not installed application found.</h3> <p class=\"gray-text\">Please contact administration.</p></div>}\n        </div>\n      </div>\n    \n    </div>\n\n    <div id=\"appPermissionErrorModal\" class=\"modal\">\n      <div class=\"modal-content\">\n        <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGD0lEQVR4nO2cbU8TWRTH/W5WEAmF4nNiieFFoeBjYhQUWzUWYkpbDfGFCR9CoolvQF9aWgG3kMCG8LACC1ikuCuUh7bH/M/MmW131S2ZqTDjPcmkdub2tvPj3HP/55yJR44oU6ZMmTJlyg7YOsL9pI7+shkogGFzDqMAhhVAOsiQozwwrACS8sCwfXd+tYTDCiApDwwf/FJUSzisAJKjNhFlPzYF0KQpgCZNATRpCqBJUwBNmgJo0hRAk6YAmjQF0KkAs4uLtPz8OU2HQpRqaaFkQwPFq6v5SHo8fA7XVgYGKLu0dGC/81ABLORylB4cpInLl+nt0aP7OiauXKH00BAV8vlfE2AmkaCxpiYDSKK6mqaammjx+nX6FAzS348e0VYkwgf+jXO4Nun18lj53PuLF2kjmfx1AOa3t2mmt9cAkDxxghauXaPN3l7KxmJlHRgLmKNutzHPTCTCczsa4G4mQ6nWVr7h4WPHaL6trQTc+r17NOf30/iZMzTmdtNwVRWPA2Scm/H56FMgQNlolMfDO/9ob+cxmDPl99PuxoYzAe5mMrzcxOvWAALgolFauXmTxurry45/gPvnjRsG+LW7d3lOWdKVhHggAPPb24bnvW9ooL96evjGP4dC9NvJkwaY0fPnaa6vjzLJJG19+ED5bJY/u5NOUyYep/lnz2jk3Ll/4p/Hw/B4ru5unls8Mb+z4xyAM3rMg5cIvHRXFyVqavg8oKy+elXWjooxqy9f0luXy5gTm4xAFE+cjcWcATCTSGgxr6rKWLaAF9fj1u+BAOW2tsqeL7+7S5OdnRq8mhpaf/CA5xSI8EiJiRsjI/YGWMjlDKmCDUOWrXje3NOnRIWCaXh45biqL+f59nYjHlqtE38qwPTgoLHMeLeNRo2YB8+zEp7ExK1olI+Rujo+t/b6tX0BTugZBnQebha7rcQ8K5Ytw9O9WWKi7M7QiZKx2BJgdnHRyDDE+0SqYMOwEt7k7dvaxqJLHHwXvpMzFpeLtpeX7QdwZWCAbwjpmYhkkSrlxqVy4WEc4q1IHBbbsRhNXrjA71devLAfwOlQiH88lhJuBhkGbxx9fZbDE4NO5LTO5+OxCB14P93dbT+AKZ9P84ZgkG8GqRjeQ9ZUAh4MYhvXxs+e5fHwRBbWra32A5j0ePjHf9H1mST+2YWFisCDba+u8vV3tbWGNuT3jY32AxjXS06QFLgZKUH9aPct7O3RVFfXf+BlHj6kZG2tBq+j47tpGs5LoYKrNpGI9v74cfsDHNazg+/dvFl4sNzmprHz2x5g8l9LWMTuzsePli7bYkMBgqVMfb39l3CqpeXbm0g8XhF439xEgkGjOmN7GTOjA4XU2Be8zs6y4MFmnzzRpJLfXypjenrsK6Qnvd4SSQGxCyFtNbxiIb1+/74mpL1e+wrp7NISp1ElqZwuZZB2WQkPZqRyevz7Eg5zCc22qVxxMUGWMRL94sTfKnjYfd+dPq15261bpcWEq1fJvuWsoSEt/3W7tRZlNMolJylxWQEPJTGRP6lTpwz5YpSz3ryxcUE1nzcaSeieFTeArIKH3Fq8GSX9koJqc7O9C6owNL0lO5CKsZTfzS7bqTt3+LPxornxKu2Cz6Oj5IymUkTLCOB54iWAKOIaMRE7JXbS/zOMwYYhMQ9/gOLOnPxBZh8/dlhb06+Vs9B6FIi4cYmJInGgEyGIkbHgc8idkWHgHHRecVsTMU/mwuuY3tYcv3TJWW1NGJrdJY113WtkdxaJU84BqSK7rRFXdc/Dd+w5rbFeDHG8rc2IiQj2UmwQsY1iKFIxlKSg46AjARfnkGGISOZHO6JRnkNiHjzPsY92iGFZoultLNu6OtZs+3m4CCIZnxGpIjGvUsv2UAEUQ9NblrSUoNDDQP4KT+TH2/QWJT/eFgjwNaRnnGHI4x3NzRXZbQ89QBg0GsQ2Wo+SnZR1uFycYbBI3kdv2XEAiw35KqQMGkDoYaCeaDzi29jIuziuYYyVua1jANrFFECTpgCaNAXQpCmAJk0BNGkKoElTACsNUB39ZTFQAMMW/78xypQpU6ZMmbIjP9e+AkAlsBlIjsPOAAAAAElFTkSuQmCC\"/>\n        <h2 class=\"green-text margin-b\">You don't have permission to access this application.</h2>\n        <h3 class=\"green-text\">Please contact the administration.</h3>\n          \n          {(this.portalUrl && this.showUnauthorizedModal) ? \n              <div>\n                <h4 class=\"gray-text\">You will be automatically redirected to the portal.</h4>\n                  <div id=\"countdown\">\n                  <div id=\"countdown-number\"></div>\n                  <svg>\n                    <circle r=\"18\" cx=\"20\" cy=\"20\"></circle>\n                  </svg>\n                </div>\n              </div>\n            : <div></div>\n          }\n      </div>\n    </div>\n\n  </div>;\n  }\n}\n"]}
+{"version":3,"file":"dash-button.js","sourceRoot":"","sources":["../../../src/components/my-component/dash-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Element } from '@stencil/core';\nimport Keycloak from \"keycloak-js\";\nimport { toSvg } from \"jdenticon\";\n\n@Component({\n  tag: 'dash-button',\n  styleUrl: 'dash-button.css',\n  shadow: true,\n})\nexport class DashButtonComponent {\n\n  @Element() el;\n  \n  @Prop() showPostLoginText: boolean = false;\n  @Prop() silentCheckSso: boolean = false;\n  @Prop() redirectUri: string;\n  @Prop() authMethod: string = \"check-sso\";\n\n  @Prop() keycloakUri: string = \"http://localhost:8080\";\n  @Prop() realm: string = \"\";\n  @Prop() clientId: string = \"\";\n\n  @Prop() appId: string = \"\";\n  @Prop() portalUrl: string = \"\";\n  @Prop() plmUrl: string = \"https://productlicensemanager-zdzw.cloud.zdzw-project.com\";\n  @Prop() usageTrackingUrl: string = \"https://usage-tracking-ui-zdzw.cloud.zdzw-project.com\";\n  @Prop() showUnauthorizedModal: boolean = false;\n  @Prop() postTextDelayDuration: number;\n\n  @Prop() primaryColor: string = \"\";\n  @Prop() accentColor: string = \"\";\n\n  @Prop() otherLinkType: string;\n  @Prop() otherLinkDisplayName: string = \"More links\"\n  @Prop() applicationDisplayName: string = \"Applications\"\n  @Prop() disableApplicationTab: boolean = false\n\n  @Prop() menuViewType: string = \"grid\"\n\n  @State() keycloak: any = new Keycloak({\n    url: this.keycloakUri,\n    realm: this.realm,\n    clientId: this.clientId,\n  });;\n\n  @State() isAuth = false;\n  @State() givenUserName: string = \"\";\n  @State() silentCheckSsoRedirectUri: string =  window.location.origin + '/assets/verificar-sso.html';\n\n  @State() appList = []\n  @State() menuLinkList = []\n  @State() mainMenuLinkList = []\n  \n  @State() showPostLoginLoadingSpinner = false;\n  @State() avatarSvg = toSvg(\"init-avatar\", 40);\n\n  @State() dummyAppList = [\"Ds2moduleapp\", \"Data Share Controller\",\"Data inspection\", \"DRM\", \"Data marketplace\", \"Modal development toolkit\", \"Multi cloud\"]\n\n  componentWillLoad() {\n    //\n    // User set post-text-delay-duration for displaying loading spinner\n    //\n    if(this.postTextDelayDuration > 0) {\n      // Show loading spinner\n      this.showPostLoginLoadingSpinner = true\n      // Removing a loading spinner after the delay period ending\n      setTimeout(() => {\n        this.showPostLoginLoadingSpinner = false\n      }, this.postTextDelayDuration);\n    }\n\n    //\n    // Init Keycloak\n    //\n    this.initKeycloak().then(() => {\n      // Check if the user is authenticated\n      if(this.isAuth) {\n        const _token = JSON.parse(localStorage.getItem('keycloak')).token\n        \n        this.getAppList(_token).then(res => {\n          this.appList = res\n\n          // If the user has set an app ID, check if they have permission to access\n          if(this.appId) {\n            \n            // Retrieve the list of buttons that are configured to set the app ID\n            const appIdList = this.appId.replace(/'/g, '').split(',');\n            // Remote appID list parsed from object\n            const tempAppList = this.appList.map(obj => obj['shortname'])\n\n            // Check if the user has permission to access the selected application\n            if(appIdList.filter(id => tempAppList.includes(id)).length == 0) {\n              // Update local storage app permission\n              localStorage.setItem(\"ZDZW_app_permission\", JSON.stringify(false));\n\n              // Show modal\n              const appErrorModal = this.el.shadowRoot.querySelector('#appPermissionErrorModal');\n              appErrorModal.style.display = \"block\";\n\n              // If a redirect URL is provided, show the loading spinner\n              if (this.portalUrl && this.showUnauthorizedModal) {\n                var countdownNumberEl = this.el.shadowRoot.getElementById('countdown-number');\n                var countdown = 6;\n\n                countdownNumberEl.textContent = countdown.toString();\n\n                setInterval(() => {\n                  countdown = --countdown <= 0 ? 6 : countdown;\n                  countdownNumberEl.textContent = countdown.toString();\n\n                  // Once the countdown finishes, redirect to the provided URL\n                  if(countdown == 1) {\n                    // appErrorModal.style.display = \"none\";\n                    window.location.replace(this.portalUrl.toString());\n                  }\n                }, 1000);\n              }\n            } else {\n              // The user is authenticated and has the necessary permissions\n              // Update local storage app permission\n              localStorage.setItem(\"ZDZW_app_permission\", JSON.stringify(true));\n            }\n          }\n\n        })\n\n        // Set modules menu links \n        this.getOtherMenuLinks(_token).then(res => {\n          if(res.links) {\n            this.menuLinkList = res.links\n\n          }\n        })\n\n        // Set main menu links \n        this.getMainMenuLinks(_token).then(res => {\n          if(res.menuLinks) {\n            this.mainMenuLinkList = res.menuLinks\n            console.log(this.mainMenuLinkList)\n          }\n        })\n      }\n    })\n\n  }\n\n  async initKeycloak() {\n    // Remove the initiation time permission localstorage object\n    localStorage.removeItem(\"ZDZW_app_permission\");\n\n    await this.keycloak.init(\n      {\n          onLoad: this.authMethod,\n          checkLoginIframe: false,\n          silentCheckSsoRedirectUri: this.silentCheckSso ? this.silentCheckSsoRedirectUri : '',\n      }).then(res => {\n        if(res) {\n          this.isAuth = true\n          localStorage.setItem(\"keycloak\", JSON.stringify(this.keycloak));\n          // document.cookie = \"DASH_BTN=\" + JSON.parse(localStorage.getItem('keycloak')).token;\n          document.cookie = \"ZDZW_cookie=\" + JSON.parse(localStorage.getItem('keycloak')).token;\n\n          // Set userName\n          this.givenUserName = JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.preferred_username\n\n          // Set user avatar\n          this.avatarSvg = toSvg(JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.sub, 40);\n        } \n      });\n  }\n\n  async getAppList(token) {\n    // const token = await JSON.parse(localStorage.getItem('keycloak')).token;\n    // const response = await fetch(this.marketplaceUrl + '/api/v1/product/nameAndShortName', {\n    //   headers: new Headers({\n    //     'Authorization': 'Bearer ' + token,\n    //   }),\n    // })\n\n    const response = await fetch(this.plmUrl + '/api/v1/product/nameAndShortNameOrg', {\n      headers: new Headers({\n        'Authorization': 'Bearer ' + token,\n      }),\n    })\n    const jsonObj = await response.json()\n    return jsonObj\n  }\n\n  async getOtherMenuLinks(token) {\n    const response = await fetch(this.portalUrl + '/developer/dashbutton-link/'+ this.otherLinkType, {\n      headers: new Headers({\n        'Authorization': 'Bearer ' + token,\n      }),\n    })\n    const jsonObj = await response.json()\n    return jsonObj\n  }\n\n  async getMainMenuLinks(token) {\n    const response = await fetch(this.portalUrl + '/developer/dashbutton-menu-link', {\n      headers: new Headers({\n        'Authorization': 'Bearer ' + token,\n      }),\n    })\n    const jsonObj = await response.json()\n    return jsonObj\n  }\n\n  login() {  \n    this.keycloak.login()        \n  }\n\n  logout() {\n    localStorage.removeItem(\"keycloak\");\n    // document.cookie = \"DASH_BTN=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;\";\n    document.cookie = \"ZDZW_cookie=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;\";\n    this.keycloak.logout() \n  }  \n\n  showModal() {\n    const appModal = this.el.shadowRoot.querySelector('#appListModal');\n    appModal.style.display = \"block\";\n  }\n\n  closeModal() {\n    const appModal = this.el.shadowRoot.querySelector('#appListModal');\n    appModal.style.display = \"none\";\n  }\n\n  render() {\n    return <div>\n    <div>\n        {\n          (() => {\n              if(this.isAuth  && this.showPostLoginText) {\n                  // User set post-text-delay-duration for displaying loading spinner\n                  if(this.showPostLoginLoadingSpinner) {\n                    return (\n                      <a id=\"login-btn\" class=\"button button-link\">\n                        <div class=\"lds-ring\"><div></div><div></div><div></div><div></div></div>\n                      </a>\n                    )\n                  } else {\n                    return (\n                      <a style={{background: this.primaryColor != undefined? this.primaryColor : \"\"}} href={this.redirectUri} id=\"login-btn\" class=\"button button-link\">\n                        <span style={{color: this.accentColor != undefined? this.accentColor : \"\"}} class=\"button-text button-text-full-width\">Go to Dashboard</span>\n                      </a>\n                    )\n                  }\n                  \n                } else if (this.isAuth) {\n                    return (\n                      <div id=\"profile-btn\" class=\"dropdown\">\n                      <button style={{background: this.primaryColor != undefined? this.primaryColor : \"\"}} type=\"button\" class=\"button\">\n                          <span class=\"button-profile\">\n                            {JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.imageUrl ?\n                              <img class=\"profile-image\" src=\"https://s-damith.github.io/test-avatar/images/e24da9c5-0b1f-46fa-82cd-7c711c77b5c7.png\"/>\n                            :\n                              <div innerHTML={this.avatarSvg}/>\n                            }\n                          </span>\n                          <span style={{color: this.accentColor != undefined? this.accentColor : \"\"}} id=\"given-name\" class=\"button-text\">{this.givenUserName}</span>\n                          <div class=\"button-icon\">\n                              {(this.menuViewType == \"grid\") ? <i class=\"fa-solid fa-grip-vertical\"></i> : <i class=\"fa-solid fa-bars\"></i>} \n                          </div>\n                      </button>\n                      <div class=\"dropdown-content\">\n                          <div class=\"dropdown-user-profile\">\n                            <div class=\"username\">@{this.givenUserName}</div>\n                            <div class=\"first-last-name\">{JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.name}</div>\n                          </div>\n\n\n                            { (this.menuViewType == \"grid\") ? (\n                               <div>\n                                <div class=\"grid-view-menu\">\n                                  {\n                                    this.mainMenuLinkList.map(link => {\n                                      return (\n                                        <a href={link.url} target='_blank' class=\"grid-view-link\">\n                                          <i class={link.icon + \" fa-2x\"}></i>    \n                                          <div class=\"grid-view-link-text\">{link.name}</div>\n                                        </a>\n                                      )\n                                    })\n                                  }\n                                </div>\n                                \n                                {this.mainMenuLinkList.length != 0 && <hr class=\"solid\"></hr>}\n\n                                  <div class=\"grid-view-menu\" style={this.mainMenuLinkList.length == 0 && {\"margin-bottom\": \"12px\"}}>\n                                    <a  onClick={this.showModal.bind(this)} class=\"grid-view-link\">\n                                      <i class=\"fa-regular fa-window-restore fa-2x\"></i>    \n                                      <div class=\"grid-view-link-text\">Modules</div>\n                                    </a>\n                                    <a href={this.portalUrl} target='_blank' class=\"grid-view-link\">\n                                      <i class=\"fa-solid fa-globe fa-2x\"></i>\n                                      <div class=\"grid-view-link-text\">Portal</div>\n                                    </a>\n                                    <a onClick={this.logout.bind(this)} class=\"grid-view-link\">\n                                      <i class=\"fa-solid fa-right-from-bracket fa-2x\"></i>\n                                      <div class=\"grid-view-link-text\">Logout</div>\n                                    </a>\n                                    \n                                  </div>\n\n                                </div>\n                                ) : (\n\n                                // List View\n                                <div class=\"dropdown-content-link\">\n                                  {\n                                    this.mainMenuLinkList.map(link => {\n                                      return (\n                                        <a href={link.url} target='_blank' id=\"applications-btn\">\n                                          <i class={link.icon + \" menu-bar-icons\"}></i>    \n                                          {link.name}\n                                        </a>\n                                      )\n                                    })\n                                  }\n                                  <a onClick={this.showModal.bind(this)} id=\"applications-btn\"><i class=\"fa-regular fa-window-restore menu-bar-icons\"></i>Modules</a>\n                                  <a href={this.portalUrl} target='_blank' id=\"applications-btn\"><i class=\"fa-solid fa-globe menu-bar-icons\"></i>Portal</a>\n                                  <a onClick={this.logout.bind(this)} id=\"logout-btn\"><i class=\"fa-solid fa-right-from-bracket menu-bar-icons\"></i>Logout</a>\n                                </div>\n\n                            )}\n                      </div>\n                    </div>\n                    )\n                } else {\n                  return (\n                    <button style={{background: this.primaryColor != undefined? this.primaryColor : \"\"}} onClick={this.login.bind(this)} id=\"login-btn\" type=\"button\" class=\"button\">\n                      <span style={{color: this.accentColor != undefined? this.accentColor : \"\"}} class=\"button-text\">Login</span>\n                    </button>\n                  )\n                }\n          })()  \n        } \n    </div>\n  \n    <div id=\"appListModal\" class=\"modal\">\n    \n      <div class=\"modal-content\">\n        <span onClick={this.closeModal.bind(this)} class=\"close\">&times;</span>\n\n        <div class=\"box\">\n          {(!this.disableApplicationTab) && <input type=\"radio\" class=\"tab-toggle\" name=\"tab-toggle\" id=\"tab1\" checked/>}\n          {(this.menuLinkList.length != 0) && <input type=\"radio\" class=\"tab-toggle\" name=\"tab-toggle\" id=\"tab2\" checked={this.disableApplicationTab}/>}\n\n          <ul class=\"tab-list\">\n            {(!this.disableApplicationTab) &&<li class=\"tab-item\">\n              <label class=\"tab-trigger\" htmlFor=\"tab1\"><i class=\"fa-solid fa-table-list menu-bar-icons\"></i> {this.applicationDisplayName}</label>\n            </li>}\n            {(this.menuLinkList.length != 0) && <li class=\"tab-item\">\n              <label class=\"tab-trigger\" htmlFor=\"tab2\"><i class=\"fa-solid fa-link menu-bar-icons\"></i> {this.otherLinkDisplayName}</label>\n            </li>}\n          </ul>\n          \n          <div class=\"tab-container\">\n          {(!this.disableApplicationTab) && <div class=\"tab-content\">\n              <div class=\"modal-body\">\n\n\n              {/* temporary model list */}\n              {this.dummyAppList.length > 0 ? \n              \n              this.dummyAppList.map((app)=> {\n                  return (\n                    <a class=\"external-app-link\" target='_blank' href={\"https://\" + app}>\n                      <div class=\"modal-app\">\n                        <div>{app}</div>\n                      </div>\n                    </a>\n                  );\n              })\n               : <div><h3 class=\"gray-text\">Not installed {this.applicationDisplayName} found.</h3> <p class=\"gray-text\">Please contact administration.</p></div>}\n              {/* temporary model list */}\n\n                \n                {/* {this.appList.length > 0 ? this.appList.map( app => {\n                  return (\n                    <a class=\"external-app-link\" target='_blank' href={\"https://\" + app.shortname + \"-zdzw\"+ this.portalUrl.replace(/(^\\w+:|^)\\/\\//, '').replace('portal-frontend-zdzw','')}>\n                      <div class=\"modal-app\">\n                        <div>{app.name}</div>\n                      </div>\n                    </a>\n                  );\n                }) : <div><h3 class=\"gray-text\">Not installed {this.applicationDisplayName} found.</h3> <p class=\"gray-text\">Please contact administration.</p></div>} */}\n              </div>\n            </div> }\n            <div class=\"tab-content\">\n              <div class=\"modal-body\">\n                {\n                  this.menuLinkList.map(link => {\n                    return (\n                      <a class=\"external-app-link\" target='_blank' href={link.url}>\n                        <div class=\"modal-app\">\n                          <div>{link.name}</div>\n                        </div>\n                      </a>\n                    )\n                  })\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* <h3>{this.applicationDisplayName}</h3>\n        <div class=\"modal-body\">\n          {this.appList.length > 0 ? this.appList.map( app => {\n            return (\n              <a class=\"external-app-link\" target='_blank' href={\"https://\" + app.shortname + \"-zdzw\"+ this.portalUrl.replace(/(^\\w+:|^)\\/\\//, '').replace('portal-frontend-zdzw','')}>\n                <div class=\"modal-app\">\n                  <div>{app.name}</div>\n                </div>\n              </a>\n            );\n          }) : <div><h3 class=\"gray-text\">Not installed {this.applicationDisplayName} found.</h3> <p class=\"gray-text\">Please contact administration.</p></div>}\n        </div> */}\n      </div>\n    \n    </div>\n\n    <div id=\"appPermissionErrorModal\" class=\"modal\">\n      <div class=\"modal-content\">\n        <img src=\"data:image/png;base64,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\"/>\n        <h2 class=\"green-text margin-b\">You don't have permission to access this application.</h2>\n        <h3 class=\"green-text\">Please contact the administration.</h3>\n          \n          {(this.portalUrl && this.showUnauthorizedModal) ? \n              <div>\n                <h4 class=\"gray-text\">You will be automatically redirected to the portal.</h4>\n                  <div id=\"countdown\">\n                  <div id=\"countdown-number\"></div>\n                  <svg>\n                    <circle r=\"18\" cx=\"20\" cy=\"20\"></circle>\n                  </svg>\n                </div>\n              </div>\n            : <div></div>\n          }\n      </div>\n    </div>\n\n  </div>;\n  }\n}\n"]}