| 1 |
<?php if ( ! defined( 'ABSPATH' ) ) { |
| 2 |
exit; |
| 3 |
} |
| 4 |
/** |
| 5 |
* Modal button settings |
| 6 |
* |
| 7 |
* @package Wow_Plugin |
| 8 |
* @subpackage Settings |
| 9 |
* @copyright Copyright (c) 2018, Dmytro Lobov |
| 10 |
* @license http://opensource.org/licenses/gpl-2.0.php GNU Public License |
| 11 |
* @since 1.0 |
| 12 |
*/ |
| 13 |
|
| 14 |
//region General |
| 15 |
$umodal_button = array( |
| 16 |
'label' => esc_attr__( 'Show button', 'modal-window' ), |
| 17 |
'attr' => [ |
| 18 |
'name' => 'param[umodal_button]', |
| 19 |
'id' => 'umodal_button', |
| 20 |
'value' => isset( $param['umodal_button'] ) ? $param['umodal_button'] : 'no', |
| 21 |
], |
| 22 |
'options' => [ |
| 23 |
'no' => __( 'no', 'modal-window' ), |
| 24 |
'yes' => __( 'yes', 'modal-window' ), |
| 25 |
], |
| 26 |
'func' => 'displayButton()', |
| 27 |
); |
| 28 |
|
| 29 |
$button_type = array( |
| 30 |
'label' => esc_attr__( 'Appearance', 'modal-window' ), |
| 31 |
'attr' => [ |
| 32 |
'name' => 'param[button_type]', |
| 33 |
'id' => 'button_type', |
| 34 |
'value' => isset( $param['button_type'] ) ? $param['button_type'] : '1', |
| 35 |
], |
| 36 |
'options' => [ |
| 37 |
'1' => __( 'Only Text', 'modal-window' ), |
| 38 |
], |
| 39 |
'tooltip' => esc_attr__( 'Set the button appearance.', 'modal-window' ), |
| 40 |
'func' => 'buttonType()', |
| 41 |
); |
| 42 |
|
| 43 |
$umodal_button_text = array( |
| 44 |
'label' => esc_attr__( 'Text', 'modal-window' ), |
| 45 |
'attr' => [ |
| 46 |
'name' => 'param[umodal_button_text]', |
| 47 |
'id' => 'umodal_button_text', |
| 48 |
'value' => isset( $param['umodal_button_text'] ) ? $param['umodal_button_text'] : 'Feedback', |
| 49 |
'placeholder' => esc_attr__( 'Enter Text', 'modal-window' ), |
| 50 |
], |
| 51 |
'tooltip' => esc_attr__( 'Enter Text for button.', 'modal-window' ), |
| 52 |
'icon' => '', |
| 53 |
); |
| 54 |
//endregion |
| 55 |
|
| 56 |
//region Button Icon |
| 57 |
$button_icon = array( |
| 58 |
'label' => esc_attr__( 'Icon', 'modal-window' ), |
| 59 |
'attr' => [ |
| 60 |
'name' => 'param[button_icon]', |
| 61 |
'id' => 'button_icon', |
| 62 |
'class' => 'icons', |
| 63 |
'value' => isset( $param['button_icon'] ) ? $param['button_icon'] : '', |
| 64 |
], |
| 65 |
'options' => $icons_new, |
| 66 |
'tooltip' => esc_attr__( 'Select the Icon for button', 'modal-window' ), |
| 67 |
'icon' => '', |
| 68 |
'func' => '', |
| 69 |
); |
| 70 |
|
| 71 |
$rotate_icon = array( |
| 72 |
'label' => esc_attr__( 'Rotate icon', 'modal-window' ), |
| 73 |
'attr' => [ |
| 74 |
'name' => 'param[rotate_icon]', |
| 75 |
'id' => 'rotate_icon', |
| 76 |
'value' => isset( $param['rotate_icon'] ) ? $param['rotate_icon'] : '', |
| 77 |
], |
| 78 |
'options' => [ |
| 79 |
'' => esc_attr__( 'none', 'modal-window' ), |
| 80 |
'fa-rotate-90' => esc_attr__( '90°', 'modal-window' ), |
| 81 |
'fa-rotate-180' => esc_attr__( '180°', 'modal-window' ), |
| 82 |
'fa-rotate-270' => esc_attr__( '270°', 'modal-window' ), |
| 83 |
], |
| 84 |
); |
| 85 |
|
| 86 |
$button_icon_after = array( |
| 87 |
'label' => esc_attr__( 'Text location', 'modal-window' ), |
| 88 |
'attr' => [ |
| 89 |
'name' => 'param[button_icon_after]', |
| 90 |
'id' => 'button_icon_after', |
| 91 |
'value' => isset( $param['button_icon_after'] ) ? $param['button_icon_after'] : '0', |
| 92 |
], |
| 93 |
'options' => [ |
| 94 |
'0' => esc_attr__( 'Before Icon', 'modal-window' ), |
| 95 |
'1' => esc_attr__( 'After Icon', 'modal-window' ), |
| 96 |
], |
| 97 |
'tooltip' => esc_attr__( 'Set where the button text will be displayed.', 'modal-window' ), |
| 98 |
); |
| 99 |
|
| 100 |
$button_shape = array( |
| 101 |
'label' => esc_attr__( 'Shape', 'modal-window' ), |
| 102 |
'attr' => [ |
| 103 |
'name' => 'param[button_shape]', |
| 104 |
'id' => 'button_shape', |
| 105 |
'class' => 'icons', |
| 106 |
'value' => isset( $param['button_shape'] ) ? $param['button_shape'] : '', |
| 107 |
], |
| 108 |
'options' => [ |
| 109 |
'' => 'none', |
| 110 |
'fas fa-circle' => 'fas fa-circle', |
| 111 |
'far fa-circle' => 'far fa-circle', |
| 112 |
'fas fa-square' => 'fas fa-square', |
| 113 |
'far fa-square' => 'far fa-square', |
| 114 |
'fas fa-bookmark' => 'fas fa-bookmark', |
| 115 |
'far fa-bookmark' => 'far fa-bookmark', |
| 116 |
'fas fa-calendar' => 'fas fa-calendar', |
| 117 |
'far fa-calendar' => 'far fa-calendar', |
| 118 |
'fas fa-certificate' => 'fas fa-certificate', |
| 119 |
'fas fa-ban' => 'fas fa-ban', |
| 120 |
], |
| 121 |
); |
| 122 |
//endregion |
| 123 |
|
| 124 |
//region Location |
| 125 |
$umodal_button_position = array( |
| 126 |
'label' => esc_attr__( 'Location ', 'modal-window' ), |
| 127 |
'attr' => [ |
| 128 |
'name' => 'param[umodal_button_position]', |
| 129 |
'id' => 'umodal_button_position', |
| 130 |
'value' => isset( $param['umodal_button_position'] ) ? $param['umodal_button_position'] : 'wow_modal_button_right', |
| 131 |
], |
| 132 |
'options' => [ |
| 133 |
'wow_modal_button_right' => __( 'Right', 'modal-window' ), |
| 134 |
'wow_modal_button_left' => __( 'Left', 'modal-window' ), |
| 135 |
'wow_modal_button_top' => __( 'Top', 'modal-window' ), |
| 136 |
'wow_modal_button_bottom' => __( 'Bottom', 'modal-window' ), |
| 137 |
], |
| 138 |
'tooltip' => esc_attr__( 'Set where the button text will be displayed.', 'modal-window' ), |
| 139 |
'icon' => '', |
| 140 |
'func' => 'buttonPosition()', |
| 141 |
); |
| 142 |
|
| 143 |
$button_position = array( |
| 144 |
'label' => esc_attr__( 'Top position', 'modal-window' ), |
| 145 |
'attr' => [ |
| 146 |
'name' => 'param[button_position]', |
| 147 |
'id' => 'button_position', |
| 148 |
'value' => isset( $param['button_position'] ) ? $param['button_position'] : '50', |
| 149 |
'min' => '0', |
| 150 |
], |
| 151 |
'addon' => [ |
| 152 |
'unit' => '%', |
| 153 |
], |
| 154 |
); |
| 155 |
|
| 156 |
$button_margin = array( |
| 157 |
'label' => esc_attr__( 'Margin-right', 'modal-window' ), |
| 158 |
'attr' => [ |
| 159 |
'name' => 'param[button_margin]', |
| 160 |
'id' => 'button_margin', |
| 161 |
'value' => isset( $param['button_margin'] ) ? $param['button_margin'] : '-4', |
| 162 |
'step' => '0.1', |
| 163 |
], |
| 164 |
'addon' => [ |
| 165 |
'unit' => 'px', |
| 166 |
], |
| 167 |
); |
| 168 |
//endregion |
| 169 |
|
| 170 |
//region Animation |
| 171 |
$button_animate = array( |
| 172 |
'label' => esc_attr__( 'Type', 'modal-window' ), |
| 173 |
'attr' => [ |
| 174 |
'name' => 'param[button_animate]', |
| 175 |
'id' => 'button_animate', |
| 176 |
'value' => isset( $param['button_animate'] ) ? $param['button_animate'] : 'no', |
| 177 |
], |
| 178 |
'options' => [ |
| 179 |
'no' => esc_attr__( 'no', 'modal-window' ), |
| 180 |
'bounce' => esc_attr__( 'bounce', 'modal-window' ), |
| 181 |
'flash' => esc_attr__( 'flash', 'modal-window' ), |
| 182 |
'pulse' => esc_attr__( 'pulse', 'modal-window' ), |
| 183 |
'rubberBand' => esc_attr__( 'rubberBand', 'modal-window' ), |
| 184 |
'shake' => esc_attr__( 'shake', 'modal-window' ), |
| 185 |
'swing' => esc_attr__( 'swing', 'modal-window' ), |
| 186 |
'tada' => esc_attr__( 'tada', 'modal-window' ), |
| 187 |
'wobble' => esc_attr__( 'wobble', 'modal-window' ), |
| 188 |
'jello' => esc_attr__( 'jello', 'modal-window' ), |
| 189 |
], |
| 190 |
); |
| 191 |
|
| 192 |
$button_animate_duration = array( |
| 193 |
'label' => esc_attr__( 'Duration ', 'modal-window' ), |
| 194 |
'attr' => [ |
| 195 |
'name' => 'param[button_animate_duration]', |
| 196 |
'id' => 'button_animate_duration', |
| 197 |
'value' => isset( $param['button_animate_duration'] ) ? $param['button_animate_duration'] : '5', |
| 198 |
'min' => '0', |
| 199 |
'step' => '0.01', |
| 200 |
], |
| 201 |
'addon' => [ |
| 202 |
'unit' => 'sec', |
| 203 |
], |
| 204 |
); |
| 205 |
|
| 206 |
$button_animate_time = array( |
| 207 |
'label' => esc_attr__( 'Time', 'modal-window' ), |
| 208 |
'attr' => [ |
| 209 |
'name' => 'param[button_animate_time]', |
| 210 |
'id' => 'button_animate_time', |
| 211 |
'value' => isset( $param['button_animate_time'] ) ? $param['button_animate_time'] : '5', |
| 212 |
'min' => '0', |
| 213 |
'step' => '0.01', |
| 214 |
], |
| 215 |
'addon' => [ |
| 216 |
'unit' => 'sec', |
| 217 |
], |
| 218 |
); |
| 219 |
|
| 220 |
$button_animate_pause = array( |
| 221 |
'label' => esc_attr__( 'Pause', 'modal-window' ), |
| 222 |
'attr' => [ |
| 223 |
'name' => 'param[button_animate_pause]', |
| 224 |
'id' => 'button_animate_pause', |
| 225 |
'value' => isset( $param['button_animate_pause'] ) ? $param['button_animate_pause'] : '5', |
| 226 |
'min' => '0', |
| 227 |
'step' => '0.01', |
| 228 |
], |
| 229 |
'addon' => [ |
| 230 |
'unit' => 'sec', |
| 231 |
], |
| 232 |
); |
| 233 |
//endregion |
| 234 |
|
| 235 |
//region Style |
| 236 |
$button_text_size = array( |
| 237 |
'label' => esc_attr__( 'Text size', 'modal-window' ), |
| 238 |
'attr' => [ |
| 239 |
'name' => 'param[button_text_size]', |
| 240 |
'id' => 'button_text_size', |
| 241 |
'value' => isset( $param['button_text_size'] ) ? $param['button_text_size'] : '1.2', |
| 242 |
'min' => '0', |
| 243 |
'step' => '0.1', |
| 244 |
], |
| 245 |
'addon' => [ |
| 246 |
'name' => 'param[button_text_size_unit]', |
| 247 |
'value' => isset( $param['button_text_size_unit'] ) ? $param['button_text_size_unit'] : 'em', |
| 248 |
'options' => [ |
| 249 |
'em' => esc_attr__( 'em', 'modal-window' ), |
| 250 |
'px' => esc_attr__( 'px', 'modal-window' ), |
| 251 |
], |
| 252 |
], |
| 253 |
'tooltip' => esc_attr__( 'Set the font size for close button content.', 'modal-window' ), |
| 254 |
); |
| 255 |
|
| 256 |
$button_padding_top = isset( $param['button_padding_top'] ) ? $param['button_padding_top'] . 'px' : '14px'; |
| 257 |
$button_padding_left = isset( $param['button_padding_left'] ) ? $param['button_padding_left'] . 'px' : '14px'; |
| 258 |
$button_padding_old = $button_padding_top . ' ' . $button_padding_left; |
| 259 |
|
| 260 |
$button_padding = array( |
| 261 |
'label' => esc_attr__( 'Padding', 'modal-window' ), |
| 262 |
'attr' => [ |
| 263 |
'name' => 'param[button_padding]', |
| 264 |
'id' => 'button_padding', |
| 265 |
'value' => isset( $param['button_padding'] ) ? $param['button_padding'] : $button_padding_old, |
| 266 |
'placeholder' => '', |
| 267 |
], |
| 268 |
'tooltip' => esc_attr__( 'Specify button text inner padding.', 'modal-window' ), |
| 269 |
); |
| 270 |
|
| 271 |
$button_radius = array( |
| 272 |
'label' => '', |
| 273 |
'attr' => [ |
| 274 |
'name' => 'param[button_radius]', |
| 275 |
'id' => 'button_radius', |
| 276 |
'value' => isset( $param['button_radius'] ) ? $param['button_radius'] : '4', |
| 277 |
'min' => '0', |
| 278 |
], |
| 279 |
'addon' => [ |
| 280 |
'unit' => 'px', |
| 281 |
], |
| 282 |
'tooltip' => esc_attr__( 'Specify modal window border radius.', 'modal-window' ), |
| 283 |
); |
| 284 |
|
| 285 |
$button_text_color = array( |
| 286 |
'label' => esc_attr__( 'Text color', 'modal-window' ), |
| 287 |
'attr' => [ |
| 288 |
'name' => 'param[button_text_color]', |
| 289 |
'id' => 'button_text_color', |
| 290 |
'value' => isset( $param['button_text_color'] ) ? $param['button_text_color'] : '#ffffff', |
| 291 |
], |
| 292 |
); |
| 293 |
|
| 294 |
$button_text_hcolor = array( |
| 295 |
'label' => esc_attr__( 'Text hover color', 'modal-window' ), |
| 296 |
'attr' => [ |
| 297 |
'name' => 'param[button_text_hcolor]', |
| 298 |
'id' => 'button_text_hcolor', |
| 299 |
'value' => isset( $param['button_text_hcolor'] ) ? $param['button_text_hcolor'] : '#ffffff', |
| 300 |
], |
| 301 |
); |
| 302 |
|
| 303 |
$umodal_button_color = array( |
| 304 |
'label' => esc_attr__( 'Background', 'modal-window' ), |
| 305 |
'attr' => [ |
| 306 |
'name' => 'param[umodal_button_color]', |
| 307 |
'id' => 'umodal_button_color', |
| 308 |
'value' => isset( $param['umodal_button_color'] ) ? $param['umodal_button_color'] : '#383838', |
| 309 |
], |
| 310 |
); |
| 311 |
|
| 312 |
$umodal_button_hover = array( |
| 313 |
'label' => esc_attr__( 'Hover Background', 'modal-window' ), |
| 314 |
'attr' => [ |
| 315 |
'name' => 'param[umodal_button_hover]', |
| 316 |
'id' => 'umodal_button_hover', |
| 317 |
'value' => isset( $param['umodal_button_hover'] ) ? $param['umodal_button_hover'] : '#797979', |
| 318 |
], |
| 319 |
); |
| 320 |
//endregion |
