Total Complexity | 411 |
Total Lines | 3342 |
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.29'; |
||
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(){ |
||
724 | wp_enqueue_style( 'flatpickr' ); |
||
725 | wp_enqueue_script( 'flatpickr' ); |
||
726 | } |
||
727 | |||
728 | /** |
||
729 | * Enqueue iconpicker if called. |
||
730 | */ |
||
731 | public function enqueue_iconpicker(){ |
||
732 | wp_enqueue_style( 'iconpicker' ); |
||
733 | wp_enqueue_script( 'iconpicker' ); |
||
734 | } |
||
735 | |||
736 | /** |
||
737 | * Get the url path to the current folder. |
||
738 | * |
||
739 | * @return string |
||
740 | */ |
||
741 | public function get_url() { |
||
742 | $content_dir = wp_normalize_path( untrailingslashit( WP_CONTENT_DIR ) ); |
||
743 | $content_url = untrailingslashit( WP_CONTENT_URL ); |
||
744 | |||
745 | // Replace http:// to https://. |
||
746 | if ( strpos( $content_url, 'http://' ) === 0 && strpos( plugins_url(), 'https://' ) === 0 ) { |
||
747 | $content_url = str_replace( 'http://', 'https://', $content_url ); |
||
748 | } |
||
749 | |||
750 | // Check if we are inside a plugin |
||
751 | $file_dir = str_replace( "/includes", "", wp_normalize_path( dirname( __FILE__ ) ) ); |
||
752 | $url = str_replace( $content_dir, $content_url, $file_dir ); |
||
753 | |||
754 | return trailingslashit( $url ); |
||
755 | } |
||
756 | |||
757 | /** |
||
758 | * Get the url path to the current folder. |
||
759 | * |
||
760 | * @return string |
||
761 | */ |
||
762 | public function get_url_old() { |
||
763 | |||
764 | $url = ''; |
||
765 | // check if we are inside a plugin |
||
766 | $file_dir = str_replace( "/includes","", wp_normalize_path( dirname( __FILE__ ) ) ); |
||
767 | |||
768 | // add check in-case user has changed wp-content dir name. |
||
769 | $wp_content_folder_name = basename(WP_CONTENT_DIR); |
||
770 | $dir_parts = explode("/$wp_content_folder_name/",$file_dir); |
||
771 | $url_parts = explode("/$wp_content_folder_name/",plugins_url()); |
||
772 | |||
773 | if(!empty($url_parts[0]) && !empty($dir_parts[1])){ |
||
774 | $url = trailingslashit( $url_parts[0]."/$wp_content_folder_name/".$dir_parts[1] ); |
||
775 | } |
||
776 | |||
777 | return $url; |
||
778 | } |
||
779 | |||
780 | /** |
||
781 | * Register the database settings with WordPress. |
||
782 | */ |
||
783 | public function register_settings() { |
||
784 | register_setting( 'ayecode-ui-settings', 'ayecode-ui-settings' ); |
||
785 | } |
||
786 | |||
787 | /** |
||
788 | * Add the WordPress settings menu item. |
||
789 | * @since 1.0.10 Calling function name direct will fail theme check so we don't. |
||
790 | */ |
||
791 | public function menu_item() { |
||
792 | $menu_function = 'add' . '_' . 'options' . '_' . 'page'; // won't pass theme check if function name present in theme |
||
793 | call_user_func( $menu_function, $this->name, $this->name, 'manage_options', 'ayecode-ui-settings', array( |
||
794 | $this, |
||
795 | 'settings_page' |
||
796 | ) ); |
||
797 | } |
||
798 | |||
799 | /** |
||
800 | * Get a list of themes and their default JS settings. |
||
801 | * |
||
802 | * @return array |
||
803 | */ |
||
804 | public function theme_js_settings(){ |
||
805 | return array( |
||
806 | 'ayetheme' => 'popper', |
||
807 | 'listimia' => 'required', |
||
808 | 'listimia_backend' => 'core-popper', |
||
809 | //'avada' => 'required', // removed as we now add compatibility |
||
810 | ); |
||
811 | } |
||
812 | |||
813 | /** |
||
814 | * Get the date the site was installed. |
||
815 | * |
||
816 | * @return false|string |
||
817 | */ |
||
818 | public function get_site_install_date() { |
||
819 | global $wpdb; // This gives you access to the WordPress database object |
||
820 | |||
821 | // Prepare the SQL query to get the oldest registration date |
||
822 | $query = "SELECT MIN(user_registered) AS oldest_registration_date FROM {$wpdb->users}"; |
||
823 | |||
824 | // Execute the query |
||
825 | $date = $wpdb->get_var( $query ); // phpcs:ignore WordPress.DB.DirectDatabaseQuery.DirectQuery, WordPress.DB.DirectDatabaseQuery.NoCaching |
||
826 | |||
827 | return $date ? $date : false; |
||
828 | } |
||
829 | |||
830 | /** |
||
831 | * Show admin notice if backend scripts not loaded. |
||
832 | */ |
||
833 | public function show_admin_version_notice(){ |
||
834 | $fix_url = admin_url("options-general.php?page=ayecode-ui-settings" ); |
||
835 | $button = '<a href="'.esc_url($fix_url).'" class="button-primary">View Settings</a>'; |
||
836 | $message = __( '<b>Style Issue:</b> AyeCode UI has changed its default version from v4 to v5, if you notice unwanted style changes, please revert to v4 (saving the settings page will remove this notice)')." " .$button; |
||
837 | echo '<div class="notice notice-error aui-settings-error-notice"><p>'. wp_kses_post( $message ).'</p></div>'; |
||
838 | } |
||
839 | |||
840 | /** |
||
841 | * Get the current Font Awesome output settings. |
||
842 | * |
||
843 | * @return array The array of settings. |
||
844 | */ |
||
845 | public function get_settings() { |
||
846 | |||
847 | $db_settings = get_option( 'ayecode-ui-settings' ); |
||
848 | |||
849 | // Maybe show default version notice |
||
850 | $site_install_date = new DateTime( self::get_site_install_date() ); |
||
851 | $switch_over_date = new DateTime("2024-02-01"); |
||
852 | if ( empty( $db_settings ) && $site_install_date < $switch_over_date ) { |
||
853 | add_action( 'admin_notices', array( $this, 'show_admin_version_notice' ) ); |
||
854 | } |
||
855 | |||
856 | $js_default = 'core-popper'; |
||
857 | $js_default_backend = $js_default; |
||
858 | |||
859 | // maybe set defaults (if no settings set) |
||
860 | if(empty($db_settings)){ |
||
861 | $active_theme = strtolower( get_template() ); // active parent theme. |
||
862 | $theme_js_settings = self::theme_js_settings(); |
||
863 | if(isset($theme_js_settings[$active_theme])){ |
||
864 | $js_default = $theme_js_settings[$active_theme]; |
||
865 | $js_default_backend = isset($theme_js_settings[$active_theme."_backend"]) ? $theme_js_settings[$active_theme."_backend"] : $js_default; |
||
866 | } |
||
867 | } |
||
868 | |||
869 | /** |
||
870 | * Filter the default settings. |
||
871 | */ |
||
872 | $defaults = apply_filters( 'ayecode-ui-default-settings', array( |
||
873 | 'css' => 'compatibility', // core, compatibility |
||
874 | 'js' => $js_default, // js to load, core-popper, popper |
||
875 | 'html_font_size' => '16', // js to load, core-popper, popper |
||
876 | 'css_backend' => 'compatibility', // core, compatibility |
||
877 | 'js_backend' => $js_default_backend, // js to load, core-popper, popper |
||
878 | 'disable_admin' => '', // URL snippets to disable loading on admin |
||
879 | 'bs_ver' => '5', // The default bootstrap version to sue by default |
||
880 | ), $db_settings ); |
||
881 | |||
882 | $settings = wp_parse_args( $db_settings, $defaults ); |
||
883 | |||
884 | /** |
||
885 | * Filter the Bootstrap settings. |
||
886 | * |
||
887 | * @todo if we add this filer people might use it and then it defeats the purpose of this class :/ |
||
888 | */ |
||
889 | return $this->settings = apply_filters( 'ayecode-ui-settings', $settings, $db_settings, $defaults ); |
||
890 | } |
||
891 | |||
892 | |||
893 | /** |
||
894 | * The settings page html output. |
||
895 | */ |
||
896 | public function settings_page() { |
||
897 | if ( ! current_user_can( 'manage_options' ) ) { |
||
898 | wp_die( esc_attr__( 'You do not have sufficient permissions to access this page.', 'ayecode-connect' ) ); |
||
899 | } |
||
900 | $overrides = apply_filters( 'ayecode-ui-settings', array(), array(), array() ); |
||
901 | |||
902 | ?> |
||
903 | <div class="wrap"> |
||
904 | <h1><?php echo esc_attr( $this->name ); ?></h1> |
||
905 | <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> |
||
906 | <form method="post" action="options.php"> |
||
907 | <?php |
||
908 | settings_fields( 'ayecode-ui-settings' ); |
||
909 | do_settings_sections( 'ayecode-ui-settings' ); |
||
910 | ?> |
||
911 | |||
912 | <h2><?php esc_html_e( 'BootStrap Version', 'ayecode-connect' ); ?></h2> |
||
913 | <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> |
||
914 | <div class="bsui"><?php |
||
915 | if ( ! empty( $overrides ) ) { |
||
916 | echo aui()->alert(array( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
917 | 'type'=> 'info', |
||
918 | 'content'=> esc_attr__("Some options are disabled as your current theme is overriding them.", 'ayecode-connect' ) |
||
919 | )); |
||
920 | } |
||
921 | ?> |
||
922 | </div> |
||
923 | <table class="form-table wpbs-table-version-settings"> |
||
924 | <tr valign="top"> |
||
925 | <th scope="row"><label for="wpbs-css"><?php esc_html_e( 'Version', 'ayecode-connect' ); ?></label></th> |
||
926 | <td> |
||
927 | <select name="ayecode-ui-settings[bs_ver]" id="wpbs-css" <?php echo !empty($overrides['bs_ver']) ? 'disabled' : ''; ?>> |
||
928 | <option value="5" <?php selected( $this->settings['bs_ver'], '5' ); ?>><?php esc_html_e( 'v5 (recommended)', 'ayecode-connect' ); ?></option> |
||
929 | <option value="4" <?php selected( $this->settings['bs_ver'], '4' ); ?>><?php esc_html_e( 'v4 (legacy)', 'ayecode-connect' ); ?></option> |
||
930 | </select> |
||
931 | </td> |
||
932 | </tr> |
||
933 | </table> |
||
934 | |||
935 | <h2><?php esc_html_e( 'Frontend', 'ayecode-connect' ); ?></h2> |
||
936 | <table class="form-table wpbs-table-settings"> |
||
937 | <tr valign="top"> |
||
938 | <th scope="row"><label for="wpbs-css"><?php esc_html_e( 'Load CSS', 'ayecode-connect' ); ?></label></th> |
||
939 | <td> |
||
940 | <select name="ayecode-ui-settings[css]" id="wpbs-css" <?php echo !empty($overrides['css']) ? 'disabled' : ''; ?>> |
||
941 | <option value="compatibility" <?php selected( $this->settings['css'], 'compatibility' ); ?>><?php esc_html_e( 'Compatibility Mode (default)', 'ayecode-connect' ); ?></option> |
||
942 | <option value="core" <?php selected( $this->settings['css'], 'core' ); ?>><?php esc_html_e( 'Full Mode', 'ayecode-connect' ); ?></option> |
||
943 | <option value="" <?php selected( $this->settings['css'], '' ); ?>><?php esc_html_e( 'Disabled', 'ayecode-connect' ); ?></option> |
||
944 | </select> |
||
945 | </td> |
||
946 | </tr> |
||
947 | |||
948 | <tr valign="top"> |
||
949 | <th scope="row"><label for="wpbs-js"><?php esc_html_e( 'Load JS', 'ayecode-connect' ); ?></label></th> |
||
950 | <td> |
||
951 | <select name="ayecode-ui-settings[js]" id="wpbs-js" <?php echo !empty($overrides['js']) ? 'disabled' : ''; ?>> |
||
952 | <option value="core-popper" <?php selected( $this->settings['js'], 'core-popper' ); ?>><?php esc_html_e( 'Core + Popper (default)', 'ayecode-connect' ); ?></option> |
||
953 | <option value="popper" <?php selected( $this->settings['js'], 'popper' ); ?>><?php esc_html_e( 'Popper', 'ayecode-connect' ); ?></option> |
||
954 | <option value="required" <?php selected( $this->settings['js'], 'required' ); ?>><?php esc_html_e( 'Required functions only', 'ayecode-connect' ); ?></option> |
||
955 | <option value="" <?php selected( $this->settings['js'], '' ); ?>><?php esc_html_e( 'Disabled (not recommended)', 'ayecode-connect' ); ?></option> |
||
956 | </select> |
||
957 | </td> |
||
958 | </tr> |
||
959 | |||
960 | <tr valign="top"> |
||
961 | <th scope="row"><label for="wpbs-font_size"><?php esc_html_e( 'HTML Font Size (px)', 'ayecode-connect' ); ?></label></th> |
||
962 | <td> |
||
963 | <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' : ''; ?> /> |
||
964 | <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> |
||
965 | </td> |
||
966 | </tr> |
||
967 | |||
968 | </table> |
||
969 | |||
970 | <h2><?php esc_html_e( 'Backend', 'ayecode-connect' ); ?> (wp-admin)</h2> |
||
971 | <table class="form-table wpbs-table-settings"> |
||
972 | <tr valign="top"> |
||
973 | <th scope="row"><label for="wpbs-css-admin"><?php esc_html_e( 'Load CSS', 'ayecode-connect' ); ?></label></th> |
||
974 | <td> |
||
975 | <select name="ayecode-ui-settings[css_backend]" id="wpbs-css-admin" <?php echo !empty($overrides['css_backend']) ? 'disabled' : ''; ?>> |
||
976 | <option value="compatibility" <?php selected( $this->settings['css_backend'], 'compatibility' ); ?>><?php esc_html_e( 'Compatibility Mode (default)', 'ayecode-connect' ); ?></option> |
||
977 | <option value="core" <?php selected( $this->settings['css_backend'], 'core' ); ?>><?php esc_html_e( 'Full Mode (will cause style issues)', 'ayecode-connect' ); ?></option> |
||
978 | <option value="" <?php selected( $this->settings['css_backend'], '' ); ?>><?php esc_html_e( 'Disabled', 'ayecode-connect' ); ?></option> |
||
979 | </select> |
||
980 | </td> |
||
981 | </tr> |
||
982 | |||
983 | <tr valign="top"> |
||
984 | <th scope="row"><label for="wpbs-js-admin"><?php esc_html_e( 'Load JS', 'ayecode-connect' ); ?></label></th> |
||
985 | <td> |
||
986 | <select name="ayecode-ui-settings[js_backend]" id="wpbs-js-admin" <?php echo !empty($overrides['js_backend']) ? 'disabled' : ''; ?>> |
||
987 | <option value="core-popper" <?php selected( $this->settings['js_backend'], 'core-popper' ); ?>><?php esc_html_e( 'Core + Popper (default)', 'ayecode-connect' ); ?></option> |
||
988 | <option value="popper" <?php selected( $this->settings['js_backend'], 'popper' ); ?>><?php esc_html_e( 'Popper', 'ayecode-connect' ); ?></option> |
||
989 | <option value="required" <?php selected( $this->settings['js_backend'], 'required' ); ?>><?php esc_html_e( 'Required functions only', 'ayecode-connect' ); ?></option> |
||
990 | <option value="" <?php selected( $this->settings['js_backend'], '' ); ?>><?php esc_html_e( 'Disabled (not recommended)', 'ayecode-connect' ); ?></option> |
||
991 | </select> |
||
992 | </td> |
||
993 | </tr> |
||
994 | |||
995 | <tr valign="top"> |
||
996 | <th scope="row"><label for="wpbs-disable-admin"><?php esc_html_e( 'Disable load on URL', 'ayecode-connect' ); ?></label></th> |
||
997 | <td> |
||
998 | <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> |
||
999 | <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> |
||
1000 | </td> |
||
1001 | </tr> |
||
1002 | </table> |
||
1003 | |||
1004 | <?php |
||
1005 | submit_button(); |
||
1006 | ?> |
||
1007 | </form> |
||
1008 | <div id="wpbs-version" data-aui-source="<?php echo esc_attr( $this->get_load_source() ); ?>"><?php echo esc_html( $this->version ); ?></div> |
||
1009 | </div> |
||
1010 | <?php |
||
1011 | } |
||
1012 | |||
1013 | public function get_load_source(){ |
||
1014 | $file = str_replace( array( "/", "\\" ), "/", realpath( __FILE__ ) ); |
||
1015 | $plugins_dir = str_replace( array( "/", "\\" ), "/", realpath( WP_PLUGIN_DIR ) ); |
||
1016 | |||
1017 | // Find source plugin/theme of SD |
||
1018 | $source = array(); |
||
1019 | if ( strpos( $file, $plugins_dir ) !== false ) { |
||
1020 | $source = explode( "/", plugin_basename( $file ) ); |
||
1021 | } else if ( function_exists( 'get_theme_root' ) ) { |
||
1022 | $themes_dir = str_replace( array( "/", "\\" ), "/", realpath( get_theme_root() ) ); |
||
1023 | |||
1024 | if ( strpos( $file, $themes_dir ) !== false ) { |
||
1025 | $source = explode( "/", ltrim( str_replace( $themes_dir, "", $file ), "/" ) ); |
||
1026 | } |
||
1027 | } |
||
1028 | |||
1029 | return isset($source[0]) ? esc_attr($source[0]) : ''; |
||
1030 | } |
||
1031 | |||
1032 | public function customizer_settings($wp_customize){ |
||
1033 | $wp_customize->add_section('aui_settings', array( |
||
1034 | 'title' => __('AyeCode UI', 'ayecode-connect' ), |
||
1035 | 'priority' => 120, |
||
1036 | )); |
||
1037 | |||
1038 | // ============================= |
||
1039 | // = Color Picker = |
||
1040 | // ============================= |
||
1041 | $wp_customize->add_setting('aui_options[color_primary]', array( |
||
1042 | 'default' => AUI_PRIMARY_COLOR, |
||
1043 | 'sanitize_callback' => 'sanitize_hex_color', |
||
1044 | 'capability' => 'edit_theme_options', |
||
1045 | 'type' => 'option', |
||
1046 | 'transport' => 'refresh', |
||
1047 | )); |
||
1048 | $wp_customize->add_control( new WP_Customize_Color_Control($wp_customize, 'color_primary', array( |
||
1049 | 'label' => __('Primary Color', 'ayecode-connect' ), |
||
1050 | 'section' => 'aui_settings', |
||
1051 | 'settings' => 'aui_options[color_primary]', |
||
1052 | ))); |
||
1053 | |||
1054 | $wp_customize->add_setting('aui_options[color_secondary]', array( |
||
1055 | 'default' => '#6c757d', |
||
1056 | 'sanitize_callback' => 'sanitize_hex_color', |
||
1057 | 'capability' => 'edit_theme_options', |
||
1058 | 'type' => 'option', |
||
1059 | 'transport' => 'refresh', |
||
1060 | )); |
||
1061 | $wp_customize->add_control( new WP_Customize_Color_Control($wp_customize, 'color_secondary', array( |
||
1062 | 'label' => __('Secondary Color', 'ayecode-connect' ), |
||
1063 | 'section' => 'aui_settings', |
||
1064 | 'settings' => 'aui_options[color_secondary]', |
||
1065 | ))); |
||
1066 | } |
||
1067 | |||
1068 | /** |
||
1069 | * CSS to help with conflict issues with other plugins and themes using bootstrap v3. |
||
1070 | * |
||
1071 | * @return mixed |
||
1072 | */ |
||
1073 | public static function bs3_compat_css() { |
||
1108 | } |
||
1109 | |||
1110 | public static function custom_css( $compatibility = true, $is_fse = false ) { |
||
1111 | global $aui_bs5; |
||
1112 | |||
1113 | $colors = array(); |
||
1114 | |||
1115 | if ( defined( 'BLOCKSTRAP_VERSION' ) ) { |
||
1116 | $setting = wp_get_global_settings(); |
||
1117 | |||
1118 | if ( ! empty( $setting['color']['palette']['theme'] ) ) { |
||
1119 | foreach ( $setting['color']['palette']['theme'] as $color ) { |
||
1120 | $colors[$color['slug']] = esc_attr( $color['color'] ); |
||
1121 | } |
||
1122 | } |
||
1123 | |||
1124 | if ( ! empty( $setting['color']['palette']['custom'] ) ) { |
||
1125 | foreach ( $setting['color']['palette']['custom'] as $color ) { |
||
1126 | $colors[$color['slug']] = esc_attr( $color['color'] ); |
||
1127 | } |
||
1128 | } |
||
1129 | } else { |
||
1130 | $settings = get_option( 'aui_options' ); |
||
1131 | |||
1132 | $colors = array( |
||
1133 | 'primary' => ! empty( $settings['color_primary'] ) ? $settings['color_primary'] : AUI_PRIMARY_COLOR, |
||
1134 | 'secondary' => ! empty( $settings['color_secondary'] ) ? $settings['color_secondary'] : AUI_SECONDARY_COLOR |
||
1135 | ); |
||
1136 | } |
||
1137 | |||
1138 | ob_start(); |
||
1139 | ?><style><?php |
||
1140 | // BS v3 compat |
||
1141 | if( self::is_bs3_compat() ){ |
||
1142 | echo self::bs3_compat_css(); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
1143 | } |
||
1144 | |||
1145 | //$is_fse = false; |
||
1146 | //if ( is_admin() && ( !empty($_REQUEST['postType']) || self::is_block_editor() ) && ( defined( 'BLOCKSTRAP_VERSION' ) || defined( 'AUI_FSE' ) ) ) { |
||
1147 | //$is_fse = true; |
||
1148 | //} |
||
1149 | |||
1150 | $custom_front = ! is_admin() ? true : apply_filters('ayecode_ui_custom_front', false ); |
||
1151 | $custom_admin = $is_fse || self::is_preview() ? true : apply_filters('ayecode_ui_custom_admin', false ); |
||
1152 | $bs_custom_css = apply_filters( 'ayecode_ui_bs_custom_css', $custom_admin || $custom_front ); |
||
1153 | //$bs_custom_css = true; // Force true to fix any color issue. |
||
1154 | |||
1155 | $colors_css = ''; |
||
1156 | if ( ! empty( $colors ) && $bs_custom_css ) { |
||
1157 | $d_colors = self::get_colors(true); |
||
1158 | |||
1159 | foreach ( $colors as $key => $color ) { |
||
1160 | if ( ( empty( $d_colors[$key]) || $d_colors[$key] != $color) || $is_fse ) { |
||
1161 | $var = $is_fse ? "var(--wp--preset--color--$key)" : $color; |
||
1162 | $compat = $is_fse ? '.editor-styles-wrapper' : $compatibility; |
||
1163 | |||
1164 | $colors_css .= $aui_bs5 ? self::css_overwrite_bs5( $key,$var, $compat, $color ) : self::css_overwrite( $key, $var, $compat, $color ); |
||
1165 | } |
||
1166 | } |
||
1167 | } |
||
1168 | |||
1169 | if ( $colors_css ) { |
||
1170 | echo $colors_css; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
1171 | } |
||
1172 | |||
1173 | // Set admin bar z-index lower when modal is open. |
||
1174 | echo ' body.modal-open #wpadminbar{z-index:999}.embed-responsive-16by9 .fluid-width-video-wrapper{padding:0 !important;position:initial}'; |
||
1175 | |||
1176 | if ( is_admin() ) { |
||
1177 | echo ' body.modal-open #adminmenuwrap{z-index:999} body.modal-open #wpadminbar{z-index:1025}'; |
||
1178 | } |
||
1179 | |||
1180 | $custom_css = ''; |
||
1181 | |||
1182 | if ( $aui_bs5 && defined( 'BLOCKSTRAP_VERSION' ) && $bs_custom_css ) { |
||
1183 | $css = ''; |
||
1184 | $theme_settings = wp_get_global_styles(); |
||
1185 | |||
1186 | // Font face |
||
1187 | if( !empty( $theme_settings['typography']['fontFamily'] ) ){ |
||
1188 | $t_fontface = str_replace( array('var:preset|','font-family|'), array('--wp--preset--','font-family--'), $theme_settings['typography']['fontFamily'] ); //var(--wp--preset--font-family--poppins) |
||
1189 | $css .= '--bs-body-font-family: ' . esc_attr($t_fontface) . ';'; |
||
1190 | } |
||
1191 | |||
1192 | // font size |
||
1193 | if( !empty( $theme_settings['typography']['fontSize'] ) ){ |
||
1194 | $css .= '--bs-body-font-size: ' . esc_attr( $theme_settings['typography']['fontSize'] ) . ' ;'; |
||
1195 | } |
||
1196 | |||
1197 | // line height |
||
1198 | if( !empty( $theme_settings['typography']['lineHeight'] ) ){ |
||
1199 | $css .= '--bs-body-line-height: ' . esc_attr( $theme_settings['typography']['lineHeight'] ) . ';'; |
||
1200 | } |
||
1201 | |||
1202 | |||
1203 | // font weight |
||
1204 | if( !empty( $theme_settings['typography']['fontWeight'] ) ){ |
||
1205 | $css .= '--bs-body-font-weight: ' . esc_attr( $theme_settings['typography']['fontWeight'] ) . ';'; |
||
1206 | } |
||
1207 | |||
1208 | // Background |
||
1209 | if( !empty( $theme_settings['color']['background'] ) ){ |
||
1210 | $css .= '--bs-body-bg: ' . esc_attr( $theme_settings['color']['background'] ) . ';'; |
||
1211 | } |
||
1212 | |||
1213 | // Background Gradient |
||
1214 | if( !empty( $theme_settings['color']['gradient'] ) ){ |
||
1215 | $css .= 'background: ' . esc_attr( $theme_settings['color']['gradient'] ) . ';'; |
||
1216 | } |
||
1217 | |||
1218 | // Background Gradient |
||
1219 | if( !empty( $theme_settings['color']['gradient'] ) ){ |
||
1220 | $css .= 'background: ' . esc_attr( $theme_settings['color']['gradient'] ) . ';'; |
||
1221 | } |
||
1222 | |||
1223 | // text color |
||
1224 | if( !empty( $theme_settings['color']['text'] ) ){ |
||
1225 | $css .= '--bs-body-color: ' . esc_attr( $theme_settings['color']['text'] ) . ';'; |
||
1226 | } |
||
1227 | |||
1228 | |||
1229 | // link colors |
||
1230 | if( !empty( $theme_settings['elements']['link']['color']['text'] ) ){ |
||
1231 | $css .= '--bs-link-color: ' . esc_attr( $theme_settings['elements']['link']['color']['text'] ) . ';'; |
||
1232 | } |
||
1233 | if( !empty( $theme_settings['elements']['link'][':hover']['color']['text'] ) ){ |
||
1234 | $css .= '--bs-link-hover-color: ' . esc_attr( $theme_settings['elements']['link'][':hover']['color']['text'] ) . ';'; |
||
1235 | } |
||
1236 | |||
1237 | if($css){ |
||
1238 | $custom_css .= $is_fse ? 'body.editor-styles-wrapper{' . esc_attr( $css ) . '}' : 'body{' . esc_attr( $css ) . '}'; |
||
1239 | } |
||
1240 | |||
1241 | $bep = $is_fse ? 'body.editor-styles-wrapper ' : ''; |
||
1242 | |||
1243 | // Headings |
||
1244 | $headings_css = ''; |
||
1245 | if( !empty( $theme_settings['elements']['heading']['color']['text'] ) ){ |
||
1246 | $headings_css .= "color: " . esc_attr( $theme_settings['elements']['heading']['color']['text'] ) . ";"; |
||
1247 | } |
||
1248 | |||
1249 | // heading background |
||
1250 | if( !empty( $theme_settings['elements']['heading']['color']['background'] ) ){ |
||
1251 | $headings_css .= 'background: ' . esc_attr( $theme_settings['elements']['heading']['color']['background'] ) . ';'; |
||
1252 | } |
||
1253 | |||
1254 | // heading font family |
||
1255 | if( !empty( $theme_settings['elements']['heading']['typography']['fontFamily'] ) ){ |
||
1256 | $headings_css .= 'font-family: ' . esc_attr( $theme_settings['elements']['heading']['typography']['fontFamily'] ) . ';'; |
||
1257 | } |
||
1258 | |||
1259 | if( $headings_css ){ |
||
1260 | $custom_css .= "$bep h1,$bep h2,$bep h3, $bep h4,$bep h5,$bep h6{ " . esc_attr( $headings_css ) . "}"; |
||
1261 | } |
||
1262 | |||
1263 | $hs = array('h1','h2','h3','h4','h5','h6'); |
||
1264 | |||
1265 | foreach($hs as $hn){ |
||
1266 | $h_css = ''; |
||
1267 | if( !empty( $theme_settings['elements'][$hn]['color']['text'] ) ){ |
||
1268 | $h_css .= 'color: ' . esc_attr( $theme_settings['elements'][$hn]['color']['text'] ) . ';'; |
||
1269 | } |
||
1270 | |||
1271 | if( !empty( $theme_settings['elements'][$hn]['typography']['fontSize'] ) ){ |
||
1272 | $h_css .= 'font-size: ' . esc_attr( $theme_settings['elements'][$hn]['typography']['fontSize'] ) . ';'; |
||
1273 | } |
||
1274 | |||
1275 | if( !empty( $theme_settings['elements'][$hn]['typography']['fontFamily'] ) ){ |
||
1276 | $h_css .= 'font-family: ' . esc_attr( $theme_settings['elements'][$hn]['typography']['fontFamily'] ) . ';'; |
||
1277 | } |
||
1278 | |||
1279 | if($h_css){ |
||
1280 | $custom_css .= esc_attr( $bep . $hn ) . '{'.esc_attr( $h_css ).'}'; |
||
1281 | } |
||
1282 | } |
||
1283 | } |
||
1284 | |||
1285 | if ( $custom_css ) { |
||
1286 | echo $custom_css; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
1287 | } |
||
1288 | |||
1289 | // Pagination on Hello Elementor theme. |
||
1290 | if ( function_exists( 'hello_elementor_setup' ) ) { |
||
1291 | echo '.aui-nav-links .pagination{justify-content:inherit}'; |
||
1292 | } |
||
1293 | ?></style><?php |
||
1294 | $custom_css = ob_get_clean(); |
||
1295 | |||
1296 | /* |
||
1297 | * We only add the <script> tags for code highlighting, so we strip them from the output. |
||
1298 | */ |
||
1299 | return str_replace( array( |
||
1300 | '<style>', |
||
1301 | '</style>' |
||
1302 | ), '', self::minify_css( $custom_css ) ); |
||
1303 | } |
||
1304 | |||
1305 | /** |
||
1306 | * Check if we should add booststrap 3 compatibility changes. |
||
1307 | * |
||
1308 | * @return bool |
||
1309 | */ |
||
1310 | public static function is_bs3_compat(){ |
||
1311 | return defined('AYECODE_UI_BS3_COMPAT') || defined('SVQ_THEME_VERSION') || defined('FUSION_BUILDER_VERSION'); |
||
1312 | } |
||
1313 | |||
1314 | public static function hex_to_rgb( $hex ) { |
||
1315 | // Remove '#' if present |
||
1316 | $hex = str_replace( '#', '', $hex ); |
||
1317 | |||
1318 | // Check if input is RGB |
||
1319 | if ( strpos( $hex, 'rgba(' ) === 0 || strpos( $hex, 'rgb(' ) === 0 ) { |
||
1320 | $_rgb = explode( ',', str_replace( array( 'rgba(', 'rgb(', ')' ), '', $hex ) ); |
||
1321 | |||
1322 | $rgb = ( isset( $_rgb[0] ) ? (int) trim( $_rgb[0] ) : '0' ) . ','; |
||
1323 | $rgb .= ( isset( $_rgb[1] ) ? (int) trim( $_rgb[1] ) : '0' ) . ','; |
||
1324 | $rgb .= ( isset( $_rgb[2] ) ? (int) trim( $_rgb[2] ) : '0' ); |
||
1325 | |||
1326 | return $rgb; |
||
1327 | } |
||
1328 | |||
1329 | // Convert 3-digit hex to 6-digit hex |
||
1330 | if ( strlen( $hex ) == 3 ) { |
||
1331 | $hex = str_repeat( substr( $hex, 0, 1 ), 2 ) . str_repeat( substr( $hex, 1, 1 ), 2 ) . str_repeat( substr( $hex, 2, 1 ), 2 ); |
||
1332 | } |
||
1333 | |||
1334 | // Convert hex to RGB |
||
1335 | $r = hexdec( substr( $hex, 0, 2 ) ); |
||
1336 | $g = hexdec( substr( $hex, 2, 2 ) ); |
||
1337 | $b = hexdec( substr( $hex, 4, 2 ) ); |
||
1338 | |||
1339 | // Return RGB values as an array |
||
1340 | return $r . ',' . $g . ',' . $b; |
||
1341 | } |
||
1342 | |||
1343 | /** |
||
1344 | * Build the CSS to overwrite a bootstrap color variable. |
||
1345 | * |
||
1346 | * @param $type |
||
1347 | * @param $color_code |
||
1348 | * @param $compatibility |
||
1349 | * |
||
1350 | * @return string |
||
1351 | */ |
||
1352 | public static function css_overwrite_bs5($type,$color_code,$compatibility, $hex = '' ){ |
||
1353 | global $aui_bs5; |
||
1354 | |||
1355 | $is_var = false; |
||
1356 | $is_custom = strpos($type, 'custom-') !== false ? true : false; |
||
1357 | if(!$color_code){return '';} |
||
1358 | if(strpos($color_code, 'var') !== false){ |
||
1359 | //if(!sanitize_hex_color($color_code)){ |
||
1360 | $color_code = esc_attr($color_code); |
||
1361 | $is_var = true; |
||
1362 | // $color_code = "rgba($color_code, 0.5)"; |
||
1363 | // echo '###1'.$color_code.'###';//exit; |
||
1364 | } |
||
1365 | |||
1366 | // echo '@@@'.$color_code.'==='.self::hex_to_rgb($color_code);exit; |
||
1367 | |||
1368 | if(!$color_code){return '';} |
||
1369 | |||
1370 | $rgb = self::hex_to_rgb($hex); |
||
1371 | |||
1372 | if($compatibility===true || $compatibility===1){ |
||
1373 | $compatibility = '.bsui'; |
||
1374 | }elseif(!$compatibility){ |
||
1375 | $compatibility = ''; |
||
1376 | }else{ |
||
1377 | $compatibility = esc_attr($compatibility); |
||
1378 | } |
||
1379 | |||
1380 | $prefix = $compatibility ? $compatibility . " " : ""; |
||
1381 | |||
1382 | |||
1383 | $output = ''; |
||
1384 | |||
1385 | // echo '####'.$color_code;exit; |
||
1386 | |||
1387 | $type = sanitize_html_class($type); |
||
1388 | |||
1389 | /** |
||
1390 | * c = color, b = background color, o = border-color, f = fill |
||
1391 | */ |
||
1392 | $selectors = array( |
||
1393 | ".btn-{$type}" => array( 'b', 'o' ), |
||
1394 | ".btn-{$type}.disabled" => array( 'b', 'o' ), |
||
1395 | ".btn-{$type}:disabled" => array( 'b', 'o' ), |
||
1396 | ".btn-outline-{$type}" => array( 'c', 'o' ), |
||
1397 | ".btn-outline-{$type}:hover" => array( 'b', 'o' ), |
||
1398 | ".btn-outline-{$type}:not(:disabled):not(.disabled).active" => array( 'b', 'o' ), |
||
1399 | ".btn-outline-{$type}:not(:disabled):not(.disabled):active" => array( 'b', 'o' ), |
||
1400 | ".show>.btn-outline-{$type}.dropdown-toggle" => array( 'b', 'o' ), |
||
1401 | ".badge-{$type}" => array( 'b' ), |
||
1402 | ".alert-{$type}" => array( 'b', 'o' ), |
||
1403 | ".bg-{$type}" => array( 'b', 'f' ), |
||
1404 | ".btn-link.btn-{$type}" => array( 'c' ), |
||
1405 | ".text-{$type}" => array( 'c' ), |
||
1406 | ); |
||
1407 | |||
1408 | if ( $aui_bs5 ) { |
||
1409 | unset($selectors[".alert-{$type}" ]); |
||
1410 | } |
||
1411 | |||
1412 | if ( $type == 'primary' ) { |
||
1413 | $selectors = $selectors + array( |
||
1414 | 'a' => array( 'c' ), |
||
1415 | '.btn-link' => array( 'c' ), |
||
1416 | '.dropdown-item.active' => array( 'b' ), |
||
1417 | '.custom-control-input:checked~.custom-control-label::before' => array( |
||
1418 | 'b', |
||
1419 | 'o' |
||
1420 | ), |
||
1421 | '.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before' => array( |
||
1422 | 'b', |
||
1423 | 'o' |
||
1424 | ), |
||
1425 | '.nav-pills .nav-link.active' => array( 'b' ), |
||
1426 | '.nav-pills .show>.nav-link' => array( 'b' ), |
||
1427 | '.page-link' => array( 'c' ), |
||
1428 | '.page-item.active .page-link' => array( |
||
1429 | 'b', |
||
1430 | 'o' |
||
1431 | ), |
||
1432 | '.progress-bar' => array( 'b' ), |
||
1433 | '.list-group-item.active' => array( |
||
1434 | 'b', |
||
1435 | 'o' |
||
1436 | ), |
||
1437 | '.select2-container .select2-results__option--highlighted.select2-results__option[aria-selected=true]' => array( 'b' ), |
||
1438 | ); |
||
1439 | } |
||
1440 | |||
1441 | |||
1442 | |||
1443 | // link |
||
1444 | if ( $type === 'primary' ) { |
||
1445 | $output .= 'html body {--bs-link-hover-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .75); --bs-link-color: var(--bs-'.esc_attr($type).'); }'; |
||
1446 | $output .= $prefix . ' .breadcrumb{--bs-breadcrumb-item-active-color: '.esc_attr($color_code).'; }'; |
||
1447 | $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).'; }'; |
||
1448 | |||
1449 | $output .= $prefix . ' a{color: var(--bs-'.esc_attr($type).');}'; |
||
1450 | $output .= $prefix . ' .text-primary{color: var(--bs-'.esc_attr($type).') !important;}'; |
||
1451 | |||
1452 | // dropdown |
||
1453 | $output .= $prefix . ' .dropdown-menu{--bs-dropdown-link-hover-color: var(--bs-'.esc_attr($type).'); --bs-dropdown-link-active-color: var(--bs-'.esc_attr($type).');}'; |
||
1454 | |||
1455 | // pagination |
||
1456 | $output .= $prefix . ' .pagination{--bs-pagination-hover-color: var(--bs-'.esc_attr($type).'); --bs-pagination-active-bg: var(--bs-'.esc_attr($type).');}'; |
||
1457 | |||
1458 | } |
||
1459 | |||
1460 | $output .= $prefix . ' .link-'.esc_attr($type).' {color: var(--bs-'.esc_attr($type).'-rgb) !important;}'; |
||
1461 | $output .= $prefix . ' .link-'.esc_attr($type).':hover {color: rgba(var(--bs-'.esc_attr($type).'-rgb), .8) !important;}'; |
||
1462 | |||
1463 | // buttons |
||
1464 | $output .= $prefix . ' .btn-'.esc_attr($type).'{'; |
||
1465 | $output .= ' |
||
1466 | --bs-btn-bg: '.esc_attr($color_code).'; |
||
1467 | --bs-btn-border-color: '.esc_attr($color_code).'; |
||
1468 | --bs-btn-hover-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1469 | --bs-btn-hover-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1470 | --bs-btn-focus-shadow-rgb: --bs-'.esc_attr($type).'-rgb; |
||
1471 | --bs-btn-active-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1472 | --bs-btn-active-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1473 | --bs-btn-active-shadow: unset; |
||
1474 | --bs-btn-disabled-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .5); |
||
1475 | --bs-btn-disabled-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .1); |
||
1476 | '; |
||
1477 | // $output .= ' |
||
1478 | // --bs-btn-color: #fff; |
||
1479 | // --bs-btn-hover-color: #fff; |
||
1480 | // --bs-btn-active-color: #fff; |
||
1481 | // --bs-btn-disabled-color: #fff; |
||
1482 | // '; |
||
1483 | $output .= '}'; |
||
1484 | |||
1485 | // buttons outline |
||
1486 | $output .= $prefix . ' .btn-outline-'.esc_attr($type).'{'; |
||
1487 | $output .= ' |
||
1488 | --bs-btn-color: '.esc_attr($color_code).'; |
||
1489 | --bs-btn-border-color: '.esc_attr($color_code).'; |
||
1490 | --bs-btn-hover-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1491 | --bs-btn-hover-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1492 | --bs-btn-focus-shadow-rgb: --bs-'.esc_attr($type).'-rgb; |
||
1493 | --bs-btn-active-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1494 | --bs-btn-active-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .9); |
||
1495 | --bs-btn-active-shadow: unset; |
||
1496 | --bs-btn-disabled-bg: rgba(var(--bs-'.esc_attr($type).'-rgb), .5); |
||
1497 | --bs-btn-disabled-border-color: rgba(var(--bs-'.esc_attr($type).'-rgb), .1); |
||
1498 | '; |
||
1499 | // $output .= ' |
||
1500 | // --bs-btn-color: #fff; |
||
1501 | // --bs-btn-hover-color: #fff; |
||
1502 | // --bs-btn-active-color: #fff; |
||
1503 | // --bs-btn-disabled-color: #fff; |
||
1504 | // '; |
||
1505 | $output .= '}'; |
||
1506 | |||
1507 | |||
1508 | // button hover |
||
1509 | $output .= $prefix . ' .btn-'.esc_attr($type).':hover{'; |
||
1510 | $output .= ' |
||
1511 | 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); |
||
1512 | } |
||
1513 | '; |
||
1514 | |||
1515 | |||
1516 | if ( $aui_bs5 ) { |
||
1517 | // $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).'; }'; |
||
1518 | $output .= 'html body {--bs-'.esc_attr($type).': '.esc_attr($color_code).'; }'; |
||
1519 | $output .= 'html body {--bs-'.esc_attr($type).'-rgb: '.$rgb.'; }'; |
||
1520 | } |
||
1521 | |||
1522 | |||
1523 | if ( $is_custom ) { |
||
1524 | |||
1525 | // echo '###'.$type;exit; |
||
1526 | |||
1527 | // build rules into each type |
||
1528 | foreach($selectors as $selector => $types){ |
||
1529 | $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1530 | $types = array_combine($types,$types); |
||
1531 | if(isset($types['c'])){$color[] = $selector;} |
||
1532 | if(isset($types['b'])){$background[] = $selector;} |
||
1533 | if(isset($types['o'])){$border[] = $selector;} |
||
1534 | if(isset($types['f'])){$fill[] = $selector;} |
||
1535 | } |
||
1536 | |||
1537 | // // build rules into each type |
||
1538 | // foreach($important_selectors as $selector => $types){ |
||
1539 | // $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1540 | // $types = array_combine($types,$types); |
||
1541 | // if(isset($types['c'])){$color_i[] = $selector;} |
||
1542 | // if(isset($types['b'])){$background_i[] = $selector;} |
||
1543 | // if(isset($types['o'])){$border_i[] = $selector;} |
||
1544 | // if(isset($types['f'])){$fill_i[] = $selector;} |
||
1545 | // } |
||
1546 | |||
1547 | // add any color rules |
||
1548 | if(!empty($color)){ |
||
1549 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
1550 | } |
||
1551 | if(!empty($color_i)){ |
||
1552 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
1553 | } |
||
1554 | |||
1555 | // add any background color rules |
||
1556 | if(!empty($background)){ |
||
1557 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
1558 | } |
||
1559 | if(!empty($background_i)){ |
||
1560 | $output .= $aui_bs5 ? '' : implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
1561 | // $output .= implode(",",$background_i) . "{background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;} "; |
||
1562 | } |
||
1563 | |||
1564 | // add any border color rules |
||
1565 | if(!empty($border)){ |
||
1566 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
1567 | } |
||
1568 | if(!empty($border_i)){ |
||
1569 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
1570 | } |
||
1571 | |||
1572 | // add any fill color rules |
||
1573 | if(!empty($fill)){ |
||
1574 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
1575 | } |
||
1576 | if(!empty($fill_i)){ |
||
1577 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
1578 | } |
||
1579 | |||
1580 | } |
||
1581 | |||
1582 | |||
1583 | |||
1584 | |||
1585 | $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;' : ''; |
||
1586 | // darken |
||
1587 | $darker_075 = $is_var ? $color_code.';filter:brightness(0.925)' : self::css_hex_lighten_darken($color_code,"-0.075"); |
||
1588 | $darker_10 = $is_var ? $color_code.';filter:brightness(0.9)' : self::css_hex_lighten_darken($color_code,"-0.10"); |
||
1589 | $darker_125 = $is_var ? $color_code.';filter:brightness(0.875)' : self::css_hex_lighten_darken($color_code,"-0.125"); |
||
1590 | $darker_40 = $is_var ? $color_code.';filter:brightness(0.6)' : self::css_hex_lighten_darken($color_code,"-0.4"); |
||
1591 | |||
1592 | // lighten |
||
1593 | $lighten_25 = $is_var ? $color_code.';filter:brightness(1.25)' :self::css_hex_lighten_darken($color_code,"0.25"); |
||
1594 | |||
1595 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
1596 | $op_25 = $color_code."40"; // 25% opacity |
||
1597 | |||
1598 | |||
1599 | // button states |
||
1600 | $output .= $is_var ? $prefix ." .btn-{$type}{{$transition }} " : ''; |
||
1601 | $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
1602 | // $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: #000; border-color: #000;} "; |
||
1603 | $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;} "; |
||
1604 | $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.";} "; |
||
1605 | $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;} "; |
||
1606 | $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);} "; |
||
1607 | |||
1608 | // text |
||
1609 | // $output .= $prefix .".xxx, .text-{$type} {color: var(--bs-".esc_attr($type).");} "; |
||
1610 | |||
1611 | |||
1612 | // if ( $type == 'primary' ) { |
||
1613 | // // dropdown's |
||
1614 | // $output .= $prefix . " .dropdown-item.active, $prefix .dropdown-item:active{background-color: $color_code;} "; |
||
1615 | // |
||
1616 | // // input states |
||
1617 | // $output .= $prefix . " .form-control:focus{border-color: " . $lighten_25 . ";box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1618 | // |
||
1619 | // // page link |
||
1620 | // $output .= $prefix . " .page-link:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1621 | // } |
||
1622 | |||
1623 | // alerts |
||
1624 | if ( $aui_bs5 ) { |
||
1625 | // $output .= $is_var ? '' : $prefix ." .alert-{$type} {background-color: ".$color_code."20; border-color: ".$color_code."30;color:$darker_40} "; |
||
1626 | $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;} "; |
||
1627 | } |
||
1628 | |||
1629 | return $output; |
||
1630 | } |
||
1631 | |||
1632 | /** |
||
1633 | * Build the CSS to overwrite a bootstrap color variable. |
||
1634 | * |
||
1635 | * @param $type |
||
1636 | * @param $color_code |
||
1637 | * @param $compatibility |
||
1638 | * |
||
1639 | * @return string |
||
1640 | */ |
||
1641 | public static function css_overwrite($type,$color_code,$compatibility, $hex = '' ){ |
||
1642 | global $aui_bs5; |
||
1643 | |||
1644 | $is_var = false; |
||
1645 | if(!$color_code){return '';} |
||
1646 | if(strpos($color_code, 'var') !== false){ |
||
1647 | //if(!sanitize_hex_color($color_code)){ |
||
1648 | $color_code = esc_attr($color_code); |
||
1649 | $is_var = true; |
||
1650 | // $color_code = "rgba($color_code, 0.5)"; |
||
1651 | // echo '###1'.$color_code.'###';//exit; |
||
1652 | } |
||
1653 | |||
1654 | // echo '@@@'.$color_code.'==='.self::hex_to_rgb($color_code);exit; |
||
1655 | |||
1656 | if(!$color_code){return '';} |
||
1657 | |||
1658 | $rgb = self::hex_to_rgb($hex); |
||
1659 | |||
1660 | if($compatibility===true || $compatibility===1){ |
||
1661 | $compatibility = '.bsui'; |
||
1662 | }elseif(!$compatibility){ |
||
1663 | $compatibility = ''; |
||
1664 | }else{ |
||
1665 | $compatibility = esc_attr($compatibility); |
||
1666 | } |
||
1667 | |||
1668 | |||
1669 | |||
1670 | // echo '####'.$color_code;exit; |
||
1671 | |||
1672 | $type = sanitize_html_class($type); |
||
1673 | |||
1674 | /** |
||
1675 | * c = color, b = background color, o = border-color, f = fill |
||
1676 | */ |
||
1677 | $selectors = array( |
||
1678 | ".btn-{$type}" => array( 'b', 'o' ), |
||
1679 | ".btn-{$type}.disabled" => array( 'b', 'o' ), |
||
1680 | ".btn-{$type}:disabled" => array( 'b', 'o' ), |
||
1681 | ".btn-outline-{$type}" => array( 'c', 'o' ), |
||
1682 | ".btn-outline-{$type}:hover" => array( 'b', 'o' ), |
||
1683 | ".btn-outline-{$type}:not(:disabled):not(.disabled).active" => array( 'b', 'o' ), |
||
1684 | ".btn-outline-{$type}:not(:disabled):not(.disabled):active" => array( 'b', 'o' ), |
||
1685 | ".show>.btn-outline-{$type}.dropdown-toggle" => array( 'b', 'o' ), |
||
1686 | ".badge-{$type}" => array( 'b' ), |
||
1687 | ".alert-{$type}" => array( 'b', 'o' ), |
||
1688 | ".bg-{$type}" => array( 'b', 'f' ), |
||
1689 | ".btn-link.btn-{$type}" => array( 'c' ), |
||
1690 | ); |
||
1691 | |||
1692 | if ( $aui_bs5 ) { |
||
1693 | unset($selectors[".alert-{$type}" ]); |
||
1694 | } |
||
1695 | |||
1696 | if ( $type == 'primary' ) { |
||
1697 | $selectors = $selectors + array( |
||
1698 | 'a' => array( 'c' ), |
||
1699 | '.btn-link' => array( 'c' ), |
||
1700 | '.dropdown-item.active' => array( 'b' ), |
||
1701 | '.custom-control-input:checked~.custom-control-label::before' => array( |
||
1702 | 'b', |
||
1703 | 'o' |
||
1704 | ), |
||
1705 | '.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before' => array( |
||
1706 | 'b', |
||
1707 | 'o' |
||
1708 | ), |
||
1709 | '.nav-pills .nav-link.active' => array( 'b' ), |
||
1710 | '.nav-pills .show>.nav-link' => array( 'b' ), |
||
1711 | '.page-link' => array( 'c' ), |
||
1712 | '.page-item.active .page-link' => array( |
||
1713 | 'b', |
||
1714 | 'o' |
||
1715 | ), |
||
1716 | '.progress-bar' => array( 'b' ), |
||
1717 | '.list-group-item.active' => array( |
||
1718 | 'b', |
||
1719 | 'o' |
||
1720 | ), |
||
1721 | '.select2-container .select2-results__option--highlighted.select2-results__option[aria-selected=true]' => array( 'b' ), |
||
1722 | // '.custom-range::-webkit-slider-thumb' => array('b'), // these break the inline rules... |
||
1723 | // '.custom-range::-moz-range-thumb' => array('b'), |
||
1724 | // '.custom-range::-ms-thumb' => array('b'), |
||
1725 | ); |
||
1726 | } |
||
1727 | |||
1728 | $important_selectors = array( |
||
1729 | ".bg-{$type}" => array('b','f'), |
||
1730 | ".border-{$type}" => array('o'), |
||
1731 | ".text-{$type}" => array('c'), |
||
1732 | ); |
||
1733 | |||
1734 | $color = array(); |
||
1735 | $color_i = array(); |
||
1736 | $background = array(); |
||
1737 | $background_i = array(); |
||
1738 | $border = array(); |
||
1739 | $border_i = array(); |
||
1740 | $fill = array(); |
||
1741 | $fill_i = array(); |
||
1742 | |||
1743 | $output = ''; |
||
1744 | |||
1745 | if ( $aui_bs5 ) { |
||
1746 | // $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).'; }'; |
||
1747 | $output .= 'html body {--bs-'.esc_attr($type).'-rgb: '.$rgb.'; }'; |
||
1748 | } |
||
1749 | |||
1750 | // build rules into each type |
||
1751 | foreach($selectors as $selector => $types){ |
||
1752 | $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1753 | $types = array_combine($types,$types); |
||
1754 | if(isset($types['c'])){$color[] = $selector;} |
||
1755 | if(isset($types['b'])){$background[] = $selector;} |
||
1756 | if(isset($types['o'])){$border[] = $selector;} |
||
1757 | if(isset($types['f'])){$fill[] = $selector;} |
||
1758 | } |
||
1759 | |||
1760 | // build rules into each type |
||
1761 | foreach($important_selectors as $selector => $types){ |
||
1762 | $selector = $compatibility ? $compatibility . " ".$selector : $selector; |
||
1763 | $types = array_combine($types,$types); |
||
1764 | if(isset($types['c'])){$color_i[] = $selector;} |
||
1765 | if(isset($types['b'])){$background_i[] = $selector;} |
||
1766 | if(isset($types['o'])){$border_i[] = $selector;} |
||
1767 | if(isset($types['f'])){$fill_i[] = $selector;} |
||
1768 | } |
||
1769 | |||
1770 | // add any color rules |
||
1771 | if(!empty($color)){ |
||
1772 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
1773 | } |
||
1774 | if(!empty($color_i)){ |
||
1775 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
1776 | } |
||
1777 | |||
1778 | // add any background color rules |
||
1779 | if(!empty($background)){ |
||
1780 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
1781 | } |
||
1782 | if(!empty($background_i)){ |
||
1783 | $output .= $aui_bs5 ? '' : implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
1784 | // $output .= implode(",",$background_i) . "{background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;} "; |
||
1785 | } |
||
1786 | |||
1787 | // add any border color rules |
||
1788 | if(!empty($border)){ |
||
1789 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
1790 | } |
||
1791 | if(!empty($border_i)){ |
||
1792 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
1793 | } |
||
1794 | |||
1795 | // add any fill color rules |
||
1796 | if(!empty($fill)){ |
||
1797 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
1798 | } |
||
1799 | if(!empty($fill_i)){ |
||
1800 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
1801 | } |
||
1802 | |||
1803 | |||
1804 | $prefix = $compatibility ? $compatibility . " " : ""; |
||
1805 | |||
1806 | $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;' : ''; |
||
1807 | // darken |
||
1808 | $darker_075 = $is_var ? $color_code.';filter:brightness(0.925)' : self::css_hex_lighten_darken($color_code,"-0.075"); |
||
1809 | $darker_10 = $is_var ? $color_code.';filter:brightness(0.9)' : self::css_hex_lighten_darken($color_code,"-0.10"); |
||
1810 | $darker_125 = $is_var ? $color_code.';filter:brightness(0.875)' : self::css_hex_lighten_darken($color_code,"-0.125"); |
||
1811 | $darker_40 = $is_var ? $color_code.';filter:brightness(0.6)' : self::css_hex_lighten_darken($color_code,"-0.4"); |
||
1812 | |||
1813 | // lighten |
||
1814 | $lighten_25 = $is_var ? $color_code.';filter:brightness(1.25)' :self::css_hex_lighten_darken($color_code,"0.25"); |
||
1815 | |||
1816 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
1817 | $op_25 = $color_code."40"; // 25% opacity |
||
1818 | |||
1819 | |||
1820 | // button states |
||
1821 | $output .= $is_var ? $prefix ." .btn-{$type}{{$transition }} " : ''; |
||
1822 | $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
1823 | // $output .= $prefix ." .btn-{$type}:hover, $prefix .btn-{$type}:focus, $prefix .btn-{$type}.focus{background-color: #000; border-color: #000;} "; |
||
1824 | $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;} "; |
||
1825 | $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.";} "; |
||
1826 | $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;} "; |
||
1827 | |||
1828 | if ( $type == 'primary' ) { |
||
1829 | // dropdown's |
||
1830 | $output .= $prefix . " .dropdown-item.active, $prefix .dropdown-item:active{background-color: $color_code;} "; |
||
1831 | |||
1832 | // input states |
||
1833 | $output .= $prefix . " .form-control:focus{border-color: " . $lighten_25 . ";box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1834 | |||
1835 | // page link |
||
1836 | $output .= $prefix . " .page-link:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1837 | } |
||
1838 | |||
1839 | // alerts |
||
1840 | if ( $aui_bs5 ) { |
||
1841 | // $output .= $is_var ? '' : $prefix ." .alert-{$type} {background-color: ".$color_code."20; border-color: ".$color_code."30;color:$darker_40} "; |
||
1842 | $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;} "; |
||
1843 | } |
||
1844 | |||
1845 | return $output; |
||
1846 | } |
||
1847 | |||
1848 | /** |
||
1849 | * |
||
1850 | * @deprecated 0.1.76 Use css_overwrite() |
||
1851 | * |
||
1852 | * @param $color_code |
||
1853 | * @param $compatibility |
||
1854 | * @param $use_variable |
||
1855 | * |
||
1856 | * @return string |
||
1857 | */ |
||
1858 | public static function css_primary($color_code,$compatibility, $use_variable = false){ |
||
1859 | |||
1860 | if(!$use_variable){ |
||
1861 | $color_code = sanitize_hex_color($color_code); |
||
1862 | if(!$color_code){return '';} |
||
1863 | } |
||
1864 | |||
1865 | /** |
||
1866 | * c = color, b = background color, o = border-color, f = fill |
||
1867 | */ |
||
1868 | $selectors = array( |
||
1869 | 'a' => array('c'), |
||
1870 | '.btn-primary' => array('b','o'), |
||
1871 | '.btn-primary.disabled' => array('b','o'), |
||
1872 | '.btn-primary:disabled' => array('b','o'), |
||
1873 | '.btn-outline-primary' => array('c','o'), |
||
1874 | '.btn-outline-primary:hover' => array('b','o'), |
||
1875 | '.btn-outline-primary:not(:disabled):not(.disabled).active' => array('b','o'), |
||
1876 | '.btn-outline-primary:not(:disabled):not(.disabled):active' => array('b','o'), |
||
1877 | '.show>.btn-outline-primary.dropdown-toggle' => array('b','o'), |
||
1878 | '.btn-link' => array('c'), |
||
1879 | '.dropdown-item.active' => array('b'), |
||
1880 | '.custom-control-input:checked~.custom-control-label::before' => array('b','o'), |
||
1881 | '.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before' => array('b','o'), |
||
1882 | // '.custom-range::-webkit-slider-thumb' => array('b'), // these break the inline rules... |
||
1883 | // '.custom-range::-moz-range-thumb' => array('b'), |
||
1884 | // '.custom-range::-ms-thumb' => array('b'), |
||
1885 | '.nav-pills .nav-link.active' => array('b'), |
||
1886 | '.nav-pills .show>.nav-link' => array('b'), |
||
1887 | '.page-link' => array('c'), |
||
1888 | '.page-item.active .page-link' => array('b','o'), |
||
1889 | '.badge-primary' => array('b'), |
||
1890 | '.alert-primary' => array('b','o'), |
||
1891 | '.progress-bar' => array('b'), |
||
1892 | '.list-group-item.active' => array('b','o'), |
||
1893 | '.bg-primary' => array('b','f'), |
||
1894 | '.btn-link.btn-primary' => array('c'), |
||
1895 | '.select2-container .select2-results__option--highlighted.select2-results__option[aria-selected=true]' => array('b'), |
||
1896 | ); |
||
1897 | |||
1898 | $important_selectors = array( |
||
1899 | '.bg-primary' => array('b','f'), |
||
1900 | '.border-primary' => array('o'), |
||
1901 | '.text-primary' => array('c'), |
||
1902 | ); |
||
1903 | |||
1904 | $color = array(); |
||
1905 | $color_i = array(); |
||
1906 | $background = array(); |
||
1907 | $background_i = array(); |
||
1908 | $border = array(); |
||
1909 | $border_i = array(); |
||
1910 | $fill = array(); |
||
1911 | $fill_i = array(); |
||
1912 | |||
1913 | $output = ''; |
||
1914 | |||
1915 | // build rules into each type |
||
1916 | foreach($selectors as $selector => $types){ |
||
1917 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
1918 | $types = array_combine($types,$types); |
||
1919 | if(isset($types['c'])){$color[] = $selector;} |
||
1920 | if(isset($types['b'])){$background[] = $selector;} |
||
1921 | if(isset($types['o'])){$border[] = $selector;} |
||
1922 | if(isset($types['f'])){$fill[] = $selector;} |
||
1923 | } |
||
1924 | |||
1925 | // build rules into each type |
||
1926 | foreach($important_selectors as $selector => $types){ |
||
1927 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
1928 | $types = array_combine($types,$types); |
||
1929 | if(isset($types['c'])){$color_i[] = $selector;} |
||
1930 | if(isset($types['b'])){$background_i[] = $selector;} |
||
1931 | if(isset($types['o'])){$border_i[] = $selector;} |
||
1932 | if(isset($types['f'])){$fill_i[] = $selector;} |
||
1933 | } |
||
1934 | |||
1935 | // add any color rules |
||
1936 | if(!empty($color)){ |
||
1937 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
1938 | } |
||
1939 | if(!empty($color_i)){ |
||
1940 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
1941 | } |
||
1942 | |||
1943 | // add any background color rules |
||
1944 | if(!empty($background)){ |
||
1945 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
1946 | } |
||
1947 | if(!empty($background_i)){ |
||
1948 | $output .= implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
1949 | } |
||
1950 | |||
1951 | // add any border color rules |
||
1952 | if(!empty($border)){ |
||
1953 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
1954 | } |
||
1955 | if(!empty($border_i)){ |
||
1956 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
1957 | } |
||
1958 | |||
1959 | // add any fill color rules |
||
1960 | if(!empty($fill)){ |
||
1961 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
1962 | } |
||
1963 | if(!empty($fill_i)){ |
||
1964 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
1965 | } |
||
1966 | |||
1967 | |||
1968 | $prefix = $compatibility ? ".bsui " : ""; |
||
1969 | |||
1970 | // darken |
||
1971 | $darker_075 = self::css_hex_lighten_darken($color_code,"-0.075"); |
||
1972 | $darker_10 = self::css_hex_lighten_darken($color_code,"-0.10"); |
||
1973 | $darker_125 = self::css_hex_lighten_darken($color_code,"-0.125"); |
||
1974 | |||
1975 | // lighten |
||
1976 | $lighten_25 = self::css_hex_lighten_darken($color_code,"0.25"); |
||
1977 | |||
1978 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
1979 | $op_25 = $color_code."40"; // 25% opacity |
||
1980 | |||
1981 | |||
1982 | // button states |
||
1983 | $output .= $prefix ." .btn-primary:hover, $prefix .btn-primary:focus, $prefix .btn-primary.focus{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
1984 | $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;} "; |
||
1985 | $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.";} "; |
||
1986 | $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;} "; |
||
1987 | |||
1988 | |||
1989 | // dropdown's |
||
1990 | $output .= $prefix ." .dropdown-item.active, $prefix .dropdown-item:active{background-color: $color_code;} "; |
||
1991 | |||
1992 | |||
1993 | // input states |
||
1994 | $output .= $prefix ." .form-control:focus{border-color: ".$lighten_25.";box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1995 | |||
1996 | // page link |
||
1997 | $output .= $prefix ." .page-link:focus{box-shadow: 0 0 0 0.2rem $op_25;} "; |
||
1998 | |||
1999 | return $output; |
||
2000 | } |
||
2001 | |||
2002 | /** |
||
2003 | * |
||
2004 | * @deprecated 0.1.76 Use css_overwrite() |
||
2005 | * |
||
2006 | * @param $color_code |
||
2007 | * @param $compatibility |
||
2008 | * |
||
2009 | * @return string |
||
2010 | */ |
||
2011 | public static function css_secondary($color_code,$compatibility){; |
||
2012 | $color_code = sanitize_hex_color($color_code); |
||
2013 | if(!$color_code){return '';} |
||
2014 | /** |
||
2015 | * c = color, b = background color, o = border-color, f = fill |
||
2016 | */ |
||
2017 | $selectors = array( |
||
2018 | '.btn-secondary' => array('b','o'), |
||
2019 | '.btn-secondary.disabled' => array('b','o'), |
||
2020 | '.btn-secondary:disabled' => array('b','o'), |
||
2021 | '.btn-outline-secondary' => array('c','o'), |
||
2022 | '.btn-outline-secondary:hover' => array('b','o'), |
||
2023 | '.btn-outline-secondary.disabled' => array('c'), |
||
2024 | '.btn-outline-secondary:disabled' => array('c'), |
||
2025 | '.btn-outline-secondary:not(:disabled):not(.disabled):active' => array('b','o'), |
||
2026 | '.btn-outline-secondary:not(:disabled):not(.disabled).active' => array('b','o'), |
||
2027 | '.btn-outline-secondary.dropdown-toggle' => array('b','o'), |
||
2028 | '.badge-secondary' => array('b'), |
||
2029 | '.alert-secondary' => array('b','o'), |
||
2030 | '.btn-link.btn-secondary' => array('c'), |
||
2031 | ); |
||
2032 | |||
2033 | $important_selectors = array( |
||
2034 | '.bg-secondary' => array('b','f'), |
||
2035 | '.border-secondary' => array('o'), |
||
2036 | '.text-secondary' => array('c'), |
||
2037 | ); |
||
2038 | |||
2039 | $color = array(); |
||
2040 | $color_i = array(); |
||
2041 | $background = array(); |
||
2042 | $background_i = array(); |
||
2043 | $border = array(); |
||
2044 | $border_i = array(); |
||
2045 | $fill = array(); |
||
2046 | $fill_i = array(); |
||
2047 | |||
2048 | $output = ''; |
||
2049 | |||
2050 | // build rules into each type |
||
2051 | foreach($selectors as $selector => $types){ |
||
2052 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
2053 | $types = array_combine($types,$types); |
||
2054 | if(isset($types['c'])){$color[] = $selector;} |
||
2055 | if(isset($types['b'])){$background[] = $selector;} |
||
2056 | if(isset($types['o'])){$border[] = $selector;} |
||
2057 | if(isset($types['f'])){$fill[] = $selector;} |
||
2058 | } |
||
2059 | |||
2060 | // build rules into each type |
||
2061 | foreach($important_selectors as $selector => $types){ |
||
2062 | $selector = $compatibility ? ".bsui ".$selector : $selector; |
||
2063 | $types = array_combine($types,$types); |
||
2064 | if(isset($types['c'])){$color_i[] = $selector;} |
||
2065 | if(isset($types['b'])){$background_i[] = $selector;} |
||
2066 | if(isset($types['o'])){$border_i[] = $selector;} |
||
2067 | if(isset($types['f'])){$fill_i[] = $selector;} |
||
2068 | } |
||
2069 | |||
2070 | // add any color rules |
||
2071 | if(!empty($color)){ |
||
2072 | $output .= implode(",",$color) . "{color: $color_code;} "; |
||
2073 | } |
||
2074 | if(!empty($color_i)){ |
||
2075 | $output .= implode(",",$color_i) . "{color: $color_code !important;} "; |
||
2076 | } |
||
2077 | |||
2078 | // add any background color rules |
||
2079 | if(!empty($background)){ |
||
2080 | $output .= implode(",",$background) . "{background-color: $color_code;} "; |
||
2081 | } |
||
2082 | if(!empty($background_i)){ |
||
2083 | $output .= implode(",",$background_i) . "{background-color: $color_code !important;} "; |
||
2084 | } |
||
2085 | |||
2086 | // add any border color rules |
||
2087 | if(!empty($border)){ |
||
2088 | $output .= implode(",",$border) . "{border-color: $color_code;} "; |
||
2089 | } |
||
2090 | if(!empty($border_i)){ |
||
2091 | $output .= implode(",",$border_i) . "{border-color: $color_code !important;} "; |
||
2092 | } |
||
2093 | |||
2094 | // add any fill color rules |
||
2095 | if(!empty($fill)){ |
||
2096 | $output .= implode(",",$fill) . "{fill: $color_code;} "; |
||
2097 | } |
||
2098 | if(!empty($fill_i)){ |
||
2099 | $output .= implode(",",$fill_i) . "{fill: $color_code !important;} "; |
||
2100 | } |
||
2101 | |||
2102 | |||
2103 | $prefix = $compatibility ? ".bsui " : ""; |
||
2104 | |||
2105 | // darken |
||
2106 | $darker_075 = self::css_hex_lighten_darken($color_code,"-0.075"); |
||
2107 | $darker_10 = self::css_hex_lighten_darken($color_code,"-0.10"); |
||
2108 | $darker_125 = self::css_hex_lighten_darken($color_code,"-0.125"); |
||
2109 | |||
2110 | // lighten |
||
2111 | $lighten_25 = self::css_hex_lighten_darken($color_code,"0.25"); |
||
2112 | |||
2113 | // opacity see https://css-tricks.com/8-digit-hex-codes/ |
||
2114 | $op_25 = $color_code."40"; // 25% opacity |
||
2115 | |||
2116 | |||
2117 | // button states |
||
2118 | $output .= $prefix ." .btn-secondary:hover{background-color: ".$darker_075."; border-color: ".$darker_10.";} "; |
||
2119 | $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;} "; |
||
2120 | $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.";} "; |
||
2121 | $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;} "; |
||
2122 | |||
2123 | |||
2124 | return $output; |
||
2125 | } |
||
2126 | |||
2127 | /** |
||
2128 | * Increases or decreases the brightness of a color by a percentage of the current brightness. |
||
2129 | * |
||
2130 | * @param string $hexCode Supported formats: `#FFF`, `#FFFFFF`, `FFF`, `FFFFFF` |
||
2131 | * @param float $adjustPercent A number between -1 and 1. E.g. 0.3 = 30% lighter; -0.4 = 40% darker. |
||
2132 | * |
||
2133 | * @return string |
||
2134 | */ |
||
2135 | public static function css_hex_lighten_darken($hexCode, $adjustPercent) { |
||
2136 | $hexCode = ltrim($hexCode, '#'); |
||
2137 | |||
2138 | if ( strpos( $hexCode, 'rgba(' ) !== false || strpos( $hexCode, 'rgb(' ) !== false ) { |
||
2139 | return $hexCode; |
||
2140 | } |
||
2141 | |||
2142 | if (strlen($hexCode) == 3) { |
||
2143 | $hexCode = $hexCode[0] . $hexCode[0] . $hexCode[1] . $hexCode[1] . $hexCode[2] . $hexCode[2]; |
||
2144 | } |
||
2145 | |||
2146 | $hexCode = array_map('hexdec', str_split($hexCode, 2)); |
||
2147 | |||
2148 | foreach ($hexCode as & $color) { |
||
2149 | $adjustableLimit = $adjustPercent < 0 ? $color : 255 - $color; |
||
2150 | $adjustAmount = ceil($adjustableLimit * $adjustPercent); |
||
2151 | |||
2152 | $color = str_pad(dechex($color + $adjustAmount), 2, '0', STR_PAD_LEFT); |
||
2153 | } |
||
2154 | |||
2155 | return '#' . implode($hexCode); |
||
2156 | } |
||
2157 | |||
2158 | /** |
||
2159 | * Check if we should display examples. |
||
2160 | */ |
||
2161 | public function maybe_show_examples(){ |
||
2162 | if(current_user_can('manage_options') && isset($_REQUEST['preview-aui'])){ |
||
2163 | echo "<head>"; |
||
2164 | wp_head(); |
||
2165 | echo "</head>"; |
||
2166 | echo "<body>"; |
||
2167 | echo $this->get_examples(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2168 | echo "</body>"; |
||
2169 | exit; |
||
2170 | } |
||
2171 | } |
||
2172 | |||
2173 | /** |
||
2174 | * Get developer examples. |
||
2175 | * |
||
2176 | * @return string |
||
2177 | */ |
||
2178 | public function get_examples(){ |
||
2179 | $output = ''; |
||
2180 | |||
2181 | |||
2182 | // open form |
||
2183 | $output .= "<form class='p-5 m-5 border rounded'>"; |
||
2184 | |||
2185 | // input example |
||
2186 | $output .= aui()->input(array( |
||
2187 | 'type' => 'text', |
||
2188 | 'id' => 'text-example', |
||
2189 | 'name' => 'text-example', |
||
2190 | 'placeholder' => 'text placeholder', |
||
2191 | 'title' => 'Text input example', |
||
2192 | 'value' => '', |
||
2193 | 'required' => false, |
||
2194 | 'help_text' => 'help text', |
||
2195 | 'label' => 'Text input example label' |
||
2196 | )); |
||
2197 | |||
2198 | // input example |
||
2199 | $output .= aui()->input(array( |
||
2200 | 'type' => 'url', |
||
2201 | 'id' => 'text-example2', |
||
2202 | 'name' => 'text-example', |
||
2203 | 'placeholder' => 'url placeholder', |
||
2204 | 'title' => 'Text input example', |
||
2205 | 'value' => '', |
||
2206 | 'required' => false, |
||
2207 | 'help_text' => 'help text', |
||
2208 | 'label' => 'Text input example label' |
||
2209 | )); |
||
2210 | |||
2211 | // checkbox example |
||
2212 | $output .= aui()->input(array( |
||
2213 | 'type' => 'checkbox', |
||
2214 | 'id' => 'checkbox-example', |
||
2215 | 'name' => 'checkbox-example', |
||
2216 | 'placeholder' => 'checkbox-example', |
||
2217 | 'title' => 'Checkbox example', |
||
2218 | 'value' => '1', |
||
2219 | 'checked' => true, |
||
2220 | 'required' => false, |
||
2221 | 'help_text' => 'help text', |
||
2222 | 'label' => 'Checkbox checked' |
||
2223 | )); |
||
2224 | |||
2225 | // checkbox example |
||
2226 | $output .= aui()->input(array( |
||
2227 | 'type' => 'checkbox', |
||
2228 | 'id' => 'checkbox-example2', |
||
2229 | 'name' => 'checkbox-example2', |
||
2230 | 'placeholder' => 'checkbox-example', |
||
2231 | 'title' => 'Checkbox example', |
||
2232 | 'value' => '1', |
||
2233 | 'checked' => false, |
||
2234 | 'required' => false, |
||
2235 | 'help_text' => 'help text', |
||
2236 | 'label' => 'Checkbox un-checked' |
||
2237 | )); |
||
2238 | |||
2239 | // switch example |
||
2240 | $output .= aui()->input(array( |
||
2241 | 'type' => 'checkbox', |
||
2242 | 'id' => 'switch-example', |
||
2243 | 'name' => 'switch-example', |
||
2244 | 'placeholder' => 'checkbox-example', |
||
2245 | 'title' => 'Switch example', |
||
2246 | 'value' => '1', |
||
2247 | 'checked' => true, |
||
2248 | 'switch' => true, |
||
2249 | 'required' => false, |
||
2250 | 'help_text' => 'help text', |
||
2251 | 'label' => 'Switch on' |
||
2252 | )); |
||
2253 | |||
2254 | // switch example |
||
2255 | $output .= aui()->input(array( |
||
2256 | 'type' => 'checkbox', |
||
2257 | 'id' => 'switch-example2', |
||
2258 | 'name' => 'switch-example2', |
||
2259 | 'placeholder' => 'checkbox-example', |
||
2260 | 'title' => 'Switch example', |
||
2261 | 'value' => '1', |
||
2262 | 'checked' => false, |
||
2263 | 'switch' => true, |
||
2264 | 'required' => false, |
||
2265 | 'help_text' => 'help text', |
||
2266 | 'label' => 'Switch off' |
||
2267 | )); |
||
2268 | |||
2269 | // close form |
||
2270 | $output .= "</form>"; |
||
2271 | |||
2272 | return $output; |
||
2273 | } |
||
2274 | |||
2275 | /** |
||
2276 | * Calendar params. |
||
2277 | * |
||
2278 | * @since 0.1.44 |
||
2279 | * |
||
2280 | * @return array Calendar params. |
||
2281 | */ |
||
2282 | public static function calendar_params() { |
||
2283 | $params = array( |
||
2284 | 'month_long_1' => __( 'January', 'ayecode-connect' ), |
||
2285 | 'month_long_2' => __( 'February', 'ayecode-connect' ), |
||
2286 | 'month_long_3' => __( 'March', 'ayecode-connect' ), |
||
2287 | 'month_long_4' => __( 'April', 'ayecode-connect' ), |
||
2288 | 'month_long_5' => __( 'May', 'ayecode-connect' ), |
||
2289 | 'month_long_6' => __( 'June', 'ayecode-connect' ), |
||
2290 | 'month_long_7' => __( 'July', 'ayecode-connect' ), |
||
2291 | 'month_long_8' => __( 'August', 'ayecode-connect' ), |
||
2292 | 'month_long_9' => __( 'September', 'ayecode-connect' ), |
||
2293 | 'month_long_10' => __( 'October', 'ayecode-connect' ), |
||
2294 | 'month_long_11' => __( 'November', 'ayecode-connect' ), |
||
2295 | 'month_long_12' => __( 'December', 'ayecode-connect' ), |
||
2296 | 'month_s_1' => _x( 'Jan', 'January abbreviation', 'ayecode-connect' ), |
||
2297 | 'month_s_2' => _x( 'Feb', 'February abbreviation', 'ayecode-connect' ), |
||
2298 | 'month_s_3' => _x( 'Mar', 'March abbreviation', 'ayecode-connect' ), |
||
2299 | 'month_s_4' => _x( 'Apr', 'April abbreviation', 'ayecode-connect' ), |
||
2300 | 'month_s_5' => _x( 'May', 'May abbreviation', 'ayecode-connect' ), |
||
2301 | 'month_s_6' => _x( 'Jun', 'June abbreviation', 'ayecode-connect' ), |
||
2302 | 'month_s_7' => _x( 'Jul', 'July abbreviation', 'ayecode-connect' ), |
||
2303 | 'month_s_8' => _x( 'Aug', 'August abbreviation', 'ayecode-connect' ), |
||
2304 | 'month_s_9' => _x( 'Sep', 'September abbreviation', 'ayecode-connect' ), |
||
2305 | 'month_s_10' => _x( 'Oct', 'October abbreviation', 'ayecode-connect' ), |
||
2306 | 'month_s_11' => _x( 'Nov', 'November abbreviation', 'ayecode-connect' ), |
||
2307 | 'month_s_12' => _x( 'Dec', 'December abbreviation', 'ayecode-connect' ), |
||
2308 | 'day_s1_1' => _x( 'S', 'Sunday initial', 'ayecode-connect' ), |
||
2309 | 'day_s1_2' => _x( 'M', 'Monday initial', 'ayecode-connect' ), |
||
2310 | 'day_s1_3' => _x( 'T', 'Tuesday initial', 'ayecode-connect' ), |
||
2311 | 'day_s1_4' => _x( 'W', 'Wednesday initial', 'ayecode-connect' ), |
||
2312 | 'day_s1_5' => _x( 'T', 'Friday initial', 'ayecode-connect' ), |
||
2313 | 'day_s1_6' => _x( 'F', 'Thursday initial', 'ayecode-connect' ), |
||
2314 | 'day_s1_7' => _x( 'S', 'Saturday initial', 'ayecode-connect' ), |
||
2315 | 'day_s2_1' => __( 'Su', 'ayecode-connect' ), |
||
2316 | 'day_s2_2' => __( 'Mo', 'ayecode-connect' ), |
||
2317 | 'day_s2_3' => __( 'Tu', 'ayecode-connect' ), |
||
2318 | 'day_s2_4' => __( 'We', 'ayecode-connect' ), |
||
2319 | 'day_s2_5' => __( 'Th', 'ayecode-connect' ), |
||
2320 | 'day_s2_6' => __( 'Fr', 'ayecode-connect' ), |
||
2321 | 'day_s2_7' => __( 'Sa', 'ayecode-connect' ), |
||
2322 | 'day_s3_1' => __( 'Sun', 'ayecode-connect' ), |
||
2323 | 'day_s3_2' => __( 'Mon', 'ayecode-connect' ), |
||
2324 | 'day_s3_3' => __( 'Tue', 'ayecode-connect' ), |
||
2325 | 'day_s3_4' => __( 'Wed', 'ayecode-connect' ), |
||
2326 | 'day_s3_5' => __( 'Thu', 'ayecode-connect' ), |
||
2327 | 'day_s3_6' => __( 'Fri', 'ayecode-connect' ), |
||
2328 | 'day_s3_7' => __( 'Sat', 'ayecode-connect' ), |
||
2329 | 'day_s5_1' => __( 'Sunday', 'ayecode-connect' ), |
||
2330 | 'day_s5_2' => __( 'Monday', 'ayecode-connect' ), |
||
2331 | 'day_s5_3' => __( 'Tuesday', 'ayecode-connect' ), |
||
2332 | 'day_s5_4' => __( 'Wednesday', 'ayecode-connect' ), |
||
2333 | 'day_s5_5' => __( 'Thursday', 'ayecode-connect' ), |
||
2334 | 'day_s5_6' => __( 'Friday', 'ayecode-connect' ), |
||
2335 | 'day_s5_7' => __( 'Saturday', 'ayecode-connect' ), |
||
2336 | 'am_lower' => __( 'am', 'ayecode-connect' ), |
||
2337 | 'pm_lower' => __( 'pm', 'ayecode-connect' ), |
||
2338 | 'am_upper' => __( 'AM', 'ayecode-connect' ), |
||
2339 | 'pm_upper' => __( 'PM', 'ayecode-connect' ), |
||
2340 | 'firstDayOfWeek' => (int) get_option( 'start_of_week' ), |
||
2341 | 'time_24hr' => false, |
||
2342 | 'year' => __( 'Year', 'ayecode-connect' ), |
||
2343 | 'hour' => __( 'Hour', 'ayecode-connect' ), |
||
2344 | 'minute' => __( 'Minute', 'ayecode-connect' ), |
||
2345 | 'weekAbbreviation' => __( 'Wk', 'ayecode-connect' ), |
||
2346 | 'rangeSeparator' => __( ' to ', 'ayecode-connect' ), |
||
2347 | 'scrollTitle' => __( 'Scroll to increment', 'ayecode-connect' ), |
||
2348 | 'toggleTitle' => __( 'Click to toggle', 'ayecode-connect' ) |
||
2349 | ); |
||
2350 | |||
2351 | return apply_filters( 'ayecode_ui_calendar_params', $params ); |
||
2352 | } |
||
2353 | |||
2354 | /** |
||
2355 | * Flatpickr calendar localize. |
||
2356 | * |
||
2357 | * @since 0.1.44 |
||
2358 | * |
||
2359 | * @return string Calendar locale. |
||
2360 | */ |
||
2361 | public static function flatpickr_locale() { |
||
2362 | $params = self::calendar_params(); |
||
2363 | |||
2364 | if ( is_string( $params ) ) { |
||
2365 | $params = html_entity_decode( $params, ENT_QUOTES, 'UTF-8' ); |
||
2366 | } else { |
||
2367 | foreach ( (array) $params as $key => $value ) { |
||
2368 | if ( ! is_scalar( $value ) ) { |
||
2369 | continue; |
||
2370 | } |
||
2371 | |||
2372 | $params[ $key ] = html_entity_decode( (string) $value, ENT_QUOTES, 'UTF-8' ); |
||
2373 | } |
||
2374 | } |
||
2375 | |||
2376 | $day_s3 = array(); |
||
2377 | $day_s5 = array(); |
||
2378 | |||
2379 | for ( $i = 1; $i <= 7; $i ++ ) { |
||
2380 | $day_s3[] = addslashes( $params[ 'day_s3_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2381 | $day_s5[] = addslashes( $params[ 'day_s3_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2382 | } |
||
2383 | |||
2384 | $month_s = array(); |
||
2385 | $month_long = array(); |
||
2386 | |||
2387 | for ( $i = 1; $i <= 12; $i ++ ) { |
||
2388 | $month_s[] = addslashes( $params[ 'month_s_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2389 | $month_long[] = addslashes( $params[ 'month_long_' . $i ] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
||
2390 | } |
||
2391 | |||
2392 | ob_start(); |
||
2393 | if ( 0 ) { ?><script><?php } ?> |
||
2394 | { |
||
2395 | weekdays: { |
||
2396 | shorthand: ['<?php echo implode( "','", $day_s3 ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2397 | longhand: ['<?php echo implode( "','", $day_s5 ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2398 | }, |
||
2399 | months: { |
||
2400 | shorthand: ['<?php echo implode( "','", $month_s ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2401 | longhand: ['<?php echo implode( "','", $month_long ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>'], |
||
2402 | }, |
||
2403 | daysInMonth: [31,28,31,30,31,30,31,31,30,31,30,31], |
||
2404 | firstDayOfWeek: <?php echo (int) $params[ 'firstDayOfWeek' ]; ?>, |
||
2405 | ordinal: function (nth) { |
||
2406 | var s = nth % 100; |
||
2407 | if (s > 3 && s < 21) |
||
2408 | return "th"; |
||
2409 | switch (s % 10) { |
||
2410 | case 1: |
||
2411 | return "st"; |
||
2412 | case 2: |
||
2413 | return "nd"; |
||
2414 | case 3: |
||
2415 | return "rd"; |
||
2416 | default: |
||
2417 | return "th"; |
||
2418 | } |
||
2419 | }, |
||
2420 | rangeSeparator: '<?php echo esc_attr( $params[ 'rangeSeparator' ] ); ?>', |
||
2421 | weekAbbreviation: '<?php echo esc_attr( $params[ 'weekAbbreviation' ] ); ?>', |
||
2422 | scrollTitle: '<?php echo esc_attr( $params[ 'scrollTitle' ] ); ?>', |
||
2423 | toggleTitle: '<?php echo esc_attr( $params[ 'toggleTitle' ] ); ?>', |
||
2424 | amPM: ['<?php echo esc_attr( $params[ 'am_upper' ] ); ?>','<?php echo esc_attr( $params[ 'pm_upper' ] ); ?>'], |
||
2425 | yearAriaLabel: '<?php echo esc_attr( $params[ 'year' ] ); ?>', |
||
2426 | hourAriaLabel: '<?php echo esc_attr( $params[ 'hour' ] ); ?>', |
||
2427 | minuteAriaLabel: '<?php echo esc_attr( $params[ 'minute' ] ); ?>', |
||
2428 | time_24hr: <?php echo ( $params[ 'time_24hr' ] ? 'true' : 'false' ) ; ?> |
||
2429 | } |
||
2430 | <?php if ( 0 ) { ?></script><?php } ?> |
||
2431 | <?php |
||
2432 | $locale = ob_get_clean(); |
||
2433 | |||
2434 | return apply_filters( 'ayecode_ui_flatpickr_locale', trim( $locale ) ); |
||
2435 | } |
||
2436 | |||
2437 | /** |
||
2438 | * Select2 JS params. |
||
2439 | * |
||
2440 | * @since 0.1.44 |
||
2441 | * |
||
2442 | * @return array Select2 JS params. |
||
2443 | */ |
||
2444 | public static function select2_params() { |
||
2460 | } |
||
2461 | |||
2462 | /** |
||
2463 | * Select2 JS localize. |
||
2464 | * |
||
2465 | * @since 0.1.44 |
||
2466 | * |
||
2467 | * @return string Select2 JS locale. |
||
2468 | */ |
||
2469 | public static function select2_locale() { |
||
2470 | $params = self::select2_params(); |
||
2471 | |||
2472 | foreach ( (array) $params as $key => $value ) { |
||
2473 | if ( ! is_scalar( $value ) ) { |
||
2474 | continue; |
||
2475 | } |
||
2476 | |||
2477 | $params[ $key ] = html_entity_decode( (string) $value, ENT_QUOTES, 'UTF-8' ); |
||
2478 | } |
||
2479 | |||
2480 | $locale = json_encode( $params ); |
||
2481 | |||
2482 | return apply_filters( 'ayecode_ui_select2_locale', trim( $locale ) ); |
||
2483 | } |
||
2484 | |||
2485 | /** |
||
2486 | * Time ago JS localize. |
||
2487 | * |
||
2488 | * @since 0.1.47 |
||
2489 | * |
||
2490 | * @return string Time ago JS locale. |
||
2491 | */ |
||
2492 | public static function timeago_locale() { |
||
2493 | $params = array( |
||
2494 | 'prefix_ago' => '', |
||
2495 | 'suffix_ago' => ' ' . _x( 'ago', 'time ago', 'ayecode-connect' ), |
||
2496 | 'prefix_after' => _x( 'after', 'time ago', 'ayecode-connect' ) . ' ', |
||
2497 | 'suffix_after' => '', |
||
2498 | 'seconds' => _x( 'less than a minute', 'time ago', 'ayecode-connect' ), |
||
2499 | 'minute' => _x( 'about a minute', 'time ago', 'ayecode-connect' ), |
||
2500 | 'minutes' => _x( '%d minutes', 'time ago', 'ayecode-connect' ), |
||
2501 | 'hour' => _x( 'about an hour', 'time ago', 'ayecode-connect' ), |
||
2502 | 'hours' => _x( 'about %d hours', 'time ago', 'ayecode-connect' ), |
||
2503 | 'day' => _x( 'a day', 'time ago', 'ayecode-connect' ), |
||
2504 | 'days' => _x( '%d days', 'time ago', 'ayecode-connect' ), |
||
2505 | 'month' => _x( 'about a month', 'time ago', 'ayecode-connect' ), |
||
2506 | 'months' => _x( '%d months', 'time ago', 'ayecode-connect' ), |
||
2507 | 'year' => _x( 'about a year', 'time ago', 'ayecode-connect' ), |
||
2508 | 'years' => _x( '%d years', 'time ago', 'ayecode-connect' ), |
||
2509 | ); |
||
2510 | |||
2511 | $params = apply_filters( 'ayecode_ui_timeago_params', $params ); |
||
2512 | |||
2513 | foreach ( (array) $params as $key => $value ) { |
||
2514 | if ( ! is_scalar( $value ) ) { |
||
2515 | continue; |
||
2516 | } |
||
2517 | |||
2518 | $params[ $key ] = html_entity_decode( (string) $value, ENT_QUOTES, 'UTF-8' ); |
||
2519 | } |
||
2520 | |||
2521 | $locale = json_encode( $params ); |
||
2522 | |||
2523 | return apply_filters( 'ayecode_ui_timeago_locale', trim( $locale ) ); |
||
2524 | } |
||
2525 | |||
2526 | /** |
||
2527 | * JavaScript Minifier |
||
2528 | * |
||
2529 | * @param $input |
||
2530 | * |
||
2531 | * @return mixed |
||
2532 | */ |
||
2533 | public static function minify_js($input) { |
||
2534 | if(trim($input) === "") return $input; |
||
2535 | return preg_replace( |
||
2536 | array( |
||
2537 | // Remove comment(s) |
||
2538 | '#\s*("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\')\s*|\s*\/\*(?!\!|@cc_on)(?>[\s\S]*?\*\/)\s*|\s*(?<![\:\=])\/\/.*(?=[\n\r]|$)|^\s*|\s*$#', |
||
2539 | // Remove white-space(s) outside the string and regex |
||
2540 | '#("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\'|\/\*(?>.*?\*\/)|\/(?!\/)[^\n\r]*?\/(?=[\s.,;]|[gimuy]|$))|\s*([!%&*\(\)\-=+\[\]\{\}|;:,.<>?\/])\s*#s', |
||
2541 | // Remove the last semicolon |
||
2542 | '#;+\}#', |
||
2543 | // Minify object attribute(s) except JSON attribute(s). From `{'foo':'bar'}` to `{foo:'bar'}` |
||
2544 | '#([\{,])([\'])(\d+|[a-z_][a-z0-9_]*)\2(?=\:)#i', |
||
2545 | // --ibid. From `foo['bar']` to `foo.bar` |
||
2546 | '#([a-z0-9_\)\]])\[([\'"])([a-z_][a-z0-9_]*)\2\]#i' |
||
2547 | ), |
||
2548 | array( |
||
2549 | '$1', |
||
2550 | '$1$2', |
||
2551 | '}', |
||
2552 | '$1$3', |
||
2553 | '$1.$3' |
||
2554 | ), |
||
2555 | $input); |
||
2556 | } |
||
2557 | |||
2558 | /** |
||
2559 | * Minify CSS |
||
2560 | * |
||
2561 | * @param $input |
||
2562 | * |
||
2563 | * @return mixed |
||
2564 | */ |
||
2565 | public static function minify_css($input) { |
||
2605 | } |
||
2606 | |||
2607 | /** |
||
2608 | * Get the conditional fields JavaScript. |
||
2609 | * |
||
2610 | * @return mixed |
||
2611 | */ |
||
2612 | public function conditional_fields_js() { |
||
2613 | ob_start(); |
||
2614 | ?> |
||
2615 | <script> |
||
2616 | /** |
||
2617 | * Conditional Fields |
||
2618 | */ |
||
2619 | var aui_cf_field_rules = [], aui_cf_field_key_rules = {}, aui_cf_field_default_values = {}; |
||
2620 | |||
2621 | jQuery(function($) { |
||
2622 | aui_cf_field_init_rules($); |
||
2623 | }); |
||
2624 | |||
2625 | /** |
||
2626 | * Conditional fields init. |
||
2627 | */ |
||
2628 | function aui_cf_field_init_rules($) { |
||
2629 | if (!$('[data-has-rule]').length) { |
||
2630 | return; |
||
2631 | } |
||
2632 | $('input.select2-search__field').attr('data-ignore-rule',''); |
||
2633 | $('[data-rule-key]').on('change keypress keyup gdclear', 'input, textarea', function() { |
||
2634 | if (!$(this).hasClass('select2-search__field')) { |
||
2635 | aui_cf_field_apply_rules($(this)); |
||
2636 | } |
||
2637 | }); |
||
2638 | |||
2639 | $('[data-rule-key]').on('change change.select2 gdclear', 'select', function() { |
||
2640 | aui_cf_field_apply_rules($(this)); |
||
2641 | }); |
||
2642 | |||
2643 | aui_cf_field_setup_rules($); |
||
2644 | } |
||
2645 | |||
2646 | /** |
||
2647 | * Setup conditional field rules. |
||
2648 | */ |
||
2649 | function aui_cf_field_setup_rules($) { |
||
2650 | var aui_cf_field_keys = []; |
||
2651 | |||
2652 | $('[data-rule-key]').each(function() { |
||
2653 | var key = $(this).data('rule-key'), irule = parseInt($(this).data('has-rule')); |
||
2654 | if (key) { |
||
2655 | aui_cf_field_keys.push(key); |
||
2656 | } |
||
2657 | |||
2658 | var parse_conds = {}; |
||
2659 | if ($(this).data('rule-fie-0')) { |
||
2660 | $(this).find('input,select,textarea').each(function() { |
||
2661 | if ($(this).attr('required') || $(this).attr('oninvalid')) { |
||
2662 | $(this).addClass('aui-cf-req'); |
||
2663 | if ($(this).attr('required')) { |
||
2664 | $(this).attr('data-rule-req', true); |
||
2665 | } |
||
2666 | if ($(this).attr('oninvalid')) { |
||
2667 | $(this).attr('data-rule-oninvalid', $(this).attr('oninvalid')); |
||
2668 | } |
||
2669 | } |
||
2670 | }); |
||
2671 | for (var i = 0; i < irule; i++) { |
||
2672 | var field = $(this).data('rule-fie-' + i); |
||
2673 | if (typeof parse_conds[i] === 'undefined') { |
||
2674 | parse_conds[i] = {}; |
||
2675 | } |
||
2676 | parse_conds[i]['action'] = $(this).data('rule-act-' + i); |
||
2677 | parse_conds[i]['field'] = $(this).data('rule-fie-' + i); |
||
2678 | parse_conds[i]['condition'] = $(this).data('rule-con-' + i); |
||
2679 | parse_conds[i]['value'] = $(this).data('rule-val-' + i); |
||
2680 | } |
||
2681 | |||
2682 | $.each(parse_conds, function(j, data) { |
||
2683 | var item = { |
||
2684 | 'field': { |
||
2685 | key: key, |
||
2686 | action: data.action, |
||
2687 | field: data.field, |
||
2688 | condition: data.condition, |
||
2689 | value: data.value, |
||
2690 | rule: { |
||
2691 | key: key, |
||
2692 | action: data.action, |
||
2693 | condition: data.condition, |
||
2694 | value: data.value |
||
2695 | } |
||
2696 | } |
||
2697 | }; |
||
2698 | aui_cf_field_rules.push(item); |
||
2699 | }); |
||
2700 | } |
||
2701 | aui_cf_field_default_values[$(this).data('rule-key')] = aui_cf_field_get_default_value($(this)); |
||
2702 | }); |
||
2703 | |||
2704 | $.each(aui_cf_field_keys, function(i, fkey) { |
||
2705 | aui_cf_field_key_rules[fkey] = aui_cf_field_get_children(fkey); |
||
2706 | }); |
||
2707 | |||
2708 | $('[data-rule-key]:visible').each(function() { |
||
2709 | var conds = aui_cf_field_key_rules[$(this).data('rule-key')]; |
||
2710 | if (conds && conds.length) { |
||
2711 | var $main_el = $(this), el = aui_cf_field_get_element($main_el); |
||
2712 | if ($(el).length) { |
||
2713 | aui_cf_field_apply_rules($(el)); |
||
2714 | } |
||
2715 | } |
||
2716 | }); |
||
2717 | } |
||
2718 | |||
2719 | /** |
||
2720 | * Apply conditional field rules. |
||
2721 | */ |
||
2722 | function aui_cf_field_apply_rules($el) { |
||
2723 | if (!$el.parents('[data-rule-key]').length) { |
||
2724 | return; |
||
2725 | } |
||
2726 | |||
2727 | if ($el.data('no-rule')) { |
||
2728 | return; |
||
2729 | } |
||
2730 | |||
2731 | var key = $el.parents('[data-rule-key]').data('rule-key'); |
||
2732 | var conditions = aui_cf_field_key_rules[key]; |
||
2733 | if (typeof conditions === 'undefined') { |
||
2734 | return; |
||
2735 | } |
||
2736 | var field_type = aui_cf_field_get_type($el.parents('[data-rule-key]')), current_value = aui_cf_field_get_value($el); |
||
2737 | var $keys = {}, $keys_values = {}, $key_rules = {}; |
||
2738 | |||
2739 | jQuery.each(conditions, function(index, condition) { |
||
2740 | if (typeof $keys_values[condition.key] == 'undefined') { |
||
2741 | $keys_values[condition.key] = []; |
||
2742 | $key_rules[condition.key] = {} |
||
2743 | } |
||
2744 | |||
2745 | $keys_values[condition.key].push(condition.value); |
||
2746 | $key_rules[condition.key] = condition; |
||
2747 | }); |
||
2748 | |||
2749 | jQuery.each(conditions, function(index, condition) { |
||
2750 | if (typeof $keys[condition.key] == 'undefined') { |
||
2751 | $keys[condition.key] = {}; |
||
2752 | } |
||
2753 | |||
2754 | if (condition.condition === 'empty') { |
||
2755 | var field_value = Array.isArray(current_value) ? current_value.join('') : current_value; |
||
2756 | if (!field_value || field_value === '') { |
||
2757 | $keys[condition.key][index] = true; |
||
2758 | } else { |
||
2759 | $keys[condition.key][index] = false; |
||
2760 | } |
||
2761 | } else if (condition.condition === 'not empty') { |
||
2762 | var field_value = Array.isArray(current_value) ? current_value.join('') : current_value; |
||
2763 | if (field_value && field_value !== '') { |
||
2764 | $keys[condition.key][index] = true; |
||
2765 | } else { |
||
2766 | $keys[condition.key][index] = false; |
||
2767 | } |
||
2768 | } else if (condition.condition === 'equals to') { |
||
2769 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2770 | if (((condition.value && condition.value == condition.value) || (condition.value === field_value)) && aui_cf_field_in_array(field_value, $keys_values[condition.key])) { |
||
2771 | $keys[condition.key][index] = true; |
||
2772 | } else { |
||
2773 | $keys[condition.key][index] = false; |
||
2774 | } |
||
2775 | } else if (condition.condition === 'not equals') { |
||
2776 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2777 | if (jQuery.isNumeric(condition.value) && parseInt(field_value) !== parseInt(condition.value) && field_value && !aui_cf_field_in_array(field_value, $keys_values[condition.key])) { |
||
2778 | $keys[condition.key][index] = true; |
||
2779 | } else if (condition.value != field_value && !aui_cf_field_in_array(field_value, $keys_values[condition.key])) { |
||
2780 | $keys[condition.key][index] = true; |
||
2781 | } else { |
||
2782 | $keys[condition.key][index] = false; |
||
2783 | } |
||
2784 | } else if (condition.condition === 'greater than') { |
||
2785 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2786 | if (jQuery.isNumeric(condition.value) && parseInt(field_value) > parseInt(condition.value)) { |
||
2787 | $keys[condition.key][index] = true; |
||
2788 | } else { |
||
2789 | $keys[condition.key][index] = false; |
||
2790 | } |
||
2791 | } else if (condition.condition === 'less than') { |
||
2792 | var field_value = (Array.isArray(current_value) && current_value.length === 1) ? current_value[0] : current_value; |
||
2793 | if (jQuery.isNumeric(condition.value) && parseInt(field_value) < parseInt(condition.value)) { |
||
2794 | $keys[condition.key][index] = true; |
||
2795 | } else { |
||
2796 | $keys[condition.key][index] = false; |
||
2797 | } |
||
2798 | } else if (condition.condition === 'contains') { |
||
2799 | var avalues = condition.value; |
||
2800 | if (!Array.isArray(avalues)) { |
||
2801 | if (jQuery.isNumeric(avalues)) { |
||
2802 | avalues = [avalues]; |
||
2803 | } else { |
||
2804 | avalues = avalues.split(","); |
||
2805 | } |
||
2806 | } |
||
2807 | switch (field_type) { |
||
2808 | case 'multiselect': |
||
2809 | var found = false; |
||
2810 | for (var key in avalues) { |
||
2811 | var svalue = jQuery.isNumeric(avalues[key]) ? avalues[key] : (avalues[key]).trim(); |
||
2812 | 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)))) { |
||
2813 | found = true; |
||
2814 | } |
||
2815 | } |
||
2816 | |||
2817 | if (found) { |
||
2818 | $keys[condition.key][index] = true; |
||
2819 | } else { |
||
2820 | $keys[condition.key][index] = false; |
||
2821 | } |
||
2822 | break; |
||
2823 | case 'checkbox': |
||
2824 | 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)))) { |
||
2825 | $keys[condition.key][index] = true; |
||
2826 | } else { |
||
2827 | $keys[condition.key][index] = false; |
||
2828 | } |
||
2829 | break; |
||
2830 | default: |
||
2831 | if (typeof $keys[condition.key][index] === 'undefined') { |
||
2832 | if (current_value && current_value.indexOf(condition.value) >= 0 && aui_cf_field_in_array(current_value, $keys_values[condition.key], false, true)) { |
||
2833 | $keys[condition.key][index] = true; |
||
2834 | } else { |
||
2835 | $keys[condition.key][index] = false; |
||
2836 | } |
||
2837 | } |
||
2838 | break; |
||
2839 | } |
||
2840 | } |
||
2841 | }); |
||
2842 | |||
2843 | jQuery.each($keys, function(index, field) { |
||
2844 | if (aui_cf_field_in_array(true, field)) { |
||
2845 | aui_cf_field_apply_action($el, $key_rules[index], true); |
||
2846 | } else { |
||
2847 | aui_cf_field_apply_action($el, $key_rules[index], false); |
||
2848 | } |
||
2849 | }); |
||
2850 | |||
2851 | /* Trigger field change */ |
||
2852 | if ($keys.length) { |
||
2853 | $el.trigger('aui_cf_field_on_change'); |
||
2854 | } |
||
2855 | } |
||
2856 | |||
2857 | /** |
||
2858 | * Get the field element. |
||
2859 | */ |
||
2860 | function aui_cf_field_get_element($el) { |
||
2861 | var el = $el.find('input:not("[data-ignore-rule]"),textarea,select'), type = aui_cf_field_get_type($el); |
||
2862 | if (type && window._aui_cf_field_elements && typeof window._aui_cf_field_elements == 'object' && typeof window._aui_cf_field_elements[type] != 'undefined') { |
||
2863 | el = window._aui_cf_field_elements[type]; |
||
2864 | } |
||
2865 | return el; |
||
2866 | } |
||
2867 | |||
2868 | /** |
||
2869 | * Get the field type. |
||
2870 | */ |
||
2871 | function aui_cf_field_get_type($el) { |
||
2872 | return $el.data('rule-type'); |
||
2873 | } |
||
2874 | |||
2875 | /** |
||
2876 | * Get the field value. |
||
2877 | */ |
||
2878 | function aui_cf_field_get_value($el) { |
||
2879 | var current_value = $el.val(); |
||
2880 | |||
2881 | if ($el.is(':checkbox')) { |
||
2882 | current_value = ''; |
||
2883 | if ($el.parents('[data-rule-key]').find('input:checked').length > 1) { |
||
2884 | $el.parents('[data-rule-key]').find('input:checked').each(function() { |
||
2885 | current_value = current_value + jQuery(this).val() + ' '; |
||
2886 | }); |
||
2887 | } else { |
||
2888 | if ($el.parents('[data-rule-key]').find('input:checked').length >= 1) { |
||
2889 | current_value = $el.parents('[data-rule-key]').find('input:checked').val(); |
||
2890 | } |
||
2891 | } |
||
2892 | } |
||
2893 | |||
2894 | if ($el.is(':radio')) { |
||
2895 | current_value = $el.parents('[data-rule-key]').find('input[type=radio]:checked').val(); |
||
2896 | } |
||
2897 | |||
2898 | return current_value; |
||
2899 | } |
||
2900 | |||
2901 | /** |
||
2902 | * Get the field default value. |
||
2903 | */ |
||
2904 | function aui_cf_field_get_default_value($el) { |
||
2905 | var value = '', type = aui_cf_field_get_type($el); |
||
2906 | |||
2907 | switch (type) { |
||
2908 | case 'text': |
||
2909 | case 'number': |
||
2910 | case 'date': |
||
2911 | case 'textarea': |
||
2912 | case 'select': |
||
2913 | value = $el.find('input:text,input[type="number"],textarea,select').val(); |
||
2914 | break; |
||
2915 | case 'phone': |
||
2916 | case 'email': |
||
2917 | case 'color': |
||
2918 | case 'url': |
||
2919 | case 'hidden': |
||
2920 | case 'password': |
||
2921 | case 'file': |
||
2922 | value = $el.find('input[type="' + type + '"]').val(); |
||
2923 | break; |
||
2924 | case 'multiselect': |
||
2925 | value = $el.find('select').val(); |
||
2926 | break; |
||
2927 | case 'radio': |
||
2928 | if ($el.find('input[type="radio"]:checked').length >= 1) { |
||
2929 | value = $el.find('input[type="radio"]:checked').val(); |
||
2930 | } |
||
2931 | break; |
||
2932 | case 'checkbox': |
||
2933 | if ($el.find('input[type="checkbox"]:checked').length >= 1) { |
||
2934 | if ($el.find('input[type="checkbox"]:checked').length > 1) { |
||
2935 | var values = []; |
||
2936 | values.push(value); |
||
2937 | $el.find('input[type="checkbox"]:checked').each(function() { |
||
2938 | values.push(jQuery(this).val()); |
||
2939 | }); |
||
2940 | value = values; |
||
2941 | } else { |
||
2942 | value = $el.find('input[type="checkbox"]:checked').val(); |
||
2943 | } |
||
2944 | } |
||
2945 | break; |
||
2946 | default: |
||
2947 | if (window._aui_cf_field_default_values && typeof window._aui_cf_field_default_values == 'object' && typeof window._aui_cf_field_default_values[type] != 'undefined') { |
||
2948 | value = window._aui_cf_field_default_values[type]; |
||
2949 | } |
||
2950 | break; |
||
2951 | } |
||
2952 | return { |
||
2953 | type: type, |
||
2954 | value: value |
||
2955 | }; |
||
2956 | } |
||
2957 | |||
2958 | /** |
||
2959 | * Reset field default value. |
||
2960 | */ |
||
2961 | function aui_cf_field_reset_default_value($el, bHide, setVal) { |
||
2962 | if (!($el && $el.length)) { |
||
2963 | return; |
||
2964 | } |
||
2965 | var type = aui_cf_field_get_type($el), key = $el.data('rule-key'), field = aui_cf_field_default_values[key]; |
||
2966 | if (typeof setVal === 'undefined' || (typeof setVal !== 'undefined' && setVal === null)) { |
||
2967 | setVal = field.value; |
||
2968 | } |
||
2969 | |||
2970 | switch (type) { |
||
2971 | case 'text': |
||
2972 | case 'number': |
||
2973 | case 'date': |
||
2974 | case 'textarea': |
||
2975 | $el.find('input:text,input[type="number"],textarea').val(setVal); |
||
2976 | break; |
||
2977 | case 'phone': |
||
2978 | case 'email': |
||
2979 | case 'color': |
||
2980 | case 'url': |
||
2981 | case 'hidden': |
||
2982 | case 'password': |
||
2983 | case 'file': |
||
2984 | $el.find('input[type="' + type + '"]').val(setVal); |
||
2985 | break; |
||
2986 | case 'select': |
||
2987 | $el.find('select').find('option').prop('selected', false); |
||
2988 | $el.find('select').val(setVal); |
||
2989 | $el.find('select').trigger('change'); |
||
2990 | break; |
||
2991 | case 'multiselect': |
||
2992 | $el.find('select').find('option').prop('selected', false); |
||
2993 | if ((typeof setVal === 'object' || typeof setVal === 'array') && !setVal.length && $el.find('select option:first').text() == '') { |
||
2994 | $el.find('select option:first').remove(); // Clear first option to show placeholder. |
||
2995 | } |
||
2996 | if (typeof setVal === 'string') { |
||
2997 | $el.find('select').val(setVal); |
||
2998 | } else { |
||
2999 | jQuery.each(setVal, function(i, v) { |
||
3000 | $el.find('select').find('option[value="' + v + '"]').prop('selected', true); |
||
3001 | }); |
||
3002 | } |
||
3003 | $el.find('select').trigger('change'); |
||
3004 | break; |
||
3005 | case 'checkbox': |
||
3006 | if ($el.find('input[type="checkbox"]:checked').length >= 1) { |
||
3007 | $el.find('input[type="checkbox"]:checked').prop('checked', false).removeAttr('checked'); |
||
3008 | } |
||
3009 | if (Array.isArray(setVal)) { |
||
3010 | jQuery.each(setVal, function(i, v) { |
||
3011 | $el.find('input[type="checkbox"][value="' + v + '"]').prop('checked', true); |
||
3012 | }); |
||
3013 | } else { |
||
3014 | $el.find('input[type="checkbox"][value="' + setVal + '"]').prop('checked', true); |
||
3015 | } |
||
3016 | break; |
||
3017 | case 'radio': |
||
3018 | setTimeout(function() { |
||
3019 | if ($el.find('input[type="radio"]:checked').length >= 1) { |
||
3020 | $el.find('input[type="radio"]:checked').prop('checked', false).removeAttr('checked'); |
||
3021 | } |
||
3022 | $el.find('input[type="radio"][value="' + setVal + '"]').prop('checked', true); |
||
3023 | }, 100); |
||
3024 | break; |
||
3025 | default: |
||
3026 | jQuery(document.body).trigger('aui_cf_field_reset_default_value', type, $el, field); |
||
3027 | break; |
||
3028 | } |
||
3029 | |||
3030 | if (!$el.hasClass('aui-cf-field-has-changed')) { |
||
3031 | var el = aui_cf_field_get_element($el); |
||
3032 | if (type === 'radio' || type === 'checkbox') { |
||
3033 | el = el.find(':checked'); |
||
3034 | } |
||
3035 | if (el) { |
||
3036 | el.trigger('change'); |
||
3037 | $el.addClass('aui-cf-field-has-changed'); |
||
3038 | } |
||
3039 | } |
||
3040 | } |
||
3041 | |||
3042 | /** |
||
3043 | * Get the field children. |
||
3044 | */ |
||
3045 | function aui_cf_field_get_children(field_key) { |
||
3046 | var rules = []; |
||
3047 | jQuery.each(aui_cf_field_rules, function(j, rule) { |
||
3048 | if (rule.field.field === field_key) { |
||
3049 | rules.push(rule.field.rule); |
||
3050 | } |
||
3051 | }); |
||
3052 | return rules; |
||
3053 | } |
||
3054 | |||
3055 | /** |
||
3056 | * Check in array field value. |
||
3057 | */ |
||
3058 | function aui_cf_field_in_array(find, item, exact, match) { |
||
3059 | var found = false, key; |
||
3060 | exact = !!exact; |
||
3061 | |||
3062 | for (key in item) { |
||
3063 | 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)) { |
||
3064 | found = true; |
||
3065 | break; |
||
3066 | } |
||
3067 | } |
||
3068 | return found; |
||
3069 | } |
||
3070 | |||
3071 | /** |
||
3072 | * App the field condition action. |
||
3073 | */ |
||
3074 | function aui_cf_field_apply_action($el, rule, isTrue) { |
||
3075 | var $destEl = jQuery('[data-rule-key="' + rule.key + '"]'), $inputEl = (rule.key && $destEl.find('[name="' + rule.key + '"]').length) ? $destEl.find('[name="' + rule.key + '"]') : null; |
||
3076 | |||
3077 | if (rule.action === 'show' && isTrue) { |
||
3078 | if ($destEl.is(':hidden') && !($destEl.hasClass('aui-cf-skip-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')))) { |
||
3079 | aui_cf_field_reset_default_value($destEl); |
||
3080 | } |
||
3081 | aui_cf_field_show_element($destEl); |
||
3082 | } else if (rule.action === 'show' && !isTrue) { |
||
3083 | 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')))) { |
||
3084 | var _setVal = $destEl.hasClass('aui-cf-force-empty') || ($inputEl && $inputEl.hasClass('aui-cf-force-empty')) ? '' : null; |
||
3085 | aui_cf_field_reset_default_value($destEl, true, _setVal); |
||
3086 | } |
||
3087 | aui_cf_field_hide_element($destEl); |
||
3088 | } else if (rule.action === 'hide' && isTrue) { |
||
3089 | 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')))) { |
||
3090 | var _setVal = $destEl.hasClass('aui-cf-force-empty') || ($inputEl && $inputEl.hasClass('aui-cf-force-empty')) ? '' : null; |
||
3091 | aui_cf_field_reset_default_value($destEl, true, _setVal); |
||
3092 | } |
||
3093 | aui_cf_field_hide_element($destEl); |
||
3094 | } else if (rule.action === 'hide' && !isTrue) { |
||
3095 | if ($destEl.is(':hidden') && !($destEl.hasClass('aui-cf-skip-reset') || ($inputEl && $inputEl.hasClass('aui-cf-skip-reset')))) { |
||
3096 | aui_cf_field_reset_default_value($destEl); |
||
3097 | } |
||
3098 | aui_cf_field_show_element($destEl); |
||
3099 | } |
||
3100 | return $el.removeClass('aui-cf-field-has-changed'); |
||
3101 | } |
||
3102 | |||
3103 | /** |
||
3104 | * Show field element. |
||
3105 | */ |
||
3106 | function aui_cf_field_show_element($el) { |
||
3107 | $el.removeClass('d-none').show(); |
||
3108 | |||
3109 | $el.find('.aui-cf-req').each(function() { |
||
3110 | if (jQuery(this).data('rule-req')) { |
||
3111 | jQuery(this).removeAttr('required').prop('required', true); |
||
3112 | } |
||
3113 | if (jQuery(this).data('rule-oninvalid')) { |
||
3114 | jQuery(this).removeAttr('oninvalid').attr('oninvalid', jQuery(this).data('rule-oninvalid')); |
||
3115 | } |
||
3116 | }); |
||
3117 | |||
3118 | if (window && window.navigator.userAgent.indexOf("MSIE") !== -1) { |
||
3119 | $el.css({ |
||
3120 | "visibility": "visible" |
||
3121 | }); |
||
3122 | } |
||
3123 | } |
||
3124 | |||
3125 | /** |
||
3126 | * Hide field element. |
||
3127 | */ |
||
3128 | function aui_cf_field_hide_element($el) { |
||
3129 | $el.addClass('d-none').hide(); |
||
3130 | |||
3131 | $el.find('.aui-cf-req').each(function() { |
||
3132 | if (jQuery(this).data('rule-req')) { |
||
3133 | jQuery(this).removeAttr('required'); |
||
3134 | } |
||
3135 | if (jQuery(this).data('rule-oninvalid')) { |
||
3136 | jQuery(this).removeAttr('oninvalid'); |
||
3137 | } |
||
3138 | }); |
||
3139 | |||
3140 | if (window && window.navigator.userAgent.indexOf("MSIE") !== -1) { |
||
3141 | $el.css({ |
||
3142 | "visibility": "hidden" |
||
3143 | }); |
||
3144 | } |
||
3145 | } |
||
3146 | <?php do_action( 'aui_conditional_fields_js', $this ); ?> |
||
3147 | </script> |
||
3148 | <?php |
||
3149 | $output = ob_get_clean(); |
||
3150 | |||
3151 | return str_replace( array( '<script>', '</script>' ), '', self::minify_js( $output ) ); |
||
3152 | } |
||
3153 | |||
3154 | /** |
||
3155 | * Check if block editor page. |
||
3156 | * |
||
3157 | * @since 0.2.27 |
||
3158 | * |
||
3159 | * @return bool |
||
3160 | */ |
||
3161 | public static function is_block_editor() { |
||
3162 | if ( is_admin() ) { |
||
3163 | $current_screen = function_exists('get_current_screen' ) ? get_current_screen() : array(); |
||
3164 | |||
3165 | if ( ! empty( $current_screen ) && $current_screen->is_block_editor() ) { |
||
3166 | return true; |
||
3167 | } |
||
3168 | } |
||
3169 | |||
3170 | return false; |
||
3171 | } |
||
3172 | |||
3173 | /** |
||
3174 | * Checks if the current call is a ajax call to get the block content. |
||
3175 | * |
||
3176 | * This can be used in your widget to return different content as the block content. |
||
3177 | * |
||
3178 | * @since 0.2.27 |
||
3179 | * |
||
3180 | * @return bool |
||
3181 | */ |
||
3182 | public static function is_block_content_call() { |
||
3183 | $result = false; |
||
3184 | if ( wp_doing_ajax() && isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'super_duper_output_shortcode' ) { |
||
3185 | $result = true; |
||
3186 | } |
||
3187 | |||
3188 | return $result; |
||
3189 | } |
||
3190 | |||
3191 | /** |
||
3192 | * Tests if the current output is inside a Divi preview. |
||
3193 | * |
||
3194 | * @since 0.2.27 |
||
3195 | * |
||
3196 | * @return bool |
||
3197 | */ |
||
3198 | public static function is_divi_preview() { |
||
3199 | $result = false; |
||
3200 | if ( isset( $_REQUEST['et_fb'] ) || isset( $_REQUEST['et_pb_preview'] ) || ( is_admin() && isset( $_REQUEST['action'] ) && $_REQUEST['action'] == 'elementor' ) ) { |
||
3201 | $result = true; |
||
3202 | } |
||
3203 | |||
3204 | return $result; |
||
3205 | } |
||
3206 | |||
3207 | /** |
||
3208 | * Tests if the current output is inside a elementor preview. |
||
3209 | * |
||
3210 | * |
||
3211 | * @since 0.2.27 |
||
3212 | * |
||
3213 | * @return bool |
||
3214 | */ |
||
3215 | public static function is_elementor_preview() { |
||
3222 | } |
||
3223 | |||
3224 | /** |
||
3225 | * Tests if the current output is inside a Beaver builder preview. |
||
3226 | * |
||
3227 | * @since 0.2.27 |
||
3228 | * |
||
3229 | * @return bool |
||
3230 | */ |
||
3231 | public static function is_beaver_preview() { |
||
3232 | $result = false; |
||
3233 | if ( isset( $_REQUEST['fl_builder'] ) ) { |
||
3234 | $result = true; |
||
3235 | } |
||
3236 | |||
3237 | return $result; |
||
3238 | } |
||
3239 | |||
3240 | /** |
||
3241 | * Tests if the current output is inside a siteorigin builder preview. |
||
3242 | * |
||
3243 | * @since 0.2.27 |
||
3244 | * |
||
3245 | * @return bool |
||
3246 | */ |
||
3247 | public static function is_siteorigin_preview() { |
||
3254 | } |
||
3255 | |||
3256 | /** |
||
3257 | * Tests if the current output is inside a cornerstone builder preview. |
||
3258 | * |
||
3259 | * @since 0.2.27 |
||
3260 | * |
||
3261 | * @return bool |
||
3262 | */ |
||
3263 | public static function is_cornerstone_preview() { |
||
3264 | $result = false; |
||
3270 | } |
||
3271 | |||
3272 | /** |
||
3273 | * Tests if the current output is inside a fusion builder preview. |
||
3274 | * |
||
3275 | * @return bool |
||
3276 | *@since 1.1.0 |
||
3277 | */ |
||
3278 | public static function is_fusion_preview() { |
||
3279 | $result = false; |
||
3280 | if ( ! empty( $_REQUEST['fb-edit'] ) || ! empty( $_REQUEST['fusion_load_nonce'] ) ) { |
||
3281 | $result = true; |
||
3282 | } |
||
3283 | |||
3284 | return $result; |
||
3285 | } |
||
3286 | |||
3287 | /** |
||
3288 | * Tests if the current output is inside a Oxygen builder preview. |
||
3289 | * |
||
3290 | * @return bool |
||
3291 | *@since 1.0.18 |
||
3292 | */ |
||
3293 | public static function is_oxygen_preview() { |
||
3294 | $result = false; |
||
3295 | if ( ! empty( $_REQUEST['ct_builder'] ) || ( ! empty( $_REQUEST['action'] ) && ( substr( $_REQUEST['action'], 0, 11 ) === "oxy_render_" || substr( $_REQUEST['action'], 0, 10 ) === "ct_render_" ) ) ) { |
||
3296 | $result = true; |
||
3297 | } |
||
3298 | |||
3299 | return $result; |
||
3300 | } |
||
3301 | |||
3302 | /** |
||
3303 | * Check for Kallyas theme Zion builder preview. |
||
3304 | * |
||
3305 | * @since 0.2.27 |
||
3306 | * |
||
3307 | * @return bool |
||
3308 | */ |
||
3309 | public static function is_kallyas_zion_preview() { |
||
3317 | } |
||
3318 | |||
3319 | /** |
||
3320 | * Check for Bricks theme builder preview. |
||
3321 | * |
||
3322 | * @since 0.2.27 |
||
3323 | * |
||
3324 | * @return bool |
||
3325 | */ |
||
3326 | public static function is_bricks_preview() { |
||
3327 | $result = false; |
||
3328 | |||
3329 | if ( function_exists( 'bricks_is_builder' ) && ( bricks_is_builder() || bricks_is_builder_call() ) ) { |
||
3330 | $result = true; |
||
3331 | } |
||
3332 | |||
3333 | return $result; |
||
3334 | } |
||
3335 | |||
3336 | /** |
||
3337 | * General function to check if we are in a preview situation. |
||
3338 | * |
||
3339 | * @since 0.2.27 |
||
3340 | * |
||
3341 | * @return bool |
||
3342 | */ |
||
3343 | public static function is_preview() { |
||
3373 | } |
||
3374 | } |
||
3375 | |||
3376 | global $ayecode_ui_settings; |
||
3377 | |||
3378 | /** |
||
3379 | * Run the class if found. |
||
3382 | } |
This check looks for parameters that have been defined for a function or method, but which are not used in the method body.