Linux heracles.o2switch.net 4.18.0-553.62.1.lve.el8.x86_64 #1 SMP Mon Jul 21 17:50:35 UTC 2025 x86_64
/home/ophq1335/www/wp-content/plugins/divi-modules-pro/includes/modules/Masonry/
/home/ophq1335/www/wp-content/plugins/divi-modules-pro/includes/modules/Masonry/Masonry.php
 <?php

class DMPRO_MasonryGallery extends DMPRO_Builder_Module {
	
	public $module_url = DMPRO_MODULES_URL . 'Masonry' . '/';
	public $icon_path;
	
    protected $module_credits = array(
        'module_uri' => DMPRO_MODULE . 'masonry',
        'author' => DMPRO_AUTHOR,
        'author_uri' => DMPRO_WEB,
    );

    public function init()
    {
        $this->slug = 'dmpro_masonry_gallery';
        $this->icon_path = plugin_dir_path( __FILE__ ) . "Masonry.svg";
        $this->vb_support = 'on';
        $this->name = esc_html__(DMPRO_PREFIX . 'Masonry Gallery', DMPRO_TEXTDOMAIN);
        $this->settings_modal_toggles = [
            'general' => [
                'toggles' => [
                    'images' => esc_html__('Images', DMPRO_TEXTDOMAIN),
                ],
            ],
            'advanced' => [
                'toggles' => [
                    'grid' => esc_html__('Grid Options', DMPRO_TEXTDOMAIN),
                    'grid_items' => esc_html__('Grid Items', DMPRO_TEXTDOMAIN),
                    'overlay' => esc_html__('Image Overlay', DMPRO_TEXTDOMAIN),
                ],
            ],
        ];
    }

