diff --git a/webapp/portlet/src/main/webapp/vue-apps/getting-started/main.js b/webapp/portlet/src/main/webapp/vue-apps/getting-started/main.js index 645bc9e5b6c..9be4043f38c 100644 --- a/webapp/portlet/src/main/webapp/vue-apps/getting-started/main.js +++ b/webapp/portlet/src/main/webapp/vue-apps/getting-started/main.js @@ -9,16 +9,21 @@ export function hideGettingStarted() { }); } -const parentAppElement = document.querySelector('#GettingStartedPortlet .btClose'); +const parentAppElement = document.querySelector('#GettingStartedPortlet'); +const parentAppElementBtn = document.querySelector('#GettingStartedPortlet .btClose'); if (parentAppElement) { - parentAppElement.onclick = () => { - hideGettingStarted().then(() => { - const parentElementToHide = parentAppElement.closest('.PORTLET-FRAGMENT'); - hideGettingStarted().then(() => parentElementToHide.classList.add('hidden')); - }); - }; + if (parentAppElementBtn) { + parentAppElementBtn.onclick = () => { + hideGettingStarted().then(() => { + const parentElementToHide = parentAppElement.closest('.PORTLET-FRAGMENT'); + hideGettingStarted().then(() => parentElementToHide.classList.add('hidden')); + }); + }; + } +} else { + document.querySelector('#GettingStartedContainerChildren .PORTLET-FRAGMENT').classList.add('hidden'); } -const parentElementToHide = document.querySelector('#GettingStartedPortlet'); -if (parentElementToHide && parentElementToHide.dataset.canClose === 'true') { - parentElementToHide.closest('.PORTLET-FRAGMENT').classList.add('hidden'); + +if (parentAppElement && parentAppElement.dataset.canClose === 'true') { + parentAppElement.closest('.PORTLET-FRAGMENT').classList.add('hidden'); }