Cérémonie de remise des prix aux lauréats de la 17ème édition de "Media Star" et la 1ère édition de "Etoile Montante"
Bienvenue chez Ooredoo Algérie ! Nous sommes ravis de vous compter parmi nous. Je suis un Agent Virtuel Ooredoo Chat, comment puis-je vous aider ?
The following has evaluated to null or missing: ==> curSection [in template "20097#20123#77441" at line 727, column 6] ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #if curSection == "business|entreprises" [in template "20097#20123#77441" at line 727, column 1] ----
1<#if entries?has_content>
2 <#assign sectionParam = getterUtil.getString(request.getParameter("section"))?trim>
3 <#if currentURL?contains('/business') || currentURL?contains('/entreprises') || sectionParam?contains('business')>
4 <#assign curSection = "business|entreprises" />
5 <#elseif currentURL?contains('/about-us') || currentURL?contains('/tout-sur-ooredoo')>
6 <#assign curSection = "about-us|tout-sur-ooredoo" />
7
8 <#else>
9 <#assign curSection = "personal|particuliers " />
10 </#if>
11
12 <#assign navOrder={}/>
13 <#assign mainNav='en_US'/>
14
15 <#assign navListEn=['Personal','Business','About Us']/>
16 <#assign navListFr=['Particuliers','Entreprises','Tout sur Ooredoo']/>
17 <#assign navListAr=['Personal','Business','About']/>
18
19
20
21
22 <#assign localeString = locale?string />
23 <#if localeString == 'en_US'>
24 <#assign mainNav = navListEn />
25 <#elseif localeString == 'ar_SA'>
26 <#assign mainNav = navListEn />
27 <#elseif localeString == 'fr_FR'>
28 <#assign mainNav = navListFr />
29 <#else>
30 <!-- Set a default value if none of the conditions match -->
31 <#assign mainNav = navListEn />
32 </#if>
33
34 <#list entries as curEntry>
35 <#assign navOrder+={curEntry.getTitle(locale),curEntry}/>
36
37
38
39 </#list>
40
41 <#if curSection=="about-us|tout-sur-ooredoo">
42 <#if localeString == 'ar_SA'>
43 <style>
44 .navbar-nav{
45 padding-inline: 0px !important;
46 }
47 .text-base-1280{
48 font-size: 14px !important;
49 }
50 </style>
51 <#else>
52 <style>
53 ol, ul {
54 padding-inline: 32px;
55 }
56 .text-base-1280{
57 font-size: 14px !important;
58 }
59 .nav-padding-right {
60 padding-right: 32px;
61 font-size: 14px !important;
62 font-weight: 400 !important;
63 }
64 </style>
65
66 </#if>
67 <#else>
68 <style>
69 .nav-padding-right {
70 padding-right: 32px;
71 font-size: 16px !important;
72 font-weight: 400 !important;
73 }
74 .rtl .nav-padding-right {
75 padding-right: 0px;
76 padding-left: 32px;
77 }
78 </style>
79 </#if>
80 <div class="nav-wrap shadow megaMenu bg-white">
81 <div class="mx-auto hidden max-w-7xl xl:block">
82 <!-- first row -->
83 <div class="flex">
84 <a href="/personal">
85 <#if curSection=="business|entreprises">
86 <img src="/documents/d/guest/20170203_ooredoo-business-logo" alt="about Logo" class="mt-[14px] pb-3 h-16">
87 <#else>
88 <img src="/documents/d/guest/logo" alt="about Logo" class="mt-[14px] pb-3 h-12">
89 </#if>
90 </a>
91 <div class="flex h-14 items-start gap-x-1 overflow-y-hidden text-[14px] ltr:ml-24 rtl:mr-24">
92 <#if mainNav?has_content>
93 <#list mainNav as navList>
94
95 <#assign curEntry=navOrder[navList]/>
96 <a class="flex h-full items-end rounded-b-xl
97 ${((curSection?lower_case)?contains((curEntry.getTitle(locale)?replace(' ','-'))?lower_case))?then('bg-brand-red-4 text-white','hover:bg-brand-red-6')}
98 px-5 pb-2.5" data-senna-off="true" href="/${(curEntry.getTitle('en_US')?lower_case)?replace(' ','-')}">
99 <span>
100 <@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />
101 </span>
102 </a>
103
104
105
106
107 </#list>
108 </#if>
109 </div>
110 <div class="flex items-center justify-end gap-x-10 ltr:ml-auto rtl:mr-auto">
111 <a href="/personal/noudjoum" class="flex items-center gap-x-2.5">
112 <img src="/documents/d/guest/frame-1707479612" alt="User Icon">
113 <p class="flex flex-col items-start leading-tight">
114 <span><@liferay.language key="noudjoum-icon"/> </span>
115 </p>
116 </a>
117 <a href="https://my.ooredoo.dz/" class="flex items-center gap-x-2.5">
118 <img src="/documents/d/guest/persons" alt="User Icon">
119 <p class="flex flex-col items-start leading-tight">
120 <span><@liferay.language key="my-ooredoo"/> </span>
121 </p>
122 </a>
123 <a href="https://apps.ooredoo.dz/e-payment/payment/public/" class="flex items-center gap-x-2.5">
124 <img src="/documents/d/guest/e-strom" alt="E Strom Icon">
125 <p><@liferay.language key="e-strom"/></p>
126 </a>
127 <a href="https://appstorm.ooredoo.dz/" class="flex items-center gap-x-2.5">
128 <img src="/documents/d/guest/partners" alt="People Icon">
129 <p><@liferay.language key="partners"/></p>
130 </a>
131 </div>
132 </div>
133 </div>
134 <div class="mx-auto hidden max-w-7xl xl:block desktop-tab">
135 <nav class="navbar navbar-expand-lg pb-xl-0 pt-4 relative flex items-center w-full justify-between px-0" data-te-navbar-ref="">
136 <div class="!visible flex-grow basis-[100%] d-flex align-items-center lg:!flex lg:basis-auto MegaNavSection" id="navbarSupportedContentX" data-te-collapse-item="">
137 <#list entries as curEntry>
138 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
139 <#assign
140 assetRenderer = curEntry.getAssetRenderer()
141 journalArticle = assetRenderer.getAssetObject()
142 />
143 <@liferay_journal["journal-article"]
144 articleId=journalArticle.getArticleId()
145 ddmTemplateKey=journalArticle.getDDMTemplateKey()
146 groupId=journalArticle.getGroupId()
147 />
148 </#if>
149 </#list>
150 </div>
151 <div class="flex-wrap flex pb-2 mb-1">
152 <div class="relative flex w-80 justify-end ltr:ml-auto rtl:mr-auto ooredoo-search-bar">
153 <@liferay.search_bar />
154 </div>
155 <div class="grid grid-flow-col gap-1 justify-center items-center ltr:ml-10 rtl:mr-10 ltr:translate-x-1 rtl:-translate-x-1 border-none">
156 <!--<@liferay_portlet["runtime"] portletName="com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet" />-->
157 <div class="d-flex gap-3 ooredoo-lang-selector">
158 <img id="displayedImage" src='<@liferay.language key="language-flag"/>' class="w-[24px] h-[24px] rounded-[50%] " >
159 <select
160
161 id="languageIdWeb"
162 name="languageId" class="border-0 py-1 text-gray-700 pr-4" aria-labelledby="languageDropdownMobile"
163 fdprocessedid="0tfnyf">
164 <#if localeString == 'ar_SA'>
165 <option value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
166 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
167 <#elseif localeString == 'fr_FR'>
168 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
169 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
170 </#if>
171
172 </select>
173</div>
174 </div>
175 </div>
176 </nav>
177 </div>
178
179
180 <!--tablet-->
181 <div class="hidden px-5 py-4 md:block xl:hidden">
182 <!-- first row -->
183 <div class="flex items-center justify-between">
184 <a href="/personal">
185 <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[auto] h-12 pb-3">
186 </a>
187 <div class="flex items-center gap-x-[14px]">
188 <div class="relative flex h-9 w-72 justify-end ltr:ml-auto rtl:mr-auto">
189 <@liferay.search_bar />
190 </div>
191 <div class="flex items-center gap-x-[14px]">
192 <button id="navigationTabletDropdown" data-dropdown-toggle="navigation-section-teblet-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
193 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>
194 </svg>
195 </button>
196 <div id="navigation-section-teblet-dropdown" class="z-10 hidden w-44 rounded bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
197 <ul class="py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">
198 <li>
199 <a href="/personal/noudjoum" class="block px-4 py-2"><@liferay.language key="noudjoum-icon"/></a>
200 </li>
201 <li>
202 <a href="https://my.ooredoo.dz/" class="block px-4 py-2"><@liferay.language key="my-ooredoo"/></a>
203 </li>
204 <li>
205 <a href="https://apps.ooredoo.dz/e-payment/payment/public/" class="block px-4 py-2"><@liferay.language key="e-strom"/></a>
206 </li>
207 <li>
208 <a href="https://appstorm.ooredoo.dz/" class="block px-4 py-2"><@liferay.language key="partners"/></a>
209 </li>
210
211 </ul>
212 </div>
213 </div>
214
215
216
217
218
219
220
221 <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-decorate portlet-language "
222 id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span
223 id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
224 <section class="portlet"
225 id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
226 <div class="portlet-content">
227 <div class=" portlet-content-container">
228 <div class="portlet-body">
229 <form class="form "
230 data-fm-namespace=""
231 id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825"
232 method="post"
233 name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825">
234 <div class="d-flex gap-3 ooredoo-lang-selector">
235 <select
236 onchange="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage()"
237 id="languageIdTab"
238 name="languageId" class="border-0 py-1 text-gray-700 pr-4"
239 aria-labelledby="languageDropdownMobile">
240
241 <#if localeString == 'ar_SA'>
242 <option value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
243 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
244 <#elseif localeString == 'fr_FR'>
245 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
246 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
247 </#if>
248 </select>
249 </div>
250 </form>
251
252 <style>
253 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content {
254 padding: 0;
255 }
256
257 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet {
258 margin: 0;
259 }
260
261 .ooredoo-lang-selector .pr-4 {
262 padding-right: 2rem !important;
263 }
264
265 .ooredoo-lang-selector .pb-1 {
266 padding-bottom: 0.25rem !important;
267 }
268
269 .ooredoo-lang-selector .pt-1 {
270 padding-top: 0.25rem !important;
271 }
272 </style>
273 </div>
274 </div>
275 </div>
276 </section>
277</div>
278
279
280
281
282
283
284
285
286
287
288 </div>
289 </div>
290 <!-- second row -->
291 <div class="mt-4 flex items-center justify-between">
292 <button id="tablet-menu-trigger-btn">
293 <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">
294 </button>
295 <div class="h-9 text-base">
296 <#if mainNav?has_content>
297 <#list mainNav as navList>
298 <#assign curEntry=navOrder[navList]/>
299 <a class="h-full rounded-full px-5 ${((curSection?lower_case)?contains((curEntry.getTitle(locale)?replace(' ','-'))?lower_case))?then('bg-brand-red-4 text-white tablet-menu-active-btn','hover:bg-brand-red-6')} text-sm" data-senna-off="true" href="/${(curEntry.getTitle('en_US')?lower_case)?replace(' ','-')}">
300 <span>
301 <@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />
302 </span>
303 </a>
304
305
306
307
308 </#list>
309 </#if>
310 </div>
311 </div>
312 </div>
313
314 <!--mobile-->
315 <div class="px-4 py-4 md:hidden">
316 <!-- first row -->
317 <div class="flex items-center justify-between">
318 <a href="/personal">
319 <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[120px]">
320 </a>
321 <div class="d-flex justify-end align-items-xl-center gap-x-2">
322 <div class="relative flex h-9 w-50 w-xl-72 justify-end ltr:ml-auto rtl:mr-auto">
323 <button id="mobile-nav-search" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
324 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.031 16.617L22.314 20.899L20.899 22.314L16.617 18.031C15.0237 19.3082 13.042 20.0029 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20.0029 13.042 19.3082 15.0237 18.031 16.617ZM16.025 15.875C17.2941 14.5699 18.0029 12.8204 18 11C18 7.132 14.867 4 11 4C7.132 4 4 7.132 4 11C4 14.867 7.132 18 11 18C12.8204 18.0029 14.5699 17.2941 15.875 16.025L16.025 15.875Z" fill="white"/></svg>
325 </button>
326 <@liferay.search_bar />
327 </div>
328 <div class="flex items-center gap-x-[14px]">
329 <button id="navigationDropdown" data-dropdown-toggle="navigation-section-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
330 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>
331 </svg>
332 </button>
333 <div id="navigation-section-dropdown" class="z-10 hidden w-44 rounded bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
334 <ul class="py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">
335 <li>
336 <a href="/personal/noudjoum" class="block px-4 py-2"><@liferay.language key="noudjoum-icon"/></a>
337 </li>
338 <li>
339 <a href="https://my.ooredoo.dz/" class="block px-4 py-2"><@liferay.language key="my-ooredoo"/></a>
340 </li>
341 <li>
342 <a href="https://apps.ooredoo.dz/e-payment/payment/public/" class="block px-4 py-2"><@liferay.language key="e-strom"/></a>
343 </li>
344 <li>
345 <a href="https://appstorm.ooredoo.dz/" class="block px-4 py-2"><@liferay.language key="partners"/></a>
346 </li>
347
348 </ul>
349 </div>
350 </div>
351
352
353
354
355
356
357
358
359 <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-decorate portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
360 <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
361 <div class="portlet-content">
362 <div class=" portlet-content-container">
363 <div class="portlet-body">
364 <form action="/fr/c/portal/update_language?p_l_id=24&redirect=%2Ffr%2Fentreprises" class="form " data-fm-namespace="" id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586" method="post" name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586"><input class="field form-control" id="formDate" name="formDate" type="hidden" value="1700720685587">
365 <div class="d-flex gap-3 ooredoo-lang-selector">
366 <img id="displayedImage" src='<@liferay.language key="language-flag"/>' class="w-[24px] h-[24px] rounded-[50%] " alt="uk">
367 <select id="languageIdMobile" name="languageId" class="border-0 py-1 text-gray-700 pr-4" aria-labelledby="languageDropdownMobile">
368
369 <#if localeString == 'ar_SA'>
370 <option value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
371 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
372 <#elseif localeString == 'fr_FR'>
373 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
374 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
375 </#if>
376 </select>
377 </div>
378 </form>
379 <script>
380
381</script>
382 <style>
383 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content{
384 padding:0;
385 }
386 .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet{
387 margin:0;
388 }
389 .ooredoo-lang-selector .pr-4{
390 padding-right: 2rem !important;
391}
392.ooredoo-lang-selector .pb-1 {
393 padding-bottom: 0.25rem !important;
394}
395.ooredoo-lang-selector .pt-1{
396 padding-top: 0.25rem !important;
397}
398.nav-mob-search .d-xl-none{
399 display: block !important;
400 }
401 .nav-mob-search .d-xl-block{
402 display: none !important;
403 }
404.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
405
406 width: 250px !important;
407}
408</style>
409 </div>
410 </div>
411 </div>
412 </section>
413 </div>
414
415
416
417
418
419
420 </div>
421 </div>
422 <!-- second row -->
423 <div class="mt-4 flex items-center justify-between">
424 <button id="mobile-menu-trigger-btn">
425 <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">
426 </button>
427 <div class="flex items-center gap-x-[14px]">
428 <#list entries as curEntry>
429 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
430 <button id="navigationDropdown" data-dropdown-toggle="navigation-dropdown" class="inline-flex items-center rounded-full bg-brand-red-4 px-4 py-2 text-center text-white" type="button">
431 <@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />
432 <svg class="ml-2 h-4 w-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
433 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
434 </svg>
435 </button>
436 </#if>
437 </#list>
438 <#list entries as curEntry>
439
440 <#if curEntry?index==0>
441 <div id="navigation-dropdown" class="z-10 hidden w-44 rounded bg-white shadow" data-popper-reference-hidden="" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
442 <ul class="py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">
443 <#assign mobSectionDropDown = true />
444 </#if>
445 <li>
446 <a href="/${curEntry.getTitle('en_US')?lower_case?replace(' ', '-')}" class="block px-4 py-2"><@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" /></a>
447 </li>
448 </#list>
449 <#if mobSectionDropDown==true>
450 </ul>
451 </div>
452 </#if>
453 </div>
454 </div>
455 </div>
456 </div>
457 <div id="colorChangeButton" style="display: none"></div>
458</#if>
459<#if entries?has_content>
460 <#list entries as curEntry>
461 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
462 <#assign
463 assetRenderer = curEntry.getAssetRenderer()
464 journalArticle = assetRenderer.getAssetObject()
465 />
466 <@liferay_journal["journal-article"]
467 articleId=journalArticle.getArticleId()
468 ddmTemplateKey="192008"
469 groupId=journalArticle.getGroupId()
470 />
471 <#break>
472 </#if>
473 </#list>
474 <#list entries as curEntry>
475 <#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>
476 <#assign
477 assetRenderer = curEntry.getAssetRenderer()
478 journalArticle = assetRenderer.getAssetObject()
479 />
480 <@liferay_journal["journal-article"]
481 articleId=journalArticle.getArticleId()
482 ddmTemplateKey="192949"
483 groupId=journalArticle.getGroupId()
484 />
485 <#break>
486 </#if>
487 </#list>
488</#if>
489
490<style>
491
492.MegaNavSection .journal-content-article {
493 flex-grow: 1;
494 display: flex;
495 align-items: center;
496 justify-content: start;
497 }
498 .ooredoo-search-bar .portlet{
499 margin-bottom:0;
500}
501.nav-menu-link a {
502 position: relative;
503 color: inherit;
504 text-decoration: none;
505 transition: color 0.3s ease;
506 }
507
508 .nav-menu-link a::before {
509 content: "";
510 position: absolute;
511 left: 0;
512 right: 0;
513 bottom: -3px; /* Adjust this for space between text and line */
514 height: 2px; /* Adjust this for line thickness */
515 background-color: red;
516 transform: scaleX(0);
517 transform-origin: center;
518 transition: transform 0.3s ease;
519 }
520
521 .nav-menu-link a:hover::before,
522 .navbar-nav.active .nav-menu-link a::before {
523 transform: scaleX(1);
524 }
525
526 .navbar-nav.active .nav-menu-link a {
527 color: red;
528 }
529.active-underline {
530 transform: scaleX(0);
531}
532
533.navbar-nav.active .nav-menu-link a .active-underline {
534 transform: scaleX(1);
535}
536
537.underline-red {
538 text-decoration: underline #d6001c;
539 text-decoration-thickness: 2px;
540}
541
542.tablet-menu-active-btn {
543 padding-bottom: 0.5rem;
544 padding-top: 0.5rem;
545}
546.rtl .rotate-180 {
547 transform: rotate(90deg);
548}
549 .nav-mob-search .d-xl-none{
550 display: block !important;
551 }
552 .nav-mob-search .d-xl-block{
553 display: none !important;
554 }
555 .portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input{
556 padding-right: 6rem !important;
557 padding-left: 1rem !important;
558}
559 .portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
560
561 width: 250px !important;
562}
563.nav-wrap {
564 background: #ffffff;
565 position: fixed;
566 top: 0;
567 left: 0;
568 width: 100%;
569 z-index: 100;
570}
571
572
573
574
575</style>
576
577
578<script>
579 // Check if the current URL contains '/web/guest'
580if (window.location.pathname.includes('/web/guest')) {
581 // Remove '/web/guest' from the URL
582 const newPath = window.location.pathname.replace('/web/guest', '');
583 // Update the URL without reloading the page
584 // window.history.replaceState(null, '', newPath);
585}
586
587 $(document).ready(function () {
588 $("#mobile-nav-search").click(function (e) {
589 $(this).addClass("d-none");
590 jQuery('.search-bar-nav').removeClass('d-none');
591 });
592 });
593</script>
594<script>
595
596
597$(document).ready(function () {
598
599 var selectWeb = document.querySelector('#languageIdWeb');
600 var selectMobile = document.querySelector('#languageIdMobile');
601 var selectTab= document.querySelector('#languageIdTab');
602 console.log('change', selectWeb);
603selectWeb.addEventListener('change', function() {
604 console.log('change 1', this.value);
605 if (this.value == "fr_FR") {
606 if (!window.location.pathname.startsWith('/fr/')) {
607 // Get the current path without the leading slash
608 let currentPath = window.location.pathname.substring(1);
609 console.log('currentPath 1', currentPath);
610 currentPath = currentPath.replace('ar/', '');
611 console.log('currentPath 2', currentPath);
612 const newPath = '/fr/'+currentPath;
613 const newUrl = window.location.origin +''+ newPath;
614 window.location.replace(newUrl);
615 }
616 } else if (this.value == "ar_SA"){
617 if (!window.location.pathname.startsWith('/ar/')) {
618 // Get the current path without the leading slash
619 let currentPath = window.location.pathname.substring(1);
620 console.log('currentPath 1', currentPath);
621 currentPath = currentPath.replace('fr/', '');
622 console.log('currentPath 2', currentPath);
623 const newPath = '/ar/'+currentPath;
624 const newUrl = window.location.origin +''+ newPath;
625 window.location.replace(newUrl);
626 }
627 }
628});
629
630 selectTab.addEventListener('change', function() {
631 if (this.value == "fr_FR") {
632 if (!window.location.pathname.startsWith('/fr/')) {
633 // Get the current path without the leading slash
634 let currentPath = window.location.pathname.substring(1);
635 currentPath = currentPath.replace('ar/', '');
636 const newPath = '/fr/'+currentPath;
637 const newUrl = window.location.origin +''+ newPath;
638 window.location.replace(newUrl);
639 }
640 } else if (this.value == "ar_SA"){
641 if (!window.location.pathname.startsWith('/ar/')) {
642 // Get the current path without the leading slash
643 let currentPath = window.location.pathname.substring(1);
644 currentPath = currentPath.replace('fr/', '');
645 const newPath = '/ar/'+currentPath;
646 const newUrl = window.location.origin +''+ newPath;
647 window.location.replace(newUrl);
648 }
649 }
650});
651
652 selectMobile.addEventListener('change', function() {
653 if (this.value == "fr_FR") {
654 if (!window.location.pathname.startsWith('/fr/')) {
655 // Get the current path without the leading slash
656 let currentPath = window.location.pathname.substring(1);
657 console.log('currentPath 1', currentPath);
658 currentPath = currentPath.replace('ar/', '');
659 console.log('currentPath 2', currentPath);
660 const newPath = '/fr/'+currentPath;
661 const newUrl = window.location.origin +''+ newPath;
662 window.location.replace(newUrl);
663 }
664 } else if (this.value == "ar_SA"){
665 if (!window.location.pathname.startsWith('/ar/')) {
666 // Get the current path without the leading slash
667 let currentPath = window.location.pathname.substring(1);
668 currentPath = currentPath.replace('fr/', '');
669 const newPath = '/ar/'+currentPath;
670 const newUrl = window.location.origin +''+ newPath;
671 window.location.replace(newUrl);
672 }
673 }
674});
675
676
677 $("#navDropdownMenuMobile, #navDropdownMenuService").click(function (event) {
678 event.stopPropagation();
679 });
680 if (typeof navMenuLinks == 'undefined') {
681
682const navMenuLinks = document.querySelectorAll('.nav-menu-link');
683
684
685
686// Add an event listener to each `<li>` element
687navMenuLinks.forEach(navMenuLink => {
688 // Add the `active` class to the `<li>` element when it or any of its child elements is clicked
689
690 navMenuLink.addEventListener('click', (event) => {
691 // Get the parent `<li>` element of the clicked element
692 const parent = event.target.closest('.nav-menu-link');
693
694 // Remove the `active` class from all other `<li>` elements
695 navMenuLinks.forEach(otherNavMenuLink => {
696 otherNavMenuLink.classList.remove('active');
697 });
698
699 // Add the `active` class to the parent `<li>` element
700 parent.classList.add('active');
701 const mainLink = navMenuLink.querySelector('a');
702 if (mainLink) {
703 const mainHref = mainLink.getAttribute('href');
704 mainLink.style.textDecoration = 'none'; // Remove default underline
705 mainLink.style.position = 'relative';
706 mainLink.style.color = 'inherit'; // Keep the original color
707 mainLink.style.transition = 'color 0.3s ease';
708
709 const underline = document.createElement('span');
710 underline.className = 'active-underline';
711 underline.style.position = 'absolute';
712 underline.style.bottom = '-3px';
713 underline.style.left = '0';
714 underline.style.right = '0';
715 underline.style.height = '2px';
716 underline.style.backgroundColor = 'red';
717 underline.style.transform = 'scaleX(1)';
718 underline.style.transformOrigin = 'center';
719 underline.style.transition = 'transform 0.3s ease';
720 mainLink.appendChild(underline);
721 }
722 });
723});
724}
725 });
726</script>
727<#if curSection=="business|entreprises">
728 <div style="margin-top: 9.5rem;"></div>
729 <#else>
730 <div style="margin-top: 8.5rem;"></div>
731</#if>
732<script>
733var lazyloadImages;
734if ("IntersectionObserver" in window) {
735 lazyloadImages = document.querySelectorAll(".lazy");
736 var imageObserver = new IntersectionObserver(function (entries, observer) {
737 entries.forEach(function (entry) {
738
739 if (entry.isIntersecting) {
740 var image = entry.target;
741 if (image.src == undefined || image.src == null || image.src == "") {
742 image.src = image.dataset.src;
743 image.classList.remove("lazy");
744 }
745 imageObserver.unobserve(image);
746 }
747 });
748 });
749
750 lazyloadImages.forEach(function (image) {
751 imageObserver.observe(image);
752 });
753
754} else {
755
756 var lazyloadThrottleTimeout;
757 lazyloadImages = document.querySelectorAll(".lazy");
758
759 function lazyload() {
760 if (lazyloadThrottleTimeout) {
761 clearTimeout(lazyloadThrottleTimeout);
762 }
763
764 lazyloadThrottleTimeout = setTimeout(function () {
765 var scrollTop = window.pageYOffset;
766 lazyloadImages.forEach(function (img) {
767 if (img.offsetTop < (window.innerHeight + scrollTop)) {
768 if (img.src == undefined || img.src == null || img.src == "") {
769 img.src = img.dataset.src;
770 img.classList.remove('lazy');
771 }
772 }
773 });
774
775 if (lazyloadImages.length == 0) {
776 document.removeEventListener("scroll", lazyload);
777 window.removeEventListener("resize", lazyload);
778 window.removeEventListener("orientationChange", lazyload);
779 }
780 }, 20);
781 }
782
783 document.addEventListener("scroll", lazyload);
784 window.addEventListener("resize", lazyload);
785 window.addEventListener("orientationChange", lazyload);
786
787}
788</script>
Sous une thématique unifiée intitulée « la Transformation digitale et l’intelligence artificielle en Algérie : enjeux et défis »
Ooredoo couronne les lauréats de la 17e édition de Media Star et de la première édition de l’Etoile Montante
2024-11-26
Dans la lignée de son engagement indéfectible envers la corporation journalistique algérienne, Ooredoo a organisé la cérémonie de remise de prix aux lauréats de la 17ème édition du concours Media Star dans la soirée du lundi 25 novembre 2024 à l'hôtel Sheraton d'Alger.
La cérémonie a été rehaussée par la présence d’officiels de premier plan, qui comprenait, notamment M. Abdelouaheb BARA, Secrétaire Général, représentant du Ministre de la Poste et des Télécommunications, et M. Mokhtar KHALDI, Secrétaire Général, représentant du Ministre de la Communication. A ces personnalités se sont joints des cadres supérieurs de différents organismes publics et privés, ainsi qu’une élite de professionnels des médias dont de grands noms du monde journalistique, des experts et des spécialistes dans les domaines de la technologie et de la numérisation. Les honorables convives ont été accueillis par le Directeur Général de Ooredoo, M. Roni TOHME, accompagné du Top Management de l’entreprise.
Dans une ambiance pleine de ferveur où l'élément de suspense était au rendez-vous, les jurys respectifs des deux concours, à savoir «Media Star» dans sa dix-septième édition présidé par M. Saïd OULMI, et «Etoile Montante» dans sa toute première édition présidé par Dr. Malika ATOUI n'ont pas hésité à saluer la qualité des travaux soumis par les participants sous la thématique de «La Transformation Digitale et l’Intelligence Artificielle en Algérie : enjeux et défis», tout en rappelant les moments déterminants des réunions des deux jury et les conditions idéales dans lesquelles les discussions d'évaluation se sont déroulées d'une manière qui a permis de valoriser le travail de chacun comme il se doit.
Il convient de noter que l'élément le plus distinctif de cette édition est la naissance du concours « Etoile Montante », conçu spécifiquement pour les étudiants en sciences de la communication du journalisme et des médias, une initiative qui vise à motiver les étudiants dans le domaine du journalisme, à découvrir et à encourager les talents de demain.
En plus du trophée présenté et de la reconnaissance du mérite du journaliste à travers ce prix prestigieux, les lauréats du concours « Media Star » recevront de précieuses récompenses financières : premier prix : 500 000 DZD, deuxième prix : 300 000 DZD, troisième prix : 200 000 DZD.
Sur 123 participants, 12 lauréats ont été sélectionnés dans les quatre catégories suivantes :
• Presse écrite généraliste et spécialisée :
• Premier Prix : Mustapha Bastami du quotidien « El-Khabar »
• Deuxième prix : Hank Djamal Eddine du quotidien « El Heddaf El Djadid »
• Troisième prix : Farah Amira du quotidien « Le Soir d'Algérie »
• Médias électroniques :
• Premier Prix : Abdelouahab Bouderbala du site d'information « Inter News »
• Deuxième prix : Zekri Meriem du site d'information « Echorouk Online »
• Troisième Prix : Meriem Cherfi du site d'information « Tadamsa News »
• Programmes Radiophoniques :
• Premier Prix : Hafsi Nadjat et Basma Mekrach de Radio Jijel
• Deuxième Prix : Chakhab Hana de Radio Annaba
• Troisième Prix : Gourmat Manel de Radio Guelma
• Programmes Télévisuels :
• Premier prix : Belmilli Anis Sifeddine de la chaîne « El Maarifa » de la télévision algérienne (EPTV)
• Deuxième Prix : Hadj Ahmed Kamilia de la chaîne « Ennahar TV »
• Troisième Prix : Chahbari Othman de la chaine « El Bilad TV »
En ce qui concerne le concours « Étoile Montante », six (6) gagnants ont brillé et ont reçu des tablettes électroniques de haute qualité qui les aideront dans leurs recherches et études, en plus des trophées et d’un certificat de reconnaissance, pour les encourager dans leurs efforts et les inciter à viser constamment l'excellence. Le concours « Etoile Montante » se veut également un premier pas pour stimuler la réalité médiatique professionnelle des étudiants en journalisme en s'immergeant dans l'expérience de la création d'œuvres et en abordant de nouveaux sujets, en s'appuyant sur des normes professionnelles précises.
S'exprimant à cette occasion, Roni TOHME, Directeur général de Ooredoo Algérie, a déclaré :
«Cette édition est vraiment exceptionnelle, car elle réunit la 17ème édition du concours « Media Star » et la première édition du concours « Etoile Montante ». Nous célébrons ainsi l’élite journalistique et étudiants en sciences de l’information et du journalisme, et nous en sommes très fiers. Ce qui nous rend encore plus fiers, c’est de pouvoir mettre en lumière un sujet de grande importance qui préoccupe autant les autorités publiques que les institutions et les sociétés, un sujet qui ouvre de grandes perspectives dans tous les domaines et pose des défis majeurs à tous les niveaux. Nous réaffirmons à cette occasion notre engagement envers la corporation médiatique pour un accompagnement continu et comptons sur leur persévérance à exceller et à se surpasser. Je tiens à remercier chaleureusement tous les participants, journalistes et étudiants, et félicite les lauréats des deux concours pour leur créativité et leur travail. Je tiens également à exprimer mon respect et ma reconnaissance aux membres des deux jurys et à tous ceux qui ont contribué au succès de cet événement.»
Depuis son lancement en 2007, le concours «Media Star» a récompensé des travaux journalistiques innovants et est devenu au fil des années une référence reconnue sur la scène médiatique algérienne, notamment par sa transparence et la pertinence des sujets proposés dans chaque édition.
Depuis 2006, Ooredoo accompagne les professionnels des médias dans le développement de leurs compétences et contribue à leur ambition d’exceller, à travers son Club de Presse et les différentes formations qu'elle organise, puisqu'à ce jour, près de quatre-vingts (80) sessions de formation ont été organisées au profit de centaines de professionnels des médias, animées par des experts spécialisés et des personnalités nationales, chacune centrée sur une thématique d'actualité.
La célébration du 20ème anniversaire de Ooredoo, en ligne avec son thème annuel, a été rehaussée par la performance de haut niveau de l’artiste Lamia Ait Amara et de son orchestre, qui ont ébloui les invités avec des interprétations musicales originales qui les ont transportés dans une atmosphère unique et authentique.
Grâce à sa régularité et à son excellente réputation, le concours Media Star demeure l'un des rendez-vous incontournables de la scène médiatique algérienne et une heureuse occasion de rencontrer la famille journalistique algérienne, ainsi, avec le lancement du concours « Étoile Montante », Ooredoo fait de cet événement un trait d'union entre les différentes générations actives dans le domaine du journalisme dans toutes les catégories.
***Félicitations aux nouvelles stars et bonne chance aux candidats des prochaines éditions ***
PHOTO GALLERY
MY OOREDOO
MY OOREDOO
Avec l’application My Ooredoo,
gérez votre ligne en un seul clic
et en toute simplicité