Total Complexity | 412 |
Total Lines | 3362 |
Duplicated Lines | 0 % |
Changes | 1 | ||
Bugs | 0 | Features | 0 |
Complex classes like AyeCode_UI_Settings often do a lot of different things. To break such a class down, we need to identify a cohesive component within that class. A common approach to find such a component is to look for fields/methods that share the same prefixes, or suffixes.
Once you have determined the fields that belong together, you can apply the Extract Class refactoring. If the component makes sense as a sub-class, Extract Subclass is also a candidate, and is often faster.
While breaking up the class, it is a good idea to analyze how other classes use AyeCode_UI_Settings, and based on these observations, apply Extract Interface, too.
1 | <?php |
||
31 | class AyeCode_UI_Settings { |
||
32 | |||
33 | /** |
||
34 | * Class version version. |
||
35 | * |
||
36 | * @var string |
||
37 | */ |
||
38 | public $version = '0.2.40'; |
||
39 | |||
40 | /** |
||
41 | * Class textdomain. |
||
42 | * |
||
43 | * @var string |
||
44 | */ |
||
45 | public $textdomain = 'aui'; |
||
46 | |||
47 | /** |
||
48 | * Latest version of Bootstrap at time of publish published. |
||
49 | * |
||
50 | * @var string |
||
51 | */ |
||
52 | public $latest = "5.2.2"; |
||
53 | |||
54 | /** |
||
55 | * Current version of select2 being used. |
||
56 | * |
||
57 | * @var string |
||
58 | */ |
||
59 | public $select2_version = "4.0.11"; |
||
60 | |||
61 | /** |
||
62 | * The title. |
||
63 | * |
||
64 | * @var string |
||
65 | */ |
||
66 | public $name = 'AyeCode UI'; |
||
67 | |||
68 | /** |
||
69 | * The relative url to the assets. |
||
70 | * |
||
71 | * @var string |
||
72 | */ |
||
73 | public $url = ''; |
||
74 | |||
75 | /** |
||
76 | * Holds the settings values. |
||
77 | * |
||
78 | * @var array |
||
79 | */ |
||
80 | private $settings; |
||
81 | |||
82 | /** |
||
83 | * AyeCode_UI_Settings instance. |
||
84 | * |
||
85 | * @access private |
||
86 | * @since 1.0.0 |
||
87 | * @var AyeCode_UI_Settings There can be only one! |
||
88 | */ |
||
89 | private static $instance = null; |
||
90 | |||
91 | |||
92 | /** |
||
93 | * Main AyeCode_UI_Settings Instance. |
||
94 | * |
||
95 | * Ensures only one instance of AyeCode_UI_Settings is loaded or can be loaded. |
||
96 | * |
||
97 | * @since 1.0.0 |
||
98 | * @static |
||
99 | * @return AyeCode_UI_Settings - Main instance. |
||
100 | */ |
||
101 | public static function instance() { |
||
126 | } |
||
127 | |||
128 | /** |
||
129 | * Add custom colors to the color selector. |
||
130 | * |
||
131 | * @param $theme_colors |
||
132 | * @param $include_outlines |
||
133 | * @param $include_branding |
||
134 | * |
||
135 | * @return mixed |
||
136 | */ |
||
137 | public function sd_aui_colors( $theme_colors, $include_outlines, $include_branding ){ |
||
138 | |||
139 | |||
140 | $setting = wp_get_global_settings(); |
||
141 | |||
142 | if(!empty($setting['color']['palette']['custom'])){ |
||
143 | foreach($setting['color']['palette']['custom'] as $color){ |
||
144 | $theme_colors[$color['slug']] = esc_attr($color['name']); |
||
145 | } |
||
146 | } |
||
147 | |||
148 | return $theme_colors; |
||
149 | } |
||
150 | |||
151 | /** |
||
152 | * Setup some constants. |
||
153 | */ |
||
154 | public function constants(){ |
||
219 | } |
||
220 | |||
221 | } |
||
222 | |||
223 | public static function get_colors( $original = false){ |
||
266 | ); |
||
267 | } |
||
268 | |||
269 | /** |
||
270 | * Add admin body class to show when BS5 is active. |
||
271 | * |
||
272 | * @param $classes |
||
273 | * |
||
274 | * @return mixed |
||
275 | */ |
||
276 | public function add_bs5_admin_body_class( $classes = '' ) { |
||
277 | $classes .= ' aui_bs5'; |
||
278 | |||
279 | return $classes; |
||
280 | } |
||
281 | |||
282 | /** |
||
283 | * Add a body class to show when BS5 is active. |
||
284 | * |
||
285 | * @param $classes |
||
286 | * |
||
287 | * @return mixed |
||
288 | */ |
||
289 | public function add_bs5_body_class( $classes ) { |
||
290 | $classes[] = 'aui_bs5'; |
||
291 | |||
292 | return $classes; |
||
293 | } |
||
294 | |||
295 | /** |
||
296 | * Initiate the settings and add the required action hooks. |
||
297 | */ |
||
298 | public function init() { |
||
299 | global $aui_bs5; |
||
300 | |||
301 | // Maybe fix settings |
||
302 | if ( ! empty( $_REQUEST['aui-fix-admin'] ) && !empty($_REQUEST['nonce']) && wp_verify_nonce( $_REQUEST['nonce'], "aui-fix-admin" ) ) { |
||
303 | $db_settings = get_option( 'ayecode-ui-settings' ); |
||
304 | if ( ! empty( $db_settings ) ) { |
||
305 | $db_settings['css_backend'] = 'compatibility'; |
||
306 | $db_settings['js_backend'] = 'core-popper'; |
||
307 | update_option( 'ayecode-ui-settings', $db_settings ); |
||
308 | wp_safe_redirect(admin_url("options-general.php?page=ayecode-ui-settings&updated=true")); |
||
309 | } |
||
310 | } |
||
311 | |||
312 | $this->constants(); |
||
313 | $this->settings = $this->get_settings(); |
||
314 | $this->url = $this->get_url(); |
||
315 | |||
316 | // define the version |
||
317 | $aui_bs5 = $this->settings['bs_ver'] === '5'; |
||
318 | |||
319 | if ( $aui_bs5 ) { |
||
320 | include_once( dirname( __FILE__ ) . '/inc/bs-conversion.php' ); |
||
321 | add_filter( 'admin_body_class', array( $this, 'add_bs5_admin_body_class' ), 99, 1 ); |
||
322 | add_filter( 'body_class', array( $this, 'add_bs5_body_class' ) ); |
||
323 | } |
||
324 | |||
325 | /** |
||
326 | * Maybe load CSS |
||
327 | * |
||
328 | * We load super early in case there is a theme version that might change the colors |
||
329 | */ |
||
330 | if ( $this->settings['css'] ) { |
||
331 | $priority = $this->is_bs3_compat() ? 100 : 1; |
||
332 | $priority = $aui_bs5 ? 10 : $priority; |
||
333 | add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_style' ), $priority ); |
||
334 | } |
||
335 | if ( $this->settings['css_backend'] && $this->load_admin_scripts() ) { |
||
336 | add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_style' ), 1 ); |
||
337 | } |
||
338 | |||
339 | // maybe load JS |
||
340 | if ( $this->settings['js'] ) { |
||
341 | $priority = $this->is_bs3_compat() ? 100 : 1; |
||
342 | add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ), $priority ); |
||
343 | } |
||
344 | if ( $this->settings['js_backend'] && $this->load_admin_scripts() ) { |
||
345 | add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_scripts' ), 1 ); |
||
346 | } |
||
347 | |||
348 | // Maybe set the HTML font size |
||
349 | if ( $this->settings['html_font_size'] ) { |
||
350 | add_action( 'wp_footer', array( $this, 'html_font_size' ), 10 ); |
||
351 | } |
||
352 | |||
353 | // Maybe show backend style error |
||
354 | if( $this->settings['css_backend'] != 'compatibility' || $this->settings['js_backend'] != 'core-popper' ){ |
||
355 | add_action( 'admin_notices', array( $this, 'show_admin_style_notice' ) ); |
||
356 | } |
||
357 | |||
358 | } |
||
359 | |||
360 | /** |
||
361 | * Show admin notice if backend scripts not loaded. |
||
362 | */ |
||
363 | public function show_admin_style_notice(){ |
||
364 | $fix_url = admin_url("options-general.php?page=ayecode-ui-settings&aui-fix-admin=true&nonce=".wp_create_nonce('aui-fix-admin')); |
||
365 | $button = '<a href="'.esc_url($fix_url).'" class="button-primary">Fix Now</a>'; |
||
366 | $message = __( '<b>Style Issue:</b> AyeCode UI is disable or set wrong.')." " .$button; |
||
367 | echo '<div class="notice notice-error aui-settings-error-notice"><p>'. wp_kses_post( $message ).'</p></div>'; |
||
368 | } |
||
369 | |||
370 | /** |
||
371 | * Check if we should load the admin scripts or not. |
||
372 | * |
||
373 | * @return bool |
||
374 | */ |
||
375 | public function load_admin_scripts(){ |
||
389 | } |
||
390 | |||
391 | /** |
||
392 | * Add a html font size to the footer. |
||
393 | */ |
||
394 | public function html_font_size(){ |
||
397 | } |
||
398 | |||
399 | /** |
||
400 | * Check if the current admin screen should load scripts. |
||
401 | * |
||
402 | * @return bool |
||
403 | */ |
||
404 | public function is_aui_screen(){ |
||
405 | // echo '###';exit; |
||
406 | $load = false; |
||
407 | // check if we should load or not |
||
408 | if ( is_admin() ) { |
||
409 | // Only enable on set pages |
||
410 | $aui_screens = array( |
||
411 | 'page', |
||
412 | //'docs', |
||
413 | 'post', |
||
414 | 'settings_page_ayecode-ui-settings', |
||
415 | 'appearance_page_gutenberg-widgets', |
||
416 | 'widgets', |
||
417 | 'ayecode-ui-settings', |
||
418 | 'site-editor' |
||
419 | ); |
||
420 | $screen_ids = apply_filters( 'aui_screen_ids', $aui_screens ); |
||
421 | |||
422 | $screen = get_current_screen(); |
||
423 | |||
424 | // echo '###'.$screen->id; |
||
425 | |||
426 | // check if we are on a AUI screen |
||
427 | if ( $screen && in_array( $screen->id, $screen_ids ) ) { |
||
428 | $load = true; |
||
429 | } |
||
430 | |||
431 | //load for widget previews in WP 5.8 |
||
432 | if( !empty($_REQUEST['legacy-widget-preview'])){ |
||
433 | $load = true; |
||
434 | } |
||
435 | } |
||
436 | |||
437 | |||
438 | |||
439 | return apply_filters( 'aui_load_on_admin' , $load ); |
||
440 | } |
||
441 | |||
442 | /** |
||
443 | * Check if the current theme is a block theme. |
||
444 | * |
||
445 | * @return bool |
||
446 | */ |
||
447 | public static function is_block_theme() { |
||
453 | } |
||
454 | |||
455 | /** |
||
456 | * Adds the styles. |
||
457 | */ |
||
458 | public function enqueue_style() { |
||
459 | global $aui_bs5; |
||
460 | |||
461 | $load_fse = false; |
||
462 | |||
463 | if ( is_admin() && ! $this->is_aui_screen() ) { |
||
464 | // Don't add wp-admin scripts if not requested to. |
||
465 | } else { |
||
466 | $css_setting = current_action() == 'wp_enqueue_scripts' ? 'css' : 'css_backend'; |
||
467 | $rtl = is_rtl() && ! $aui_bs5 ? '-rtl' : ''; |
||
468 | $bs_ver = $this->settings['bs_ver'] == '5' ? '-v5' : ''; |
||
469 | |||
470 | if ( $this->settings[ $css_setting ] ) { |
||
471 | $compatibility = $this->settings[$css_setting]=='core' ? false : true; |
||
472 | $url = $this->settings[$css_setting]=='core' ? $this->url.'assets'.$bs_ver.'/css/ayecode-ui'.$rtl.'.css' : $this->url.'assets'.$bs_ver.'/css/ayecode-ui-compatibility'.$rtl.'.css'; |
||
473 | |||
474 | wp_register_style( 'ayecode-ui', $url, array(), $this->version ); |
||
475 | wp_enqueue_style( 'ayecode-ui' ); |
||
476 | |||
477 | if ( is_admin() && ( !empty($_REQUEST['postType']) || self::is_block_editor() ) && ( defined( 'BLOCKSTRAP_VERSION' ) || defined( 'AUI_FSE' ) ) ) { |
||
478 | $url = $this->url.'assets'.$bs_ver.'/css/ayecode-ui-fse.css'; |
||
479 | wp_register_style( 'ayecode-ui-fse', $url, array(), $this->version ); |
||
480 | wp_enqueue_style( 'ayecode-ui-fse' ); |
||
481 | $load_fse = true; |
||
482 | } |
||
483 | |||
484 | // flatpickr |
||
485 | wp_register_style( 'flatpickr', $this->url.'assets'.$bs_ver.'/css/flatpickr.min.css', array(), $this->version ); |
||
486 | |||
487 | // fix some wp-admin issues |
||
488 | if(is_admin()){ |
||
489 | $custom_css = " |
||
490 | body{ |
||
491 | background-color: #f1f1f1; |
||
492 | font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif; |
||
493 | font-size:13px; |
||
494 | } |
||
495 | a { |
||
496 | color: #0073aa; |
||
497 | text-decoration: underline; |
||
498 | } |
||
499 | label { |
||
500 | display: initial; |
||
501 | margin-bottom: 0; |
||
502 | } |
||
503 | input, select { |
||
504 | margin: 1px; |
||
505 | line-height: initial; |
||
506 | } |
||
507 | th, td, div, h2 { |
||
508 | box-sizing: content-box; |
||
509 | } |
||
510 | h1, h2, h3, h4, h5, h6 { |
||
511 | display: block; |
||
512 | font-weight: 600; |
||
513 | } |
||
514 | h2,h3 { |
||
515 | font-size: 1.3em; |
||
516 | margin: 1em 0 |
||
517 | } |
||
518 | .blocks-widgets-container .bsui *{ |
||
519 | box-sizing: border-box; |
||
520 | } |
||
521 | .bs-tooltip-top .arrow{ |
||
522 | margin-left:0px; |
||
523 | } |
||
524 | .custom-switch input[type=checkbox]{ |
||
525 | display:none; |
||
526 | } |
||
527 | "; |
||
528 | |||
529 | // @todo, remove once fixed :: fix for this bug https://github.com/WordPress/gutenberg/issues/14377 |
||
530 | $custom_css .= " |
||
531 | .edit-post-sidebar input[type=color].components-text-control__input{ |
||
532 | padding: 0; |
||
533 | } |
||
534 | "; |
||
535 | wp_add_inline_style( 'ayecode-ui', $custom_css ); |
||
536 | } |
||
537 | |||
538 | // custom changes |
||
539 | if ( $load_fse ) { |
||
540 | wp_add_inline_style( 'ayecode-ui-fse', self::custom_css($compatibility, true) ); |
||
541 | }else{ |
||
542 | wp_add_inline_style( 'ayecode-ui', self::custom_css($compatibility) ); |
||
543 | } |
||
544 | } |
||
545 | } |
||
546 | } |
||
547 | |||
548 | /** |
||
549 | * Get inline script used if bootstrap enqueued |
||
550 | * |
||
551 | * If this remains small then its best to use this than to add another JS file. |
||
552 | */ |
||
553 | public function inline_script() { |
||
554 | global $aui_bs5; |
||
555 | // Flatpickr calendar locale |
||
556 | $flatpickr_locale = self::flatpickr_locale(); |
||
557 | |||
558 | ob_start(); |
||
559 | if ( $aui_bs5 ) { |
||
560 | include_once( dirname( __FILE__ ) . '/inc/bs5-js.php' ); |
||
561 | }else{ |
||
562 | include_once( dirname( __FILE__ ) . '/inc/bs4-js.php' ); |
||
563 | } |
||
564 | |||
565 | $output = ob_get_clean(); |
||
566 | |||
567 | /* |
||
568 | * We only add the <script> tags for code highlighting, so we strip them from the output. |
||
569 | */ |
||
570 | return str_replace( array( |
||
571 | '<script>', |
||
572 | '</script>' |
||
573 | ), '', self::minify_js($output) ); |
||
574 | } |
||
575 | |||
576 | |||
577 | /** |
||
578 | * JS to help with conflict issues with other plugins and themes using bootstrap v3. |
||
579 | * |
||
580 | * @TODO we may need this when other conflicts arrise. |
||
581 | * @return mixed |
||
582 | */ |
||
583 | public static function bs3_compat_js() { |
||
584 | ob_start(); |
||
585 | ?> |
||
586 | <script> |
||
587 | <?php if( defined( 'FUSION_BUILDER_VERSION' ) ){ ?> |
||
588 | /* With Avada builder */ |
||
589 | |||
590 | <?php } ?> |
||
591 | </script> |
||
592 | <?php |
||
593 | return str_replace( array( |
||
594 | '<script>', |
||
595 | '</script>' |
||
596 | ), '', ob_get_clean()); |
||
597 | } |
||
598 | |||
599 | /** |
||
600 | * Get inline script used if bootstrap file browser enqueued. |
||
601 | * |
||
602 | * If this remains small then its best to use this than to add another JS file. |
||
603 | */ |
||
604 | public function inline_script_file_browser(){ |
||
605 | ob_start(); |
||
606 | ?> |
||
607 | <script> |
||
608 | // run on doc ready |
||
609 | jQuery(document).ready(function () { |
||
610 | bsCustomFileInput.init(); |
||
611 | }); |
||
612 | </script> |
||
613 | <?php |
||
614 | $output = ob_get_clean(); |
||
615 | |||
616 | /* |
||
617 | * We only add the <script> tags for code highlighting, so we strip them from the output. |
||
618 | */ |
||
619 | return str_replace( array( |
||
620 | '<script>', |
||
621 | '</script>' |
||
622 | ), '', $output ); |
||
623 | } |
||
624 | |||
625 | /** |
||
626 | * Adds the Font Awesome JS. |
||
627 | */ |
||
628 | public function enqueue_scripts() { |
||
629 | if( is_admin() && !$this->is_aui_screen()){ |
||
630 | // Don't add wp-admin scripts if not requested to. |
||
631 | } else { |
||
632 | $js_setting = current_action() == 'wp_enqueue_scripts' ? 'js' : 'js_backend'; |
||
633 | |||
634 | $bs_ver = $this->settings['bs_ver'] == '5' ? '-v5' : ''; |
||
635 | |||
636 | // select2 |
||
637 | wp_register_script( 'select2', $this->url . 'assets/js/select2.min.js', array( 'jquery' ), $this->select2_version ); |
||
638 | |||
639 | // flatpickr |
||
640 | wp_register_script( 'flatpickr', $this->url . 'assets/js/flatpickr.min.js', array(), $this->version ); |
||
641 | |||
642 | // iconpicker |
||
643 | if ( defined( 'FAS_ICONPICKER_JS_URL' ) ) { |
||
644 | wp_register_script( 'iconpicker', FAS_ICONPICKER_JS_URL, array(), $this->version ); |
||
645 | }else{ |
||
646 | wp_register_script( 'iconpicker', $this->url . 'assets/js/fa-iconpicker.min.js', array(), $this->version ); |
||
647 | } |
||
648 | |||
649 | // Bootstrap file browser |
||
650 | wp_register_script( 'aui-custom-file-input', $url = $this->url . 'assets/js/bs-custom-file-input.min.js', array( 'jquery' ), $this->select2_version ); |
||
651 | wp_add_inline_script( 'aui-custom-file-input', $this->inline_script_file_browser() ); |
||
652 | |||
653 | $load_inline = false; |
||
654 | |||
655 | // Load select2 only when required. |
||
656 | if ( $this->force_load_select2() ) { |
||
657 | $dependency = array( 'select2', 'jquery' ); |
||
658 | } else { |
||
659 | $dependency = array( 'jquery' ); |
||
660 | } |
||
661 | |||
662 | if ( $this->settings[ $js_setting ] == 'core-popper' ) { |
||
663 | // Bootstrap bundle |
||
664 | $url = $this->url . 'assets' . $bs_ver . '/js/bootstrap.bundle.min.js'; |
||
665 | wp_register_script( 'bootstrap-js-bundle', $url, $dependency, $this->version, $this->is_bs3_compat() ); |
||
666 | |||
667 | // If in admin then add to footer for compatibility. |
||
668 | is_admin() ? wp_enqueue_script( 'bootstrap-js-bundle', '', null, null, true ) : wp_enqueue_script( 'bootstrap-js-bundle' ); |
||
669 | |||
670 | $script = $this->inline_script(); |
||
671 | wp_add_inline_script( 'bootstrap-js-bundle', $script ); |
||
672 | } elseif ( $this->settings[ $js_setting ] == 'popper' ) { |
||
673 | $url = $this->url . 'assets/js/popper.min.js'; // @todo we need to update this to bs5 |
||
674 | wp_register_script( 'bootstrap-js-popper', $url, $dependency, $this->version ); |
||
675 | wp_enqueue_script( 'bootstrap-js-popper' ); |
||
676 | $load_inline = true; |
||
677 | } else { |
||
678 | $load_inline = true; |
||
679 | } |
||
680 | |||
681 | // Load needed inline scripts by faking the loading of a script if the main script is not being loaded |
||
682 | if ( $load_inline ) { |
||
683 | wp_register_script( 'bootstrap-dummy', '', $dependency ); |
||
684 | wp_enqueue_script( 'bootstrap-dummy' ); |
||
685 | |||
686 | $script = $this->inline_script(); |
||
687 | wp_add_inline_script( 'bootstrap-dummy', $script ); |
||
688 | } |
||
689 | } |
||
690 | } |
||
691 | |||
692 | /** |
||
693 | * Enqueue select2 if called. |
||
694 | * |
||
695 | * @since 0.2.29 |
||
696 | */ |
||
697 | public function force_load_select2() { |
||
698 | global $aui_select2_enqueued; |
||
699 | |||
700 | $conditional_select2 = apply_filters( 'aui_is_conditional_select2', true ); |
||
701 | |||
702 | if ( $conditional_select2 !== true ) { |
||
703 | return true; |
||
704 | } |
||
705 | |||
706 | $load = is_admin() && ! $aui_select2_enqueued; |
||
707 | |||
708 | return apply_filters( 'aui_force_load_select2', $load ); |
||
709 | } |
||
710 | |||
711 | /** |
||
712 | * Enqueue select2 if called. |
||
713 | * |
||
714 | * @since 0.2.29 |
||
715 | */ |
||
716 | public function enqueue_select2() { |
||
717 | wp_enqueue_script( 'select2' ); |
||
718 | } |
||
719 | |||
720 | /** |
||
721 | * Enqueue flatpickr if called. |
||
722 | */ |
||
723 | public function enqueue_flatpickr(){ |
||
726 | } |
||
727 | |||
728 | /** |
||
729 | * Enqueue iconpicker if called. |
||
730 | */ |
||
731 | public function enqueue_iconpicker(){ |
||
734 | } |
||
735 | |||
736 | /** |
||
737 | * Get the url path to the current folder. |
||
738 | * |
||
739 | * This can be called very early, hence the need for the dynamic way of getting the URL. |
||
740 | * |
||
741 | * @since 0.2.31 changed to support edge cases like bitnami containers. |
||
742 | * @return string |
||
743 | */ |
||
744 | public function get_url() { |
||
745 | $content_dir = wp_normalize_path( untrailingslashit( WP_CONTENT_DIR ) ); |
||
746 | $content_url = untrailingslashit( WP_CONTENT_URL ); |
||
747 | |||
748 | // maybe Replace http:// to https://. |
||
749 | if ( strpos( $content_url, 'http://' ) === 0 && strpos( plugins_url(), 'https://' ) === 0 ) { |
||
750 | $content_url = str_replace( 'http://', 'https://', $content_url ); |
||
751 | } |
||
752 | |||
753 | // First find where in the path our content directory starts |
||
754 | $content_basename = basename($content_dir); |
||
755 | $file_dir = str_replace( "/includes", "", wp_normalize_path( dirname( __FILE__ ) ) ); |
||
756 | |||
757 | // Find the relative path by matching from content directory name |
||
758 | $after_content = substr($file_dir, strpos($file_dir, '/' . $content_basename . '/') + strlen('/' . $content_basename . '/')); |
||
759 | |||
760 | // Build URL using WP_CONTENT_URL and the relative path |
||
761 | $url = trailingslashit($content_url) . $after_content; |
||
762 | |||
763 | // some hosts end up with /wp-content/wp-content/ |
||
764 | $url = str_replace( '/wp-content/wp-content/', '/wp-content/', $url ); |
||
765 | |||
766 | return trailingslashit($url); |
||
767 | } |
||
768 | |||
769 | /** |
||
770 | * Get the url path to the current folder. |
||
771 | * @todo remove |
||
772 | * @return string |
||
773 | */ |
||
774 | public function get_url_old() { |
||
775 | |||
776 | $url = ''; |
||
777 | // check if we are inside a plugin |
||
778 | $file_dir = str_replace( "/includes","", wp_normalize_path( dirname( __FILE__ ) ) ); |
||
779 | |||
780 | // add check in-case user has changed wp-content dir name. |
||
781 | $wp_content_folder_name = basename(WP_CONTENT_DIR); |
||
782 | $dir_parts = explode("/$wp_content_folder_name/",$file_dir); |
||
783 | $url_parts = explode("/$wp_content_folder_name/",plugins_url()); |
||
784 | |||
785 | if(!empty($url_parts[0]) && !empty($dir_parts[1])){ |
||
786 | $url = trailingslashit( $url_parts[0]."/$wp_content_folder_name/".$dir_parts[1] ); |
||
787 | } |
||
788 | |||
789 | return $url; |
||
790 | } |
||
791 | |||
792 | /** |
||
793 | * Register the database settings with WordPress. |
||
794 | */ |
||
795 | public function register_settings() { |
||
796 | register_setting( 'ayecode-ui-settings', 'ayecode-ui-settings' ); |
||
797 | } |
||
798 | |||
799 | /** |
||
800 | * Add the WordPress settings menu item. |
||
801 | * @since 1.0.10 Calling function name direct will fail theme check so we don't. |
||
802 | */ |
||
803 | public function menu_item() { |
||
804 | $menu_function = 'add' . '_' . 'options' . '_' . 'page'; // won't pass theme check if function name present in theme |
||
805 | call_user_func( $menu_function, $this->name, $this->name, 'manage_options', 'ayecode-ui-settings', array( |
||
806 | $this, |
||
807 | 'settings_page' |
||
808 | ) ); |
||
809 | } |
||
810 | |||
811 | /** |
||
812 | * Get a list of themes and their default JS settings. |
||
813 | * |
||
814 | * @return array |
||
815 | */ |
||
816 | public function theme_js_settings(){ |
||
821 | //'avada' => 'required', // removed as we now add compatibility |
||
822 | ); |
||
823 | } |
||
824 | |||
825 | /** |
||
826 | * Get the date the site was installed. |
||
827 | * |
||
828 | * @return false|string |
||
829 | */ |
||
830 | public function get_site_install_date() { |
||
831 | global $wpdb; // This gives you access to the WordPress database object |
||
832 | |||
833 | // Prepare the SQL query to get the oldest registration date |
||
834 | $query = "SELECT MIN(user_registered) AS oldest_registration_date FROM {$wpdb->users}"; |
||
835 | |||
836 | // Execute the query |
||
837 | $date = $wpdb->get_var( $query ); // phpcs:ignore WordPress.DB.DirectDatabaseQuery.DirectQuery, WordPress.DB.DirectDatabaseQuery.NoCaching |
||
838 | |||
839 | return $date ? $date : false; |
||
840 | } |
||
841 | |||
842 | /** |
||
843 | * Show admin notice if backend scripts not loaded. |
||
844 | */ |
||
845 | public function show_admin_version_notice(){ |
||
850 | } |
||
851 | |||
852 | /** |
||
853 | * Get the current Font Awesome output settings. |
||
854 | * |
||
855 | * @return array The array of settings. |
||
856 | */ |
||
857 | public function get_settings() { |
||
858 | $db_settings = get_option( 'ayecode-ui-settings' ); |
||
859 | |||
860 | // Maybe show default version notice |
||
861 | if ( empty( $db_settings ) ) { |
||
862 | $site_install_date = new DateTime( self::get_site_install_date() ); |
||
863 | $switch_over_date = new DateTime( "2024-02-01" ); |
||
864 | |||
865 | if ( $site_install_date < $switch_over_date ) { |
||
866 | add_action( 'admin_notices', array( $this, 'show_admin_version_notice' ) ); |
||
867 | } |
||
868 | } |
||
869 | |||
870 | $js_default = 'core-popper'; |
||
871 | $js_default_backend = $js_default; |
||
872 | |||
873 | // maybe set defaults (if no settings set) |
||
874 | if(empty($db_settings)){ |
||
875 | $active_theme = strtolower( get_template() ); // active parent theme. |
||
876 | $theme_js_settings = self::theme_js_settings(); |
||
877 | if(isset($theme_js_settings[$active_theme])){ |
||
878 | $js_default = $theme_js_settings[$active_theme]; |
||
879 | $js_default_backend = isset($theme_js_settings[$active_theme."_backend"]) ? $theme_js_settings[$active_theme."_backend"] : $js_default; |
||
880 | } |
||
881 | } |
||
882 | |||
883 | /** |
||
884 | * Filter the default settings. |
||
885 | */ |
||
886 | $defaults = apply_filters( 'ayecode-ui-default-settings', array( |
||
887 | 'css' => 'compatibility', // core, compatibility |
||
888 | 'js' => $js_default, // js to load, core-popper, popper |
||
889 | 'html_font_size' => '16', // js to load, core-popper, popper |
||
890 | 'css_backend' => 'compatibility', // core, compatibility |
||
891 | 'js_backend' => $js_default_backend, // js to load, core-popper, popper |
||
892 | 'disable_admin' => '', // URL snippets to disable loading on admin |
||
893 | 'bs_ver' => '5', // The default bootstrap version to sue by default |
||
894 | ), $db_settings ); |
||
895 | |||
896 | $settings = wp_parse_args( $db_settings, $defaults ); |
||
897 | |||
898 | /** |
||
899 | * Filter the Bootstrap settings. |
||
900 | * |
||
901 | * @todo if we add this filer people might use it and then it defeats the purpose of this class :/ |
||
902 | */ |
||
903 | return $this->settings = apply_filters( 'ayecode-ui-settings', $settings, $db_settings, $defaults ); |
||
904 | } |
||
905 | |||
906 | |||
907 | /** |
||
908 | * The settings page html output. |
||
909 | */ |
||
910 | public function settings_page() { |
||
911 | if ( ! current_user_can( 'manage_options' ) ) { |
||
912 | wp_die( esc_attr__( 'You do not have sufficient permissions to access this page.', 'ayecode-connect' ) ); |
||
913 | } |
||
914 | $overrides = apply_filters( 'ayecode-ui-settings', array(), array(), array() ); |
||
915 | |||
916 | ?> |
||
917 | <div class="wrap"> |
||
918 | <h1><?php echo esc_attr( $this->name ); ?></h1> |
||
919 | <p><?php echo esc_html( apply_filters( 'ayecode-ui-settings-message', __("Here you can adjust settings if you are having compatibility issues.", 'ayecode-connect' ) ) );?></p> |
||
920 | <form method="post" action="options.php"> |
||
921 | <?php |
||
922 | settings_fields( 'ayecode-ui-settings' ); |
||
923 | do_settings_sections( 'ayecode-ui-settings' ); |
||
924 | ?> |
||
925 | |||
926 | <h2><?php esc_html_e( 'BootStrap Version', 'ayecode-connect' ); ?></h2> |
||
927 | <p><?php echo esc_html( apply_filters( 'ayecode-ui-version-settings-message', __("V5 is recommended, however if you have another plugin installed using v4, you may need to use v4 also.", 'ayecode-connect' ) ) );?></p> |
||
928 | <div class="bsui"><?php |
||
929 | if ( ! empty( $overrides ) ) { |
||
930 | echo aui()->alert(array( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
931 | 'type'=> 'info', |
||
932 | 'content'=> esc_attr__("Some options are disabled as your current theme is overriding them.", 'ayecode-connect' ) |
||
933 | )); |
||
934 | } |
||
935 | ?> |
||
936 | </div> |
||
937 | <table class="form-table wpbs-table-version-settings"> |
||
938 | <tr valign="top"> |
||
939 | <th scope="row"><label for="wpbs-css"><?php esc_html_e( 'Version', 'ayecode-connect' ); ?></label></th> |
||
940 | <td> |
||
941 | <select name="ayecode-ui-settings[bs_ver]" id="wpbs-css" <?php echo !empty($overrides['bs_ver']) ? 'disabled' : ''; ?>> |
||
942 | <option value="5" <?php selected( $this->settings['bs_ver'], '5' ); ?>><?php esc_html_e( 'v5 (recommended)', 'ayecode-connect' ); ?></option> |
||
943 | <option value="4" <?php selected( $this->settings['bs_ver'], '4' ); ?>><?php esc_html_e( 'v4 (legacy)', 'ayecode-connect' ); ?></option> |
||
944 | </select> |
||
945 | </td> |
||
946 | </tr> |
||
947 | </table> |
||
948 | |||
949 | <h2><?php esc_html_e( 'Frontend', 'ayecode-connect' ); ?></h2> |
||
950 | <table class="form-table wpbs-table-settings"> |
||
951 | <tr valign="top"> |
||
952 | <th scope="row"><label for="wpbs-css"><?php esc_html_e( 'Load CSS', 'ayecode-connect' ); ?></label></th> |
||
953 | <td> |
||
954 | <select name="ayecode-ui-settings[css]" id="wpbs-css" <?php echo !empty($overrides['css']) ? 'disabled' : ''; ?>> |
||
955 | <option value="compatibility" <?php selected( $this->settings['css'], 'compatibility' ); ?>><?php esc_html_e( 'Compatibility Mode (default)', 'ayecode-connect' ); ?></option> |
||
956 | <option value="core" <?php selected( $this->settings['css'], 'core' ); ?>><?php esc_html_e( 'Full Mode', 'ayecode-connect' ); ?></option> |
||
957 | <option value="" <?php selected( $this->settings['css'], '' ); ?>><?php esc_html_e( 'Disabled', 'ayecode-connect' ); ?></option> |
||
958 | </select> |
||
959 | </td> |
||
960 | </tr> |
||
961 | |||
962 | <tr valign="top"> |
||
963 | <th scope="row"><label for="wpbs-js"><?php esc_html_e( 'Load JS', 'ayecode-connect' ); ?></label></th> |
||
964 | <td> |
||
965 | <select name="ayecode-ui-settings[js]" id="wpbs-js" <?php echo !empty($overrides['js']) ? 'disabled' : ''; ?>> |
||
966 | <option value="core-popper" <?php selected( $this->settings['js'], 'core-popper' ); ?>><?php esc_html_e( 'Core + Popper (default)', 'ayecode-connect' ); ?></option> |
||
967 | <option value="popper" <?php selected( $this->settings['js'], 'popper' ); ?>><?php esc_html_e( 'Popper', 'ayecode-connect' ); ?></option> |
||
968 | <option value="required" <?php selected( $this->settings['js'], 'required' ); ?>><?php esc_html_e( 'Required functions only', 'ayecode-connect' ); ?></option> |
||
969 | <option value="" <?php selected( $this->settings['js'], '' ); ?>><?php esc_html_e( 'Disabled (not recommended)', 'ayecode-connect' ); ?></option> |
||
970 | </select> |
||
971 | </td> |
||
972 | </tr> |
||
973 | |||
974 | <tr valign="top"> |
||
975 | <th scope="row"><label for="wpbs-font_size"><?php esc_html_e( 'HTML Font Size (px)', 'ayecode-connect' ); ?></label></th> |
||
976 | <td> |
||
977 | <input type="number" name="ayecode-ui-settings[html_font_size]" id="wpbs-font_size" value="<?php echo absint( $this->settings['html_font_size']); ?>" placeholder="16" <?php echo !empty($overrides['html_font_size']) ? 'disabled' : ''; ?> /> |
||
978 | <p class="description" ><?php esc_html_e("Our font sizing is rem (responsive based) here you can set the html font size in-case your theme is setting it too low.", 'ayecode-connect' );?></p> |
||
979 | </td> |
||
980 | </tr> |
||
981 | |||
982 | </table> |
||
983 | |||
984 | <h2><?php esc_html_e( 'Backend', 'ayecode-connect' ); ?> (wp-admin)</h2> |
||
985 | <table class="form-table wpbs-table-settings"> |
||
986 | <tr valign="top"> |
||
987 | <th scope="row"><label for="wpbs-css-admin"><?php esc_html_e( 'Load CSS', 'ayecode-connect' ); ?></label></th> |
||
988 | <td> |
||
989 | <select name="ayecode-ui-settings[css_backend]" id="wpbs-css-admin" <?php echo !empty($overrides['css_backend']) ? 'disabled' : ''; ?>> |
||
990 | <option value="compatibility" <?php selected( $this->settings['css_backend'], 'compatibility' ); ?>><?php esc_html_e( 'Compatibility Mode (default)', 'ayecode-connect' ); ?></option> |
||
991 | <option value="core" <?php selected( $this->settings['css_backend'], 'core' ); ?>><?php esc_html_e( 'Full Mode (will cause style issues)', 'ayecode-connect' ); ?></option> |
||
992 | <option value="" <?php selected( $this->settings['css_backend'], '' ); ?>><?php esc_html_e( 'Disabled', 'ayecode-connect' ); ?></option> |
||
993 | </select> |
||
994 | </td> |
||
995 | </tr> |
||
996 | |||
997 | <tr valign="top"> |
||
998 | <th scope="row"><label for="wpbs-js-admin"><?php esc_html_e( 'Load JS', 'ayecode-connect' ); ?></label></th> |
||
999 | <td> |
||
1000 | <select name="ayecode-ui-settings[js_backend]" id="wpbs-js-admin" <?php echo !empty($overrides['js_backend']) ? 'disabled' : ''; ?>> |
||
1001 | <option value="core-popper" <?php selected( $this->settings['js_backend'], 'core-popper' ); ?>><?php esc_html_e( 'Core + Popper (default)', 'ayecode-connect' ); ?></option> |
||
1002 | <option value="popper" <?php selected( $this->settings['js_backend'], 'popper' ); ?>><?php esc_html_e( 'Popper', 'ayecode-connect' ); ?></option> |
||
1003 | <option value="required" <?php selected( $this->settings['js_backend'], 'required' ); ?>><?php esc_html_e( 'Required functions only', 'ayecode-connect' ); ?></option> |
||
1004 | <option value="" <?php selected( $this->settings['js_backend'], '' ); ?>><?php esc_html_e( 'Disabled (not recommended)', 'ayecode-connect' ); ?></option> |
||
1005 | </select> |
||
1006 | </td> |
||
1007 | </tr> |
||
1008 | |||
1009 | <tr valign="top"> |
||
1010 | <th scope="row"><label for="wpbs-disable-admin"><?php esc_html_e( 'Disable load on URL', 'ayecode-connect' ); ?></label></th> |
||
1011 | <td> |
||
1012 | <p><?php esc_html_e( 'If you have backend conflict you can enter a partial URL argument that will disable the loading of AUI on those pages. Add each argument on a new line.', 'ayecode-connect' ); ?></p> |
||
1013 | <textarea name="ayecode-ui-settings[disable_admin]" rows="10" cols="50" id="wpbs-disable-admin" class="large-text code" spellcheck="false" placeholder="myplugin.php action=go"><?php echo esc_textarea( $this->settings['disable_admin'] );?></textarea> |
||
1014 | </td> |
||
1015 | </tr> |
||
1016 | </table> |
||
1017 | |||
1018 | <?php |
||
1019 | submit_button(); |
||
1020 | ?> |
||
1021 | </form> |
||
1022 | <div id="wpbs-version" data-aui-source="<?php echo esc_attr( $this->get_load_source() ); ?>"><?php echo esc_html( $this->version ); ?></div> |
||
1023 | </div> |
||
1024 | <?php |
||
1025 | } |
||
1026 | |||
1027 | public function get_load_source(){ |
||
1028 | $file = str_replace( array( "/", "\\" ), "/", realpath( __FILE__ ) ); |
||
1029 | $plugins_dir = str_replace( array( "/", "\\" ), "/", realpath( WP_PLUGIN_DIR ) ); |
||
1030 | |||
1031 | // Find source plugin/theme of SD |
||
1032 | $source = array(); |
||
1033 | if ( strpos( $file, $plugins_dir ) !== false ) { |
||
1034 | $source = explode( "/", plugin_basename( $file ) ); |
||
1035 | } else if ( function_exists( 'get_theme_root' ) ) { |
||
1036 | $themes_dir = str_replace( array( "/", "\\" ), "/", realpath( get_theme_root() ) ); |
||
1037 | |||
1038 | if ( strpos( $file, $themes_dir ) !== false ) { |
||
1039 | $source = explode( "/", ltrim( str_replace( $themes_dir, "", $file ), "/" ) ); |
||
1040 | } |
||
1041 | } |
||
1042 | |||
1043 | return isset($source[0]) ? esc_attr($source[0]) : ''; |
||
1044 | } |
||
1045 | |||
1046 | public function customizer_settings($wp_customize){ |
||
1047 | $wp_customize->add_section('aui_settings', array( |
||
1048 | 'title' => __('AyeCode UI', 'ayecode-connect' ), |
||
1049 | 'priority' => 120, |
||
1050 | )); |
||
1051 | |||
1052 | // ============================= |
||
1053 | // = Color Picker = |
||
1054 | // ============================= |
||
1055 | $wp_customize->add_setting('aui_options[color_primary]', array( |
||
1056 | 'default' => AUI_PRIMARY_COLOR, |
||
1057 | 'sanitize_callback' => 'sanitize_hex_color', |
||
1058 | 'capability' => 'edit_theme_options', |
||
1059 | 'type' => 'option', |
||
1060 | 'transport' => 'refresh', |
||
1061 | )); |
||
1062 | $wp_customize->add_control( new WP_Customize_Color_Control($wp_customize, 'color_primary', array( |
||
1063 | 'label' => __('Primary Color', 'ayecode-connect' ), |
||
1064 | 'section' => 'aui_settings', |
||
1065 | 'settings' => 'aui_options[color_primary]', |
||
1066 | ))); |
||
1067 | |||
1068 | $wp_customize->add_setting('aui_options[color_secondary]', array( |
||
1069 | 'default' => '#6c757d', |
||
1070 | 'sanitize_callback' => 'sanitize_hex_color', |
||
1071 | 'capability' => 'edit_theme_options', |
||
1072 | 'type' => 'option', |
||
1073 | 'transport' => 'refresh', |
||
1074 | )); |
||
1075 | $wp_customize->add_control( new WP_Customize_Color_Control($wp_customize, 'color_secondary', array( |
||
1076 | 'label' => __('Secondary Color', 'ayecode-connect' ), |
||
1077 | 'section' => 'aui_settings', |
||
1078 | 'settings' => 'aui_options[color_secondary]', |
||
1079 | ))); |
||
1080 | } |
||
1081 | |||
1082 | /** |
||
1083 | * CSS to help with conflict issues with other plugins and themes using bootstrap v3. |
||
1084 | * |
||
1085 | * @return mixed |
||
1086 | */ |
||
1087 | public static function bs3_compat_css() { |
||
1122 | } |
||
1123 | |||
1124 | public static function custom_css( $compatibility = true, $is_fse = false ) { |
||
1125 | global $aui_bs5; |
||
1126 | |||
1127 | $colors = array(); |
||
1128 | |||
1129 | if ( defined( 'BLOCKSTRAP_VERSION' ) ) { |
||
1130 | $setting = wp_get_global_settings(); |
||
1131 | |||
1132 | if ( ! empty( $setting['color']['palette']['theme'] ) ) { |
||
1133 | foreach ( $setting['color']['palette']['theme'] as $color ) { |
||
1134 | $colors[$color['slug']] = esc_attr( $color['color'] ); |
||
1135 | } |
||
1136 | } |
||
1137 | |||
1138 | if ( ! empty( $setting['color']['palette']['custom'] ) ) { |
||
1139 | foreach ( $setting['color']['palette']['custom'] as $color ) { |
||
1140 | $colors[$color['slug']] = esc_attr( $color['color'] ); |
||
1141 | } |
||
1142 | } |
||
1143 | } else { |
||
1144 | $settings = get_option( 'aui_options' ); |
||
1145 | |||
1146 | $colors = array( |
||
1147 | 'primary' => ! empty( $settings['color_primary'] ) ? $settings['color_primary'] : AUI_PRIMARY_COLOR, |
||
1148 | 'secondary' => ! empty( $settings['color_secondary'] ) ? $settings['color_secondary'] : AUI_SECONDARY_COLOR |
||
1149 | ); |
||
1150 | } |
||
1151 | |||
1152 | ob_start(); |
||
1153 | ?><style><?php |
||
1154 | // BS v3 compat |
||
1155 | if( self::is_bs3_compat() ){ |
||
1156 | echo self::bs3_compat_css(); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
1157 | } |
||
1158 | |||
1159 | //$is_fse = false; |
||
1160 | //if ( is_admin() && ( !empty($_REQUEST['postType']) || self::is_block_editor() ) && ( defined( 'BLOCKSTRAP_VERSION' ) || defined( 'AUI_FSE' ) ) ) { |
||
1161 | //$is_fse = true; |
||
1162 | //} |
||
1163 | |||
1164 | $custom_front = ! is_admin() ? true : apply_filters('ayecode_ui_custom_front', false ); |
||
1165 | $custom_admin = $is_fse || self::is_preview() ? true : apply_filters('ayecode_ui_custom_admin', false ); |
||
1166 | $bs_custom_css = apply_filters( 'ayecode_ui_bs_custom_css', $custom_admin || $custom_front ); |
||
1167 | //$bs_custom_css = true; // Force true to fix any color issue. |
||
1168 | |||
1169 | $colors_css = ''; |
||
1170 | if ( ! empty( $colors ) && $bs_custom_css ) { |
||
1171 | $d_colors = self::get_colors(true); |
||
1172 | |||
1173 | foreach ( $colors as $key => $color ) { |
||
1174 | if ( ( empty( $d_colors[$key]) || $d_colors[$key] != $color) || $is_fse ) { |
||
1175 | $var = $is_fse ? "var(--wp--preset--color--$key)" : $color; |
||
1176 | $compat = $is_fse ? '.editor-styles-wrapper' : $compatibility; |
||
1177 | |||
1178 | $colors_css .= $aui_bs5 ? self::css_overwrite_bs5( $key,$var, $compat, $color ) : self::css_overwrite( $key, $var, $compat, $color ); |
||
1179 | } |
||
1180 | } |
||
1181 | } |
||
1182 | |||
1183 | if ( $colors_css ) { |
||
1184 | echo $colors_css; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
1185 | } |
||
1186 | |||
1187 | // Set admin bar z-index lower when modal is open. |
||
1188 | echo ' body.modal-open #wpadminbar{z-index:999}.embed-responsive-16by9 .fluid-width-video-wrapper{padding:0 !important;position:initial}'; |
||
1189 | |||
1190 | if ( is_admin() ) { |
||
1191 | echo ' body.modal-open #adminmenuwrap{z-index:999} body.modal-open #wpadminbar{z-index:1025}'; |
||
1192 | } |
||
1193 | |||
1194 | $custom_css = ''; |
||
1195 | |||
1196 | if ( $aui_bs5 && defined( 'BLOCKSTRAP_VERSION' ) && $bs_custom_css ) { |
||
1197 | $css = ''; |
||
1198 | $theme_settings = wp_get_global_styles(); |
||
1199 | |||
1200 | // Font face |
||
1201 | if( !empty( $theme_settings['typography']['fontFamily'] ) ){ |
||
1202 | $t_fontface = str_replace( array('var:preset|','font-family|'), array('--wp--preset--','font-family--'), $theme_settings['typography']['fontFamily'] ); //var(--wp--preset--font-family--poppins) |
||
1203 | $css .= '--bs-body-font-family: ' . esc_attr($t_fontface) . ';'; |
||
1204 | } |
||
1205 | |||
1206 | // font size |
||
1207 | if( !empty( $theme_settings['typography']['fontSize'] ) ){ |
||
1208 | $css .= '--bs-body-font-size: ' . esc_attr( $theme_settings['typography']['fontSize'] ) . ' ;'; |
||
1209 | } |
||
1210 | |||
1211 | // line height |
||
1212 | if( !empty( $theme_settings['typography']['lineHeight'] ) ){ |
||
1213 | $css .= '--bs-body-line-height: ' . esc_attr( $theme_settings['typography']['lineHeight'] ) . ';'; |
||
1214 | } |
||
1215 | |||
1216 | |||
1217 | // font weight |
||
1218 | if( !empty( $theme_settings['typography']['fontWeight'] ) ){ |
||
1219 | $css .= '--bs-body-font-weight: ' . esc_attr( $theme_settings['typography']['fontWeight'] ) . ';'; |
||
1220 | } |
||
1221 | |||
1222 | // Background |
||
1223 | if( !empty( $theme_settings['color']['background'] ) ){ |
||
1224 | $css .= '--bs-body-bg: ' . esc_attr( $theme_settings['color']['background'] ) . ';'; |
||
1225 | } |
||
1226 | |||
1227 | // Background Gradient |
||
1228 | if( !empty( $theme_settings['color']['gradient'] ) ){ |
||
1229 | $css .= 'background: ' . esc_attr( $theme_settings['color']['gradient'] ) . ';'; |
||
1230 | } |
||
1231 | |||
1232 | // Background Gradient |
||
1233 | if( !empty( $theme_settings['color']['gradient'] ) ){ |
||
1234 | $css .= 'background: ' . esc_attr( $theme_settings['color']['gradient'] ) . ';'; |
||
1235 | } |
||
1236 | |||
1237 | // text color |
||
1238 | if( !empty( $theme_settings['color']['text'] ) ){ |
||
1239 | $css .= '--bs-body-color: ' . esc_attr( $theme_settings['color']['text'] ) . ';'; |
||
1240 | } |
||
1241 | |||
1242 | |||
1243 | // link colors |
||
1244 | if( !empty( $theme_settings['elements']['link']['color']['text'] ) ){ |
||
1245 | $css .= '--bs-link-color: ' . esc_attr( $theme_settings['elements']['link']['color']['text'] ) . ';'; |
||
1246 | } |
||
1247 | if( !empty( $theme_settings['elements']['link'][':hover']['color']['text'] ) ){ |
||
1248 | $css .= '--bs-link-hover-color: ' . esc_attr( $theme_settings['elements']['link'][':hover']['color']['text'] ) . ';'; |
||
1249 | } |
||
1250 | |||
1251 | if($css){ |
||
1252 | $custom_css .= $is_fse ? 'body.editor-styles-wrapper{' . esc_attr( $css ) . '}' : 'body{' . esc_attr( $css ) . '}'; |
||
1253 | } |
||
1254 | |||
1255 | $bep = $is_fse ? 'body.editor-styles-wrapper ' : ''; |
||
1256 | |||
1257 | // Headings |
||
1258 | $headings_css = ''; |
||
1259 | if( !empty( $theme_settings['elements']['heading']['color']['text'] ) ){ |
||
1260 | $headings_css .= "color: " . esc_attr( $theme_settings['elements']['heading']['color']['text'] ) . ";"; |
||
1261 | } |
||
1262 | |||
1263 | // heading background |
||
1264 | if( !empty( $theme_settings['elements']['heading']['color']['background'] ) ){ |
||
1265 | $headings_css .= 'background: ' . esc_attr( $theme_settings['elements']['heading']['color']['background'] ) . ';'; |
||
1266 | } |
||
1267 | |||
1268 | // heading font family |
||
1269 | if( !empty( $theme_settings['elements']['heading']['typography']['fontFamily'] ) ){ |
||
1270 | $headings_css .= 'font-family: ' . esc_attr( $theme_settings['elements']['heading']['typography']['fontFamily'] ) . ';'; |
||
1271 | } |
||
1272 | |||
1273 | if( $headings_css ){ |
||
1274 | $custom_css .= "$bep h1,$bep h2,$bep h3, $bep h4,$bep h5,$bep h6{ " . esc_attr( $headings_css ) . "}"; |
||
1275 | } |
||
1276 | |||
1277 | $hs = array('h1','h2','h3','h4','h5','h6'); |
||
1278 | |||
1279 | foreach($hs as $hn){ |
||
1280 | $h_css = ''; |
||
1281 | if( !empty( $theme_settings['elements'][$hn]['color']['text'] ) ){ |
||
1282 | $h_css .= 'color: ' . esc_attr( $theme_settings['elements'][$hn]['color']['text'] ) . ';'; |
||
1283 | } |
||
1284 | |||
1285 | if( !empty( $theme_settings['elements'][$hn]['typography']['fontSize'] ) ){ |
||
1286 | $h_css .= 'font-size: ' . esc_attr( $theme_settings['elements'][$hn]['typography']['fontSize'] ) . ';'; |
||
1287 | } |
||
1288 | |||
1289 | if( !empty( $theme_settings['elements'][$hn]['typography']['fontFamily'] ) ){ |
||
1290 | $h_css .= 'font-family: ' . esc_attr( $theme_settings['elements'][$hn]['typography']['fontFamily'] ) . ';'; |
||
1291 | } |
||
1292 | |||
1293 | if($h_css){ |
||
1294 | $custom_css .= esc_attr( $bep . $hn ) . '{'.esc_attr( $h_css ).'}'; |
||
1295 | } |
||
1296 | } |
||
1297 | } |
||
1298 | |||
1299 | if ( $custom_css ) { |
||
1300 | echo $custom_css; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
1301 | } |
||
1302 | |||
1303 | // Pagination on Hello Elementor theme. |
||
1304 | if ( function_exists( 'hello_elementor_setup' ) ) { |
||
1305 | echo '.aui-nav-links .pagination{justify-content:inherit}'; |
||
1306 | } |
||
1307 | |||
1308 | // Astra theme - when woocommerce active they add compatibility CSS which breaks select2 in modals |
||
1309 | if( defined('ASTRA_THEME_VERSION')){ |
||
1310 | echo '.woocommerce-js.modal-open .select2-container .select2-dropdown, .woocommerce-js.modal-open .select2-container .select2-search__field, .woocommerce-page.modal-open .select2-container .select2-dropdown, .woocommerce-page.modal-open .select2-container .select2-search__field{z-index: 1056;}'; |
||
1311 | } |
||
1312 | |||
1313 | ?></style><?php |
||
1314 | $custom_css = ob_get_clean(); |
||
1315 | |||
1316 | /* |
||
1317 | * We only add the <script> tags for code highlighting, so we strip them from the output. |
||
1318 | */ |
||
1319 | return str_replace( array( |
||
1320 | '<style>', |
||
1321 | '</style>' |
||
1322 | ), '', self::minify_css( $custom_css ) ); |
||
1323 | } |
||
1324 | |||
1325 | /** |
||
1326 | * Check if we should add booststrap 3 compatibility changes. |
||
1327 | * |
||
1328 | * @return bool |
||
1329 | */ |
||
1330 | public static function is_bs3_compat(){ |
||
1331 | return defined('AYECODE_UI_BS3_COMPAT') || defined('SVQ_THEME_VERSION') || defined('FUSION_BUILDER_VERSION'); |
||
1332 | } |
||
1333 | |||
1334 | public static function hex_to_rgb( $hex ) { |
||
1335 | // Remove '#' if present |
||
1336 | $hex = str_replace( '#', '', $hex ); |
||
1337 | |||
1338 | // Check if input is RGB |
||
1339 | if ( strpos( $hex, 'rgba(' ) === 0 || strpos( $hex, 'rgb(' ) === 0 ) { |
||
1340 | $_rgb = explode( ',', str_replace( array( 'rgba(', 'rgb(', ')' ), '', $hex ) ); |
||
1341 | |||
1342 | $rgb = ( isset( $_rgb[0] ) ? (int) trim( $_rgb[0] ) : '0' ) . ','; |
||
1343 | $rgb .= ( isset( $_rgb[1] ) ? (int) trim( $_rgb[1] ) : '0' ) . ','; |
||
1344 | $rgb .= ( isset( $_rgb[2] ) ? (int) trim( $_rgb[2] ) : '0' ); |
||
1345 | |||
1346 | return $rgb; |
||
1347 | } |
||
1348 | |||
1349 | // Convert 3-digit hex to 6-digit hex |
||
1350 | if ( strlen( $hex ) == 3 ) { |
||
1351 | $hex = str_repeat( substr( $hex, 0, 1 ), 2 ) . str_repeat( substr( $hex, 1, 1 ), 2 ) . str_repeat( substr( $hex, 2, 1 ), 2 ); |
||
1352 | } |
||
1353 | |||
1354 | // Convert hex to RGB |
||
1355 | $r = hexdec( substr( $hex, 0, 2 ) ); |
||
1356 | $g = hexdec( substr( $hex, 2, 2 ) ); |
||
1357 | $b = hexdec( substr( $hex, 4, 2 ) ); |
||
1358 | |||
1359 | // Return RGB values as an array |
||
1360 | return $r . ',' . $g . ',' . $b; |
||
1361 | } |
||
1362 | |||
1363 | /** |
||
1364 | * Build the CSS to overwrite a bootstrap color variable. |
||
1365 | * |
||
1366 | * @param $type |
||
1367 | * @param $color_code |
||
1368 | * @param $compatibility |
||
1369 | * |
||
1370 | * @return string |
||
1371 | */ |
||
1372 | public static function css_overwrite_bs5($type,$color_code,$compatibility, $hex = '' ){ |
||
1373 | global $aui_bs5; |
||
1374 | |||
1375 | $is_var = false; |
||
1376 | $is_custom = strpos($type, 'custom-') !== false ? true : false; |
||
1377 | if(!$color_code){return '';} |
||
1378 | if(strpos($color_code, 'var') !== false){ |
||
1379 | //if(!sanitize_hex_color($color_code)){ |
||
1380 | $color_code = esc_attr($color_code); |
||
1381 | $is_var = true; |
||
1382 | // $color_code = "rgba($color_code, 0.5)"; |
||
1383 | // echo '###1'.$color_code.'###';//exit; |
||
1384 | } |
||
1385 | |||
1386 | // echo '@@@'.$color_code.'==='.self::hex_to_rgb($color_code);exit; |
||
1387 | |||
1388 | if(!$color_code){return '';} |
||
1389 | |||
1390 | $rgb = self::hex_to_rgb($hex); |
||
1391 | |||
1392 | if($compatibility===true || $compatibility===1){ |
||
1393 | $compatibility = '.bsui'; |
||
1394 | }elseif(!$compatibility){ |
||
1395 | $compatibility = ''; |
||
1396 | }else{ |
||
1397 | $compatibility = esc_attr($compatibility); |
||
1398 | } |
||
1399 | |||
1400 | $prefix = $compatibility ? $compatibility . " " : ""; |
||
1401 | |||
1402 | |||
1403 | $output = ''; |
||
1404 | |||
1405 | // echo '####'.$color_code;exit; |
||
1406 | |||
1407 | $type = sanitize_html_class($type); |
||
1408 | |||
1409 | /** |
||
1410 | * c = color, b = background color, o = border-color, f = fill |
||
1411 | */ |
||
1412 | $selectors = array( |
||
1413 | ".btn-{$type}" => array( 'b', 'o' ), |
||
1414 | ".btn-{$type}.disabled" => array( 'b', 'o' ), |
||
1415 | ".btn-{$type}:disabled" => array( 'b', 'o' ), |
||
1416 | ".btn-outline-{$type}" => array( 'c', 'o' ), |
||
1417 | ".btn-outline-{$type}:hover" => array( 'b', 'o' ), |
||
1418 | ".btn-outline-{$type}:not(:disabled):not(.disabled).active" => array( 'b', 'o' ), |
||
1419 | ".btn-outline-{$type}:not(:disabled):not(.disabled):active" => array( 'b', 'o' ), |
||
1420 | ".show>.btn-outline-{$type}.dropdown-toggle" => array( 'b', 'o' ), |
||
1421 | ".badge-{$type}" => array( 'b' ), |
||
1422 | ".alert-{$type}" => array( 'b', 'o' ), |
||
1423 | ".bg-{$type}" => array( 'b', 'f' ), |
||
1424 | ".btn-link.btn-{$type}" => array( 'c' ), |
||
1425 | ".text-{$type}" => array( 'c' ), |
||
1426 | ); |
||
1427 | |||
1428 | if ( $aui_bs5 ) { |
||
1429 | unset($selectors[".alert-{$type}" ]); |
||
1430 | } |
||
1431 | |||
1432 | if ( $type == 'primary' ) { |
||
1433 | $selectors = $selectors + array( |
||
1434 | 'a' => array( 'c' ), |
||
1435 | '.btn-link' => array( 'c' ), |
||
1436 | '.dropdown-item.active' => array( 'b' ), |
||
1437 | '.custom-control-input:checked~.custom-control-label::before' => array( |
||
1438 | 'b', |
||
1439 | 'o' |
||
1440 | ), |
||
1441 | '.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before' => array( |
||
1442 | 'b', |
||
1443 | 'o' |
||
1444 | ), |
||
1445 | '.nav-pills .nav-link.active' => array( 'b' ), |
||
1446 | '.nav-pills .show>.nav-link' => array( 'b' ), |
||
1447 | '.page-link' => array( 'c' ), |
||
1448 | '.page-item.active .page-link' => array( |
||
1449 | 'b', |
||
1450 | 'o' |
||
1451 | ), |
||
1452 | '.progress-bar' => array( 'b' ), |
||
1453 | '.list-group-item.active' => array( |
||
1454 | 'b', |
||
1455 | 'o' |
||
1456 | ), |
||
1457 | '.select2-container .select2-results__option--highlighted.select2-results__option[aria-selected=true]' => array( 'b' ), |
||
1458 | ); |
||
1459 | } |
||
1460 | |||
1461 | |||
1462 | |||
1463 | // link |
||
1464 | if ( $type === 'primary' ) { |
||
1465 | $output .= 'html body {--bs-link-hover-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .75); --bs-link-color: var(--bs-'.esc_attr($type).'); }'; |
||
1466 | $output .= $prefix . ' .breadcrumb{--bs-breadcrumb-item-active-color: '.esc_attr($color_code).'; }'; |
||
1467 | $output .= $prefix . ' .navbar { --bs-nav-link-hover-color: '.esc_attr($color_code).'; --bs-navbar-hover-color: '.esc_attr($color_code).'; --bs-navbar-active-color: '.esc_attr($color_code).'; }'; |
||
1468 | |||
1469 | $output .= $prefix . ' a{color: var(--bs-'.esc_attr($type).');}'; |
||
1470 | $output .= $prefix . ' .text-primary{color: var(--bs-'.esc_attr($type).') !important;}'; |
||
1471 | |||
1472 | // dropdown |
||
1473 | $output .= $prefix . ' .dropdown-menu{--bs-dropdown-link-hover-color: var(--bs-'.esc_attr($type).'); --bs-dropdown-link-active-color: var(--bs-'.esc_attr($type).');}'; |
||
1474 | |||
1475 | // pagination |
||
1476 | $output .= $prefix . ' .pagination{--bs-pagination-hover-color: var(--bs-'.esc_attr($type).'); --bs-pagination-active-bg: var(--bs-'.esc_attr($type).');}'; |
||
1477 | |||
1478 | } |
||
1479 | |||
1480 | $output .= $prefix . ' .link-'.esc_attr($type).' {color: var(--bs-'.esc_attr($type).'-rgb) !important;}'; |
||
1481 | $output .= $prefix . ' .link-'.esc_attr($type).':hover {color: rgba(var(--bs-'.esc_attr($type).'-rgb), .8) !important;}'; |
||
1482 | |||
1483 | // buttons |
||
1484 | $output .= $prefix . ' .btn-'.esc_attr($type).'{'; |
||
1485 | $output .= ' |
||
1486 | --bs-btn-bg: '.esc_attr($color_code).'; |
||
1487 | --bs-btn-border-color: '.esc_attr($color_code).'; |
||
1488 | --bs-btn-hover-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1489 | --bs-btn-hover-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1490 | --bs-btn-focus-shadow-rgb: --bs-'.esc_attr($type).'-rgb; |
||
1491 | --bs-btn-active-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1492 | --bs-btn-active-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1493 | --bs-btn-active-shadow: unset; |
||
1494 | --bs-btn-disabled-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .5); |
||
1495 | --bs-btn-disabled-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .1); |
||
1496 | '; |
||
1497 | // $output .= ' |
||
1498 | // --bs-btn-color: #fff; |
||
1499 | // --bs-btn-hover-color: #fff; |
||
1500 | // --bs-btn-active-color: #fff; |
||
1501 | // --bs-btn-disabled-color: #fff; |
||
1502 | // '; |
||
1503 | $output .= '}'; |
||
1504 | |||
1505 | // buttons outline |
||
1506 | $output .= $prefix . ' .btn-outline-'.esc_attr($type).'{'; |
||
1507 | $output .= ' |
||
1508 | --bs-btn-color: '.esc_attr($color_code).'; |
||
1509 | --bs-btn-border-color: '.esc_attr($color_code).'; |
||
1510 | --bs-btn-hover-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1511 | --bs-btn-hover-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1512 | --bs-btn-focus-shadow-rgb: --bs-'.esc_attr($type).'-rgb; |
||
1513 | --bs-btn-active-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1514 | --bs-btn-active-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1515 | --bs-btn-active-shadow: unset; |
||
1516 | --bs-btn-disabled-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .5); |
||
1517 | --bs-btn-disabled-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .1); |
||
1518 | '; |
||
1519 | // $output .= ' |
||
1520 | // --bs-btn-color: #fff; |
||
1521 | // --bs-btn-hover-color: #fff; |
||
1522 | // --bs-btn-active-color: #fff; |
||
1523 | // --bs-btn-disabled-color: #fff; |
||
1524 | // '; |
||
1525 | $output .= '}'; |
||
1526 | |||
1527 | |||
1528 | // button hover |
||
1529 | $output .= $prefix . ' .btn-'.esc_attr($type).':hover{'; |
||
1530 | $output .= ' |
||
1531 | box-shadow: 0 0.25rem 0.25rem 0.125rem rgb(var(--bs-'.esc_attr($type).'-rgb), .1), 0 0.375rem 0.75rem -0.125rem rgb(var(--bs-'.esc_attr($type).'-rgb) , .4); |
||
1532 | } |
||
1533 | '; |
||
1534 | |||
1535 | |||
1536 | if ( $aui_bs5 ) { |
||
1537 | // $output .= $is_var ? 'html body {--bs-'.esc_attr($type).'-rgb: '.$color_code.'; }' : 'html body {--bs-'.esc_attr($type).'-rgb: '.self::hex_to_rgb($color_code).'; }'; |
||
1538 | $output .= 'html body {--bs-'.esc_attr($type).': '.esc_attr($color_code).'; }'; |
||
1539 | $output .= 'html body {--bs-'.esc_attr($type).'-rgb: '.$rgb.'; }'; |
||
1540 | } |
||
1541 | |||
1542 | |||
1543 | if ( $is_custom ) { |
||
1544 | |||
1545 | // echo '###'.$type;exit; |
||
1546 | |||
1547 | // build rules into each type |
||
1548 | foreach($selectors as $selector => $types){ |
||
1549 | $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1550 | $types = array_combine($types,$types); |
||
1551 | if(isset($types['c'])){$color[] = $selector;} |
||
1552 | if(isset($types['b'])){$background[] = $selector;} |
||
1553 | if(isset($types['o'])){$border[] = $selector;} |
||
1554 | if(isset($types['f'])){$fill[] = $selector;} |
||
1555 | } |
||
1556 | |||
1557 | // // build rules into each type |
||
1558 | // foreach($important_selectors as $selector => $types){ |
||
1559 | // $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1560 | // $types = array_combine($types,$types); |
||
1561 | // if(isset($types['c'])){$color_i[] = $selector;} |
||
1562 | // if(isset($types['b'])){$background_i[] = $selector;} |
||
1563 | // if(isset($types['o'])){$border_i[] = $selector;} |
||
1564 | // if(isset($types['f'])){$fill_i[] = $selector;} |
||
1565 | // } |
||
1566 | |||
1567 | // add any color rules |
||
1568 | if(!empty($color)){ |
||
1569 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
1570 | } |
||
1571 | if(!empty($color_i)){ |
||
1572 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
1573 | } |
||
1574 | |||
1575 | // add any background color rules |
||
1576 | if(!empty($background)){ |
||
1577 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
1578 | } |
||
1579 | if(!empty($background_i)){ |
||
1580 | $output .= $aui_bs5 ? '' : implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
1581 | // $output .= implode(",",$background_i) . "{background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;} "; |
||
1582 | } |
||
1583 | |||
1584 | // add any border color rules |
||
1585 | if(!empty($border)){ |
||
1586 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
1587 | } |
||
1588 | if(!empty($border_i)){ |
||
1589 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
1590 | } |
||
1591 | |||
1592 | // add any fill color rules |
||
1593 | if(!empty($fill)){ |
||
1594 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
1595 | } |
||
1596 | if(!empty($fill_i)){ |
||
1597 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
1598 | } |
||
1599 | |||
1600 | } |
||
1601 | |||
1602 | |||
1603 | |||
1604 | |||
1605 | $transition = $is_var ? 'transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,filter 0.15s ease-in-out;' : ''; |
||
1606 | // darken |
||
1607 | $darker_075 = $is_var ? $color_code.';filter:brightness(0.925)' : self::css_hex_lighten_darken($color_code,"-0.075"); |
||
1608 | $darker_10 = $is_var ? $color_code.';filter:brightness(0.9)' : self::css_hex_lighten_darken($color_code,"-0.10"); |
||
1609 | $darker_125 = $is_var ? $color_code.';filter:brightness(0.875)' : self::css_hex_lighten_darken($color_code,"-0.125"); |
||
1610 | $darker_40 = $is_var ? $color_code.';filter:brightness(0.6)' : self::css_hex_lighten_darken($color_code,"-0.4"); |
||
1611 | |||
1612 | // lighten |
||
1613 | $lighten_25 = $is_var ? $color_code.';filter:brightness(1.25)' :self::css_hex_lighten_darken($color_code,"0.25"); |
||
1614 | |||
1615 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
1616 | $op_25 = $color_code."40"; // 25% opacity |
||
1617 | |||
1618 | |||
1619 | // button states |
||
1620 | $output .= $is_var ? $prefix ." .btn-{$type}{{$transition }} " : ''; |
||
1621 | $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
1622 | // $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: #000; border-color: #000;} "; |
||
1623 | $output .= $prefix ." .btn-outline-{$type}:not(:disabled):not(.disabled):active:focus, $prefix .btn-outline-{$type}:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-outline-{$type}.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1624 | $output .= $prefix ." .btn-{$type}:not(:disabled):not(.disabled):active, $prefix .btn-{$type}:not(:disabled):not(.disabled).active, .show>$prefix .btn-{$type}.dropdown-toggle{background-color: ".$darker_10."; border-color: ".$darker_125.";} "; |
||
1625 | $output .= $prefix ." .btn-{$type}:not(:disabled):not(.disabled):active:focus, $prefix .btn-{$type}:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-{$type}.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1626 | $output .= $prefix ." .btn-{$type}:not(:disabled):not(.disabled):active:focus, $prefix .btn-{$type}:not(:disabled):not(.disabled):focus {box-shadow: 0 0.25rem 0.25rem 0.125rem rgba(var(--bs-{$type}-rgb), 0.1), 0 0.375rem 0.75rem -0.125rem rgba(var(--bs-{$type}-rgb), 0.4);} "; |
||
1627 | |||
1628 | // text |
||
1629 | // $output .= $prefix .".xxx, .text-{$type} {color: var(--bs-".esc_attr($type).");} "; |
||
1630 | |||
1631 | |||
1632 | // if ( $type == 'primary' ) { |
||
1633 | // // dropdown's |
||
1634 | // $output .= $prefix . " .dropdown-item.active, $prefix .dropdown-item:active{background-color: $color_code;} "; |
||
1635 | // |
||
1636 | // // input states |
||
1637 | // $output .= $prefix . " .form-control:focus{border-color: " . $lighten_25 . ";box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1638 | // |
||
1639 | // // page link |
||
1640 | // $output .= $prefix . " .page-link:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1641 | // } |
||
1642 | |||
1643 | // alerts |
||
1644 | if ( $aui_bs5 ) { |
||
1645 | // $output .= $is_var ? '' : $prefix ." .alert-{$type} {background-color: ".$color_code."20; border-color: ".$color_code."30;color:$darker_40} "; |
||
1646 | $output .= $prefix ." .alert-{$type} {--bs-alert-bg: rgba(var(--bs-{$type}-rgb), .1 ) !important;--bs-alert-border-color: rgba(var(--bs-{$type}-rgb), .25 ) !important;--bs-alert-color: rgba(var(--bs-{$type}-rgb), 1 ) !important;} "; |
||
1647 | } |
||
1648 | |||
1649 | return $output; |
||
1650 | } |
||
1651 | |||
1652 | /** |
||
1653 | * Build the CSS to overwrite a bootstrap color variable. |
||
1654 | * |
||
1655 | * @param $type |
||
1656 | * @param $color_code |
||
1657 | * @param $compatibility |
||
1658 | * |
||
1659 | * @return string |
||
1660 | */ |
||
1661 | public static function css_overwrite($type,$color_code,$compatibility, $hex = '' ){ |
||
1662 | global $aui_bs5; |
||
1663 | |||
1664 | $is_var = false; |
||
1665 | if(!$color_code){return '';} |
||
1666 | if(strpos($color_code, 'var') !== false){ |
||
1667 | //if(!sanitize_hex_color($color_code)){ |
||
1668 | $color_code = esc_attr($color_code); |
||
1669 | $is_var = true; |
||
1670 | // $color_code = "rgba($color_code, 0.5)"; |
||
1671 | // echo '###1'.$color_code.'###';//exit; |
||
1672 | } |
||
1673 | |||
1674 | // echo '@@@'.$color_code.'==='.self::hex_to_rgb($color_code);exit; |
||
1675 | |||
1676 | if(!$color_code){return '';} |
||
1677 | |||
1678 | $rgb = self::hex_to_rgb($hex); |
||
1679 | |||
1680 | if($compatibility===true || $compatibility===1){ |
||
1681 | $compatibility = '.bsui'; |
||
1682 | }elseif(!$compatibility){ |
||
1683 | $compatibility = ''; |
||
1684 | }else{ |
||
1685 | $compatibility = esc_attr($compatibility); |
||
1686 | } |
||
1687 | |||
1688 | |||
1689 | |||
1690 | // echo '####'.$color_code;exit; |
||
1691 | |||
1692 | $type = sanitize_html_class($type); |
||
1693 | |||
1694 | /** |
||
1695 | * c = color, b = background color, o = border-color, f = fill |
||
1696 | */ |
||
1697 | $selectors = array( |
||
1698 | ".btn-{$type}" => array( 'b', 'o' ), |
||
1699 | ".btn-{$type}.disabled" => array( 'b', 'o' ), |
||
1700 | ".btn-{$type}:disabled" => array( 'b', 'o' ), |
||
1701 | ".btn-outline-{$type}" => array( 'c', 'o' ), |
||
1702 | ".btn-outline-{$type}:hover" => array( 'b', 'o' ), |
||
1703 | ".btn-outline-{$type}:not(:disabled):not(.disabled).active" => array( 'b', 'o' ), |
||
1704 | ".btn-outline-{$type}:not(:disabled):not(.disabled):active" => array( 'b', 'o' ), |
||
1705 | ".show>.btn-outline-{$type}.dropdown-toggle" => array( 'b', 'o' ), |
||
1706 | ".badge-{$type}" => array( 'b' ), |
||
1707 | ".alert-{$type}" => array( 'b', 'o' ), |
||
1708 | ".bg-{$type}" => array( 'b', 'f' ), |
||
1709 | ".btn-link.btn-{$type}" => array( 'c' ), |
||
1710 | ); |
||
1711 | |||
1712 | if ( $aui_bs5 ) { |
||
1713 | unset($selectors[".alert-{$type}" ]); |
||
1714 | } |
||
1715 | |||
1716 | if ( $type == 'primary' ) { |
||
1717 | $selectors = $selectors + array( |
||
1718 | 'a' => array( 'c' ), |
||
1719 | '.btn-link' => array( 'c' ), |
||
1720 | '.dropdown-item.active' => array( 'b' ), |
||
1721 | '.custom-control-input:checked~.custom-control-label::before' => array( |
||
1722 | 'b', |
||
1723 | 'o' |
||
1724 | ), |
||
1725 | '.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before' => array( |
||
1726 | 'b', |
||
1727 | 'o' |
||
1728 | ), |
||
1729 | '.nav-pills .nav-link.active' => array( 'b' ), |
||
1730 | '.nav-pills .show>.nav-link' => array( 'b' ), |
||
1731 | '.page-link' => array( 'c' ), |
||
1732 | '.page-item.active .page-link' => array( |
||
1733 | 'b', |
||
1734 | 'o' |
||
1735 | ), |
||
1736 | '.progress-bar' => array( 'b' ), |
||
1737 | '.list-group-item.active' => array( |
||
1738 | 'b', |
||
1739 | 'o' |
||
1740 | ), |
||
1741 | '.select2-container .select2-results__option--highlighted.select2-results__option[aria-selected=true]' => array( 'b' ), |
||
1742 | // '.custom-range::-webkit-slider-thumb' => array('b'), // these break the inline rules... |
||
1743 | // '.custom-range::-moz-range-thumb' => array('b'), |
||
1744 | // '.custom-range::-ms-thumb' => array('b'), |
||
1745 | ); |
||
1746 | } |
||
1747 | |||
1748 | $important_selectors = array( |
||
1749 | ".bg-{$type}" => array('b','f'), |
||
1750 | ".border-{$type}" => array('o'), |
||
1751 | ".text-{$type}" => array('c'), |
||
1752 | ); |
||
1753 | |||
1754 | $color = array(); |
||
1755 | $color_i = array(); |
||
1756 | $background = array(); |
||
1757 | $background_i = array(); |
||
1758 | $border = array(); |
||
1759 | $border_i = array(); |
||
1760 | $fill = array(); |
||
1761 | $fill_i = array(); |
||
1762 | |||
1763 | $output = ''; |
||
1764 | |||
1765 | if ( $aui_bs5 ) { |
||
1766 | // $output .= $is_var ? 'html body {--bs-'.esc_attr($type).'-rgb: '.$color_code.'; }' : 'html body {--bs-'.esc_attr($type).'-rgb: '.self::hex_to_rgb($color_code).'; }'; |
||
1767 | $output .= 'html body {--bs-'.esc_attr($type).'-rgb: '.$rgb.'; }'; |
||
1768 | } |
||
1769 | |||
1770 | // build rules into each type |
||
1771 | foreach($selectors as $selector => $types){ |
||
1772 | $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1773 | $types = array_combine($types,$types); |
||
1774 | if(isset($types['c'])){$color[] = $selector;} |
||
1775 | if(isset($types['b'])){$background[] = $selector;} |
||
1776 | if(isset($types['o'])){$border[] = $selector;} |
||
1777 | if(isset($types['f'])){$fill[] = $selector;} |
||
1778 | } |
||
1779 | |||
1780 | // build rules into each type |
||
1781 | foreach($important_selectors as $selector => $types){ |
||
1782 | $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1783 | $types = array_combine($types,$types); |
||
1784 | if(isset($types['c'])){$color_i[] = $selector;} |
||
1785 | if(isset($types['b'])){$background_i[] = $selector;} |
||
1786 | if(isset($types['o'])){$border_i[] = $selector;} |
||
1787 | if(isset($types['f'])){$fill_i[] = $selector;} |
||
1788 | } |
||
1789 | |||
1790 | // add any color rules |
||
1791 | if(!empty($color)){ |
||
1792 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
1793 | } |
||
1794 | if(!empty($color_i)){ |
||
1795 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
1796 | } |
||
1797 | |||
1798 | // add any background color rules |
||
1799 | if(!empty($background)){ |
||
1800 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
1801 | } |
||
1802 | if(!empty($background_i)){ |
||
1803 | $output .= $aui_bs5 ? '' : implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
1804 | // $output .= implode(",",$background_i) . "{background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;} "; |
||
1805 | } |
||
1806 | |||
1807 | // add any border color rules |
||
1808 | if(!empty($border)){ |
||
1809 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
1810 | } |
||
1811 | if(!empty($border_i)){ |
||
1812 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
1813 | } |
||
1814 | |||
1815 | // add any fill color rules |
||
1816 | if(!empty($fill)){ |
||
1817 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
1818 | } |
||
1819 | if(!empty($fill_i)){ |
||
1820 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
1821 | } |
||
1822 | |||
1823 | |||
1824 | $prefix = $compatibility ? $compatibility . " " : ""; |
||
1825 | |||
1826 | $transition = $is_var ? 'transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,filter 0.15s ease-in-out;' : ''; |
||
1827 | // darken |
||
1828 | $darker_075 = $is_var ? $color_code.';filter:brightness(0.925)' : self::css_hex_lighten_darken($color_code,"-0.075"); |
||
1829 | $darker_10 = $is_var ? $color_code.';filter:brightness(0.9)' : self::css_hex_lighten_darken($color_code,"-0.10"); |
||
1830 | $darker_125 = $is_var ? $color_code.';filter:brightness(0.875)' : self::css_hex_lighten_darken($color_code,"-0.125"); |
||
1831 | $darker_40 = $is_var ? $color_code.';filter:brightness(0.6)' : self::css_hex_lighten_darken($color_code,"-0.4"); |
||
1832 | |||
1833 | // lighten |
||
1834 | $lighten_25 = $is_var ? $color_code.';filter:brightness(1.25)' :self::css_hex_lighten_darken($color_code,"0.25"); |
||
1835 | |||
1836 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
1837 | $op_25 = $color_code."40"; // 25% opacity |
||
1838 | |||
1839 | |||
1840 | // button states |
||
1841 | $output .= $is_var ? $prefix ." .btn-{$type}{{$transition }} " : ''; |
||
1842 | $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
1843 | // $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: #000; border-color: #000;} "; |
||
1844 | $output .= $prefix ." .btn-outline-{$type}:not(:disabled):not(.disabled):active:focus, $prefix .btn-outline-{$type}:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-outline-{$type}.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1845 | $output .= $prefix ." .btn-{$type}:not(:disabled):not(.disabled):active, $prefix .btn-{$type}:not(:disabled):not(.disabled).active, .show>$prefix .btn-{$type}.dropdown-toggle{background-color: ".$darker_10."; border-color: ".$darker_125.";} "; |
||
1846 | $output .= $prefix ." .btn-{$type}:not(:disabled):not(.disabled):active:focus, $prefix .btn-{$type}:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-{$type}.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1847 | |||
1848 | if ( $type == 'primary' ) { |
||
1849 | // dropdown's |
||
1850 | $output .= $prefix . " .dropdown-item.active, $prefix .dropdown-item:active{background-color: $color_code;} "; |
||
1851 | |||
1852 | // input states |
||
1853 | $output .= $prefix . " .form-control:focus{border-color: " . $lighten_25 . ";box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1854 | |||
1855 | // page link |
||
1856 | $output .= $prefix . " .page-link:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1857 | } |
||
1858 | |||
1859 | // alerts |
||
1860 | if ( $aui_bs5 ) { |
||
1861 | // $output .= $is_var ? '' : $prefix ." .alert-{$type} {background-color: ".$color_code."20; border-color: ".$color_code."30;color:$darker_40} "; |
||
1862 | $output .= $prefix ." .alert-{$type} {--bs-alert-bg: rgba(var(--bs-{$type}-rgb), .1 ) !important;--bs-alert-border-color: rgba(var(--bs-{$type}-rgb), .25 ) !important;--bs-alert-color: rgba(var(--bs-{$type}-rgb), 1 ) !important;} "; |
||
1863 | } |
||
1864 | |||
1865 | return $output; |
||
1866 | } |
||
1867 | |||
1868 | /** |
||
1869 | * |
||
1870 | * @deprecated 0.1.76 Use css_overwrite() |
||
1871 | * |
||
1872 | * @param $color_code |
||
1873 | * @param $compatibility |
||
1874 | * @param $use_variable |
||
1875 | * |
||
1876 | * @return string |
||
1877 | */ |
||
1878 | public static function css_primary($color_code,$compatibility, $use_variable = false){ |
||
1879 | |||
1880 | if(!$use_variable){ |
||
1881 | $color_code = sanitize_hex_color($color_code); |
||
1882 | if(!$color_code){return '';} |
||
1883 | } |
||
1884 | |||
1885 | /** |
||
1886 | * c = color, b = background color, o = border-color, f = fill |
||
1887 | */ |
||
1888 | $selectors = array( |
||
1889 | 'a' => array('c'), |
||
1890 | '.btn-primary' => array('b','o'), |
||
1891 | '.btn-primary.disabled' => array('b','o'), |
||
1892 | '.btn-primary:disabled' => array('b','o'), |
||
1893 | '.btn-outline-primary' => array('c','o'), |
||
1894 | '.btn-outline-primary:hover' => array('b','o'), |
||
1895 | '.btn-outline-primary:not(:disabled):not(.disabled).active' => array('b','o'), |
||
1896 | '.btn-outline-primary:not(:disabled):not(.disabled):active' => array('b','o'), |
||
1897 | '.show>.btn-outline-primary.dropdown-toggle' => array('b','o'), |
||
1898 | '.btn-link' => array('c'), |
||
1899 | '.dropdown-item.active' => array('b'), |
||
1900 | '.custom-control-input:checked~.custom-control-label::before' => array('b','o'), |
||
1901 | '.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before' => array('b','o'), |
||
1902 | // '.custom-range::-webkit-slider-thumb' => array('b'), // these break the inline rules... |
||
1903 | // '.custom-range::-moz-range-thumb' => array('b'), |
||
1904 | // '.custom-range::-ms-thumb' => array('b'), |
||
1905 | '.nav-pills .nav-link.active' => array('b'), |
||
1906 | '.nav-pills .show>.nav-link' => array('b'), |
||
1907 | '.page-link' => array('c'), |
||
1908 | '.page-item.active .page-link' => array('b','o'), |
||
1909 | '.badge-primary' => array('b'), |
||
1910 | '.alert-primary' => array('b','o'), |
||
1911 | '.progress-bar' => array('b'), |
||
1912 | '.list-group-item.active' => array('b','o'), |
||
1913 | '.bg-primary' => array('b','f'), |
||
1914 | '.btn-link.btn-primary' => array('c'), |
||
1915 | '.select2-container .select2-results__option--highlighted.select2-results__option[aria-selected=true]' => array('b'), |
||
1916 | ); |
||
1917 | |||
1918 | $important_selectors = array( |
||
1919 | '.bg-primary' => array('b','f'), |
||
1920 | '.border-primary' => array('o'), |
||
1921 | '.text-primary' => array('c'), |
||
1922 | ); |
||
1923 | |||
1924 | $color = array(); |
||
1925 | $color_i = array(); |
||
1926 | $background = array(); |
||
1927 | $background_i = array(); |
||
1928 | $border = array(); |
||
1929 | $border_i = array(); |
||
1930 | $fill = array(); |
||
1931 | $fill_i = array(); |
||
1932 | |||
1933 | $output = ''; |
||
1934 | |||
1935 | // build rules into each type |
||
1936 | foreach($selectors as $selector => $types){ |
||
1937 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
1938 | $types = array_combine($types,$types); |
||
1939 | if(isset($types['c'])){$color[] = $selector;} |
||
1940 | if(isset($types['b'])){$background[] = $selector;} |
||
1941 | if(isset($types['o'])){$border[] = $selector;} |
||
1942 | if(isset($types['f'])){$fill[] = $selector;} |
||
1943 | } |
||
1944 | |||
1945 | // build rules into each type |
||
1946 | foreach($important_selectors as $selector => $types){ |
||
1947 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
1948 | $types = array_combine($types,$types); |
||
1949 | if(isset($types['c'])){$color_i[] = $selector;} |
||
1950 | if(isset($types['b'])){$background_i[] = $selector;} |
||
1951 | if(isset($types['o'])){$border_i[] = $selector;} |
||
1952 | if(isset($types['f'])){$fill_i[] = $selector;} |
||
1953 | } |
||
1954 | |||
1955 | // add any color rules |
||
1956 | if(!empty($color)){ |
||
1957 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
1958 | } |
||
1959 | if(!empty($color_i)){ |
||
1960 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
1961 | } |
||
1962 | |||
1963 | // add any background color rules |
||
1964 | if(!empty($background)){ |
||
1965 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
1966 | } |
||
1967 | if(!empty($background_i)){ |
||
1968 | $output .= implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
1969 | } |
||
1970 | |||
1971 | // add any border color rules |
||
1972 | if(!empty($border)){ |
||
1973 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
1974 | } |
||
1975 | if(!empty($border_i)){ |
||
1976 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
1977 | } |
||
1978 | |||
1979 | // add any fill color rules |
||
1980 | if(!empty($fill)){ |
||
1981 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
1982 | } |
||
1983 | if(!empty($fill_i)){ |
||
1984 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
1985 | } |
||
1986 | |||
1987 | |||
1988 | $prefix = $compatibility ? ".bsui " : ""; |
||
1989 | |||
1990 | // darken |
||
1991 | $darker_075 = self::css_hex_lighten_darken($color_code,"-0.075"); |
||
1992 | $darker_10 = self::css_hex_lighten_darken($color_code,"-0.10"); |
||
1993 | $darker_125 = self::css_hex_lighten_darken($color_code,"-0.125"); |
||
1994 | |||
1995 | // lighten |
||
1996 | $lighten_25 = self::css_hex_lighten_darken($color_code,"0.25"); |
||
1997 | |||
1998 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
1999 | $op_25 = $color_code."40"; // 25% opacity |
||
2000 | |||
2001 | |||
2002 | // button states |
||
2003 | $output .= $prefix ." .btn-primary:hover, $prefix .btn-primary:focus, $prefix .btn-primary.focus{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
2004 | $output .= $prefix ." .btn-outline-primary:not(:disabled):not(.disabled):active:focus, $prefix .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
2005 | $output .= $prefix ." .btn-primary:not(:disabled):not(.disabled):active, $prefix .btn-primary:not(:disabled):not(.disabled).active, .show>$prefix .btn-primary.dropdown-toggle{background-color: ".$darker_10."; border-color: ".$darker_125.";} "; |
||
2006 | $output .= $prefix ." .btn-primary:not(:disabled):not(.disabled):active:focus, $prefix .btn-primary:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
2007 | |||
2008 | |||
2009 | // dropdown's |
||
2010 | $output .= $prefix ." .dropdown-item.active, $prefix .dropdown-item:active{background-color: $color_code;} "; |
||
2011 | |||
2012 | |||
2013 | // input states |
||
2014 | $output .= $prefix ." .form-control:focus{border-color: ".$lighten_25.";box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
2015 | |||
2016 | // page link |
||
2017 | $output .= $prefix ." .page-link:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
2018 | |||
2019 | return $output; |
||
2020 | } |
||
2021 | |||
2022 | /** |
||
2023 | * |
||
2024 | * @deprecated 0.1.76 Use css_overwrite() |
||
2025 | * |
||
2026 | * @param $color_code |
||
2027 | * @param $compatibility |
||
2028 | * |
||
2029 | * @return string |
||
2030 | */ |
||
2031 | public static function css_secondary($color_code,$compatibility){; |
||
2032 | $color_code = sanitize_hex_color($color_code); |
||
2033 | if(!$color_code){return '';} |
||
2034 | /** |
||
2035 | * c = color, b = background color, o = border-color, f = fill |
||
2036 | */ |
||
2037 | $selectors = array( |
||
2038 | '.btn-secondary' => array('b','o'), |
||
2039 | '.btn-secondary.disabled' => array('b','o'), |
||
2040 | '.btn-secondary:disabled' => array('b','o'), |
||
2041 | '.btn-outline-secondary' => array('c','o'), |
||
2042 | '.btn-outline-secondary:hover' => array('b','o'), |
||
2043 | '.btn-outline-secondary.disabled' => array('c'), |
||
2044 | '.btn-outline-secondary:disabled' => array('c'), |
||
2045 | '.btn-outline-secondary:not(:disabled):not(.disabled):active' => array('b','o'), |
||
2046 | '.btn-outline-secondary:not(:disabled):not(.disabled).active' => array('b','o'), |
||
2047 | '.btn-outline-secondary.dropdown-toggle' => array('b','o'), |
||
2048 | '.badge-secondary' => array('b'), |
||
2049 | '.alert-secondary' => array('b','o'), |
||
2050 | '.btn-link.btn-secondary' => array('c'), |
||
2051 | ); |
||
2052 | |||
2053 | $important_selectors = array( |
||
2054 | '.bg-secondary' => array('b','f'), |
||
2055 | '.border-secondary' => array('o'), |
||
2056 | '.text-secondary' => array('c'), |
||
2057 | ); |
||
2058 | |||
2059 | $color = array(); |
||
2060 | $color_i = array(); |
||
2061 | $background = array(); |
||
2062 | $background_i = array(); |
||
2063 | $border = array(); |
||
2064 | $border_i = array(); |
||
2065 | $fill = array(); |
||
2066 | $fill_i = array(); |
||
2067 | |||
2068 | $output = ''; |
||
2069 | |||
2070 | // build rules into each type |
||
2071 | foreach($selectors as $selector => $types){ |
||
2072 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
2073 | $types = array_combine($types,$types); |
||
2074 | if(isset($types['c'])){$color[] = $selector;} |
||
2075 | if(isset($types['b'])){$background[] = $selector;} |
||
2076 | if(isset($types['o'])){$border[] = $selector;} |
||
2077 | if(isset($types['f'])){$fill[] = $selector;} |
||
2078 | } |
||
2079 | |||
2080 | // build rules into each type |
||
2081 | foreach($important_selectors as $selector => $types){ |
||
2082 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
2083 | $types = array_combine($types,$types); |
||
2084 | if(isset($types['c'])){$color_i[] = $selector;} |
||
2085 | if(isset($types['b'])){$background_i[] = $selector;} |
||
2086 | if(isset($types['o'])){$border_i[] = $selector;} |
||
2087 | if(isset($types['f'])){$fill_i[] = $selector;} |
||
2088 | } |
||
2089 | |||
2090 | // add any color rules |
||
2091 | if(!empty($color)){ |
||
2092 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
2093 | } |
||
2094 | if(!empty($color_i)){ |
||
2095 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
2096 | } |
||
2097 | |||
2098 | // add any background color rules |
||
2099 | if(!empty($background)){ |
||
2100 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
2101 | } |
||
2102 | if(!empty($background_i)){ |
||
2103 | $output .= implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
2104 | } |
||
2105 | |||
2106 | // add any border color rules |
||
2107 | if(!empty($border)){ |
||
2108 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
2109 | } |
||
2110 | if(!empty($border_i)){ |
||
2111 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
2112 | } |
||
2113 | |||
2114 | // add any fill color rules |
||
2115 | if(!empty($fill)){ |
||
2116 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
2117 | } |
||
2118 | if(!empty($fill_i)){ |
||
2119 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
2120 | } |
||
2121 | |||
2122 | |||
2123 | $prefix = $compatibility ? ".bsui " : ""; |
||
2124 | |||
2125 | // darken |
||
2126 | $darker_075 = self::css_hex_lighten_darken($color_code,"-0.075"); |
||
2127 | $darker_10 = self::css_hex_lighten_darken($color_code,"-0.10"); |
||
2128 | $darker_125 = self::css_hex_lighten_darken($color_code,"-0.125"); |
||
2129 | |||
2130 | // lighten |
||
2131 | $lighten_25 = self::css_hex_lighten_darken($color_code,"0.25"); |
||
2132 | |||
2133 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
2134 | $op_25 = $color_code."40"; // 25% opacity |
||
2135 | |||
2136 | |||
2137 | // button states |
||
2138 | $output .= $prefix ." .btn-secondary:hover{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
2139 | $output .= $prefix ." .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, $prefix .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
2140 | $output .= $prefix ." .btn-secondary:not(:disabled):not(.disabled):active, $prefix .btn-secondary:not(:disabled):not(.disabled).active, .show>$prefix .btn-secondary.dropdown-toggle{background-color: ".$darker_10."; border-color: ".$darker_125.";} "; |
||
2141 | $output .= $prefix ." .btn-secondary:not(:disabled):not(.disabled):active:focus, $prefix .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>$prefix .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
2142 | |||
2143 | |||
2144 | return $output; |
||
2145 | } |
||
2146 | |||
2147 | /** |
||
2148 | * Increases or decreases the brightness of a color by a percentage of the current brightness. |
||
2149 | * |
||
2150 | * @param string $hexCode Supported formats: `#FFF`, `#FFFFFF`, `FFF`, `FFFFFF` |
||
2151 | * @param float $adjustPercent A number between -1 and 1. E.g. 0.3 = 30% lighter; -0.4 = 40% darker. |
||
2152 | * |
||
2153 | * @return string |
||
2154 | */ |
||
2155 | public static function css_hex_lighten_darken($hexCode, $adjustPercent) { |
||
2156 | $hexCode = ltrim($hexCode, '#'); |
||
2157 | |||
2158 | if ( strpos( $hexCode, 'rgba(' ) !== false || strpos( $hexCode, 'rgb(' ) !== false ) { |
||
2159 | return $hexCode; |
||
2160 | } |
||
2161 | |||
2162 | if (strlen($hexCode) == 3) { |
||
2163 | $hexCode = $hexCode[0] . $hexCode[0] . $hexCode[1] . $hexCode[1] . $hexCode[2] . $hexCode[2]; |
||
2164 | } |
||
2165 | |||
2166 | $hexCode = array_map('hexdec', str_split($hexCode, 2)); |
||
2167 | |||
2168 | foreach ($hexCode as & $color) { |
||
2169 | $adjustableLimit = $adjustPercent < 0 ? $color : 255 - $color; |
||
2170 | $adjustAmount = ceil($adjustableLimit * $adjustPercent); |
||
2171 | |||
2172 | $color = str_pad(dechex($color + $adjustAmount), 2, '0', STR_PAD_LEFT); |
||
2173 | } |
||
2174 | |||
2175 | return '#' . implode($hexCode); |
||
2176 | } |
||
2177 | |||
2178 | /** |
||
2179 | * Check if we should display examples. |
||
2180 | */ |
||
2181 | public function maybe_show_examples(){ |
||
2182 | if(current_user_can('manage_options') && isset($_REQUEST['preview-aui'])){ |
||
2183 | echo "<head>"; |
||
2184 | wp_head(); |
||
2185 | echo "</head>"; |
||
2186 | echo "<body>"; |
||
2187 | echo $this->get_examples(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2188 | echo "</body>"; |
||
2189 | exit; |
||
2190 | } |
||
2191 | } |
||
2192 | |||
2193 | /** |
||
2194 | * Get developer examples. |
||
2195 | * |
||
2196 | * @return string |
||
2197 | */ |
||
2198 | public function get_examples(){ |
||
2199 | $output = ''; |
||
2200 | |||
2201 | |||
2202 | // open form |
||
2203 | $output .= "<form class='p-5 m-5 border rounded'>"; |
||
2204 | |||
2205 | // input example |
||
2206 | $output .= aui()->input(array( |
||
2207 | 'type' => 'text', |
||
2208 | 'id' => 'text-example', |
||
2209 | 'name' => 'text-example', |
||
2210 | 'placeholder' => 'text placeholder', |
||
2211 | 'title' => 'Text input example', |
||
2212 | 'value' => '', |
||
2213 | 'required' => false, |
||
2214 | 'help_text' => 'help text', |
||
2215 | 'label' => 'Text input example label' |
||
2216 | )); |
||
2217 | |||
2218 | // input example |
||
2219 | $output .= aui()->input(array( |
||
2220 | 'type' => 'url', |
||
2221 | 'id' => 'text-example2', |
||
2222 | 'name' => 'text-example', |
||
2223 | 'placeholder' => 'url placeholder', |
||
2224 | 'title' => 'Text input example', |
||
2225 | 'value' => '', |
||
2226 | 'required' => false, |
||
2227 | 'help_text' => 'help text', |
||
2228 | 'label' => 'Text input example label' |
||
2229 | )); |
||
2230 | |||
2231 | // checkbox example |
||
2232 | $output .= aui()->input(array( |
||
2233 | 'type' => 'checkbox', |
||
2234 | 'id' => 'checkbox-example', |
||
2235 | 'name' => 'checkbox-example', |
||
2236 | 'placeholder' => 'checkbox-example', |
||
2237 | 'title' => 'Checkbox example', |
||
2238 | 'value' => '1', |
||
2239 | 'checked' => true, |
||
2240 | 'required' => false, |
||
2241 | 'help_text' => 'help text', |
||
2242 | 'label' => 'Checkbox checked' |
||
2243 | )); |
||
2244 | |||
2245 | // checkbox example |
||
2246 | $output .= aui()->input(array( |
||
2247 | 'type' => 'checkbox', |
||
2248 | 'id' => 'checkbox-example2', |
||
2249 | 'name' => 'checkbox-example2', |
||
2250 | 'placeholder' => 'checkbox-example', |
||
2251 | 'title' => 'Checkbox example', |
||
2252 | 'value' => '1', |
||
2253 | 'checked' => false, |
||
2254 | 'required' => false, |
||
2255 | 'help_text' => 'help text', |
||
2256 | 'label' => 'Checkbox un-checked' |
||
2257 | )); |
||
2258 | |||
2259 | // switch example |
||
2260 | $output .= aui()->input(array( |
||
2261 | 'type' => 'checkbox', |
||
2262 | 'id' => 'switch-example', |
||
2263 | 'name' => 'switch-example', |
||
2264 | 'placeholder' => 'checkbox-example', |
||
2265 | 'title' => 'Switch example', |
||
2266 | 'value' => '1', |
||
2267 | 'checked' => true, |
||
2268 | 'switch' => true, |
||
2269 | 'required' => false, |
||
2270 | 'help_text' => 'help text', |
||
2271 | 'label' => 'Switch on' |
||
2272 | )); |
||
2273 | |||
2274 | // switch example |
||
2275 | $output .= aui()->input(array( |
||
2276 | 'type' => 'checkbox', |
||
2277 | 'id' => 'switch-example2', |
||
2278 | 'name' => 'switch-example2', |
||
2279 | 'placeholder' => 'checkbox-example', |
||
2280 | 'title' => 'Switch example', |
||
2281 | 'value' => '1', |
||
2282 | 'checked' => false, |
||
2283 | 'switch' => true, |
||
2284 | 'required' => false, |
||
2285 | 'help_text' => 'help text', |
||
2286 | 'label' => 'Switch off' |
||
2287 | )); |
||
2288 | |||
2289 | // close form |
||
2290 | $output .= "</form>"; |
||
2291 | |||
2292 | return $output; |
||
2293 | } |
||
2294 | |||
2295 | /** |
||
2296 | * Calendar params. |
||
2297 | * |
||
2298 | * @since 0.1.44 |
||
2299 | * |
||
2300 | * @return array Calendar params. |
||
2301 | */ |
||
2302 | public static function calendar_params() { |
||
2303 | $params = array( |
||
2304 | 'month_long_1' => __( 'January', 'ayecode-connect' ), |
||
2305 | 'month_long_2' => __( 'February', 'ayecode-connect' ), |
||
2306 | 'month_long_3' => __( 'March', 'ayecode-connect' ), |
||
2307 | 'month_long_4' => __( 'April', 'ayecode-connect' ), |
||
2308 | 'month_long_5' => __( 'May', 'ayecode-connect' ), |
||
2309 | 'month_long_6' => __( 'June', 'ayecode-connect' ), |
||
2310 | 'month_long_7' => __( 'July', 'ayecode-connect' ), |
||
2311 | 'month_long_8' => __( 'August', 'ayecode-connect' ), |
||
2312 | 'month_long_9' => __( 'September', 'ayecode-connect' ), |
||
2313 | 'month_long_10' => __( 'October', 'ayecode-connect' ), |
||
2314 | 'month_long_11' => __( 'November', 'ayecode-connect' ), |
||
2315 | 'month_long_12' => __( 'December', 'ayecode-connect' ), |
||
2316 | 'month_s_1' => _x( 'Jan', 'January abbreviation', 'ayecode-connect' ), |
||
2317 | 'month_s_2' => _x( 'Feb', 'February abbreviation', 'ayecode-connect' ), |
||
2318 | 'month_s_3' => _x( 'Mar', 'March abbreviation', 'ayecode-connect' ), |
||
2319 | 'month_s_4' => _x( 'Apr', 'April abbreviation', 'ayecode-connect' ), |
||
2320 | 'month_s_5' => _x( 'May', 'May abbreviation', 'ayecode-connect' ), |
||
2321 | 'month_s_6' => _x( 'Jun', 'June abbreviation', 'ayecode-connect' ), |
||
2322 | 'month_s_7' => _x( 'Jul', 'July abbreviation', 'ayecode-connect' ), |
||
2323 | 'month_s_8' => _x( 'Aug', 'August abbreviation', 'ayecode-connect' ), |
||
2324 | 'month_s_9' => _x( 'Sep', 'September abbreviation', 'ayecode-connect' ), |
||
2325 | 'month_s_10' => _x( 'Oct', 'October abbreviation', 'ayecode-connect' ), |
||
2326 | 'month_s_11' => _x( 'Nov', 'November abbreviation', 'ayecode-connect' ), |
||
2327 | 'month_s_12' => _x( 'Dec', 'December abbreviation', 'ayecode-connect' ), |
||
2328 | 'day_s1_1' => _x( 'S', 'Sunday initial', 'ayecode-connect' ), |
||
2329 | 'day_s1_2' => _x( 'M', 'Monday initial', 'ayecode-connect' ), |
||
2330 | 'day_s1_3' => _x( 'T', 'Tuesday initial', 'ayecode-connect' ), |
||
2331 | 'day_s1_4' => _x( 'W', 'Wednesday initial', 'ayecode-connect' ), |
||
2332 | 'day_s1_5' => _x( 'T', 'Friday initial', 'ayecode-connect' ), |
||
2333 | 'day_s1_6' => _x( 'F', 'Thursday initial', 'ayecode-connect' ), |
||
2334 | 'day_s1_7' => _x( 'S', 'Saturday initial', 'ayecode-connect' ), |
||
2335 | 'day_s2_1' => __( 'Su', 'ayecode-connect' ), |
||
2336 | 'day_s2_2' => __( 'Mo', 'ayecode-connect' ), |
||
2337 | 'day_s2_3' => __( 'Tu', 'ayecode-connect' ), |
||
2338 | 'day_s2_4' => __( 'We', 'ayecode-connect' ), |
||
2339 | 'day_s2_5' => __( 'Th', 'ayecode-connect' ), |
||
2340 | 'day_s2_6' => __( 'Fr', 'ayecode-connect' ), |
||
2341 | 'day_s2_7' => __( 'Sa', 'ayecode-connect' ), |
||
2342 | 'day_s3_1' => __( 'Sun', 'ayecode-connect' ), |
||
2343 | 'day_s3_2' => __( 'Mon', 'ayecode-connect' ), |
||
2344 | 'day_s3_3' => __( 'Tue', 'ayecode-connect' ), |
||
2345 | 'day_s3_4' => __( 'Wed', 'ayecode-connect' ), |
||
2346 | 'day_s3_5' => __( 'Thu', 'ayecode-connect' ), |
||
2347 | 'day_s3_6' => __( 'Fri', 'ayecode-connect' ), |
||
2348 | 'day_s3_7' => __( 'Sat', 'ayecode-connect' ), |
||
2349 | 'day_s5_1' => __( 'Sunday', 'ayecode-connect' ), |
||
2350 | 'day_s5_2' => __( 'Monday', 'ayecode-connect' ), |
||
2351 | 'day_s5_3' => __( 'Tuesday', 'ayecode-connect' ), |
||
2352 | 'day_s5_4' => __( 'Wednesday', 'ayecode-connect' ), |
||
2353 | 'day_s5_5' => __( 'Thursday', 'ayecode-connect' ), |
||
2354 | 'day_s5_6' => __( 'Friday', 'ayecode-connect' ), |
||
2355 | 'day_s5_7' => __( 'Saturday', 'ayecode-connect' ), |
||
2356 | 'am_lower' => __( 'am', 'ayecode-connect' ), |
||
2357 | 'pm_lower' => __( 'pm', 'ayecode-connect' ), |
||
2358 | 'am_upper' => __( 'AM', 'ayecode-connect' ), |
||
2359 | 'pm_upper' => __( 'PM', 'ayecode-connect' ), |
||
2360 | 'firstDayOfWeek' => (int) get_option( 'start_of_week' ), |
||
2361 | 'time_24hr' => false, |
||
2362 | 'year' => __( 'Year', 'ayecode-connect' ), |
||
2363 | 'hour' => __( 'Hour', 'ayecode-connect' ), |
||
2364 | 'minute' => __( 'Minute', 'ayecode-connect' ), |
||
2365 | 'weekAbbreviation' => __( 'Wk', 'ayecode-connect' ), |
||
2366 | 'rangeSeparator' => __( ' to ', 'ayecode-connect' ), |
||
2367 | 'scrollTitle' => __( 'Scroll to increment', 'ayecode-connect' ), |
||
2368 | 'toggleTitle' => __( 'Click to toggle', 'ayecode-connect' ) |
||
2369 | ); |
||
2370 | |||
2371 | return apply_filters( 'ayecode_ui_calendar_params', $params ); |
||
2372 | } |
||
2373 | |||
2374 | /** |
||
2375 | * Flatpickr calendar localize. |
||
2376 | * |
||
2377 | * @since 0.1.44 |
||
2378 | * |
||
2379 | * @return string Calendar locale. |
||
2380 | */ |
||
2381 | public static function flatpickr_locale() { |
||
2382 | $params = self::calendar_params(); |
||
2383 | |||
2384 | if ( is_string( $params ) ) { |
||
2385 | $params = html_entity_decode( $params, ENT_QUOTES, 'UTF-8' ); |
||
2386 | } else { |
||
2387 | foreach ( (array) $params as $key => $value ) { |
||
2388 | if ( ! is_scalar( $value ) ) { |
||
2389 | continue; |
||
2390 | } |
||
2391 | |||
2392 | $params[ $key ] = html_entity_decode( (string) $value, ENT_QUOTES, 'UTF-8' ); |
||
2393 | } |
||
2394 | } |
||
2395 | |||
2396 | $day_s3 = array(); |
||
2397 | $day_s5 = array(); |
||
2398 | |||
2399 | for ( $i = 1; $i <= 7; $i ++ ) { |
||
2400 | $day_s3[] = addslashes( $params[ 'day_s3_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2401 | $day_s5[] = addslashes( $params[ 'day_s3_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2402 | } |
||
2403 | |||
2404 | $month_s = array(); |
||
2405 | $month_long = array(); |
||
2406 | |||
2407 | for ( $i = 1; $i <= 12; $i ++ ) { |
||
2408 | $month_s[] = addslashes( $params[ 'month_s_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2409 | $month_long[] = addslashes( $params[ 'month_long_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2410 | } |
||
2411 | |||
2412 | ob_start(); |
||
2413 | if ( 0 ) { ?><script><?php } ?> |
||
2414 | { |
||
2415 | weekdays: { |
||
2416 | shorthand: ['<?php echo implode( "','", $day_s3 ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2417 | longhand: ['<?php echo implode( "','", $day_s5 ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2418 | }, |
||
2419 | months: { |
||
2420 | shorthand: ['<?php echo implode( "','", $month_s ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2421 | longhand: ['<?php echo implode( "','", $month_long ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2422 | }, |
||
2423 | daysInMonth: [31,28,31,30,31,30,31,31,30,31,30,31], |
||
2424 | firstDayOfWeek: <?php echo (int) $params[ 'firstDayOfWeek' ]; ?>, |
||
2425 | ordinal: function (nth) { |
||
2426 | var s = nth % 100; |
||
2427 | if (s > 3 && s < 21) |
||
2428 | return "th"; |
||
2429 | switch (s % 10) { |
||
2430 | case 1: |
||
2431 | return "st"; |
||
2432 | case 2: |
||
2433 | return "nd"; |
||
2434 | case 3: |
||
2435 | return "rd"; |
||
2436 | default: |
||
2437 | return "th"; |
||
2438 | } |
||
2439 | }, |
||
2440 | rangeSeparator: '<?php echo esc_attr( $params[ 'rangeSeparator' ] ); ?>', |
||
2441 | weekAbbreviation: '<?php echo esc_attr( $params[ 'weekAbbreviation' ] ); ?>', |
||
2442 | scrollTitle: '<?php echo esc_attr( $params[ 'scrollTitle' ] ); ?>', |
||
2443 | toggleTitle: '<?php echo esc_attr( $params[ 'toggleTitle' ] ); ?>', |
||
2444 | amPM: ['<?php echo esc_attr( $params[ 'am_upper' ] ); ?>','<?php echo esc_attr( $params[ 'pm_upper' ] ); ?>'], |
||
2445 | yearAriaLabel: '<?php echo esc_attr( $params[ 'year' ] ); ?>', |
||
2446 | hourAriaLabel: '<?php echo esc_attr( $params[ 'hour' ] ); ?>', |
||
2447 | minuteAriaLabel: '<?php echo esc_attr( $params[ 'minute' ] ); ?>', |
||
2448 | time_24hr: <?php echo ( $params[ 'time_24hr' ] ? 'true' : 'false' ) ; ?> |
||
2449 | } |
||
2450 | <?php if ( 0 ) { ?></script><?php } ?> |
||
2451 | <?php |
||
2452 | $locale = ob_get_clean(); |
||
2453 | |||
2454 | return apply_filters( 'ayecode_ui_flatpickr_locale', trim( $locale ) ); |
||
2455 | } |
||
2456 | |||
2457 | /** |
||
2458 | * Select2 JS params. |
||
2459 | * |
||
2460 | * @since 0.1.44 |
||
2461 | * |
||
2462 | * @return array Select2 JS params. |
||
2463 | */ |
||
2464 | public static function select2_params() { |
||
2480 | } |
||
2481 | |||
2482 | /** |
||
2483 | * Select2 JS localize. |
||
2484 | * |
||
2485 | * @since 0.1.44 |
||
2486 | * |
||
2487 | * @return string Select2 JS locale. |
||
2488 | */ |
||
2489 | public static function select2_locale() { |
||
2490 | $params = self::select2_params(); |
||
2491 | |||
2492 | foreach ( (array) $params as $key => $value ) { |
||
2493 | if ( ! is_scalar( $value ) ) { |
||
2494 | continue; |
||
2495 | } |
||
2496 | |||
2497 | $params[ $key ] = html_entity_decode( (string) $value, ENT_QUOTES, 'UTF-8' ); |
||
2498 | } |
||
2499 | |||
2500 | $locale = json_encode( $params ); |
||
2501 | |||
2502 | return apply_filters( 'ayecode_ui_select2_locale', trim( $locale ) ); |
||
2503 | } |
||
2504 | |||
2505 | /** |
||
2506 | * Time ago JS localize. |
||
2507 | * |
||
2508 | * @since 0.1.47 |
||
2509 | * |
||
2510 | * @return string Time ago JS locale. |
||
2511 | */ |
||
2512 | public static function timeago_locale() { |
||
2513 | $params = array( |
||
2514 | 'prefix_ago' => '', |
||
2515 | 'suffix_ago' => ' ' . _x( 'ago', 'time ago', 'ayecode-connect' ), |
||
2516 | 'prefix_after' => _x( 'after', 'time ago', 'ayecode-connect' ) . ' ', |
||
2517 | 'suffix_after' => '', |
||
2518 | 'seconds' => _x( 'less than a minute', 'time ago', 'ayecode-connect' ), |
||
2519 | 'minute' => _x( 'about a minute', 'time ago', 'ayecode-connect' ), |
||
2520 | 'minutes' => _x( '%d minutes', 'time ago', 'ayecode-connect' ), |
||
2521 | 'hour' => _x( 'about an hour', 'time ago', 'ayecode-connect' ), |
||
2522 | 'hours' => _x( 'about %d hours', 'time ago', 'ayecode-connect' ), |
||
2523 | 'day' => _x( 'a day', 'time ago', 'ayecode-connect' ), |
||
2524 | 'days' => _x( '%d days', 'time ago', 'ayecode-connect' ), |
||
2525 | 'month' => _x( 'about a month', 'time ago', 'ayecode-connect' ), |
||
2526 | 'months' => _x( '%d months', 'time ago', 'ayecode-connect' ), |
||
2527 | 'year' => _x( 'about a year', 'time ago', 'ayecode-connect' ), |
||
2528 | 'years' => _x( '%d years', 'time ago', 'ayecode-connect' ), |
||
2529 | ); |
||
2530 | |||
2531 | $params = apply_filters( 'ayecode_ui_timeago_params', $params ); |
||
2532 | |||
2533 | foreach ( (array) $params as $key => $value ) { |
||
2534 | if ( ! is_scalar( $value ) ) { |
||
2535 | continue; |
||
2536 | } |
||
2537 | |||
2538 | $params[ $key ] = html_entity_decode( (string) $value, ENT_QUOTES, 'UTF-8' ); |
||
2539 | } |
||
2540 | |||
2541 | $locale = json_encode( $params ); |
||
2542 | |||
2543 | return apply_filters( 'ayecode_ui_timeago_locale', trim( $locale ) ); |
||
2544 | } |
||
2545 | |||
2546 | /** |
||
2547 | * JavaScript Minifier |
||
2548 | * |
||
2549 | * @param $input |
||
2550 | * |
||
2551 | * @return mixed |
||
2552 | */ |
||
2553 | public static function minify_js($input) { |
||
2554 | if(trim($input) === "") return $input; |
||
2555 | return preg_replace( |
||
2556 | array( |
||
2557 | // Remove comment(s) |
||
2558 | '#\s*("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\')\s*|\s*\/\*(?!\!|@cc_on)(?>[\s\S]*?\*\/)\s*|\s*(?<![\:\=])\/\/.*(?=[\n\r]|$)|^\s*|\s*$#', |
||
2559 | // Remove white-space(s) outside the string and regex |
||
2560 | '#("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\'|\/\*(?>.*?\*\/)|\/(?!\/)[^\n\r]*?\/(?=[\s.,;]|[gimuy]|$))|\s*([!%&*\(\)\-=+\[\]\{\}|;:,.<>?\/])\s*#s', |
||
2561 | // Remove the last semicolon |
||
2562 | '#;+\}#', |
||
2563 | // Minify object attribute(s) except JSON attribute(s). From `{'foo':'bar'}` to `{foo:'bar'}` |
||
2564 | '#([\{,])([\'])(\d+|[a-z_][a-z0-9_]*)\2(?=\:)#i', |
||
2565 | // --ibid. From `foo['bar']` to `foo.bar` |
||
2566 | '#([a-z0-9_\)\]])\[([\'"])([a-z_][a-z0-9_]*)\2\]#i' |
||
2567 | ), |
||
2568 | array( |
||
2569 | '$1', |
||
2570 | '$1$2', |
||
2571 | '}', |
||
2572 | '$1$3', |
||
2573 | '$1.$3' |
||
2574 | ), |
||
2575 | $input); |
||
2576 | } |
||
2577 | |||
2578 | /** |
||
2579 | * Minify CSS |
||
2580 | * |
||
2581 | * @param $input |
||
2582 | * |
||
2583 | * @return mixed |
||
2584 | */ |
||
2585 | public static function minify_css($input) { |
||
2625 | } |
||
2626 | |||
2627 | /** |
||
2628 | * Get the conditional fields JavaScript. |
||
2629 | * |
||
2630 | * @return mixed |
||
2631 | */ |
||
2632 | public function conditional_fields_js() { |
||
2633 | ob_start(); |
||
2634 | ?> |
||
2635 | <script> |
||
2636 | /** |
||
2637 | * Conditional Fields |
||
2638 | */ |
||
2639 | var aui_cf_field_rules = [], aui_cf_field_key_rules = {}, aui_cf_field_default_values = {}; |
||
2640 | |||
2641 | jQuery(function($) { |
||
2642 | aui_cf_field_init_rules($); |
||
2643 | }); |
||
2644 | |||
2645 | /** |
||
2646 | * Conditional fields init. |
||
2647 | */ |
||
2648 | function aui_cf_field_init_rules($) { |
||
2649 | if (!$('[data-has-rule]').length) { |
||
2650 | return; |
||
2651 | } |
||
2652 | $('input.select2-search__field').attr('data-ignore-rule',''); |
||
2653 | $('[data-rule-key]').on('change keypress keyup gdclear', 'input, textarea', function() { |
||
2654 | if (!$(this).hasClass('select2-search__field')) { |
||
2655 | aui_cf_field_apply_rules($(this)); |
||
2656 | } |
||
2657 | }); |
||
2658 | |||
2659 | $('[data-rule-key]').on('change change.select2 gdclear', 'select', function() { |
||
2660 | aui_cf_field_apply_rules($(this)); |
||
2661 | }); |
||
2662 | |||
2663 | aui_cf_field_setup_rules($); |
||
2664 | } |
||
2665 | |||
2666 | /** |
||
2667 | * Setup conditional field rules. |
||
2668 | */ |
||
2669 | function aui_cf_field_setup_rules($) { |
||
2670 | var aui_cf_field_keys = []; |
||
2671 | |||
2672 | $('[data-rule-key]').each(function() { |
||
2673 | var key = $(this).data('rule-key'), irule = parseInt($(this).data('has-rule')); |
||
2674 | if (key) { |
||
2675 | aui_cf_field_keys.push(key); |
||
2676 | } |
||
2677 | |||
2678 | var parse_conds = {}; |
||
2679 | if ($(this).data('rule-fie-0')) { |
||
2680 | $(this).find('input,select,textarea').each(function() { |
||
2681 | if ($(this).attr('required') || $(this).attr('oninvalid')) { |
||
2682 | $(this).addClass('aui-cf-req'); |
||
2683 | if ($(this).attr('required')) { |
||
2684 | $(this).attr('data-rule-req', true); |
||
2685 | } |
||
2686 | if ($(this).attr('oninvalid')) { |
||
2687 | $(this).attr('data-rule-oninvalid', $(this).attr('oninvalid')); |
||
2688 | } |
||
2689 | } |
||
2690 | }); |
||
2691 | for (var i = 0; i < irule; i++) { |
||
2692 | var field = $(this).data('rule-fie-' + i); |
||
2693 | if (typeof parse_conds[i] === 'undefined') { |
||
2694 | parse_conds[i] = {}; |
||
2695 | } |
||
2696 | parse_conds[i]['action'] = $(this).data('rule-act-' + i); |
||
2697 | parse_conds[i]['field'] = $(this).data('rule-fie-' + i); |
||
2698 | parse_conds[i]['condition'] = $(this).data('rule-con-' + i); |
||
2699 | parse_conds[i]['value'] = $(this).data('rule-val-' + i); |
||
2700 | } |
||
2701 | |||
2702 | $.each(parse_conds, function(j, data) { |
||
2703 | var item = { |
||
2704 | 'field': { |
||
2705 | key: key, |
||
2706 | action: data.action, |
||
2707 | field: data.field, |
||
2708 | condition: data.condition, |
||
2709 | value: data.value, |
||
2710 | rule: { |
||
2711 | key: key, |
||
2712 | action: data.action, |
||
2713 | condition: data.condition, |
||
2714 | value: data.value |
||
2715 | } |
||
2716 | } |
||
2717 | }; |
||
2718 | aui_cf_field_rules.push(item); |
||
2719 | }); |
||
2720 | } |
||
2721 | aui_cf_field_default_values[$(this).data('rule-key')] = aui_cf_field_get_default_value($(this)); |
||
2722 | }); |
||
2723 | |||
2724 | $.each(aui_cf_field_keys, function(i, fkey) { |
||
2725 | aui_cf_field_key_rules[fkey] = aui_cf_field_get_children(fkey); |
||
2726 | }); |
||
2727 | |||
2728 | $('[data-rule-key]:visible').each(function() { |
||
2729 | var conds = aui_cf_field_key_rules[$(this).data('rule-key')]; |
||
2730 | if (conds && conds.length) { |
||
2731 | var $main_el = $(this), el = aui_cf_field_get_element($main_el); |
||
2732 | if ($(el).length) { |
||
2733 | aui_cf_field_apply_rules($(el)); |
||
2734 | } |
||
2735 | } |
||
2736 | }); |
||
2737 | } |
||
2738 | |||
2739 | /** |
||
2740 | * Apply conditional field rules. |
||
2741 | */ |
||
2742 | function aui_cf_field_apply_rules($el) { |
||
2743 | if (!$el.parents('[data-rule-key]').length) { |
||
2744 | return; |
||
2745 | } |
||
2746 | |||
2747 | if ($el.data('no-rule')) { |
||
2748 | return; |
||
2749 | } |
||
2750 | |||
2751 | var key = $el.parents('[data-rule-key]').data('rule-key'); |
||
2752 | var conditions = aui_cf_field_key_rules[key]; |
||
2753 | if (typeof conditions === 'undefined') { |
||
2754 | return; |
||
2755 | } |
||
2756 | var field_type = aui_cf_field_get_type($el.parents('[data-rule-key]')), current_value = aui_cf_field_get_value($el); |
||
2757 | var $keys = {}, $keys_values = {}, $key_rules = {}; |
||
2758 | |||
2759 | jQuery.each(conditions, function(index, condition) { |
||
2760 | if (typeof $keys_values[condition.key] == 'undefined') { |
||
2761 | $keys_values[condition.key] = []; |
||
2762 | $key_rules[condition.key] = {} |
||
2763 | } |
||
2764 | |||
2765 | $keys_values[condition.key].push(condition.value); |
||
2766 | $key_rules[condition.key] = condition; |
||
2767 | }); |
||
2768 | |||
2769 | jQuery.each(conditions, function(index, condition) { |
||
2770 | if (typeof $keys[condition.key] == 'undefined') { |
||
2771 | $keys[condition.key] = {}; |
||
2772 | } |
||
2773 | |||
2774 | if (condition.condition === 'empty') { |
||
2775 | var field_value = Array.isArray(current_value) ? current_value.join('') : current_value; |
||
2776 | if (!field_value || field_value === '') { |
||
2777 | $keys[condition.key][index] = true; |
||
2778 | } else { |
||
2779 | $keys[condition.key][index] = false; |
||
2780 | } |
||
2781 | } else if (condition.condition === 'not empty') { |
||
2782 | var field_value = Array.isArray(current_value) ? current_value.join('') : current_value; |
||
2783 | if (field_value && field_value !== '') { |
||
2784 | $keys[condition.key][index] = true; |
||
2785 | } else { |
||
2786 | $keys[condition.key][index] = false; |
||
2787 | } |
||
2788 | } else if (condition.condition === 'equals to') { |
||
2789 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2790 | if (((condition.value && condition.value == condition.value) || (condition.value === field_value)) && aui_cf_field_in_array(field_value, $keys_values[condition.key])) { |
||
2791 | $keys[condition.key][index] = true; |
||
2792 | } else { |
||
2793 | $keys[condition.key][index] = false; |
||
2794 | } |
||
2795 | } else if (condition.condition === 'not equals') { |
||
2796 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2797 | if (jQuery.isNumeric(condition.value) && parseInt(field_value) !== parseInt(condition.value) && field_value && !aui_cf_field_in_array(field_value, $keys_values[condition.key])) { |
||
2798 | $keys[condition.key][index] = true; |
||
2799 | } else if (condition.value != field_value && !aui_cf_field_in_array(field_value, $keys_values[condition.key])) { |
||
2800 | $keys[condition.key][index] = true; |
||
2801 | } else { |
||
2802 | $keys[condition.key][index] = false; |
||
2803 | } |
||
2804 | } else if (condition.condition === 'greater than') { |
||
2805 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2806 | if (jQuery.isNumeric(condition.value) && parseInt(field_value) > parseInt(condition.value)) { |
||
2807 | $keys[condition.key][index] = true; |
||
2808 | } else { |
||
2809 | $keys[condition.key][index] = false; |
||
2810 | } |
||
2811 | } else if (condition.condition === 'less than') { |
||
2812 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2813 | if (jQuery.isNumeric(condition.value) && parseInt(field_value) < parseInt(condition.value)) { |
||
2814 | $keys[condition.key][index] = true; |
||
2815 | } else { |
||
2816 | $keys[condition.key][index] = false; |
||
2817 | } |
||
2818 | } else if (condition.condition === 'contains') { |
||
2819 | var avalues = condition.value; |
||
2820 | if (!Array.isArray(avalues)) { |
||
2821 | if (jQuery.isNumeric(avalues)) { |
||
2822 | avalues = [avalues]; |
||
2823 | } else { |
||
2824 | avalues = avalues.split(","); |
||
2825 | } |
||
2826 | } |
||
2827 | switch (field_type) { |
||
2828 | case 'multiselect': |
||
2829 | var found = false; |
||
2830 | for (var key in avalues) { |
||
2831 | var svalue = jQuery.isNumeric(avalues[key]) ? avalues[key] : (avalues[key]).trim(); |
||
2832 | if (!found && current_value && ((!Array.isArray(current_value) && current_value.indexOf(svalue) >= 0) || (Array.isArray(current_value) && aui_cf_field_in_array(svalue, current_value)))) { |
||
2833 | found = true; |
||
2834 | } |
||
2835 | } |
||
2836 | |||
2837 | if (found) { |
||
2838 | $keys[condition.key][index] = true; |
||
2839 | } else { |
||
2840 | $keys[condition.key][index] = false; |
||
2841 | } |
||
2842 | break; |
||
2843 | case 'checkbox': |
||
2844 | if (current_value && ((!Array.isArray(current_value) && current_value.indexOf(condition.value) >= 0) || (Array.isArray(current_value) && aui_cf_field_in_array(condition.value, current_value)))) { |
||
2845 | $keys[condition.key][index] = true; |
||
2846 | } else { |
||
2847 | $keys[condition.key][index] = false; |
||
2848 | } |
||
2849 | break; |
||
2850 | default: |
||
2851 | if (typeof $keys[condition.key][index] === 'undefined') { |
||
2852 | if (current_value && current_value.indexOf(condition.value) >= 0 && aui_cf_field_in_array(current_value, $keys_values[condition.key], false, true)) { |
||
2853 | $keys[condition.key][index] = true; |
||
2854 | } else { |
||
2855 | $keys[condition.key][index] = false; |
||
2856 | } |
||
2857 | } |
||
2858 | break; |
||
2859 | } |
||
2860 | } |
||
2861 | }); |
||
2862 | |||
2863 | jQuery.each($keys, function(index, field) { |
||
2864 | if (aui_cf_field_in_array(true, field)) { |
||
2865 | aui_cf_field_apply_action($el, $key_rules[index], true); |
||
2866 | } else { |
||
2867 | aui_cf_field_apply_action($el, $key_rules[index], false); |
||
2868 | } |
||
2869 | }); |
||
2870 | |||
2871 | /* Trigger field change */ |
||
2872 | if ($keys.length) { |
||
2873 | $el.trigger('aui_cf_field_on_change'); |
||
2874 | } |
||
2875 | } |
||
2876 | |||
2877 | /** |
||
2878 | * Get the field element. |
||
2879 | */ |
||
2880 | function aui_cf_field_get_element($el) { |
||
2881 | var el = $el.find('input:not("[data-ignore-rule]"),textarea,select'), type = aui_cf_field_get_type($el); |
||
2882 | if (type && window._aui_cf_field_elements && typeof window._aui_cf_field_elements == 'object' && typeof window._aui_cf_field_elements[type] != 'undefined') { |
||
2883 | el = window._aui_cf_field_elements[type]; |
||
2884 | } |
||
2885 | return el; |
||
2886 | } |
||
2887 | |||
2888 | /** |
||
2889 | * Get the field type. |
||
2890 | */ |
||
2891 | function aui_cf_field_get_type($el) { |
||
2892 | return $el.data('rule-type'); |
||
2893 | } |
||
2894 | |||
2895 | /** |
||
2896 | * Get the field value. |
||
2897 | */ |
||
2898 | function aui_cf_field_get_value($el) { |
||
2899 | var current_value = $el.val(); |
||
2900 | |||
2901 | if ($el.is(':checkbox')) { |
||
2902 | current_value = ''; |
||
2903 | if ($el.parents('[data-rule-key]').find('input:checked').length > 1) { |
||
2904 | $el.parents('[data-rule-key]').find('input:checked').each(function() { |
||
2905 | current_value = current_value + jQuery(this).val() + ' '; |
||
2906 | }); |
||
2907 | } else { |
||
2908 | if ($el.parents('[data-rule-key]').find('input:checked').length >= 1) { |
||
2909 | current_value = $el.parents('[data-rule-key]').find('input:checked').val(); |
||
2910 | } |
||
2911 | } |
||
2912 | } |
||
2913 | |||
2914 | if ($el.is(':radio')) { |
||
2915 | current_value = $el.parents('[data-rule-key]').find('input[type=radio]:checked').val(); |
||
2916 | } |
||
2917 | |||
2918 | return current_value; |
||
2919 | } |
||
2920 | |||
2921 | /** |
||
2922 | * Get the field default value. |
||
2923 | */ |
||
2924 | function aui_cf_field_get_default_value($el) { |
||
2925 | var value = '', type = aui_cf_field_get_type($el); |
||
2926 | |||
2927 | switch (type) { |
||
2928 | case 'text': |
||
2929 | case 'number': |
||
2930 | case 'date': |
||
2931 | case 'textarea': |
||
2932 | case 'select': |
||
2933 | value = $el.find('input:text,input[type="number"],textarea,select').val(); |
||
2934 | break; |
||
2935 | case 'phone': |
||
2936 | case 'email': |
||
2937 | case 'color': |
||
2938 | case 'url': |
||
2939 | case 'hidden': |
||
2940 | case 'password': |
||
2941 | case 'file': |
||
2942 | value = $el.find('input[type="' + type + '"]').val(); |
||
2943 | break; |
||
2944 | case 'multiselect': |
||
2945 | value = $el.find('select').val(); |
||
2946 | break; |
||
2947 | case 'radio': |
||
2948 | if ($el.find('input[type="radio"]:checked').length >= 1) { |
||
2949 | value = $el.find('input[type="radio"]:checked').val(); |
||
2950 | } |
||
2951 | break; |
||
2952 | case 'checkbox': |
||
2953 | if ($el.find('input[type="checkbox"]:checked').length >= 1) { |
||
2954 | if ($el.find('input[type="checkbox"]:checked').length > 1) { |
||
2955 | var values = []; |
||
2956 | values.push(value); |
||
2957 | $el.find('input[type="checkbox"]:checked').each(function() { |
||
2958 | values.push(jQuery(this).val()); |
||
2959 | }); |
||
2960 | value = values; |
||
2961 | } else { |
||
2962 | value = $el.find('input[type="checkbox"]:checked').val(); |
||
2963 | } |
||
2964 | } |
||
2965 | break; |
||
2966 | default: |
||
2967 | if (window._aui_cf_field_default_values && typeof window._aui_cf_field_default_values == 'object' && typeof window._aui_cf_field_default_values[type] != 'undefined') { |
||
2968 | value = window._aui_cf_field_default_values[type]; |
||
2969 | } |
||
2970 | break; |
||
2971 | } |
||
2972 | return { |
||
2973 | type: type, |
||
2974 | value: value |
||
2975 | }; |
||
2976 | } |
||
2977 | |||
2978 | /** |
||
2979 | * Reset field default value. |
||
2980 | */ |
||
2981 | function aui_cf_field_reset_default_value($el, bHide, setVal) { |
||
2982 | if (!($el && $el.length)) { |
||
2983 | return; |
||
2984 | } |
||
2985 | var type = aui_cf_field_get_type($el), key = $el.data('rule-key'), field = aui_cf_field_default_values[key]; |
||
2986 | if (typeof setVal === 'undefined' || (typeof setVal !== 'undefined' && setVal === null)) { |
||
2987 | setVal = field.value; |
||
2988 | } |
||
2989 | |||
2990 | switch (type) { |
||
2991 | case 'text': |
||
2992 | case 'number': |
||
2993 | case 'date': |
||
2994 | case 'textarea': |
||
2995 | $el.find('input:text,input[type="number"],textarea').val(setVal); |
||
2996 | break; |
||
2997 | case 'phone': |
||
2998 | case 'email': |
||
2999 | case 'color': |
||
3000 | case 'url': |
||
3001 | case 'hidden': |
||
3002 | case 'password': |
||
3003 | case 'file': |
||
3004 | $el.find('input[type="' + type + '"]').val(setVal); |
||
3005 | break; |
||
3006 | case 'select': |
||
3007 | $el.find('select').find('option').prop('selected', false); |
||
3008 | $el.find('select').val(setVal); |
||
3009 | $el.find('select').trigger('change'); |
||
3010 | break; |
||
3011 | case 'multiselect': |
||
3012 | $el.find('select').find('option').prop('selected', false); |
||
3013 | if ((typeof setVal === 'object' || typeof setVal === 'array') && !setVal.length && $el.find('select option:first').text() == '') { |
||
3014 | $el.find('select option:first').remove(); // Clear first option to show placeholder. |
||
3015 | } |
||
3016 | if (typeof setVal === 'string') { |
||
3017 | $el.find('select').val(setVal); |
||
3018 | } else { |
||
3019 | jQuery.each(setVal, function(i, v) { |
||
3020 | $el.find('select').find('option[value="' + v + '"]').prop('selected', true); |
||
3021 | }); |
||
3022 | } |
||
3023 | $el.find('select').trigger('change'); |
||
3024 | break; |
||
3025 | case 'checkbox': |
||
3026 | if ($el.find('input[type="checkbox"]:checked').length >= 1) { |
||
3027 | $el.find('input[type="checkbox"]:checked').prop('checked', false).removeAttr('checked'); |
||
3028 | } |
||
3029 | if (Array.isArray(setVal)) { |
||
3030 | jQuery.each(setVal, function(i, v) { |
||
3031 | $el.find('input[type="checkbox"][value="' + v + '"]').prop('checked', true); |
||
3032 | }); |
||
3033 | } else { |
||
3034 | $el.find('input[type="checkbox"][value="' + setVal + '"]').prop('checked', true); |
||
3035 | } |
||
3036 | break; |
||
3037 | case 'radio': |
||
3038 | setTimeout(function() { |
||
3039 | if ($el.find('input[type="radio"]:checked').length >= 1) { |
||
3040 | $el.find('input[type="radio"]:checked').prop('checked', false).removeAttr('checked'); |
||
3041 | } |
||
3042 | $el.find('input[type="radio"][value="' + setVal + '"]').prop('checked', true); |
||
3043 | }, 100); |
||
3044 | break; |
||
3045 | default: |
||
3046 | jQuery(document.body).trigger('aui_cf_field_reset_default_value', type, $el, field); |
||
3047 | break; |
||
3048 | } |
||
3049 | |||
3050 | if (!$el.hasClass('aui-cf-field-has-changed')) { |
||
3051 | var el = aui_cf_field_get_element($el); |
||
3052 | if (type === 'radio' || type === 'checkbox') { |
||
3053 | el = el.find(':checked'); |
||
3054 | } |
||
3055 | if (el) { |
||
3056 | el.trigger('change'); |
||
3057 | $el.addClass('aui-cf-field-has-changed'); |
||
3058 | } |
||
3059 | } |
||
3060 | } |
||
3061 | |||
3062 | /** |
||
3063 | * Get the field children. |
||
3064 | */ |
||
3065 | function aui_cf_field_get_children(field_key) { |
||
3066 | var rules = []; |
||
3067 | jQuery.each(aui_cf_field_rules, function(j, rule) { |
||
3068 | if (rule.field.field === field_key) { |
||
3069 | rules.push(rule.field.rule); |
||
3070 | } |
||
3071 | }); |
||
3072 | return rules; |
||
3073 | } |
||
3074 | |||
3075 | /** |
||
3076 | * Check in array field value. |
||
3077 | */ |
||
3078 | function aui_cf_field_in_array(find, item, exact, match) { |
||
3079 | var found = false, key; |
||
3080 | exact = !!exact; |
||
3081 | |||
3082 | for (key in item) { |
||
3083 | if ((exact && item[key] === find) || (!exact && item[key] == find) || (match && (typeof find === 'string' || typeof find === 'number') && (typeof item[key] === 'string' || typeof item[key] === 'number') && find.length && find.indexOf(item[key]) >= 0)) { |
||
3084 | found = true; |
||
3085 | break; |
||
3086 | } |
||
3087 | } |
||
3088 | return found; |
||
3089 | } |
||
3090 | |||
3091 | /** |
||
3092 | * App the field condition action. |
||
3093 | */ |
||
3094 | function aui_cf_field_apply_action($el, rule, isTrue) { |
||
3095 | var $destEl = jQuery('[data-rule-key="' + rule.key + '"]'), $inputEl = (rule.key && $destEl.find('[name="' + rule.key + '"]').length) ? $destEl.find('[name="' + rule.key + '"]') : null; |
||
3096 | |||
3097 | if (rule.action === 'show' && isTrue) { |
||
3098 | if ($destEl.is(':hidden') && !($destEl.hasClass('aui-cf-skip-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')))) { |
||
3099 | aui_cf_field_reset_default_value($destEl); |
||
3100 | } |
||
3101 | aui_cf_field_show_element($destEl); |
||
3102 | } else if (rule.action === 'show' && !isTrue) { |
||
3103 | if ((!$destEl.is(':hidden') || ($destEl.is(':hidden') && ($destEl.hasClass('aui-cf-force-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')) || ($destEl.closest('.aui-cf-use-parent').length && $destEl.closest('.aui-cf-use-parent').is(':hidden'))))) && !($destEl.hasClass('aui-cf-skip-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')))) { |
||
3104 | var _setVal = $destEl.hasClass('aui-cf-force-empty') || ($inputEl && $inputEl.hasClass('aui-cf-force-empty')) ? '' : null; |
||
3105 | aui_cf_field_reset_default_value($destEl, true, _setVal); |
||
3106 | } |
||
3107 | aui_cf_field_hide_element($destEl); |
||
3108 | } else if (rule.action === 'hide' && isTrue) { |
||
3109 | if ((!$destEl.is(':hidden') || ($destEl.is(':hidden') && ($destEl.hasClass('aui-cf-force-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')) || ($destEl.closest('.aui-cf-use-parent').length && $destEl.closest('.aui-cf-use-parent').is(':hidden'))))) && !($destEl.hasClass('aui-cf-skip-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')))) { |
||
3110 | var _setVal = $destEl.hasClass('aui-cf-force-empty') || ($inputEl && $inputEl.hasClass('aui-cf-force-empty')) ? '' : null; |
||
3111 | aui_cf_field_reset_default_value($destEl, true, _setVal); |
||
3112 | } |
||
3113 | aui_cf_field_hide_element($destEl); |
||
3114 | } else if (rule.action === 'hide' && !isTrue) { |
||
3115 | if ($destEl.is(':hidden') && !($destEl.hasClass('aui-cf-skip-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')))) { |
||
3116 | aui_cf_field_reset_default_value($destEl); |
||
3117 | } |
||
3118 | aui_cf_field_show_element($destEl); |
||
3119 | } |
||
3120 | return $el.removeClass('aui-cf-field-has-changed'); |
||
3121 | } |
||
3122 | |||
3123 | /** |
||
3124 | * Show field element. |
||
3125 | */ |
||
3126 | function aui_cf_field_show_element($el) { |
||
3127 | $el.removeClass('d-none').show(); |
||
3128 | |||
3129 | $el.find('.aui-cf-req').each(function() { |
||
3130 | if (jQuery(this).data('rule-req')) { |
||
3131 | jQuery(this).removeAttr('required').prop('required', true); |
||
3132 | } |
||
3133 | if (jQuery(this).data('rule-oninvalid')) { |
||
3134 | jQuery(this).removeAttr('oninvalid').attr('oninvalid', jQuery(this).data('rule-oninvalid')); |
||
3135 | } |
||
3136 | }); |
||
3137 | |||
3138 | if (window && window.navigator.userAgent.indexOf("MSIE") !== -1) { |
||
3139 | $el.css({ |
||
3140 | "visibility": "visible" |
||
3141 | }); |
||
3142 | } |
||
3143 | } |
||
3144 | |||
3145 | /** |
||
3146 | * Hide field element. |
||
3147 | */ |
||
3148 | function aui_cf_field_hide_element($el) { |
||
3149 | $el.addClass('d-none').hide(); |
||
3150 | |||
3151 | $el.find('.aui-cf-req').each(function() { |
||
3152 | if (jQuery(this).data('rule-req')) { |
||
3153 | jQuery(this).removeAttr('required'); |
||
3154 | } |
||
3155 | if (jQuery(this).data('rule-oninvalid')) { |
||
3156 | jQuery(this).removeAttr('oninvalid'); |
||
3157 | } |
||
3158 | }); |
||
3159 | |||
3160 | if (window && window.navigator.userAgent.indexOf("MSIE") !== -1) { |
||
3161 | $el.css({ |
||
3162 | "visibility": "hidden" |
||
3163 | }); |
||
3164 | } |
||
3165 | } |
||
3166 | <?php do_action( 'aui_conditional_fields_js', $this ); ?> |
||
3167 | </script> |
||
3168 | <?php |
||
3169 | $output = ob_get_clean(); |
||
3170 | |||
3171 | return str_replace( array( '<script>', '</script>' ), '', self::minify_js( $output ) ); |
||
3172 | } |
||
3173 | |||
3174 | /** |
||
3175 | * Check if block editor page. |
||
3176 | * |
||
3177 | * @since 0.2.27 |
||
3178 | * |
||
3179 | * @return bool |
||
3180 | */ |
||
3181 | public static function is_block_editor() { |
||
3182 | if ( is_admin() ) { |
||
3183 | $current_screen = function_exists('get_current_screen' ) ? get_current_screen() : array(); |
||
3184 | |||
3185 | if ( ! empty( $current_screen ) && $current_screen->is_block_editor() ) { |
||
3186 | return true; |
||
3187 | } |
||
3188 | } |
||
3189 | |||
3190 | return false; |
||
3191 | } |
||
3192 | |||
3193 | /** |
||
3194 | * Checks if the current call is a ajax call to get the block content. |
||
3195 | * |
||
3196 | * This can be used in your widget to return different content as the block content. |
||
3197 | * |
||
3198 | * @since 0.2.27 |
||
3199 | * |
||
3200 | * @return bool |
||
3201 | */ |
||
3202 | public static function is_block_content_call() { |
||
3203 | $result = false; |
||
3204 | if ( wp_doing_ajax() && isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'super_duper_output_shortcode' ) { |
||
3205 | $result = true; |
||
3206 | } |
||
3207 | |||
3208 | return $result; |
||
3209 | } |
||
3210 | |||
3211 | /** |
||
3212 | * Tests if the current output is inside a Divi preview. |
||
3213 | * |
||
3214 | * @since 0.2.27 |
||
3215 | * |
||
3216 | * @return bool |
||
3217 | */ |
||
3218 | public static function is_divi_preview() { |
||
3219 | $result = false; |
||
3220 | if ( isset( $_REQUEST['et_fb'] ) || isset( $_REQUEST['et_pb_preview'] ) || ( is_admin() && isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'elementor' ) ) { |
||
3221 | $result = true; |
||
3222 | } |
||
3223 | |||
3224 | return $result; |
||
3225 | } |
||
3226 | |||
3227 | /** |
||
3228 | * Tests if the current output is inside a elementor preview. |
||
3229 | * |
||
3230 | * |
||
3231 | * @since 0.2.27 |
||
3232 | * |
||
3233 | * @return bool |
||
3234 | */ |
||
3235 | public static function is_elementor_preview() { |
||
3242 | } |
||
3243 | |||
3244 | /** |
||
3245 | * Tests if the current output is inside a Beaver builder preview. |
||
3246 | * |
||
3247 | * @since 0.2.27 |
||
3248 | * |
||
3249 | * @return bool |
||
3250 | */ |
||
3251 | public static function is_beaver_preview() { |
||
3252 | $result = false; |
||
3253 | if ( isset( $_REQUEST['fl_builder'] ) ) { |
||
3254 | $result = true; |
||
3255 | } |
||
3256 | |||
3257 | return $result; |
||
3258 | } |
||
3259 | |||
3260 | /** |
||
3261 | * Tests if the current output is inside a siteorigin builder preview. |
||
3262 | * |
||
3263 | * @since 0.2.27 |
||
3264 | * |
||
3265 | * @return bool |
||
3266 | */ |
||
3267 | public static function is_siteorigin_preview() { |
||
3274 | } |
||
3275 | |||
3276 | /** |
||
3277 | * Tests if the current output is inside a cornerstone builder preview. |
||
3278 | * |
||
3279 | * @since 0.2.27 |
||
3280 | * |
||
3281 | * @return bool |
||
3282 | */ |
||
3283 | public static function is_cornerstone_preview() { |
||
3290 | } |
||
3291 | |||
3292 | /** |
||
3293 | * Tests if the current output is inside a fusion builder preview. |
||
3294 | * |
||
3295 | * @return bool |
||
3296 | *@since 1.1.0 |
||
3297 | */ |
||
3298 | public static function is_fusion_preview() { |
||
3299 | $result = false; |
||
3300 | if ( ! empty( $_REQUEST['fb-edit'] ) || ! empty( $_REQUEST['fusion_load_nonce'] ) ) { |
||
3301 | $result = true; |
||
3302 | } |
||
3303 | |||
3304 | return $result; |
||
3305 | } |
||
3306 | |||
3307 | /** |
||
3308 | * Tests if the current output is inside a Oxygen builder preview. |
||
3309 | * |
||
3310 | * @return bool |
||
3311 | *@since 1.0.18 |
||
3312 | */ |
||
3313 | public static function is_oxygen_preview() { |
||
3314 | $result = false; |
||
3315 | if ( ! empty( $_REQUEST['ct_builder'] ) || ( ! empty( $_REQUEST['action'] ) && ( substr( $_REQUEST['action'], 0, 11 ) === "oxy_render_" || substr( $_REQUEST['action'], 0, 10 ) === "ct_render_" ) ) ) { |
||
3316 | $result = true; |
||
3317 | } |
||
3318 | |||
3319 | return $result; |
||
3320 | } |
||
3321 | |||
3322 | /** |
||
3323 | * Check for Kallyas theme Zion builder preview. |
||
3324 | * |
||
3325 | * @since 0.2.27 |
||
3326 | * |
||
3327 | * @return bool |
||
3328 | */ |
||
3329 | public static function is_kallyas_zion_preview() { |
||
3337 | } |
||
3338 | |||
3339 | /** |
||
3340 | * Check for Bricks theme builder preview. |
||
3341 | * |
||
3342 | * @since 0.2.27 |
||
3343 | * |
||
3344 | * @return bool |
||
3345 | */ |
||
3346 | public static function is_bricks_preview() { |
||
3347 | $result = false; |
||
3348 | |||
3349 | if ( function_exists( 'bricks_is_builder' ) && ( bricks_is_builder() || bricks_is_builder_call() ) ) { |
||
3350 | $result = true; |
||
3351 | } |
||
3352 | |||
3353 | return $result; |
||
3354 | } |
||
3355 | |||
3356 | /** |
||
3357 | * General function to check if we are in a preview situation. |
||
3358 | * |
||
3359 | * @since 0.2.27 |
||
3360 | * |
||
3361 | * @return bool |
||
3362 | */ |
||
3363 | public static function is_preview() { |
||
3393 | } |
||
3394 | } |
||
3395 | |||
3396 | global $ayecode_ui_settings; |
||
3397 | |||
3398 | /** |
||
3402 | } |
This check looks for parameters that have been defined for a function or method, but which are not used in the method body.