', ''),
'default' => 400,
'since' => '7.0',
'accepted' => tr(
'Integer greater than 0 and less than or equal to 1000, or %0 or %1',
'fast',
'slow'
),
'advanced' => true,
],
'hide_speed' => [
'required' => false,
'name' => tra('Hide Speed'),
'filter' => 'alnum',
'description' => tr('Speed of animation in milliseconds when hiding content (%0200%1 is fast and
%0600%1 is slow. %01000%1 equals 1 second).', '', ''),
'default' => 400,
'since' => '7.0',
'accepted' => tr(
'Integer greater than 0 and less than or equal to 1000, or %0 or %1',
'fast',
'slow'
),
'advanced' => true,
],
'bootstrap' => [
'required' => false,
'name' => tra('Use Bootstrap'),
'description' => tra('Use Bootstrap collapsible box'),
'since' => '16.0',
'filter' => 'alpha',
'default' => 'n',
'options' => [
['text' => '', 'value' => ''],
['text' => tra('Yes'), 'value' => 'y'],
['text' => tra('No'), 'value' => 'n']
]
],
'class' => [
'required' => false,
'name' => tra('CSS Class'),
'description' => tra('Apply custom CSS class.'),
'since' => '16.0',
'filter' => 'text',
'default' => '',
],
]
];
}
function wikiplugin_fade($body, $params)
{
static $id = 0;
//set defaults
$plugininfo = wikiplugin_fade_info();
foreach ($plugininfo['params'] as $key => $param) {
$default["$key"] = $param['default'];
}
//apply user parameter settings
$params = array_merge($default, $params);
//validate speed parameters
$params['show_speed'] = validate_speed($params['show_speed']);
$params['hide_speed'] = validate_speed($params['hide_speed']);
$unique = 'wpfade-' . ++$id;
$unique_link = $unique . '-link';
if ($params['icon'] == 'y') {
$span_class = 'wpfade-span-icon';
$a_class_hidden = '\'wpfade-hidden\'';
$a_class_shown = '\'wpfade-shown\'';
$div_class = 'wpfade-div-icon';
} else {
$span_class = 'wpfade-span-plain';
$a_class_hidden = '';
$a_class_shown = '';
$div_class = 'wpfade-div-plain';
}
// We specify format html, so parse the contained wiki text
$body = trim($body);
$body = TikiLib::lib('parser')->parse_data($body);
// Both variants will need $headerlib
$headerlib = TikiLib::lib('header');
if ($params['bootstrap'] == 'y') {
$unique_outer = $unique . '-outer';
$unique_inner = $unique . '-inner';
// The java script is used to toggle the chevron icon from down to up.
//
// It is based on the suggestion by zessz here
// http://stackoverflow.com/a/18337268/1626109
// and the working example here
// http://jsfiddle.net/zessx/R6EAW/12/
//
// It might not be necessary to go back to the 'card-header' before
// going forward to the icon.
$jq = "function toggleChevron(e)
{
$(e.target)
.prev('.card-header')
.find('span.icon')
.toggleClass('fa-chevron-down fa-chevron-up');
}
$('#" . $unique_outer . "').on('hide.bs.collapse', toggleChevron);
$('#" . $unique_outer . "').on('show.bs.collapse', toggleChevron);" ;
$headerlib->add_jq_onready($jq);
return "