Changes for page APIMacro

Last modified by jklein on 2025/06/24 11:07

From version 39.5
edited by jklein
on 2025/06/03 07:34
Change comment: There is no comment for this version
To version 31.11
edited by jklein
on 2025/06/02 14:53
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,15 +1,7 @@
1 -{{aagon.floatingbox/}}
1 +{{apimacro title="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.StyleSheetExtension[0]
Code
... ... @@ -1,10 +1,17 @@
1 -.showhide-header {
1 +.showhide-wrapper {
2 + margin: 20px 0;
3 + border: 1px solid #ccc;
4 + border-radius: 6px;
5 + background-color: #f9f9f9;
2 2   overflow: hidden;
7 +}
8 +
9 +.showhide-header {
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;
14 + margin: 30px 0 0;
8 8   cursor: pointer;
9 9   user-select: none;
10 10  }
... ... @@ -11,8 +11,6 @@
11 11  
12 12  .showhidecontent {
13 13   border: 1px solid #ccc;
14 - overflow: hidden;
15 - margin-bottom: 20px;
16 16   border-top: none;
17 17   border-radius: 0 0 4px 4px;
18 18   padding: 10px;
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -5,6 +5,7 @@
5 5   #set($mparams = $xcontext.macro.params)
6 6  #end
7 7  
8 +## Parameter vorbereiten
8 8  #if($mparams.id)
9 9   #set($id = $util.convertToAlphaNumeric($mparams.id))
10 10  #end
... ... @@ -16,27 +16,22 @@
16 16   #set($effect = "slideToggle")
17 17  #end
18 18  #set($effectduration = $mathtool.mul(1000,$mparams.effectduration))
20 +#set($title = $escapetool.xml($mparams.title))
19 19  
20 -#set($title = $mparams.title)
21 -
22 -## XWiki-Syntax direkt ausgeben
23 -= $title =
24 -
25 25  {{html clean=false}}
26 -<div class="showhide-header"
27 - #if($id && $id!="") id="showhideheader${id}" #end
28 - data-show-duration="$effectduration"
29 - data-show-effect="$effect">
30 - <div class="showhide-header-flex">
31 - <div class="showhide-arrow">&#9654;</div>
23 +<div class="showhide-wrapper" #if($divstyle && $divstyle != "") style="$divstyle" #end>
24 + <div class="showhide-header"
25 + #if($id && $id != "") id="showhideheader${id}" #end
26 + data-show-duration="$effectduration"
27 + data-show-effect="$effect">
28 + <div class="showhide-header-flex">
29 + <div class="showhide-title">$title</div>
30 + <div class="showhide-arrow">&#9654;</div>
31 + </div>
32 32   </div>
33 -</div>
34 34  {{/html}}
35 35  
36 -(% class="showhidecontent"
37 - #if($id && $id!="") id="showhidecontent${id}" #end
38 - #if($xcontext.action != 'edit') style="display: none;" #end
39 -%)
35 +(% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %)
40 40  (((
41 41  (((
42 42  {{wikimacrocontent /}}
© Aagon GmbH 2025
Besuchen Sie unsere Aagon-Community