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<!-- byPass Block -->
16<a class="skip-link" href="#main-content-start" role="tab">Skip to main content</a>
17
18<header id="header">
19 <nav class="nav-switcher font-light d-none d-lg-block" role="navigation" aria-label="nav-1" >
20 <div class="container">
21 <div class="d-flex justify-content-between">
22 <ul class="switcher-list">
23 <#if Tab.getSiblings()?has_content>
24 <#list Tab.getSiblings() as cur_Tab>
25 <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>
26 </#list>
27 </#if>
28 </ul>
29 <a href="/${selectLang+layout.getFriendlyURL(Locale)}"> <span class="switcher-link switcher-lang text-end" tabindex="0" role="button" aria-label="switch to ${selectLang} Language">${displayLang}</span></a>
30 </div>
31 </div>
32 </nav>
33 <div id="header-fixed-handling" class="d-block"></div>
34 <nav id="nav-header" class="nav-header shadow-sm" aria-label="nav-header" role="navigation">
35 <div class="container">
36 <div class="d-flex justify-content-between">
37 <div class="flex-fill">
38 <div class="header-wrapper">
39 <a href="home" class="nav-link nav-logo" aria-label="Vodafone Home">
40 <svg focusable="false" aria-hidden="true" class="nav-logo-item">
41 <use xlink:href="#icon-vodafone-logo"></use>
42 </svg>
43 </a>
44 <ul class="nav-list-items nav-step-one d-none d-lg-block" id="js-remove-mobile">
45 <li class="d-lg-none">
46 <a href="/${selectLang+layout.getFriendlyURL(Locale)}"> <span class="nav-item-link nav-lang font-light"
47 tabindex="0"
48 role="button"
49 aria-label="Switch language to ${displayLang}">${displayLang}</span></a>
50 </li>
51 <#if Tab.getSiblings()?has_content>
52 <#list Tab.getSiblings() as cur_Tab>
53 <#if page_type[0] == cur_Tab.Page_type.getData()> ${journalContent.getContent(themeDisplay.getScopeGroupId(), "${htmlUtil.unescape(cur_Tab.articleID.getData())}", "5581847", "", locale.toString(), themeDisplay)} </#if>
54 </#list>
55 </#if>
56 <li class="d-lg-none">
57 <div class="mt-3">
58 <#if Tab.getSiblings()?has_content>
59 <#list Tab.getSiblings() as cur_Tab>
60 <a href="${htmlUtil.unescape(cur_Tab.TabURL.getData())}" tabindex="0" aria-label="${cur_Tab.TabLabel.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>
61 </a>
62 </#list>
63 </#if>
64 </div>
65 </li>
66 </ul>
67 </div>
68 </div>
69 <ul id='parentUl' class="nav-list">
70 <li>
71 <a class="nav-link" id="searchIcon" href="https://web.vodafone.com.eg/spa/search"
72 role="button"
73 tabindex="0" aria-label="Search">
74 <svg focusable="false" aria-hidden="true" class="nav-link-svg rtl-flip-v">
75 <use xlink:href="#icon-search"></use>
76 </svg>
77 </a>
78 </li>
79 <li id='notSignedItem' class="header-avatar" role="button" tabindex="0" aria-label="Login Profile">
80 <span class="nav-link cursor-pointer" id="loginIcon">
81 <svg focusable="false" aria-hidden="true" class="nav-link-svg">
82 <use xlink:href="#icon-vodafone-profile"></use>
83 </svg>
84 </span>
85 <div class="nav-startup shadow-sm" role="button" aria-label="Login Options">
86 <div class="font-light">
87 <h4 class="h4-3x mb-0">${htmlUtil.unescape(Welcome.getData())}</h4>
88 <h5 class="text-transform-none">${htmlUtil.unescape(WantToLoginIn.getData())}</h5></div>
89 <ul class="nav-startup-list">
90 <li>
91 <button id="InnerloginBtn" class="btn btn-primary w-100" aria-label="confirm login">${htmlUtil.unescape(LoginButton.getData())}</button>
92 </li>
93 <li>
94 <button class="btn btn-secondary w-100" aria-label="decline login">${htmlUtil.unescape(CancelLabel.getData())}</button>
95 </li>
96 </ul>
97 </div>
98 </li>
99 <li id='SignedItem'>
100 <input type="checkbox" name="" id="user-options" class="nav-flag d-lg-none" aria-label="Toggle User Menu">
101 <label id="avatar" for="user-options" class="__nav-item-link" onclick="navUserToggling(event)"
102 role="button" tabindex="0" aria-haspopup="menu" aria-controls="user-menu" aria-expanded="false" aria-label="Open user menu"><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>
103 </label>
104 <div class="nav-step-three nav-radius-down shadow-sm" aria-label="User Menu">
105 <ul class="nav-user-list">
106 <#if UserMenu.getSiblings()?has_content>
107 <#list UserMenu.getSiblings() as cur_UserMenu>
108 <li><a href="${htmlUtil.unescape(cur_UserMenu.UserMenuUrl.getData())}" class="nav-item-link">${htmlUtil.unescape(cur_UserMenu.UserMenuLabel.getData())}</a></li>
109 </#list>
110 </#if>
111 </ul>
112 </div>
113 </li>
114 <li class="d-lg-none"> <span class="nav-link" onclick="navToggling()" id="nav-toggle" role="button" tabindex="0" aria-label="Toggle navigation menu" aria-expanded="false"><div class="burger-toggle js-burger-toggle nav-link-svg" id="js-burger-toggle"> <input type="checkbox" class="checker" aria-label="Toggle mobile navigation"> <span></span></div>
115 </span>
116 </li>
117 </ul>
118
119
120 <div class="header-wrapper d-block d-lg-none" id="js-remove-desktop">
121 <ul class="nav-list-items nav-step-one">
122 <li class="d-lg-none">
123 <a href="/${selectLang+layout.getFriendlyURL(Locale)}"> <span class="nav-item-link nav-lang font-light"
124 tabindex="0"
125 role="button"
126 aria-label="Switch language to ${displayLang}">${displayLang}</span></a>
127 </li>
128 <#if Tab.getSiblings()?has_content>
129 <#list Tab.getSiblings() as cur_Tab>
130 <#if page_type[0] == cur_Tab.Page_type.getData()> ${journalContent.getContent(themeDisplay.getScopeGroupId(), "${htmlUtil.unescape(cur_Tab.articleID.getData())}", "5581847", "", locale.toString(), themeDisplay)} </#if>
131 </#list>
132 </#if>
133 <li class="d-lg-none">
134 <div class="mt-3">
135 <#if Tab.getSiblings()?has_content>
136 <#list Tab.getSiblings() as cur_Tab>
137 <a href="${htmlUtil.unescape(cur_Tab.TabURL.getData())}" tabindex="0" aria-label="${cur_Tab.TabLabel.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>
138 </a>
139 </#list>
140 </#if>
141 </div>
142 </li>
143 </ul>
144 </div>
145
146
147 </div>
148 </div>
149 </nav>
150</header>
151
152<a id="main-content-start" tabindex="-1" role="region" aria-label="Main Content Start"></a>
153
154<div id="bodyContainer"></div>
155<svg class="d-none">
156 <symbol id="icon-vodafone-logo" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
157 <g class="ab" clip-path="url(#a)">
158 <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" />
159 <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" />
160 <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>
161 </symbol>
162 <symbol id="icon-chevron-down" viewBox="0 0 144 76">
163 <title>main_icn_Chevron_down</title>
164 <path data-name="<Pfad>" stroke-linecap="round" stroke-linejoin="round" d="M140 4L72 72 4 4" /> </symbol>
165 <symbol id="icon-chevron-right" viewBox="0 0 76 144">
166 <title>main_icn_Chevron_right</title>
167 <path data-name="<Pfad>" stroke-linecap="round" stroke-linejoin="round" d="M4 4l68 68-68 68" /> </symbol>
168 <symbol id="icon-search" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
169 <path class="aa" fill="none" d="M0 0h40v40H0z" />
170 <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" />
171 <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>
172 <symbol id="icon-vodafone-profile" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
173 <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" />
174 <path class="ab" fill="none" d="M0 0h40v40H0z" />
175 <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>
176 <symbol id="icon-avatar-user" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
177 <circle class="aa" cx="20" cy="20" r="20" fill="#ccc" />
178 <path class="ac" d="M8.986 8.86h21.6v22.5h-21.6z" fill="transparent" />
179 <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" />
180 <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>
181 <symbol id="icon-close" viewBox="0 0 144 144">
182 <title>main_icn_Close</title>
183 <path data-name="<Pfad>" stroke-linecap="round" stroke-linejoin="round" d="M4 4l136 136M4 140L140 4" /> </symbol>
184</svg>
