Changes for page Menu Macro

Last modified by Leon Poon on 2024/03/23 04:30
From version 1.1
edited by Leon Poon
on 2018/12/16 14:33
Change comment: Install extension [org.xwiki.platform:xwiki-platform-menu-ui/10.10]
To version 5.1
edited by Leon Poon
on 2022/10/22 01:49
Change comment: Install extension [org.xwiki.platform:xwiki-platform-menu-ui/13.10.9]

Summary

Details

Page properties
Content
... ... @@ -3,9 +3,11 @@
3 3  = Horizontal Menu =
4 4  
5 5  {{velocity}}
6 +#set ($menuTemplateDoc = $xwiki.getDocument('MenuTemplate'))
6 6  {{code language="none"}}
7 7  {{menu type="horizontal fixedWidth"}}
8 -$xwiki.getDocument('MenuTemplate').content
9 +## No way to escape content in the code macro, so just remove {, see https://jira.xwiki.org/browse/XRENDERING-13.
10 +$menuTemplateDoc.content.replace('{', '')
9 9  {{/menu}}
10 10  {{/code}}
11 11  {{/velocity}}
XWiki.StyleSheetExtension[1]
Code
... ... @@ -307,6 +307,33 @@
307 307   padding-left: 15px;
308 308   & .icon-bar {
309 309   background-color: @navbar-default-link-color;
310 + transition: .3s ease all;
311 + &:nth-of-type(2) {
312 + opacity: 0;
313 + }
314 + &:nth-of-type(3) {
315 + transform: rotate(45deg);
316 + }
317 + &:nth-of-type(4) {
318 + transform: rotate(-45deg);
319 + margin-top: -2px;
320 + margin-bottom: 6px;
321 + }
310 310   }
323 + &.collapsed {
324 + .icon-bar {
325 + &:nth-of-type(2) {
326 + opacity: 1;
327 + }
328 + &:nth-of-type(3) {
329 + transform: rotate(0);
330 + }
331 + &:nth-of-type(4) {
332 + transform: rotate(0);
333 + margin-top: 4px;
334 + margin-bottom: 0;
335 + }
336 + }
337 + }
311 311   }
312 312  }
XWiki.WikiMacroClass[0]
Cached
... ... @@ -1,0 +1,1 @@
1 +No
Asynchronous rendering
... ... @@ -1,0 +1,1 @@
1 +No
Macro code
... ... @@ -9,10 +9,14 @@
9 9  #set ($discard = $xwiki.ssx.use("$xcontext.macro.doc.prefixedFullName", {'colorTheme': $colorTheme}))
10 10  #set ($discard = $xwiki.jsx.use("$xcontext.macro.doc.prefixedFullName"))
11 11  #if($type.contains('horizontal'))
12 + ## Make sure the id is non-empty for horizontal menus as otherwise the toggle doesn't work.
13 + #if ($stringtool.isBlank("$!id"))
14 + #set ($id = $wikimacro.context.getXDOM().getIdGenerator().generateUniqueId("M", "GeneratedMenuId"))
15 + #end
12 12   (% role="navigation" class="menu-horizontal-toggle" %)(((
13 13   (% class="navbar-header" %)(((
14 14   {{html}}
15 - <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#$!{id}" aria-expanded="false">
19 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#$!{escapetool.xml($id)}" aria-expanded="false">
16 16   <span class="sr-only"></span>
17 17   <span class="icon-bar"></span>
18 18   <span class="icon-bar"></span>
... ... @@ -20,13 +20,13 @@
20 20   </button>
21 21   {{/html}}
22 22   )))
23 - (% id="${id}" class="menu menu-$!type collapse navbar-collapse" %)(((
24 - $xcontext.macro.content
27 + (% id="$!{services.rendering.escape($id, 'xwiki/2.1')}" class="menu menu-${services.rendering.escape($!type, 'xwiki/2.1')} collapse navbar-collapse" %)(((
28 + {{wikimacrocontent/}}
25 25   )))
26 26   )))
27 27  #else
28 - (% #if ("$!id" != '') id="$id"#end class="menu menu-$!type" %)(((
29 - $xcontext.macro.content
32 + (% #if ("$!id" != '') id="${services.rendering.escape($id, 'xwiki/2.1')}"#end class="menu menu-${services.rendering.escape($!type, 'xwiki/2.1')}" %)(((
33 + {{wikimacrocontent/}}
30 30   )))
31 31  #end
32 32  {{/velocity}}
Macro content type
... ... @@ -1,0 +1,1 @@
1 +Wiki