spoiler.php
4.83 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<?php
su_add_shortcode(
array(
'id' => 'spoiler',
'callback' => 'su_shortcode_spoiler',
'name' => __( 'Spoiler', 'shortcodes-ultimate' ),
'type' => 'wrap',
'group' => 'box',
'atts' => array(
'title' => array(
'default' => __( 'Spoiler title', 'shortcodes-ultimate' ),
'name' => __( 'Title', 'shortcodes-ultimate' ),
'desc' => __( 'Text in spoiler title', 'shortcodes-ultimate' ),
),
'open' => array(
'type' => 'bool',
'default' => 'no',
'name' => __( 'Open', 'shortcodes-ultimate' ),
'desc' => __( 'Is spoiler content visible by default', 'shortcodes-ultimate' ),
),
'style' => array(
'type' => 'select',
'values' => su_get_available_styles_for( 'spoiler' ),
'default' => 'default',
'name' => __( 'Style', 'shortcodes-ultimate' ),
'desc' => __( 'Choose style for this spoiler', 'shortcodes-ultimate' ),
),
'icon' => array(
'type' => 'select',
'values' => array(
'plus' => __( 'Plus', 'shortcodes-ultimate' ),
'plus-circle' => __( 'Plus circle', 'shortcodes-ultimate' ),
'plus-square-1' => __( 'Plus square 1', 'shortcodes-ultimate' ),
'plus-square-2' => __( 'Plus square 2', 'shortcodes-ultimate' ),
'arrow' => __( 'Arrow', 'shortcodes-ultimate' ),
'arrow-circle-1' => __( 'Arrow circle 1', 'shortcodes-ultimate' ),
'arrow-circle-2' => __( 'Arrow circle 2', 'shortcodes-ultimate' ),
'chevron' => __( 'Chevron', 'shortcodes-ultimate' ),
'chevron-circle' => __( 'Chevron circle', 'shortcodes-ultimate' ),
'caret' => __( 'Caret', 'shortcodes-ultimate' ),
'caret-square' => __( 'Caret square', 'shortcodes-ultimate' ),
'folder-1' => __( 'Folder 1', 'shortcodes-ultimate' ),
'folder-2' => __( 'Folder 2', 'shortcodes-ultimate' ),
),
'default' => 'plus',
'name' => __( 'Icon', 'shortcodes-ultimate' ),
'desc' => __( 'Icons for spoiler', 'shortcodes-ultimate' ),
),
'anchor' => array(
'default' => '',
'name' => __( 'Anchor', 'shortcodes-ultimate' ),
'desc' => __( 'You can use unique anchor for this spoiler to access it with hash in page url. For example: type here <b%value>Hello</b> and then use url like http://example.com/page-url#Hello. This spoiler will be open and scrolled in', 'shortcodes-ultimate' ),
),
'anchor_in_url' => array(
'type' => 'bool',
'default' => 'no',
'name' => __( 'Anchor in URL', 'shortcodes-ultimate' ),
'desc' => __( 'This option specifies whether an anchor will be added to page URL after clicking the spoiler', 'shortcodes-ultimate' ),
),
'class' => array(
'type' => 'extra_css_class',
'name' => __( 'Extra CSS class', 'shortcodes-ultimate' ),
'desc' => __( 'Additional CSS class name(s) separated by space(s)', 'shortcodes-ultimate' ),
'default' => '',
),
),
'content' => __( 'Hidden content', 'shortcodes-ultimate' ),
'desc' => __( 'Spoiler with hidden content', 'shortcodes-ultimate' ),
'note' => __( 'Did you know that you can wrap multiple spoilers with [accordion] shortcode to create accordion effect?', 'shortcodes-ultimate' ),
'example' => 'spoilers',
'icon' => 'list-ul',
'image' => su_get_plugin_url() . 'admin/images/shortcodes/spoiler.svg',
)
);
function su_shortcode_spoiler( $atts = null, $content = null ) {
$atts = shortcode_atts(
array(
'title' => __( 'Spoiler title', 'shortcodes-ultimate' ),
'open' => 'no',
'style' => 'default',
'icon' => 'plus',
'anchor' => '',
'anchor_in_url' => 'no',
'scroll_offset' => 0,
'class' => '',
),
$atts,
'spoiler'
);
$atts['style'] = str_replace( array( '1', '2' ), array( 'default', 'fancy' ), $atts['style'] );
$atts['anchor'] = ( $atts['anchor'] ) ? ' data-anchor="' . str_replace( array( ' ', '#' ), '', esc_attr( $atts['anchor'] ) ) . '"' : '';
if ( 'yes' !== $atts['open'] ) {
$atts['class'] .= ' su-spoiler-closed';
}
su_query_asset( 'css', 'su-icons' );
su_query_asset( 'css', 'su-shortcodes' );
su_query_asset( 'js', 'jquery' );
su_query_asset( 'js', 'su-shortcodes' );
do_action( 'su/shortcode/spoiler', $atts );
return '<div class="su-spoiler su-spoiler-style-' . esc_attr( $atts['style'] ) . ' su-spoiler-icon-' . esc_attr( $atts['icon'] ) . su_get_css_class( $atts ) . '"' . $atts['anchor'] . ' data-scroll-offset="' . intval( $atts['scroll_offset'] ) . '" data-anchor-in-url="' . sanitize_key( $atts['anchor_in_url'] ) . '"><div class="su-spoiler-title" tabindex="0" role="button"><span class="su-spoiler-icon"></span>' . su_do_attribute( $atts['title'] ) . '</div><div class="su-spoiler-content su-u-clearfix su-u-trim">' . su_do_nested_shortcodes( $content, 'spoiler' ) . '</div></div>';
}