Agência CLDF
Agência CLDF
Lista de Links Horizontais - CLDF Notícias
Não remover
0 não é um tipo visível.
Não remover
Últimas
10/05/2024 - 16h21Câmara Legislativa vai ao Guará celebrar os 55 anos da cidade 10/05/2024 - 13h44CLDF homenageia os 51 anos de luta do povo Saaraui pela independência 09/05/2024 - 20h26Em 50 anos, DF pode ter 50% menos água, alerta estudo da UnB 09/05/2024 - 18h15Projeto de Lei obriga GDF a oferecer uniforme a estudantes da rede pública Ver todas
Mais Lidas
07/05/2024 - 12h04Farmacêutica Margô Karnikowski recebe título de cidadã benemérita nesta terça (7) 07/05/2024 - 13h28Câmara Legislativa recebe a terceira edição do evento Enfermagem Multiverso 07/05/2024 - 15h19CAF aprova mudanças na destinação de 21 imóveis em 10 RAs 07/05/2024 - 16h00CEOF aprova autorização para BRB criar subsidiária para cuidar da Loteria do DF
Plenário
CLDF aprova R$ 28,4 milhões em favor de educadores sociais voluntários e Fundo Antidrogas
19h49 23/04/2024
Alterações à LDO abrem caminho para nomeações e reestruturações de carreiras
19h09 23/04/2024
Aplicações Aninhadas
Fique por dentro de um assunto
Aplicações Aninhadas
Áudio
22h14 27/09/2022
83ª Sessão Ordinária
Vídeo
e-Democracia
23h23 27/09/2022Banco de Imagens
Menu Exibir
Um erro ocorreu enquanto processava o modelo.
For "#if" condition: Expected a boolean, but this has evaluated to a string (wrapper: f.t.SimpleScalar): ==> themeDisplay.getURLCurrent() [in template "10136#10174#25759963" at line 105, column 6] ---- FTL stack trace ("~" means nesting-related): - Failed at: #if themeDisplay.getURLCurrent() [in template "10136#10174#25759963" at line 105, column 1] ----
1<#if entries?has_content>
2 <#assign portletDisplay=themeDisplay.getPortletDisplay() navbarId="navbar_" + portletDisplay.getId() />
3
4 <div id="${navbarId}" class="navegacao-faixa main-menu bg-grey w-100">
5 <div class="container">
6 <ul class="row no-gutters flex-wrap justify-content-center nav navbar-nav navbar-site"
7 aria-label="<@liferay.language key='site-pages' />" role="menubar">
8 <#assign navItems=entries />
9
10 <#list navItems as navItem>
11 <#assign showChildrenNavItems=(displayDepth !=1) && navItem.hasBrowsableChildren() />
12 <#if navItem.isBrowsable()>
13 <#assign paddingSide="" length=(navItems?size / 2) iconside="" subMenuSide="" openside="" nav_item_attr_has_popup="" nav_item_caret="" border_class="" nav_item_css_class="lfr-nav-item nav-item" nav_item_href_link="" nav_item_link_css_class="nav-link text-truncate" nav_submenu="" />
14
15 <#if navItem.isBrowsable()>
16 <#assign nav_item_href_link="href='${navItem.getURL()}'" />
17 </#if>
18
19 <#if navItem.isChildSelected() || navItem.isSelected()>
20 <#assign nav_item_css_class="${nav_item_css_class} selected item-active" />
21 </#if>
22 <#if showChildrenNavItems>
23 <#-- <#if navItem?index > length>
24 <#assign paddingSide="pl-md-2 pr-md-3 px-0" icon="la-angle-left" iconside="flex-row-reverse" subMenuSide="dropdown-menu-right" openside="dropdown-menu-left-side"/>
25 <#else>
26 <#assign paddingSide="pr-md-2 pl-md-3 px-0" icon="la-angle-right" iconside="" openside="dropdown-menu-right-side"/>
27 </#if> -->
28 <li class="${nav_item_css_class} secondary-menu position-relative align-items-md-center align-items-start py-md-2">
29 <span class="w-100 p-md-0 c-px-md-0 c-px-14">
30 <div class="c-px-14 d-flex c-px-md-2 align-items-center justify-content-md-between justify-content-between spacer w-100">
31 <a target="${navItem.getTarget()}" href="${navItem.getURL()}" class="w-100 p-md-0 px-md-2">
32 <div class="${border_class}">
33 <span class="text-truncate sep font-weight-bold">
34 ${navItem.getName()}
35 </span>
36 </div>
37 </a>
38 <i class="las la-angle-down dropdown-toggle"></i>
39 </div>
40 </span>
41 <ul class="dropdown-menu p-0 m-0 multi-level ${subMenuSide}">
42 <#list navItem.getChildren() as nav_child>
43 <#if nav_child?index !=0>
44 <li class="dropdown-divider m-0"></li>
45 </#if>
46 <#if nav_child.hasBrowsableChildren()>
47 <li class="sub-menu position relative p-md-2 ${paddingSide}">
48 <span class="${iconside} d-flex c-pl-md-0 c-pr-md-0 c-pr-28 c-pl-40 align-items-center justify-content-between">
49 <a target="${nav_child.getTarget()}" href="${nav_child.getURL()}" class="w-100 py-md-0 px-md-2 nav-link d-flex align-items-center">
50 <span class="item-with-submenu">
51 ${nav_child.getName()}
52 </span>
53 </a>
54 <i class="las la-angle-right dropdown-toggle pr-md-0"></i>
55 </span>
56 <ul class="dropdown-menu m-0 p-0 sub-sub-menu">
57 <#list nav_child.getChildren() as nav_subchild>
58 <#if nav_subchild?index !=0>
59 <li class="dropdown-divider m-0"></li>
60 </#if>
61 <li class="p-0 p-md-2">
62 <a target="${nav_subchild.getTarget()}" class="nav-link w-100 d-flex c-px-md-2 py-md-0 c-pl-52 c-pr-28" href="${nav_subchild.getURL()}">
63 <span class="text-truncate">
64 ${nav_subchild.getName()}
65 </span>
66 </a>
67 </li>
68 </#list>
69 </ul>
70 </li>
71 <#else>
72 <li class="p-md-2"><span class="d-flex c-px-md-0 c-px-40"><a href="${nav_child.getURL()}" class="w-100 px-md-2 py-md-0"><span class="text-truncate ">${nav_child.getName()}</span></a></span></li>
73 </#if>
74 </#list>
75 </ul>
76 <#else>
77 <li class="${nav_item_css_class} secondary-menu align-items-md-center align-items-start py-md-2"
78 id="layout_${portletDisplay.getId()}_${portletDisplay.getId()}_${navItem.getLayoutId()}"
79 role="presentation">
80 <span class="w-100 p-md-0 c-px-md-0 c-px-14">
81 <div class="c-px-14 spacer c-px-md-2 d-flex align-items-center justify-content-md-center justify-content-between w-100">
82 <a target="${navItem.getTarget()}" href="${navItem.getURL()}" class="w-100 p-md-0 px-md-2">
83 <div class="${border_class}">
84 <span class="text-truncate sep font-weight-bold">
85 ${navItem.getName()}
86 </span>
87 </div>
88 </a>
89 </div>
90 </span>
91 </li>
92 </#if>
93 </#if>
94 </#list>
95 </ul>
96 </div>
97 </div>
98 <#else>
99 <#if themeDisplay.isSignedIn()>
100 <div class="alert alert-info">
101 <@liferay.language key="there-are-no-menu-items-to-display" />
102 </div>
103 </#if>
104</#if>
105<#if themeDisplay.getURLCurrent()>
106<style>
107.navegacao-faixa .invert-icon {
108 transform: rotate(180deg);
109}
110
111.dropdown-menu::after {
112 content: '';
113 display: block;
114 padding-top: 0;
115}
116
117.dropdown-divider {
118 border-top: 1px solid #e7e7e7;
119}
120
121.dropdown-toggle {
122 cursor: pointer;
123}
124
125.sub-menu {
126 color: #333333 !important;
127}
128
129.right-dropdown {
130 text-align: right;
131 right: 0;
132}
133
134.multi-level {
135 overflow: visible;
136 z-index: 1 !important;
137 box-shadow: 0px 4px 4px 0px #00000040;
138 border: 0;
139 border-radius: 0;
140}
141
142.dropdown-menu li {
143 background-color: #fff;
144}
145
146@media (max-width: 575.98px) {
147 .navegacao-faixa .item-active {
148 background-color: rgba(0, 0, 0, 0) !important;
149 }
150
151 .navegacao-faixa .item-active i {
152 transform: rotate(270deg) !important;
153 }
154
155 .navegacao-faixa {
156 margin: 0 !important;
157 width: 100%;
158 }
159
160 .navegacao-faixa .dropdown-menu {
161 max-height: unset !important;
162 max-width: unset !important;
163 width: 100%;
164 z-index: unset !important;
165 left: 0 !important;
166 box-shadow: none !important;
167 position: relative;
168 }
169
170 .navegacao-faixa .dropdown-menu li {
171 background-color: #e7e7e7 !important;
172 }
173
174 .navegacao-faixa .sub-menu {
175 box-shadow: none !important;
176 }
177
178 .navegacao-faixa .sub-sub-menu {
179 box-shadow: none !important;
180 background-color: #d9d9d9;
181 }
182
183 .navegacao-faixa .sub-sub-menu .dropdown-divider {
184 border-top: 1px solid #e7e7e7 !important;
185 margin: 0px 15px 0px 15px !important;
186 }
187
188 .navegacao-faixa .sub-sub-menu li {
189 background-color: #d9d9d9 !important;
190 }
191
192 .navegacao-faixa .multi-level i {
193 transform: rotate(90deg);
194 }
195
196 .navegacao-faixa .multi-level {
197 background-color: #e7e7e7 !important;
198 }
199
200 .navegacao-faixa .multi-level .dropdown-divider {
201 margin: 0px 15px 0px 15px !important;
202 border-top: 1px solid #d9d9d9;
203 }
204
205 .navegacao-faixa .nav {
206 flex-flow: column;
207 background-color: #f5f5f5 !important;
208 }
209
210 .navegacao-faixa .nav li {
211 flex-flow: column;
212 }
213
214 .navegacao-faixa .nav>li+li .spacer {
215 border-top: 1px solid #d9d9d9 !important;
216 }
217}
218
219@media (min-width: 768px) {
220 .navegacao-faixa .item-active {
221 background-color: #f5f5f5 !important;
222 }
223
224 .navegacao-faixa .item-active i {
225 transform: rotate(180deg);
226 }
227
228 .navegacao-faixa .dropdown-menu {
229 max-height: unset !important;
230 max-width: 400px !important;
231 }
232
233 .navegacao-faixa .dropdown-menu li {
234 background-color: #e7e7e7;
235 }
236
237 .navegacao-faixa .nav>li+li .spacer {
238 border-left: 1px solid #d9d9d9 !important;
239 }
240
241 .navegacao-faixa .dropdown-menu-right li span {
242 flex-flow: row-reverse;
243 }
244
245 .navegacao-faixa .dropdown-menu-right li span i {
246 transform: rotate(180deg);
247 }
248
249 .navegacao-faixa .dropdown-menu-right-side {
250 border-left: 1px solid #d9d9d9 !important;
251 }
252
253 .navegacao-faixa .dropdown-menu-left-side {
254 border-right: 1px solid #d9d9d9 !important;
255 }
256
257 .navegacao-faixa .dropdown-menu-left-side li a {
258 flex-flow: row-reverse;
259 }
260}
261
262.navegacao-faixa .sub-sub-menu {
263 box-shadow: 0px 4px 4px 0px #00000040;
264 border: 0;
265 border-radius: 0;
266 z-index: -1;
267}
268
269.navegacao-faixa .sub-sub-menu li {
270 background-color: #f5f5f5;
271}
272
273</style>
274</#if>
275<script>
276 function realWidth(obj){
277 var clone = obj.clone();
278 clone.css("visibility","hidden");
279 $('body').append(clone);
280 var width = clone.outerWidth();
281 clone.remove();
282 return width;
283 }
284 $('.sub-menu > span > i').on('click', function (e) {
285 e.stopPropagation()
286 const parent = $(this).parent().parent()
287 parent.toggleClass("item-active")
288 const dd = $(this).parent().next(".sub-sub-menu")
289 $(".sub-sub-menu").not(dd).removeClass("show")
290 $(".item-active").not(parent).removeClass("item-active")
291 dd.toggleClass("show").trigger('classChange')
292 });
293 $('.secondary-menu > span .dropdown-toggle').on('click', function (e) {
294 e.stopPropagation()
295 $(".invert-icon").not(this).removeClass("invert-icon")
296 $(this).toggleClass("invert-icon")
297 const dd = $(this).parent().parent().next(".dropdown-menu")
298 dd.removeClass("dropdown-menu-right")
299 $(".dropdown-menu", dd).removeClass("dropdown-menu-left-side")
300 $(".dropdown-menu", dd).removeClass("dropdown-menu-right-side")
301 const firstParent = $(this).parent().parent().parent()
302 const {left: firstParentLeftPos} = firstParent.offset()
303 const firstDropdownWidth = dd.width()
304 const maxSubDropdownSize = $(".sub-sub-menu",dd).map((i,el) => realWidth($(el)))
305 .toArray()
306 .reduce((acc, el)=>Math.max(acc,el),0)
307
308 const left = firstDropdownWidth+maxSubDropdownSize+firstParentLeftPos > $(window).width()
309 const openside = left ? "dropdown-menu-right" : ""
310 const opensideSub = left ? "dropdown-menu-left-side" : "dropdown-menu-right-side"
311 dd.addClass(openside)
312 $(".dropdown-menu",dd).addClass(opensideSub)
313 $(".item-active", firstParent).removeClass("item-active")
314 $(".dropdown-menu").not(dd).removeClass("show")
315 dd.toggleClass("show")
316 });
317 $(window).on("click", function(e) {
318 $(".dropdown-menu").removeClass("show")
319 $(".dropdown-menu .item-active").removeClass("item-active")
320 $(".invert-icon").removeClass("invert-icon")
321 });
322</script>