Changes for page Show Hide Macro
Last modified by jklein on 2025/06/02 14:04
Summary
-
Objects (3 modified, 0 added, 0 removed)
Details
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -1,24 +1,22 @@ 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(); 4 + content = button.parent().next(), 5 + effect = button.attr('data-show-effect'), 6 + data = button.data(); 7 7 8 8 if ($.inArray(effect, ['toggle', 'fadeToggle', 'slideToggle']) == -1) 9 9 effect = 'toggle'; 10 10 11 - // Determine current visibilityandtogglestate11 + // Toggle-Zustand berechnen 12 12 data.showHideState = !(('showHideState' in data) ? data.showHideState : content.is(':visible')); 13 13 14 - // Determinemessageand icon14 + // Pfeil und Text setzen 15 15 var message = button.attr(data.showHideState ? 'data-hide-message' : 'data-show-message'); 16 16 var icon = data.showHideState ? '▼ ' : '► '; 17 - 18 - // Update button text with icon 19 19 button.html(icon + message); 20 20 21 - // Perform theanimation19 + // Inhalt ein-/ausblenden 22 22 content.stop()[effect](parseInt(button.attr('data-show-duration'))); 23 23 24 24 return false;
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -2,10 +2,7 @@ 2 2 display: flex; 3 3 justify-content: space-between; 4 4 align-items: center; 5 - background-color: #f9f9f9; 6 6 padding: 6px 10px; 7 - border: 1px solid #ddd; 8 - border-radius: 4px 4px 0 0; 9 9 font-weight: bold; 10 10 } 11 11 - Content Type
-
... ... @@ -1,0 +1,1 @@ 1 +CSS - Name
-
... ... @@ -1,1 +1,1 @@ 1 -ShowHide Style 1 +ShowHideMacro Style - Parse content
-
... ... @@ -1,0 +1,1 @@ 1 +No - Use this extension
-
... ... @@ -1,0 +1,1 @@ 1 +currentPage
- XWiki.WikiMacroClass[0]
-
- Macro code
-
... ... @@ -11,17 +11,6 @@ 11 11 #set($hidemessage = $escapetool.xml($mparams.hidemessage)) 12 12 #set($divstyle = $escapetool.xml($mparams.style)) 13 13 #set($effect = $escapetool.xml($mparams.effect)) 14 -#set($title = $escapetool.xml($mparams.title)) 15 - 16 -## Standardtexte setzen 17 -#if(!$showmessage || $showmessage == "") 18 - #set($showmessage = "Anzeigen") 19 -#end 20 -#if(!$hidemessage || $hidemessage == "") 21 - #set($hidemessage = "Verbergen") 22 -#end 23 - 24 -## Effekte setzen 25 25 #if($effect == "appear" || $effect == "fade") 26 26 #set($effect = "fadeToggle") 27 27 #elseif ($effect == "blind" || $effect == "slide") ... ... @@ -28,11 +28,9 @@ 28 28 #set($effect = "slideToggle") 29 29 #end 30 30 #set($effectduration = $mathtool.mul(1000,$mparams.effectduration)) 31 - 32 -## HTML-Struktur 20 +#set($title = $escapetool.xml($mparams.title)) 33 33 (% #if($divstyle && $divstyle!="") style="${divstyle}" #end %) 34 34 ((( 35 - 36 36 (% class="showhide-header" %) 37 37 ((( 38 38 {{html clean=false}} ... ... @@ -51,14 +51,11 @@ 51 51 </div> 52 52 {{/html}} 53 53 ))) 54 - 55 55 (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %) 56 -((( 57 -((( 42 +((( 43 +((( 58 58 {{wikimacrocontent /}} 59 -))) 60 60 ))) 61 - 62 62 ))) 47 +))) 63 63 {{/velocity}} 64 -