Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (3 modified, 2 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,15 +1,7 @@ 1 -{{aagon.floatingbox/}} 1 +{{apimacro}} 2 +Code 2 2 3 -{{apimacro title="Text"}} 4 -Text 5 -Text 6 -Text 7 -{{/apimacro}} 4 +Code 8 8 9 -{{apimacro title="Code"}} 10 10 Code 11 11 {{/apimacro}} 12 - 13 -{{apimacro title="APIMacro"}} 14 - 15 -{{/apimacro}}
- 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
-
... ... @@ -1,24 +1,12 @@ 1 1 .showhide-header { 2 - overflow: hidden; 3 3 border: 1px solid #ccc; 4 4 background-color: #f7f7f7; 5 5 border-radius: 4px 4px 0 0; 6 - margin: 6px 0 0; 7 7 padding: 10px 12px; 8 8 cursor: pointer; 9 9 user-select: none; 10 10 } 11 11 12 -.showhidecontent { 13 - border: 1px solid #ccc; 14 - overflow: hidden; 15 - margin-bottom: 20px; 16 - border-top: none; 17 - border-radius: 0 0 4px 4px; 18 - padding: 10px; 19 - background-color: #fff; 20 -} 21 - 22 22 .showhide-header-flex { 23 23 display: flex; 24 24 justify-content: space-between; ... ... @@ -32,16 +32,11 @@ 32 32 } 33 33 34 34 .showhide-arrow { 35 - display: inline-block; 36 - transition: transform 0.3s ease; 37 - transform: rotate(0deg); 38 38 font-size: 16px; 24 + font-weight: bold; 39 39 color: #0645ad; 26 + text-align: right; 27 + min-width: 20px; 28 + transition: transform 0.2s ease; 40 40 } 41 41 42 -/* Wenn Container 'open' ist → Pfeil dreht sich */ 43 -.showhide-header.open .showhide-arrow { 44 - transform: rotate(90deg); 45 -} 46 - 47 -
- XWiki.WikiMacroClass[0]
-
- Macro code
-
... ... @@ -1,14 +1,14 @@ 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) 6 6 #end 7 - 8 -## Parameter vorbereiten 9 9 #if($mparams.id) 10 10 #set($id = $util.convertToAlphaNumeric($mparams.id)) 11 11 #end 10 +#set($showmessage = $escapetool.xml($mparams.showmessage)) 11 +#set($hidemessage = $escapetool.xml($mparams.hidemessage)) 12 12 #set($divstyle = $escapetool.xml($mparams.style)) 13 13 #set($effect = $escapetool.xml($mparams.effect)) 14 14 #if($effect == "appear" || $effect == "fade") ... ... @@ -17,14 +17,9 @@ 17 17 #set($effect = "slideToggle") 18 18 #end 19 19 #set($effectduration = $mathtool.mul(1000,$mparams.effectduration)) 20 -#set($rawTitle = $mparams.title) 21 -#if($rawTitle && $rawTitle != "") 22 - #set($wikiSyntaxTitle = "= $rawTitle =") 23 - #set($titleRendered = $xwiki.renderText($wikiSyntaxTitle, $doc.syntaxId)) 24 -#else 25 - #set($titleRendered = "") 26 -#end 27 - 20 +#set($title = $escapetool.xml($mparams.title)) 21 +(% #if($divstyle && $divstyle!="") style="${divstyle}" #end %) 22 +((( 28 28 {{html clean=false}} 29 29 <div class="showhide-header" 30 30 #if($id && $id!="") id="showhideheader${id}" #end ... ... @@ -31,17 +31,16 @@ 31 31 data-show-duration="$effectduration" 32 32 data-show-effect="$effect"> 33 33 <div class="showhide-header-flex"> 34 - <div class="showhide-title">$ !titleRendered</div>35 - <div class="showhide-arrow"> ▶</div>## Unicode ▶29 + <div class="showhide-title">$title</div> 30 + <div class="showhide-arrow">►</div> 36 36 </div> 37 37 </div> 38 38 {{/html}} 39 - 40 40 (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %) 41 -((( 42 -((( 35 +((( 36 +((( 43 43 {{wikimacrocontent /}} 44 -))) 45 45 ))) 39 +))) 40 +))) 46 46 {{/velocity}} 47 - - Macro description
-
... ... @@ -1,1 +1,1 @@ 1 - Makrofür PublicAPI-Commands1 +Show/hide content with animations.
- 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