1<#if (image_header.getData())?? && image_header.getData() != "">
2 <#assign pageName= themeDisplay.getLayout().getName(themeDisplay.getLocale())>
3 <#assign urlSite = "/web"+ themeDisplay.getScopeGroup().getFriendlyURL()>
4 <div id="parc-bg-image" class="parc-image text-center" >
5 <img style="width: -webkit-fill-available; "class="img_fondo_cabecera_parcs img-fluid no-lazy" src="${image_header.getData()}" /> 6 <div class="parc-bg-text col-lg-12 d-flex align-items-end justify-content-center">
7 <a href="${urlSite}"><h2 class="<#if name_park.getData()??has_content !! name_park.getData()?length ==0>bg-transparent" ${name_park.getData()}</h2></a> 8 </div>
9
10 </div>
11
12 <#if (menuParc?? && menuParc.getSiblings()?has_content && menuParc.getSiblings()[0].imatgeMenu.getData()?has_content)>
13 <nav class="navbar navbar-default navbar-expand-lg container-fluid d-flex justify-content-end" role="navigation">
14 <div class="navbar-header">
15 <button type="button" id="submenu-parcs-toggler" class="navbar-toggler" data-toggle="liferay-collapse" data-target="#submenu-parcs" aria-controls="navbarNav" expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
16 </div>
17 <div class="collapse navbar-collapse row align-items-start justify-content-center flex-column flex-lg-row" id="submenu-parcs">
18 <#list menuParc.getSiblings() as cur_menuParc>
19 <#if (cur_menuParc.imatgeMenu.getData())?? && cur_menuParc.imatgeMenu.getData() != "">
20
21 <div class="col-auto pt-2 px-1">
22 <div class="text-center">
23 <a href="${cur_menuParc.linkMenu.getData()}"> 24 <img id="menu-parc-imatge" alt="${cur_menuParc.imatgeMenu.getAttribute("alt")!""}" 25 data-fileentryid="${cur_menuParc.imatgeMenu.getAttribute("fileEntryId")!""}" 26 src="${cur_menuParc.imatgeMenu.getData()}" 27 class="border rounded-circle d-none d-lg-block no-lazy" style="width:100px"/>
28 <div class="display-6 ml-2 d-lg-none">${cur_menuParc.textMenu.getData()}</div> 29
30 </a>
31 </div>
32 <div class="text-center mt-1 d-none d-lg-block" style="font-size: clamp(0.1rem, 2.5vw, 0.6rem);">${cur_menuParc.textMenu.getData()}</div> 33
34 </div>
35
36 </#if>
37 </#list>
38 </div>
39 </nav>
40 <script>
41 (function () { 42 function initSubMenu() { 43 const toggle = document.getElementById("submenu-parcs-toggler"); 44 const menu = document.getElementById("submenu-parcs"); 45
46 if (!toggle || !menu || toggle.dataset.ready) return;
47
48 toggle.dataset.ready = "true";
49
50 toggle.addEventListener("click", () => { 51 menu.classList.toggle("open"); 52 });
53 }
54
55 document.addEventListener("DOMContentLoaded", initSubMenu); 56 Liferay.on("endNavigate", initSubMenu); 57})();
58</script>
59 </#if>
60</#if>