    public function get_fields() {
        $fields = [];

        $fields["images"] = [
            'label' => esc_html__('Gallery Images', DMPRO_TEXTDOMAIN),
            'type' => 'upload-gallery',
            'option_category' => 'basic_option',
            'toggle_slug' => 'images',
            'computed_affects'   => array(
                '__gallery',
            ),
        ];

        $fields['gallery_orderby'] = array(
            'label'   => esc_html__( 'Order By', DMPRO_TEXTDOMAIN),
            'type'    => $this->is_loading_bb_data() ? 'hidden' : 'select',
            'options' => array(
                ''     => esc_html__( 'Default', DMPRO_TEXTDOMAIN),
                'rand' => esc_html__( 'Random', DMPRO_TEXTDOMAIN),
            ),
            'default' => 'off',
            'class'   => array( 'et-pb-gallery-ids-field' ),
            'computed_affects' => array(
                '__gallery',
            ),
            'toggle_slug' => 'images',
        );

        $fields["title_in_lightbox"] = [
            'label' => esc_html__('Show Image Title in Lightbox', DMPRO_TEXTDOMAIN),
            'type' => 'yes_no_button',
            'option_category' => 'basic_option',
            'default' => 'off',
            'options' => array(
                'off' => esc_html__('Off', DMPRO_TEXTDOMAIN),
                'on' => esc_html__('On', DMPRO_TEXTDOMAIN),
            ),
            'toggle_slug' => 'images',
            'description' => esc_html__('Whether or not to show the image title in the lightbox. The title is automatically loaded from the media library.', DMPRO_TEXTDOMAIN),
            'computed_affects'   => array(
                '__gallery',
            ),
        ];
       
        $fields["caption_in_lightbox"] = [
            'label' => esc_html__('Show Image Caption in Lightbox', DMPRO_TEXTDOMAIN),
            'type' => 'yes_no_button',
            'option_category' => 'basic_option',
            'default' => 'off',
            'options' => array(
                'off' => esc_html__('Off', DMPRO_TEXTDOMAIN),
                'on' => esc_html__('On', DMPRO_TEXTDOMAIN),
            ),
            'toggle_slug' => 'images',
            'description' => esc_html__('Whether or not to show the image caption in the lightbox. The caption is automatically loaded from the media library.', DMPRO_TEXTDOMAIN),
            'computed_affects'   => array(
                '__gallery',
            ),
        ];

        $fields["columns"] = [
            'label' => esc_html__('Columns', DMPRO_TEXTDOMAIN),
            'type' => 'range',
            'option_category' => 'basic_option',
            'toggle_slug' => 'grid',
            'tab_slug' => 'advanced',
            'default' => '4',
            'range_settings' => array(
                'min' => '1',
                'max' => '10',
                'step' => '1',
            ),
            'mobile_options' => true,
            'responsive' => true,
            'unitless' => true,
            'computed_affects'   => array(
                '__gallery',
            ),
        ];

        $fields["gutter"] = [
            'label' => esc_html__('Gutter', DMPRO_TEXTDOMAIN),
            'type' => 'range',
            'option_category' => 'layout',
            'toggle_slug' => 'grid',
            'tab_slug' => 'advanced',
            'default' => '10',
            'range_settings' => array(
                'min' => '0',
                'max' => '100',
                'step' => '1',
            ),
            'mobile_options' => true,
            'responsive' => true,
            'unitless' => true,
            'computed_affects'   => array(
                '__gallery',
            ),
        ];

        $fields["show_overflow"] = [
            'label' => esc_html__('Show Overflow', DMPRO_TEXTDOMAIN),
            'description' => esc_html__('Enable to show the overflow of the module. This is needed for box shadows to show properly, however keep it off to show rounded corners.', DMPRO_TEXTDOMAIN),
            'type' => 'yes_no_button',
            'option_category' => 'layout',
            'toggle_slug' => 'grid',
            'tab_slug' => 'advanced',
            'default' => 'off',
            'options' => array(
                'off' => esc_html__('Off', DMPRO_TEXTDOMAIN),
                'on' => esc_html__('On', DMPRO_TEXTDOMAIN),
            ),
        ];





        $fields["use_overlay"] = [
            'label' => esc_html__('Use Overlay', DMPRO_TEXTDOMAIN),
            'type' => 'yes_no_button',
            'option_category' => 'basic_option',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'overlay',
            'options' => array(
                'off' => esc_html__('Off', DMPRO_TEXTDOMAIN),
                'on' => esc_html__('On', DMPRO_TEXTDOMAIN),
            ),
            'computed_affects'   => array(
                '__gallery',
            ),
        ];

        $fields["overlay_color"] = [
            'label' => esc_html__('Overlay Color', DMPRO_TEXTDOMAIN),
            'type' => 'color-alpha',
            'default' => et_builder_accent_color(),
            'tab_slug' => 'advanced',
            'toggle_slug' => 'overlay',
            'show_if' => [
                'use_overlay' => 'on',
            ],
        ];

        $fields['overlay_icon_color'] = array(
            'label' => esc_html__(' Overlay Icon Color', DMPRO_TEXTDOMAIN),
            'type' => 'color-alpha',
            'custom_color' => true,
            'tab_slug' => 'advanced',
            'default' => '',
            'show_if' => [
                'use_overlay' => 'on',
            ],
            'toggle_slug' => 'overlay',
            'description' => esc_html__('Color of the overlay icon. The overlay icon is centered horizontally and vertically over the image.', DMPRO_TEXTDOMAIN),
        );

        $fields['hover_icon'] = array(
            'label' => esc_html__('Overlay Icon', DMPRO_TEXTDOMAIN),
            'type'                => 'select_icon',
            'option_category'     => 'configuration',
            'class'               => array( 'et-pb-font-icon' ),
            'option_category' => 'configuration',
            'default' => '',
            'tab_slug' => 'advanced',
            'toggle_slug' => 'overlay',
            'show_if' => [
                'use_overlay' => 'on',
            ],
            'computed_affects'   => array(
                '__gallery',
            ),
        );

        $fields["__gallery"] = [
            'type' => 'computed',
            'computed_callback' => array('DMPRO_MasonryGallery', 'render_images'),
            'computed_depends_on' => array(
                'images',
                'title_in_lightbox',
                'caption_in_lightbox',
                'gallery_orderby',
                'hover_icon',
                'use_overlay',
            ),
            'computed_minimum' => array(
                'images',
            ),
        ];


        $fields['use_thumbnails'] = [
            'label' => esc_html__('Use Responsive Thumbnails', DMPRO_TEXTDOMAIN),
            'description' => esc_html__('Whether or not to use custom sized thumbnails on different devices. If this option is disabled, the full size image will be used as thumbnail.', DMPRO_TEXTDOMAIN),
            'type' => 'yes_no_button',
            'option_category' => 'basic_option',
            'toggle_slug' => 'images',
            'default' => 'off',
            'options' => array(
                'off' => esc_html__('Off', DMPRO_TEXTDOMAIN),
                'on' => esc_html__('On', DMPRO_TEXTDOMAIN),
            ),
        ];

        $fields['image_size_desktop'] = [
            'label' => esc_html__('Image Size (Desktop)', DMPRO_TEXTDOMAIN),
            'type' => 'select',
            'option_category' => 'basic_option',
            'default' => 'full',
            'options' => $this->get_image_sizes(),
            'toggle_slug' => 'images',
            'description' => 'Here you can choose the image size to use. If you are using very large images, consider using a thumbnail size to speed up page loading time.',
            'show_if' => [
                'use_thumbnails' => 'on',
            ],
        ];

        $fields['image_size_tablet'] = [
            'label' => esc_html__('Image Size (Tablet)', DMPRO_TEXTDOMAIN),
            'type' => 'select',
            'option_category' => 'basic_option',
            'default' => 'full',
            'options' => $this->get_image_sizes(),
            'toggle_slug' => 'images',
            'description' => 'Here you can choose the image size to use. If you are using very large images, consider using a thumbnail size to speed up page loading time.',
            'show_if' => [
                'use_thumbnails' => 'on',
            ],
        ];

        $fields['image_size_phone'] = [
            'label' => esc_html__('Image Size (Phone)', DMPRO_TEXTDOMAIN),
            'type' => 'select',
            'option_category' => 'basic_option',
            'default' => 'full',
            'options' => $this->get_image_sizes(),
            'toggle_slug' => 'images',
            'description' => 'Here you can choose the image size to use. If you are using very large images, consider using a thumbnail size to speed up page loading time.',
            'show_if' => [
                'use_thumbnails' => 'on',
            ],
        ];

        $fields['fix_lazy'] = [
            'label' => esc_html__('Apply Lazy Loading Images Fix', 'ds-suit-material'),
            'description' => esc_html__('Enable this to apply a fix for images that are being lazy loaded. Only enablethis setting if you are having issues with this gallery while using lazy loading features.', 'ds-suit'),
            'type' => 'yes_no_button',
            'option_category' => 'basic_option',
            'toggle_slug' => 'grid',
            'default' => 'off',
            'options' => array(
                'off' => esc_html__('Off', 'ds-suit-material'),
                'on' => esc_html__('On', 'ds-suit-material'),
            ),
        ];
		
        $fields['prevent_page_scroll'] = [
            'label' => esc_html__('Prevent Page Scroll', 'ds-suit-material'),
            'description' => esc_html__('Enable this will set popup to fixed position and disable browser scrolling.', 'ds-suit'),
            'type' => 'yes_no_button',
            'option_category' => 'basic_option',
            'toggle_slug' => 'grid',
            'default' => 'off',
            'options' => array(
                'off' => esc_html__('Off', 'ds-suit-material'),
                'on' => esc_html__('On', 'ds-suit-material'),
            ),
        ];

        return $fields;
    }

