Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (3 modified, 2 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,4 +1,4 @@ 1 -{{apimacro title="APIMacro"}}1 +{{apimacro}} 2 2 Code 3 3 4 4 Code
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -3,7 +3,8 @@ 3 3 var header = $(this), 4 4 content = header.next('.showhidecontent'), 5 5 effect = header.attr('data-show-effect'), 6 - duration = parseInt(header.attr('data-show-duration')) || 300; 6 + duration = parseInt(header.attr('data-show-duration')) || 300, 7 + arrow = header.find('.showhide-arrow'); 7 7 8 8 if ($.inArray(effect, ['toggle', 'fadeToggle', 'slideToggle']) === -1) { 9 9 effect = 'toggle'; ... ... @@ -12,10 +12,12 @@ 12 12 var isVisible = content.is(':visible'); 13 13 var newState = !isVisible; 14 14 15 - // Toggle 'open'-Klasse für Rotation 16 - header.toggleClass('open', newState); 16 + // Pfeil wechseln 17 + if (arrow.length) { 18 + arrow.text(newState ? '▼' : '►'); 19 + } 17 17 18 - // Ein-/Ausblenden des Inhalts21 + // Inhalt ein-/ausklappen 19 19 content.stop()[effect](duration); 20 20 } 21 21 - Name
-
... ... @@ -1,1 +1,1 @@ 1 -APIMacro 1 +APIMacro Script
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -20,16 +20,11 @@ 20 20 } 21 21 22 22 .showhide-arrow { 23 - display: inline-block; 24 - transition: transform 0.3s ease; 25 - transform: rotate(0deg); 26 26 font-size: 16px; 24 + font-weight: bold; 27 27 color: #0645ad; 26 + text-align: right; 27 + min-width: 20px; 28 + transition: transform 0.2s ease; 28 28 } 29 29 30 -/* Wenn Container 'open' ist → Pfeil dreht sich */ 31 -.showhide-header.open .showhide-arrow { 32 - transform: rotate(90deg); 33 -} 34 - 35 -
- XWiki.WikiMacroClass[0]
-
- Macro code
-
... ... @@ -1,5 +1,5 @@ 1 1 {{velocity}} 2 -#set($discard = $xwiki.jsx.use("Macros. APIMacro"))2 +#set($discard = $xwiki.jsx.use("Macros.ShowHideMacro")) 3 3 #set($mparams = $wikimacro.parameters) 4 4 #if(!$mparams) 5 5 #set($mparams = $xcontext.macro.params) ... ... @@ -27,7 +27,7 @@ 27 27 data-show-effect="$effect"> 28 28 <div class="showhide-header-flex"> 29 29 <div class="showhide-title">$title</div> 30 - <div class="showhide-arrow"> ▶</div>## Unicode ▶30 + <div class="showhide-arrow">►</div> 31 31 </div> 32 32 </div> 33 33 {{/html}}
- XWiki.WikiMacroParameterClass[3]
-
- Parameter default value
-
... ... @@ -1,0 +1,1 @@ 1 +slide - Parameter description
-
... ... @@ -1,0 +1,1 @@ 1 +Scriptaculous Effect - Parameter mandatory
-
... ... @@ -1,0 +1,1 @@ 1 +No - Parameter name
-
... ... @@ -1,0 +1,1 @@ 1 +effect
- XWiki.WikiMacroParameterClass[5]
-
- Parameter default value
-
... ... @@ -1,0 +1,1 @@ 1 +0 - Parameter description
-
... ... @@ -1,0 +1,1 @@ 1 +Effect duration - Parameter mandatory
-
... ... @@ -1,0 +1,1 @@ 1 +No - Parameter name
-
... ... @@ -1,0 +1,1 @@ 1 +effectduration