Changes for page Show Hide Macro

Last modified by jklein on 2025/06/02 14:04

From version 5.4
edited by jklein
on 2025/06/02 09:32
Change comment: There is no comment for this version
To version 5.1
edited by jklein
on 2025/06/02 09:12
Change comment: There is no comment for this version

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,29 +1,16 @@
1 1  require(['jquery'], function($) {
2 2   function onClick () {
3 3   var button = $(this),
4 - content = button.parent().next(),
5 - effect = button.attr('data-show-effect'),
6 - data = button.data();
7 -
8 - if ($.inArray(effect, ['toggle', 'fadeToggle', 'slideToggle']) == -1)
9 - effect = 'toggle';
10 -
11 - // Toggle-Zustand berechnen
4 + content = button.parent().next(),
5 + effect = button.attr('data-show-effect'),
6 + data = button.data();
7 + if($.inArray(effect,['toggle','fadeToggle','slideToggle']) == -1) effect = 'toggle';
12 12   data.showHideState = !(('showHideState' in data) ? data.showHideState : content.is(':visible'));
13 -
14 - // Pfeil und Text setzen
15 - var message = button.attr(data.showHideState ? 'data-hide-message' : 'data-show-message');
16 - var icon = data.showHideState ? '▼ ' : '► ';
17 - button.html(icon + message);
18 -
19 - // Inhalt ein-/ausblenden
9 + button.html(button.attr(data.showHideState ? 'data-hide-message' : 'data-show-message'));
20 20   content.stop()[effect](parseInt(button.attr('data-show-duration')));
21 -
22 22   return false;
23 23   }
24 -
25 25   $(document).ready(function() {
26 26   $('.showhidebutton').children('a').on('click', onClick);
27 27   });
28 28  });
29 -
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -long
Code
... ... @@ -1,19 +1,0 @@
1 -.showhide-header-flex {
2 - display: flex;
3 - justify-content: space-between;
4 - align-items: center;
5 - padding: 6px 10px;
6 - font-weight: bold;
7 -}
8 -
9 -.showhide-title {
10 - flex: 1;
11 - text-align: left;
12 -}
13 -
14 -.showhidebutton a {
15 - text-decoration: none;
16 - cursor: pointer;
17 - font-weight: normal;
18 -}
19 -
Content Type
... ... @@ -1,1 +1,0 @@
1 -CSS
Name
... ... @@ -1,1 +1,0 @@
1 -ShowHideMacro Style
Parse content
... ... @@ -1,1 +1,0 @@
1 -No
Use this extension
... ... @@ -1,1 +1,0 @@
1 -currentPage
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -17,25 +17,12 @@
17 17   #set($effect = "slideToggle")
18 18  #end
19 19  #set($effectduration = $mathtool.mul(1000,$mparams.effectduration))
20 -#set($title = $escapetool.xml($mparams.title))
21 21  (% #if($divstyle && $divstyle!="") style="${divstyle}" #end %)
22 22  (((
23 -(% class="showhide-header" %)
24 -(((
22 +(% class="showhidebutton" %)
23 +(((
25 25  {{html clean=false}}
26 -<div class="showhide-header-flex">
27 - <div class="showhide-title">$title</div>
28 - <div class="showhidebutton">
29 - <a href="javascript:void(0)"
30 - #if($id && $id!="")id="showhidebuttontext${id}" #end
31 - data-show-duration="$effectduration"
32 - data-show-effect="$effect"
33 - data-show-message="$showmessage"
34 - data-hide-message="$hidemessage">
35 - ► $showmessage
36 - </a>
37 - </div>
38 -</div>
25 +<a href="javascript:void(0)" #if($id && $id!="")id="showhidebuttontext${id}" #end data-show-duration="$effectduration" data-show-effect="$effect" data-show-message="$showmessage" data-hide-message="$hidemessage">$mparams.showmessage</a>
39 39  {{/html}}
40 40  )))
41 41  (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %)
XWiki.WikiMacroParameterClass[7]
Parameter description
... ... @@ -1,1 +1,0 @@
1 -Titel
Parameter mandatory
... ... @@ -1,1 +1,0 @@
1 -Yes
Parameter name
... ... @@ -1,1 +1,0 @@
1 -title
© Aagon GmbH 2025
Besuchen Sie unsere Aagon-Community