    public function get_advanced_fields_config() {

        $advanced_fields = [];

        $advanced_fields["text"] = false;
        $advanced_fields["text_shadow"] = false;
        $advanced_fields["fonts"] = false;

        $advanced_fields["borders"]["default"] = [
            'css' => [
                'main' => [
                    'border_radii' => "%%order_class%%",
                    'border_styles' => "%%order_class%%",
                ],
            ],
        ];

        $advanced_fields["borders"]["grid_item"] = [
            'label_prefix' => esc_html__('Image', DMPRO_TEXTDOMAIN),
            'toggle_slug' => 'grid_items',
            'tab_slug' => 'advanced',
            'css' => [
                'main' => [
                    'border_radii' => "%%order_class%% .grid .grid-item.et_pb_gallery_image",
                    'border_styles' => "%%order_class%% .grid .grid-item.et_pb_gallery_image",
                ],
            ],
        ];

        $advanced_fields["box_shadow"]["images"] = [
            'label' => esc_html__('Grid Item Box Shadow', DMPRO_TEXTDOMAIN),
            'toggle_slug' => 'grid_items',
            'tab_slug' => 'advanced',
            'css' => [
                'main' => "%%order_class%% .grid .grid-item.et_pb_gallery_image",
            ],
        ];

        $advanced_fields['margin_padding'] = [
            'css' => [
                'important' => 'all',
            ],
        ];

        return $advanced_fields;
    }

