| 1 |
<?php |
| 2 |
namespace ULTP\blocks; |
| 3 |
|
| 4 |
defined('ABSPATH') || exit; |
| 5 |
|
| 6 |
class Dark_Light { |
| 7 |
public function __construct() { |
| 8 |
add_action('init', array($this, 'register')); |
| 9 |
} |
| 10 |
public function get_attributes() { |
| 11 |
|
| 12 |
return array( |
| 13 |
'blockId' => '', |
| 14 |
'advanceId' => '', |
| 15 |
'layout' => 'layout1', |
| 16 |
'reverseSwitcher' => false, |
| 17 |
'enableText' => false, |
| 18 |
'textAppears' => 'both', |
| 19 |
'lightText' => 'Light Mode', |
| 20 |
'darkText' => 'Dark Mode', |
| 21 |
'iconType' => 'solid', |
| 22 |
'iconSize' => '24', |
| 23 |
); |
| 24 |
} |
| 25 |
|
| 26 |
public function register() { |
| 27 |
register_block_type( 'ultimate-post/dark-light', |
| 28 |
array( |
| 29 |
'editor_script' => 'ultp-blocks-editor-script', |
| 30 |
'editor_style' => 'ultp-blocks-editor-css', |
| 31 |
'render_callback' => array($this, 'content') |
| 32 |
) |
| 33 |
); |
| 34 |
} |
| 35 |
|
| 36 |
public function content($attr) { |
| 37 |
if ( ultimate_post()->is_lc_active() ) { |
| 38 |
$attr = wp_parse_args($attr, $this->get_attributes()); |
| 39 |
|
| 40 |
$attr['className'] = isset($attr['className']) && $attr['className'] ? preg_replace('/[^A-Za-z0-9_ -]/', '', $attr['className']) : ''; |
| 41 |
$attr['align'] = isset($attr['align']) && $attr['align'] ? preg_replace('/[^A-Za-z0-9_ -]/', '', $attr['align']) : ''; |
| 42 |
$layout = isset($attr['layout']) ? sanitize_html_class( $attr['layout'] ) : 'layout1'; |
| 43 |
$reverseSwitcher = isset($attr['reverseSwitcher']) && $attr['reverseSwitcher'] ? 'ultp-dl-reverse' : ''; |
| 44 |
$enableText = isset($attr['enableText']) ? $attr['enableText'] == true : false; |
| 45 |
$textAppears = isset($attr['textAppears']) ? sanitize_html_class($attr['textAppears']) : 'both'; |
| 46 |
$iconType = isset($attr['iconType']) ? sanitize_html_class($attr['iconType']) : 'solid'; |
| 47 |
$iconSize = isset($attr['iconSize']) ? sanitize_html_class($attr['iconSize']) : '24'; |
| 48 |
|
| 49 |
$allowed_html_tags = ultimate_post()->ultp_allowed_html_tags(); |
| 50 |
$lightText = isset($attr['lightText']) ? wp_kses($attr["lightText"], $allowed_html_tags) : 'Light Mode'; |
| 51 |
$darkText = isset($attr['darkText']) ? wp_kses($attr["darkText"], $allowed_html_tags) : 'Dark Mode'; |
| 52 |
$dlMode = isset($_COOKIE['ultplocalDLMode']) ? $_COOKIE['ultplocalDLMode'] : ultimate_post()->get_dl_mode(); |
| 53 |
|
| 54 |
$dlIcons = array(); |
| 55 |
$dlIcons['moon'] = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 14.27A10.14 10.14 0 1 1 9.73 2 8.84 8.84 0 0 0 22 14.27Z"/></svg>'; |
| 56 |
$dlIcons['moon_line'] = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.17 4.53A9.54 9.54 0 0 0 19.5 15.69a8.26 8.26 0 0 1-7.76 4.29 8.36 8.36 0 0 1-7.71-7.7 8.23 8.23 0 0 1 4.15-7.76m1-2.52c-.16 0-.32.03-.48.09a10.28 10.28 0 0 0 3.56 19.9c4.47 0 8.27-2.85 9.67-6.84a1.36 1.36 0 0 0-1.27-1.82c-.15 0-.31.03-.47.1a7.48 7.48 0 0 1-3.41.43 7.59 7.59 0 0 1-6.33-10.04A1.36 1.36 0 0 0 9.17 2Z" /></svg>'; |
| 57 |
$dlIcons['sun'] = '<svg viewBox="0 0 24 24" ><g><path d="M12 18.36a6.36 6.36 0 1 0 0-12.72 6.36 6.36 0 0 0 0 12.72ZM12.98.96V2.8c0 .53-.43.95-.97.95h-.02a.96.96 0 0 1-.97-.95V.96c0-.53.43-.96.96-.96h.05c.53 0 .96.43.96.96ZM4.89 3.5l1.3 1.3c.38.38.37.98 0 1.36h-.01l-.01.02a.96.96 0 0 1-1.37 0l-1.3-1.3a.96.96 0 0 1 0-1.35l.04-.04a.96.96 0 0 1 1.35 0ZM.96 11.02H2.8c.53 0 .95.43.95.97v.02c0 .53-.42.97-.95.97H.96a.95.95 0 0 1-.96-.96v-.05c0-.53.43-.96.96-.96ZM3.5 19.11l1.3-1.3a.96.96 0 0 1 1.36 0v.01l.02.01c.38.38.39.99 0 1.37l-1.3 1.3a.96.96 0 0 1-1.35 0l-.04-.04a.96.96 0 0 1 0-1.35ZM11.02 23.04V21.2c0-.53.43-.95.97-.95h.02c.53 0 .97.42.97.95v1.84c0 .53-.43.96-.96.96h-.05a.95.95 0 0 1-.96-.96ZM19.11 20.5l-1.3-1.3a.96.96 0 0 1 0-1.36h.01l.01-.02a.96.96 0 0 1 1.37 0l1.3 1.3c.38.37.38.98 0 1.35l-.04.04a.96.96 0 0 1-1.35 0ZM23.04 12.98H21.2a.96.96 0 0 1-.95-.97v-.02c0-.53.42-.97.95-.97h1.84c.53 0 .96.43.96.96v.05c0 .53-.43.96-.96.96ZM20.5 4.89l-1.3 1.3a.96.96 0 0 1-1.36 0v-.01l-.02-.01a.96.96 0 0 1 0-1.37l1.3-1.3a.96.96 0 0 1 1.35 0l.04.04c.37.37.37.98 0 1.35Z"/></g><defs></defs></svg>'; |
| 58 |
$dlIcons['sun_line'] = '<svg viewBox="0 0 24 24"><path d="M12 7.64a4.36 4.36 0 1 1-.01 8.73A4.36 4.36 0 0 1 12 7.64Zm0-2a6.35 6.35 0 1 0 0 12.71 6.35 6.35 0 0 0 0-12.7ZM12.98.96V2.8c0 .53-.43.96-.96.96h-.03a.96.96 0 0 1-.97-.96V.96c0-.53.43-.96.96-.96h.06c.52 0 .95.43.95.96ZM4.88 3.5l1.3 1.3c.38.38.38.98 0 1.36h-.01l-.01.02a.96.96 0 0 1-1.36.01L3.5 4.9a.96.96 0 0 1 0-1.35l.03-.04a.96.96 0 0 1 1.35 0ZM.96 11.02H2.8c.53 0 .96.43.96.96v.03c0 .53-.42.97-.96.97H.96a.96.96 0 0 1-.96-.96v-.06c0-.52.43-.95.96-.95ZM3.5 19.12l1.3-1.3a.96.96 0 0 1 1.38.02c.38.38.39.99.01 1.36l-1.3 1.3a.96.96 0 0 1-1.35 0l-.04-.03a.96.96 0 0 1 0-1.35ZM11.02 23.04V21.2c0-.53.43-.96.96-.96h.03c.53 0 .97.42.97.96v1.84c0 .53-.43.96-.96.96h-.06a.96.96 0 0 1-.95-.96ZM19.12 20.5l-1.3-1.3a.96.96 0 0 1 0-1.36h.01l.01-.02a.96.96 0 0 1 1.36-.01l1.3 1.3c.38.37.38.98 0 1.35l-.03.04a.96.96 0 0 1-1.35 0ZM23.04 12.98H21.2a.96.96 0 0 1-.96-.96v-.03c0-.53.42-.97.96-.97h1.84c.53 0 .96.43.96.96v.06c0 .52-.43.95-.96.95ZM20.5 4.88l-1.3 1.3a.96.96 0 0 1-1.36 0v-.01l-.02-.01a.96.96 0 0 1-.01-1.36l1.3-1.3a.96.96 0 0 1 1.35 0l.04.03c.38.37.38.98 0 1.35Z" /></svg>'; |
| 59 |
|
| 60 |
|
| 61 |
$wraper_before = ''; |
| 62 |
$block_name = 'dark-light'; |
| 63 |
|
| 64 |
$wraper_before .= '<div '.($attr['advanceId'] ? 'id="'.sanitize_html_class($attr['advanceId']).'" ':'').' class="wp-block-ultimate-post-'.$block_name.' ultp-block-'.sanitize_html_class($attr["blockId"]).''.( $attr["align"] ? ' align' .$attr["align"] :'').''.($attr["className"] ? ' '.$attr["className"]:'').'">'; |
| 65 |
$wraper_before .= '<div class="ultp-dark-light-block-wrapper ultp-block-wrapper '.$layout.'">'; |
| 66 |
ob_start(); |
| 67 |
?> |
| 68 |
<div class="ultp-dark-light-block-wrapper-content ultp-frontend <?php esc_attr_e($layout) ?>"> |
| 69 |
<div class="ultp-dl-after-before-con ultp-dl-light <?php echo $dlMode == 'ultplight' ? '' : 'inactive' ?> <?php esc_attr_e($reverseSwitcher) ?>" data-iconlay="<?php esc_attr_e($layout) ?>" data-iconsize="<?php esc_attr_e($iconSize) ?>" data-iconrev="<?php esc_attr_e($reverseSwitcher) ?>"> |
| 70 |
<?php if ( $enableText && $layout != 'layout7' && in_array($textAppears, ['left', 'both'] ) ) : ?> |
| 71 |
<div class="ultp-dl-before-after-text lightText"><?php echo $lightText; ?></div> |
| 72 |
<?php endif; ?> |
| 73 |
<div class="ultp-dl-con ultp-light-con <?php esc_attr_e($reverseSwitcher) ?>"> |
| 74 |
<div class="ultp-dl-svg-con"> |
| 75 |
<div class="ultp-dl-svg"><?php echo $dlIcons[$iconType == 'line' ? 'sun_line' : 'sun'] ?></div> |
| 76 |
</div> |
| 77 |
<?php if ( in_array( $layout, ['layout5', 'layout6', 'layout7'] ) ) : ?> |
| 78 |
<div class="ultp-dl-text lightText"> |
| 79 |
<?php if ( in_array($layout, ['layout5', 'layout6'] ) ) : ?> |
| 80 |
<div class="ultp-dl-democircle <?php esc_attr_e($layout == 'layout5' ? 'ultphidden' : '')?>"></div> |
| 81 |
<?php endif; ?> |
| 82 |
<?php if ( $layout == 'layout7' ) : ?> |
| 83 |
<?php echo $lightText; ?> |
| 84 |
<?php endif; ?> |
| 85 |
</div> |
| 86 |
<?php endif; ?> |
| 87 |
</div> |
| 88 |
<?php if ( $enableText && $layout != 'layout7' && in_array($textAppears, ['right', 'both'] ) ) : ?> |
| 89 |
<div class="ultp-dl-before-after-text <?php esc_attr_e($textAppears != 'both' ? 'lightText' : 'darkText')?>"><?php echo $textAppears != 'both' ? $lightText : $darkText; ?></div> |
| 90 |
<?php endif; ?> |
| 91 |
</div> |
| 92 |
<div class="ultp-dl-after-before-con ultp-dl-dark <?php echo $dlMode == 'ultplight' ? 'inactive' : '' ?> <?php esc_attr_e($reverseSwitcher) ?>" data-iconlay="<?php esc_attr_e($layout) ?>" data-iconsize="<?php esc_attr_e($iconSize) ?>" data-iconrev="<?php esc_attr_e($reverseSwitcher) ?>"> |
| 93 |
<?php if ( $enableText && $layout != 'layout7' && in_array($textAppears, ['left', 'both'] ) ) : ?> |
| 94 |
<div class="ultp-dl-before-after-text <?php esc_attr_e($textAppears != 'both' ? 'darkText' : 'lightText')?>"><?php echo $textAppears != 'both' ? $darkText : $lightText; ?></div> |
| 95 |
<?php endif; ?> |
| 96 |
<div class="ultp-dl-con ultp-dark-con <?php esc_attr_e($reverseSwitcher) ?>"> |
| 97 |
<?php if ( in_array( $layout, ['layout5', 'layout6', 'layout7'] ) ) : ?> |
| 98 |
<div class="ultp-dl-text darkText"> |
| 99 |
<?php if ( in_array($layout, ['layout5', 'layout6'] ) ) : ?> |
| 100 |
<div class="ultp-dl-democircle <?php esc_attr_e($layout == 'layout5' ? 'ultphidden' : '')?>"></div> |
| 101 |
<?php endif; ?> |
| 102 |
<?php if ( $layout == 'layout7' ) : ?> |
| 103 |
<?php echo $darkText; ?> |
| 104 |
<?php endif; ?> |
| 105 |
</div> |
| 106 |
<?php endif; ?> |
| 107 |
<div class="ultp-dl-svg-con"> |
| 108 |
<div class="ultp-dl-svg"><?php echo $dlIcons[$iconType == 'line' ? 'moon_line' : 'moon'] ?></div> |
| 109 |
</div> |
| 110 |
</div> |
| 111 |
<?php if ( $enableText && $layout != 'layout7' && in_array($textAppears, ['right', 'both'] ) ) : ?> |
| 112 |
<div class="ultp-dl-before-after-text darkText"><?php echo $darkText; ?></div> |
| 113 |
<?php endif; ?> |
| 114 |
</div> |
| 115 |
</div> |
| 116 |
<?php |
| 117 |
$wraper_before .= ob_get_clean(); |
| 118 |
$wraper_before .= '</div>'; |
| 119 |
$wraper_before .= '</div>'; |
| 120 |
|
| 121 |
return $wraper_before; |
| 122 |
} |
| 123 |
} |
| 124 |
} |
