1<#assign JournalArticleService=serviceLocator.findService( "com.liferay.journal.service.JournalArticleService") serviceContext=staticUtil[ "com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext() themeDisplay=serviceContext.getThemeDisplay() currnetUrl=themeDisplay.getLayout().getFriendlyURL()?remove_beginning( "/") layout=themeDisplay.getLayout() httpServletRequest=serviceContext.getRequest() cookieKey=objectUtil( "com.liferay.portal.kernel.util.CookieKeys") />
2<#if !is_signed_in??>
3 <#assign is_signed_in=permissionChecker . isSignedIn () />
4</#if>
5<#assign displayLang="العربية" />
6<#assign selectLang="ar" />
7<#if locale.getLanguage()=="ar">
8 <#assign displayLang="English" />
9 <#assign selectLang="en" />
10</#if>
11<!-- page type assignment -->
12<#assign page_type = layout.getExpandoBridge().getAttribute("page_type") />
13
14<div class="nudge nudge-top nudge-temp" id="js-nudge-top-header"></div>
15<header id="header">
16 <nav class="nav-switcher font-light d-none d-lg-block" aria-label="nav-switcher">
17 <div class="container">
18 <div class="d-flex justify-content-between">
19 <ul class="switcher-list">
20 <#if Tab.getSiblings()?has_content>
21 <#list Tab.getSiblings() as cur_Tab>
22 <li class="<#if page_type[0] == cur_Tab.Page_type.getData()>switcher-active</#if>"> <a href="${htmlUtil.unescape(cur_Tab.TabURL.getData())}" class="switcher-link">${htmlUtil.unescape(cur_Tab.TabLabel.getData())}</a></li>
23 </#list>
24 </#if>
25 </ul>
26 <a href="/${selectLang+layout.getFriendlyURL(Locale)}"> <span class="switcher-link switcher-lang text-end">${displayLang}</span></a>
27 </div>
28 </div>
29 </nav>
30 <div id="header-fixed-handling" class="d-block"></div>
31 <nav id="nav-header" class="nav-header shadow-sm" aria-label="nav-header">
32 <div class="container">
33 <div class="d-flex justify-content-between">
34 <div class="flex-fill">
35 <div class="header-wrapper">
36 <a href="home" class="nav-link nav-logo">
37 <svg focusable="false" aria-hidden="true" class="nav-logo-item">
38 <use xlink:href="#icon-vodafone-logo"></use>
39 </svg>
40 </a>
41 <ul class="nav-list-items nav-step-one">
42 <li class="d-lg-none">
43 <a href="/${selectLang+layout.getFriendlyURL(Locale)}"> <span class="nav-item-link nav-lang font-light">${displayLang}</span></a>
44 </li>
45 <#if Tab.getSiblings()?has_content>
46 <#list Tab.getSiblings() as cur_Tab>
47 <#if page_type[0] == cur_Tab.Page_type.getData()> ${journalContent.getContent(themeDisplay.getScopeGroupId(), "${htmlUtil.unescape(cur_Tab.articleID.getData())}", "5581847", "", locale.toString(), themeDisplay)} </#if>
48 </#list>
49 </#if>
50 <li class="d-lg-none">
51 <div class="mt-3">
52 <#if Tab.getSiblings()?has_content>
53 <#list Tab.getSiblings() as cur_Tab>
54 <a href="${htmlUtil.unescape(cur_Tab.TabURL.getData())}" class="btn btn-secondary btn-icon btn-lg mb-4 w-100 <#if currnetUrl == cur_Tab.TabURL.getData() || cur_Tab?index==0>d-none</#if>"> <span> <span>${htmlUtil.unescape(cur_Tab.TabLabel.getData())}</span> <span> <svg class="icon"> <use xlink:href="#icon-chevron-right" xmlns:xlink="http://www.w3.org/1999/xlink"></use> </svg> </span> </span>
55 </a>
56 </#list>
57 </#if>
58 </div>
59 </li>
60 </ul>
61 </div>
62 </div>
63 <ul id='parentUl' class="nav-list">
64 <li>
65 <a class="nav-link" id="searchIcon" href="https://web.vodafone.com.eg/spa/search">
66 <svg focusable="false" aria-hidden="true" class="nav-link-svg rtl-flip-v">
67 <use xlink:href="#icon-search"></use>
68 </svg>
69 </a>
70 </li>
71 <li id='notSignedItem' class="header-avatar">
72 <span class="nav-link cursor-pointer" id="loginIcon">
73 <svg focusable="false" aria-hidden="true" class="nav-link-svg">
74 <use xlink:href="#icon-vodafone-profile"></use>
75 </svg>
76 </span>
77 <div class="nav-startup shadow-sm">
78 <div class="font-light">
79 <h4 class="h4-3x mb-0">${htmlUtil.unescape(Welcome.getData())}</h4>
80 <h5 class="text-transform-none">${htmlUtil.unescape(WantToLoginIn.getData())}</h5></div>
81 <ul class="nav-startup-list">
82 <li>
83 <button id="InnerloginBtn" class="btn btn-primary w-100">${htmlUtil.unescape(LoginButton.getData())}</button>
84 </li>
85 <li>
86 <button class="btn btn-secondary w-100">${htmlUtil.unescape(CancelLabel.getData())}</button>
87 </li>
88 </ul>
89 </div>
90 </li>
91 <li id='SignedItem'>
92 <input type="checkbox" name="" id="user-options" class="nav-flag d-lg-none">
93 <label id="avatar" for="user-options" class="__nav-item-link" onclick="navUserToggling(event)"><span class="nav-link nav-big"><svg focusable="false" aria-hidden="true" class="avatar-item"> <use xlink:href="#icon-avatar-user"></use> </svg> <span class="nav-close"><svg focusable="false" aria-hidden="true" class="icon icon-sm"> <use xlink:href="#icon-close"></use> </svg></span></span>
94 </label>
95 <div class="nav-step-three nav-radius-down shadow-sm">
96 <ul class="nav-user-list">
97 <#if UserMenu.getSiblings()?has_content>
98 <#list UserMenu.getSiblings() as cur_UserMenu>
99 <li><a href="${htmlUtil.unescape(cur_UserMenu.UserMenuUrl.getData())}" class="nav-item-link">${htmlUtil.unescape(cur_UserMenu.UserMenuLabel.getData())}</a></li>
100 </#list>
101 </#if>
102 </ul>
103 </div>
104 </li>
105 <li class="d-lg-none"> <span class="nav-link" onclick="navToggling()" id="nav-toggle"><div class="burger-toggle js-burger-toggle nav-link-svg" id="js-burger-toggle"> <input type="checkbox" class="checker"> <span></span></div>
106 </span>
107 </li>
108 </ul>
109 </div>
110 </div>
111 </nav>
112</header>
113
114<div id="bodyContainer"></div>
115<svg class="d-none">
116 <symbol id="icon-vodafone-logo" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
117 <g class="ab" clip-path="url(#a)">
118 <path class="ac" d="M47.95 23.952a23.993 23.993 0 0 1-24 24 23.907 23.907 0 0 1-23.9-24 23.886 23.886 0 0 1 23.9-23.9 23.972 23.972 0 0 1 24 23.9" fill="#e60000" fill-rule="evenodd" />
119 <path class="ad" d="M47.95 23.952a23.993 23.993 0 0 1-24 24 23.907 23.907 0 0 1-23.9-24 23.886 23.886 0 0 1 23.9-23.9 23.972 23.972 0 0 1 24 23.9z" fill="none" stroke="#fff" stroke-miterlimit="2.613" stroke-width=".216" />
120 <path class="ae" d="M37.877 25.142a13.023 13.023 0 0 1-13.222 12.822c-8.051 0-13.536-7.04-13.395-14.929 0-11.532 9.626-20.867 21.519-20.867q.743 0 1.472.049c-4.245 2.056-7.143 5.907-7.288 10.353a12.92 12.92 0 0 1 10.914 12.572" fill="#fff" fill-rule="evenodd" /> </g>
121 </symbol>
122 <symbol id="icon-chevron-down" viewBox="0 0 144 76">
123 <title>main_icn_Chevron_down</title>
124 <path data-name="<Pfad>" stroke-linecap="round" stroke-linejoin="round" d="M140 4L72 72 4 4" /> </symbol>
125 <symbol id="icon-chevron-right" viewBox="0 0 76 144">
126 <title>main_icn_Chevron_right</title>
127 <path data-name="<Pfad>" stroke-linecap="round" stroke-linejoin="round" d="M4 4l68 68-68 68" /> </symbol>
128 <symbol id="icon-search" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
129 <path class="aa" fill="none" d="M0 0h40v40H0z" />
130 <circle class="ab" cx="11.667" cy="11.667" r="11.667" transform="translate(4.167 4.167)" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
131 <path class="ab" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M24.081 24.081l11.752 11.752" /> </symbol>
132 <symbol id="icon-vodafone-profile" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
133 <path class="aa" d="M32.5 34.187c-1.35-9.141-6.91-13.381-12.425-13.381S8.852 25.044 7.5 34.185" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
134 <path class="ab" fill="none" d="M0 0h40v40H0z" />
135 <circle class="aa" cx="7.5" cy="7.5" r="7.5" transform="translate(12.5 5.806)" fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> </symbol>
136 <symbol id="icon-avatar-user" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
137 <circle class="aa" cx="20" cy="20" r="20" fill="#ccc" />
138 <path class="ac" d="M8.986 8.86h21.6v22.5h-21.6z" fill="transparent" />
139 <path class="ad" d="M26.536 28.091c-.729-5.142-3.732-7.527-6.709-7.527s-6.061 2.384-6.791 7.526" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
140 <path class="ad" d="M22.65 13.362a4.344 4.344 0 0 1 0 5.966 3.936 3.936 0 0 1-5.728 0 4.344 4.344 0 0 1 0-5.966 3.936 3.936 0 0 1 5.728 0" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" /> </symbol>
141 <symbol id="icon-close" viewBox="0 0 144 144">
142 <title>main_icn_Close</title>
143 <path data-name="<Pfad>" stroke-linecap="round" stroke-linejoin="round" d="M4 4l136 136M4 140L140 4" /> </symbol>
144</svg>