    public function render($attrs, $content, $render_slug) {
        wp_enqueue_style("dmpro".$this->slug, $this->module_url . 'style.css', ['dmpro_animate_style', 'dmpro_magnific_popup_style'], "1.0.0", 'all');
        wp_enqueue_script("dmpro-".$this->slug, $this->module_url . 'custom.js', array('dmpro_masonry_script'), DMPRO_VERSION, false, true);
		
        $overlay_icon_selector = '%%order_class%% .grid-item .et-pb-icon';

        // Icon styles
        $this->generate_styles(
            array(
                'utility_arg'    => 'icon_font_family_and_content',
                'render_slug'    => $render_slug,
                'base_attr_name' => 'hover_icon',
                'important'      => true,
                'selector'       => $overlay_icon_selector,
                'processor'      => array(
                    'ET_Builder_Module_Helper_Style_Processor',
                    'process_extended_icon',
                ),
            )
        );
		
        $this->apply_css($render_slug);
        $items = DMPRO_MasonryGallery::render_images($this->props);

        return sprintf(
            '<div class="grid" data-lazy="%2$s" data-preventpagescroll="%3$s">
                %1$s
             </div>',
            $items,
            $this->props["fix_lazy"] === 'on' ? esc_attr("true") : esc_attr("false"),
            $this->props["prevent_page_scroll"] === 'on' ? esc_attr("true") : esc_attr("false")
        );
    }

