Changes for page APIMacro

Last modified by jklein on 2025/06/24 11:07
From version 20.1
edited by jklein
on 2025/06/02 13:45
Change comment: There is no comment for this version
To version 31.10
edited by jklein
on 2025/06/02 14:52
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,29 +1,7 @@
1 +{{apimacro title="APIMacro"}}
2 +Code
1 1  
2 -{{apimacro}}{{/apimacro}}
4 +Code
3 3  
4 -(((
5 -(% class="showhide-header" data-hide-message="$hidemessage" data-show-duration="0" data-show-effect="slideToggle" data-show-message="$showmessage" %)
6 -(((
7 -(% class="showhide-header-flex" %)
8 -(((
9 -(% class="showhide-title" %)
10 -(((
11 -$title
12 -)))
13 -
14 -(% class="showhide-icon" %)
15 -(((
16 -►
17 -)))
18 -)))
19 -)))
20 -
21 -(% class="showhidecontent" style="display: none;" %)
22 -(((
23 -(((
24 -
25 -)))
26 -)))
27 -)))
28 -
29 -
6 +Code
7 +{{/apimacro}}
XWiki.JavaScriptExtension[0]
Code
... ... @@ -3,24 +3,19 @@
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,
7 - iconEl = header.find('.showhide-icon');
6 + duration = parseInt(header.attr('data-show-duration')) || 300;
8 8  
9 - // Sicherheitsprüfung für Effekt
10 10   if ($.inArray(effect, ['toggle', 'fadeToggle', 'slideToggle']) === -1) {
11 11   effect = 'toggle';
12 12   }
13 13  
14 - // Sichtbarkeitsstatus
15 15   var isVisible = content.is(':visible');
16 16   var newState = !isVisible;
17 17  
18 - // Nachricht + Pfeil setzen
19 - var message = newState ? header.attr('data-hide-message') : header.attr('data-show-message');
20 - var icon = newState ? '▼ ' : '► ';
21 - iconEl.html(icon + message);
15 + // Toggle 'open'-Klasse für Rotation
16 + header.toggleClass('open', newState);
22 22  
23 - // Inhalt ein-/ausblenden
18 + // Ein-/Ausblenden des Inhalts
24 24   content.stop()[effect](duration);
25 25   }
26 26  
Name
... ... @@ -1,1 +1,1 @@
1 -APIMacro Script
1 +APIMacro
XWiki.StyleSheetExtension[0]
Code
... ... @@ -2,27 +2,10 @@
2 2   border: 1px solid #ccc;
3 3   background-color: #f7f7f7;
4 4   border-radius: 4px 4px 0 0;
5 - padding: 8px 12px;
6 - margin-bottom: 0;
7 -}
8 -
9 -.showhide-header-flex {
10 - display: flex;
11 - justify-content: space-between;
12 - align-items: center;
13 - padding: 6px 0px;
14 - font-weight: bold;
15 -}
16 -
17 -.showhide-title {
18 - flex: 1;
19 - text-align: left;
20 -}
21 -
22 -.showhidebutton a {
23 - text-decoration: none;
5 + padding: 10px 12px;
6 + margin: 30px 0 0;
24 24   cursor: pointer;
25 - font-weight: normal;
8 + user-select: none;
26 26  }
27 27  
28 28  .showhidecontent {
... ... @@ -33,22 +33,29 @@
33 33   background-color: #fff;
34 34  }
35 35  
36 -.showhide-header:hover {
37 - background-color: #f0f0f0;
38 - cursor: default;
19 +.showhide-header-flex {
20 + display: flex;
21 + justify-content: space-between;
22 + align-items: center;
39 39  }
40 40  
41 -.showhidebutton a:hover {
42 - text-decoration: underline;
25 +.showhide-title {
26 + flex: 1;
27 + text-align: left;
28 + font-weight: bold;
43 43  }
44 44  
45 -.showhide-icon {
46 - color: #0645ad; /* typisches Link-Blau */
47 - text-decoration: underline;
48 - cursor: pointer;
31 +.showhide-arrow {
32 + display: inline-block;
33 + transition: transform 0.3s ease;
34 + transform: rotate(0deg);
35 + font-size: 16px;
36 + color: #0645ad;
49 49  }
50 50  
51 -.showhide-header:hover .showhide-icon {
52 - text-decoration: underline;
53 - color: #0b0080; /* dunkler beim Hover */
39 +/* Wenn Container 'open' ist → Pfeil dreht sich */
40 +.showhide-header.open .showhide-arrow {
41 + transform: rotate(90deg);
54 54  }
43 +
44 +
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -1,14 +1,14 @@
1 1  {{velocity}}
2 -#set($discard = $xwiki.jsx.use("Macros.ShowHideMacro"))
2 +#set($discard = $xwiki.jsx.use("Macros.APIMacro"))
3 3  #set($mparams = $wikimacro.parameters)
4 4  #if(!$mparams)
5 5   #set($mparams = $xcontext.macro.params)
6 6  #end
7 +
8 +## Parameter vorbereiten
7 7  #if($mparams.id)
8 8   #set($id = $util.convertToAlphaNumeric($mparams.id))
9 9  #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")
... ... @@ -18,26 +18,25 @@
18 18  #end
19 19  #set($effectduration = $mathtool.mul(1000,$mparams.effectduration))
20 20  #set($title = $escapetool.xml($mparams.title))
21 -(% #if($divstyle && $divstyle!="") style="${divstyle}" #end %)
22 -(((
21 +
23 23  {{html clean=false}}
24 -<div class="showhide-header"
25 - #if($id && $id!="") id="showhideheader${id}" #end
26 - data-show-duration="$effectduration"
27 - data-show-effect="$effect"
28 - data-show-message="$showmessage"
29 - data-hide-message="$hidemessage">
30 - <div class="showhide-header-flex">
31 - <div class="showhide-title">$title</div>
32 - <div class="showhide-icon">►</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>
33 33   </div>
34 -</div>
35 35  {{/html}}
34 +
36 36  (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %)
37 -(((
38 -(((
36 +(((
37 +(((
39 39  {{wikimacrocontent /}}
39 +)))
40 40  )))
41 -)))
42 -)))
43 43  {{/velocity}}
42 +
Macro description
... ... @@ -1,1 +1,1 @@
1 -Show/hide content with animations.
1 +Makro für PublicAPI-Commands
XWiki.WikiMacroParameterClass[3]
Parameter default value
... ... @@ -1,1 +1,0 @@
1 -slide
Parameter description
... ... @@ -1,1 +1,0 @@
1 -Scriptaculous Effect
Parameter mandatory
... ... @@ -1,1 +1,0 @@
1 -No
Parameter name
... ... @@ -1,1 +1,0 @@
1 -effect
XWiki.WikiMacroParameterClass[5]
Parameter default value
... ... @@ -1,1 +1,0 @@
1 -0
Parameter description
... ... @@ -1,1 +1,0 @@
1 -Effect duration
Parameter mandatory
... ... @@ -1,1 +1,0 @@
1 -No
Parameter name
... ... @@ -1,1 +1,0 @@
1 -effectduration
© Aagon GmbH 2025
Besuchen Sie unsere Aagon-Community