    public function apply_css($render_slug) {

        $columns = $this->props["columns"];
        $columns_responsive_active = isset($this->props["columns_last_edited"]) && et_pb_get_responsive_status($this->props["columns_last_edited"]);
        $columns_tablet = $columns_responsive_active && $this->props["columns_tablet"] ? $this->props["columns_tablet"] : $columns;
        $columns_phone = $columns_responsive_active && $this->props["columns_phone"] ? $this->props["columns_phone"] : $columns_tablet;

        $gutter = $this->props["gutter"];
        $gutter_responsive_active = isset($this->props["gutter_last_edited"]) && et_pb_get_responsive_status($this->props["gutter_last_edited"]);
        $gutter_tablet = $gutter_responsive_active && $this->props["gutter_tablet"] ? $this->props["gutter_tablet"] : $gutter;
        $gutter_phone = $gutter_responsive_active && $this->props["gutter_phone"] ? $this->props["gutter_phone"] : $gutter_tablet;

        
        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid-sizer, %%order_class%% .grid-item',
            'declaration' => "width: calc((100% - ({$columns} - 1) * {$gutter}px) / {$columns});",
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid-sizer, %%order_class%% .grid-item',
            'declaration' => "width: calc((100% - ({$columns_tablet} - 1) * {$gutter_tablet}px) / {$columns_tablet});",
            'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid-sizer, %%order_class%% .grid-item',
            'declaration' => "width: calc((100% - ({$columns_phone} - 1) * {$gutter_phone}px) / {$columns_phone});",
            'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
        ]);

        
        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid-item',
            'declaration' => "margin-bottom: {$gutter}px;",
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid-item',
            'declaration' => "margin-bottom: {$gutter_tablet}px;",
            'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid-item',
            'declaration' => "margin-bottom: {$gutter_phone}px;",
            'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .gutter-sizer',
            'declaration' => "width: {$gutter}px;",
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .gutter-sizer',
            'declaration' => "width: {$gutter_tablet}px;",
            'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .gutter-sizer',
            'declaration' => "width: {$gutter_phone}px;",
            'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid',
            'declaration' => "margin-bottom: -{$gutter}px;",
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid',
            'declaration' => "margin-bottom: -{$gutter_tablet}px;",
            'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
        ]);

        ET_Builder_Element::set_style($render_slug, [
            'selector' => '%%order_class%% .grid',
            'declaration' => "margin-bottom: -{$gutter_phone}px;",
            'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
        ]);

        if('on' === $this->props["show_overflow"]){
            ET_Builder_Element::set_style($render_slug, [
                'selector' => '%%order_class%%.dmpro_masonry_gallery, %%order_class%%.dmpro_masonry_gallery .grid-item',
                'declaration' => "overflow: visible !important;",
            ]); 
        }
        if('on' === $this->props["use_overlay"]){
            ET_Builder_Element::set_style($render_slug, [
                'selector' => '%%order_class%%.dmpro_masonry_gallery .grid .grid-item .et_overlay',
                'declaration' => "background: {$this->props['overlay_color']};",
            ]); 
            
            ET_Builder_Element::set_style($render_slug, [
                'selector' => '%%order_class%%.dmpro_masonry_gallery .grid .grid-item .et_overlay:before, %%order_class%%.dmpro_masonry_gallery .grid .grid-item .et-pb-icon.et-pb-font-icon',
                'declaration' => "color: {$this->props['overlay_icon_color']};",
            ]); 
        }
    }

    public function get_image_sizes()
    {
        global $_wp_additional_image_sizes;
        $sizes = array();
        $get_intermediate_image_sizes = get_intermediate_image_sizes();
        foreach ($get_intermediate_image_sizes as $_size) {
            if (in_array($_size, array('thumbnail', 'medium', 'large'))) {
                $sizes[$_size]['width'] = get_option($_size . '_size_w');
                $sizes[$_size]['height'] = get_option($_size . '_size_h');
                $sizes[$_size]['crop'] = (bool) get_option($_size . '_crop');
            } elseif (isset($_wp_additional_image_sizes[$_size])) {
                $sizes[$_size] = array(
                    'width' => $_wp_additional_image_sizes[$_size]['width'],
                    'height' => $_wp_additional_image_sizes[$_size]['height'],
                    'crop' => $_wp_additional_image_sizes[$_size]['crop'],
                );
            }
        }

        $image_sizes = array(
            'full' => esc_html__('Full Size', DMPRO_TEXTDOMAIN),
        );
        foreach ($sizes as $sizeKey => $sizeValue) {
            $image_sizes[$sizeKey] = sprintf(
                '%1$s (%2$s x %3$s,%4$s cropped)',
                $sizeKey,
                $sizeValue["width"],
                $sizeValue["height"],
                ($sizeValue["crop"] == false ? ' not' : '')

            );
        }

        return $image_sizes;
    }

    private static function get_attachment_image($attachment_id, $image_size, $fallback_url)
    {
        $attachment = wp_get_attachment_image_src($attachment_id, $image_size);
        if ($attachment) {
            return $attachment[0];
        } else {
            return $fallback_url;
        }
    }

    static function render_images($args = array(), $conditional_tags = array(), $current_page = array())
    {
        $defaults = [
            'images' => '',
            'gallery_orderby' => '',
            'title_in_lightbox' => 'off',
            'caption_in_lightbox' => 'off',
            'use_overlay' => 'off',
            'hover_icon' => '',
            'image_size_desktop' => 'full',
            'image_size_tablet' => 'full',
            'image_size_phone' => 'full',
        ];

        $args = wp_parse_args($args, $defaults);

        $items = [
            '<div class="grid-sizer"></div>',
            '<div class="gutter-sizer"></div>',
        ];


        $attachment_ids = explode(",", $args["images"]);

        if('rand' === $args['gallery_orderby']) {
			
            shuffle($attachment_ids);
			
        } else {
			
        }





        $overlay_output = '';
        $hover_icon = '';

        if ( 'on' === $args['use_overlay'] ) {
            $data_icon = '' !== $args['hover_icon']
                ? '<span class="et-pb-icon et-pb-font-icon">' . esc_attr( html_entity_decode( et_pb_process_font_icon( $args['hover_icon'] ), ENT_QUOTES, 'UTF-8' ) ) . '</span>'
                : '';

            $overlay_output = sprintf(
                '<span class="et_overlay%1$s">%2$s</span>',
                ( '' !== $args['hover_icon'] ? ' et_pb_inline_icon' : '' ),
                $data_icon
            );
        }
        

        //Check which image sizes to use
        
        foreach ($attachment_ids as $attachment_id) {
            $attachment = wp_get_attachment_image_src($attachment_id, "full");
            if(!$attachment){
                continue;
            }

            $image = $attachment[0];
            $image_desktop_url = DMPRO_MasonryGallery::get_attachment_image($attachment_id, $args['image_size_desktop'], $image);
            $image_tablet_url = DMPRO_MasonryGallery::get_attachment_image($attachment_id, $args['image_size_tablet'], $image);
            $image_phone_url = DMPRO_MasonryGallery::get_attachment_image($attachment_id, $args['image_size_phone'], $image);

            $image_alt = get_post_meta($attachment_id, '_wp_attachment_image_alt', true);
            $image_title = get_the_title($attachment_id);
			
			$protocol = 'https://';
			if ( !is_ssl() ) {
				
				$protocol = 'http://';
			}
			$image = str_replace( 'http://', $protocol, $image );
			$image_desktop_url = str_replace( 'http://', $protocol, $image_desktop_url );
			$image_tablet_url = str_replace( 'http://', $protocol, $image_tablet_url );
			$image_phone_url = str_replace( 'http://', $protocol, $image_phone_url );

            $items[] = sprintf(
                '<div class="grid-item et_pb_gallery_image">
                    <a href="%1$s"%4$s%5$s>
                        <img src="%1$s" 
                             alt="%2$s" 
                             title="%3$s" 
                             srcset="%9$s 768w, %8$s 980w, %7$s 1024w"
                             sizes="(max-width: 768px) 768px, (max-width: 980px) 980px, 1024px" />
                        %6$s
                    </a>
                </div>',
                $image,
                $image_alt,
                $image_title,
                'on' === $args["title_in_lightbox"] ?  " data-title=\"$image_title\"" : '',
                'on' === $args["caption_in_lightbox"] ?  " data-caption=\"" . wp_get_attachment_caption($attachment_id) . "\"" : '',
                'on' === $args['use_overlay'] ? et_core_esc_previously($overlay_output) : "",
                $image_desktop_url,
                $image_tablet_url,
                $image_phone_url                
            );
        }
        return implode("", $items);
    }


}

new DMPRO_MasonryGallery;