Your IP : 216.73.216.44
<?php
/**
* @class FLPhotoModule
*/
class FLPhotoModule extends FLBuilderModule {
/**
* @property $data
*/
public $data = null;
/**
* @property $_editor
* @protected
*/
protected $_editor = null;
/**
* @method __construct
*/
public function __construct() {
parent::__construct(array(
'name' => esc_html__( 'Photo', 'nex' ),
'description' => esc_html__( 'Upload a photo or display one from the media library.', 'nex' ),
'category' => esc_html__( 'Basic', 'nex' ),
'icon' => 'format-image.svg',
'partial_refresh' => true,
));
}
/**
* Ensure backwards compatibility with old settings.
*
* @since 2.2
* @param object $settings A module settings object.
* @param object $helper A settings compatibility helper.
* @return object
*/
public function filter_settings( $settings, $helper ) {
// Handle old link fields.
if ( isset( $settings->link_target ) ) {
$settings->link_url_target = $settings->link_target;
unset( $settings->link_target );
}
if ( isset( $settings->link_nofollow ) ) {
$settings->link_url_nofollow = $settings->link_nofollow;
unset( $settings->link_nofollow );
}
return $settings;
}
/**
* @method enqueue_scripts
*/
public function enqueue_scripts() {
$override_lightbox = apply_filters( 'fl_builder_override_lightbox', false );
if ( $this->settings && 'lightbox' == $this->settings->link_type ) {
if ( ! $override_lightbox ) {
$this->add_js( 'jquery-magnificpopup' );
$this->add_css( 'font-awesome-5' );
$this->add_css( 'jquery-magnificpopup' );
} else {
wp_dequeue_script( 'jquery-magnificpopup' );
wp_dequeue_style( 'jquery-magnificpopup' );
}
}
$this->add_js( 'vamtam-fl-photo' );
}
/**
* @method update
* @param $settings {object}
*/
public function update( $settings ) {
// Make sure we have a photo_src property.
if ( ! isset( $settings->photo_src ) ) {
$settings->photo_src = '';
}
// Cache the attachment data.
$settings->data = FLBuilderPhoto::get_attachment_data( $settings->photo );
// Save a crop if necessary.
$this->crop();
return $settings;
}
/**
* @method delete
*/
public function delete() {
$cropped_path = $this->_get_cropped_path();
if ( fl_builder_filesystem()->file_exists( $cropped_path['path'] ) ) {
fl_builder_filesystem()->unlink( $cropped_path['path'] );
}
}
/**
* @method crop
*/
public function crop() {
// Delete an existing crop if it exists.
$this->delete();
// Do a crop.
if ( ! empty( $this->settings->crop ) ) {
$editor = $this->_get_editor();
if ( ! $editor || is_wp_error( $editor ) ) {
return false;
}
$cropped_path = $this->_get_cropped_path();
$size = $editor->get_size();
$new_width = $size['width'];
$new_height = $size['height'];
// Get the crop ratios.
if ( 'landscape' == $this->settings->crop ) {
$ratio_1 = 1.43;
$ratio_2 = .7;
} elseif ( 'panorama' == $this->settings->crop ) {
$ratio_1 = 2;
$ratio_2 = .5;
} elseif ( 'portrait' == $this->settings->crop ) {
$ratio_1 = .7;
$ratio_2 = 1.43;
} elseif ( 'square' == $this->settings->crop ) {
$ratio_1 = 1;
$ratio_2 = 1;
} elseif ( 'circle' == $this->settings->crop ) {
$ratio_1 = 1;
$ratio_2 = 1;
}
// Get the new width or height.
if ( $size['width'] / $size['height'] < $ratio_1 ) {
$new_height = $size['width'] * $ratio_2;
} else {
$new_width = $size['height'] * $ratio_1;
}
do_action( 'vamtam_fl_photo_before_crop' );
// Crop the photo.
$editor->resize( $new_width, $new_height, true );
// Save the photo.
$editor->save( $cropped_path['path'] );
/**
* Let third party media plugins hook in.
* @see fl_builder_photo_cropped
*/
do_action( 'fl_builder_photo_cropped', $cropped_path, $editor );
// Return the new url.
return $cropped_path['url'];
}
return false;
}
/**
* @method get_data
*/
public function get_data() {
if ( ! $this->data ) {
// Photo source is set to "url".
if ( 'url' == $this->settings->photo_source ) {
$this->data = new stdClass();
$this->data->alt = $this->settings->caption;
$this->data->caption = $this->settings->caption;
$this->data->link = $this->settings->photo_url;
$this->data->url = $this->settings->photo_url;
$this->settings->photo_src = $this->settings->photo_url;
} elseif ( is_object( $this->settings->photo ) ) {
$this->data = $this->settings->photo;
} else {
$this->data = FLBuilderPhoto::get_attachment_data( $this->settings->photo );
}
// Data object is empty, use the settings cache.
if ( ! $this->data && isset( $this->settings->data ) ) {
$this->data = $this->settings->data;
}
}
return $this->data;
}
/**
* @method get_classes
*/
public function get_classes() {
$classes = array( 'fl-photo-img' );
if ( 'library' == $this->settings->photo_source && ! empty( $this->settings->photo ) ) {
$data = self::get_data();
if ( is_object( $data ) ) {
if ( isset( $data->id ) ) {
$classes[] = 'wp-image-' . $data->id;
}
if ( isset( $data->sizes ) ) {
foreach ( $data->sizes as $key => $size ) {
if ( $size->url == $this->settings->photo_src ) {
$classes[] = 'size-' . $key;
break;
}
}
}
}
}
return implode( ' ', $classes );
}
/**
* @method get_src
*/
public function get_src() {
$src = $this->_get_uncropped_url();
// Return a cropped photo.
if ( $this->_has_source() && ! empty( $this->settings->crop ) ) {
$cropped_path = $this->_get_cropped_path();
// See if the cropped photo already exists.
if ( fl_builder_filesystem()->file_exists( $cropped_path['path'] ) ) {
$src = $cropped_path['url'];
} elseif ( stristr( $src, FL_BUILDER_DEMO_URL ) && ! stristr( FL_BUILDER_DEMO_URL, $_SERVER['HTTP_HOST'] ) ) {
$src = $this->_get_cropped_demo_url();
} elseif ( stristr( $src, FL_BUILDER_OLD_DEMO_URL ) ) { // It doesn't, check if this is a OLD demo image.
$src = $this->_get_cropped_demo_url();
} else { // A cropped photo doesn't exist, try to create one.
$url = $this->crop();
if ( $url ) {
$src = $url;
}
}
}
return $src;
}
/**
* @method get_link
*/
public function get_link() {
$photo = $this->get_data();
if ( 'url' == $this->settings->link_type ) {
$link = $this->settings->link_url;
} elseif ( isset( $photo ) && 'lightbox' == $this->settings->link_type ) {
$link = $photo->url;
} elseif ( isset( $photo ) && 'file' == $this->settings->link_type ) {
$link = $photo->url;
} elseif ( isset( $photo ) && 'page' == $this->settings->link_type ) {
$link = $photo->link;
} else {
$link = '';
}
return $link;
}
/**
* @method get_alt
*/
public function get_alt() {
$photo = $this->get_data();
if ( ! empty( $photo->alt ) ) {
return htmlspecialchars( $photo->alt );
} elseif ( ! empty( $photo->description ) ) {
return htmlspecialchars( $photo->description );
} elseif ( ! empty( $photo->caption ) ) {
return htmlspecialchars( $photo->caption );
} elseif ( ! empty( $photo->title ) ) {
return htmlspecialchars( $photo->title );
}
}
/**
* @method get_attributes
*/
public function get_attributes() {
$photo = $this->get_data();
$attrs = '';
if ( isset( $this->settings->attributes ) ) {
foreach ( $this->settings->attributes as $key => $val ) {
$attrs .= $key . '="' . $val . '" ';
}
}
if ( is_object( $photo ) && isset( $photo->sizes ) ) {
foreach ( $photo->sizes as $size ) {
if ( $size->url == $this->settings->photo_src && isset( $size->width ) && isset( $size->height ) ) {
$attrs .= 'height="' . $size->height . '" width="' . $size->width . '" ';
}
}
}
if ( ! empty( $photo->title ) ) {
$attrs .= 'title="' . htmlspecialchars( $photo->title ) . '" ';
}
if ( FLBuilderModel::is_builder_active() ) {
$attrs .= 'onerror="this.style.display=\'none\'" ';
}
return $attrs;
}
/**
* @method _has_source
* @protected
*/
protected function _has_source() {
if ( 'url' == $this->settings->photo_source && ! empty( $this->settings->photo_url ) ) {
return true;
} elseif ( 'library' == $this->settings->photo_source && ! empty( $this->settings->photo_src ) ) {
return true;
}
return false;
}
/**
* @method _get_editor
* @protected
*/
protected function _get_editor() {
if ( $this->_has_source() && null === $this->_editor ) {
$url_path = $this->_get_uncropped_url();
$file_path = str_ireplace( home_url(), ABSPATH, $url_path );
if ( fl_builder_filesystem()->file_exists( $file_path ) ) {
$this->_editor = wp_get_image_editor( $file_path );
} else {
$this->_editor = wp_get_image_editor( $url_path );
}
}
return $this->_editor;
}
/**
* @method _get_cropped_path
* @protected
*/
protected function _get_cropped_path() {
$crop = empty( $this->settings->crop ) ? 'none' : $this->settings->crop;
$url = $this->_get_uncropped_url();
$cache_dir = FLBuilderModel::get_cache_dir();
if ( empty( $url ) ) {
$filename = uniqid(); // Return a file that doesn't exist.
} else {
if ( stristr( $url, '?' ) ) {
$parts = explode( '?', $url );
$url = $parts[0];
}
$pathinfo = pathinfo( $url );
if ( isset( $pathinfo['extension'] ) ) {
$dir = $pathinfo['dirname'];
$ext = $pathinfo['extension'];
$name = wp_basename( $url, ".$ext" );
$new_ext = strtolower( $ext );
$filename = "{$name}-{$crop}.{$new_ext}";
} else {
$filename = $pathinfo['filename'] . "-{$crop}.png";
}
}
return array(
'filename' => $filename,
'path' => $cache_dir['path'] . $filename,
'url' => $cache_dir['url'] . $filename,
);
}
/**
* @method _get_uncropped_url
* @protected
*/
protected function _get_uncropped_url() {
if ( 'url' == $this->settings->photo_source ) {
$url = $this->settings->photo_url;
} elseif ( ! empty( $this->settings->photo_src ) ) {
$url = $this->settings->photo_src;
} else {
$url = FL_BUILDER_URL . 'img/pixel.png';
}
return $url;
}
/**
* @method _get_cropped_demo_url
* @protected
*/
protected function _get_cropped_demo_url() {
$info = $this->_get_cropped_path();
return FL_BUILDER_DEMO_CACHE_URL . $info['filename'];
}
/**
* Returns link rel
* @since 2.0.6
*/
public function get_rel() {
$rel = array();
if ( '_blank' == $this->settings->link_url_target ) {
$rel[] = 'noopener';
}
if ( isset( $this->settings->link_url_nofollow ) && 'yes' == $this->settings->link_url_nofollow ) {
$rel[] = 'nofollow';
}
$rel = implode( ' ', $rel );
if ( $rel ) {
$rel = ' rel="' . $rel . '" ';
}
return $rel;
}
}
/**
* Register the module and its form settings.
*/
FLBuilder::register_module('FLPhotoModule', array(
'general' => array( // Tab
'title' => esc_html__( 'General', 'nex' ), // Tab title
'sections' => array( // Tab Sections
'general' => array( // Section
'title' => '', // Section Title
'fields' => array( // Section Fields
'photo_source' => array(
'type' => 'select',
'label' => esc_html__( 'Photo Source', 'nex' ),
'default' => 'library',
'options' => array(
'library' => esc_html__( 'Media Library', 'nex' ),
'url' => esc_html__( 'URL', 'nex' ),
),
'toggle' => array(
'library' => array(
'fields' => array( 'photo' ),
),
'url' => array(
'fields' => array( 'photo_url', 'caption' ),
),
),
'preview' => array(
'type' => 'none',
),
),
'photo' => array(
'type' => 'photo',
'label' => esc_html__( 'Photo', 'nex' ),
'connections' => array( 'photo' ),
'show_remove' => true,
'preview' => array(
'type' => 'none',
),
),
'photo_url' => array(
'type' => 'text',
'label' => esc_html__( 'Photo URL', 'nex' ),
'placeholder' => esc_html__( 'http://www.example.com/my-photo.jpg', 'nex' ),
'preview' => array(
'type' => 'none',
),
),
),
),
'caption' => array(
'title' => esc_html__( 'Caption', 'nex' ),
'fields' => array(
'show_caption' => array(
'type' => 'select',
'label' => esc_html__( 'Show Caption', 'nex' ),
'default' => '0',
'options' => array(
'0' => esc_html__( 'Never', 'nex' ),
'hover' => esc_html__( 'On Hover', 'nex' ),
'below' => esc_html__( 'Below Photo', 'nex' ),
),
'toggle' => array(
'' => array(),
'hover' => array(
'fields' => array( 'caption_typography' ),
),
'below' => array(
'fields' => array( 'caption_typography' ),
),
),
'preview' => array(
'type' => 'none',
),
),
'caption' => array(
'type' => 'text',
'label' => esc_html__( 'Caption', 'nex' ),
'preview' => array(
'type' => 'none',
),
),
),
),
'link' => array(
'title' => esc_html__( 'Link', 'nex' ),
'fields' => array(
'link_type' => array(
'type' => 'select',
'label' => esc_html__( 'Link Type', 'nex' ),
'options' => array(
'' => _x( 'None', 'Link type.', 'nex' ),
'url' => esc_html__( 'URL', 'nex' ),
'lightbox' => esc_html__( 'Lightbox', 'nex' ),
'file' => esc_html__( 'Photo File', 'nex' ),
'page' => esc_html__( 'Photo Page', 'nex' ),
),
'toggle' => array(
'' => array(),
'url' => array(
'fields' => array( 'link_url' ),
),
'file' => array(),
'page' => array(),
),
'help' => esc_html__( 'Link type applies to how the image should be linked on click. You can choose a specific URL, the individual photo or a separate page with the photo.', 'nex' ),
'preview' => array(
'type' => 'none',
),
),
'link_url' => array(
'type' => 'link',
'label' => esc_html__( 'Link URL', 'nex' ),
'show_target' => true,
'show_nofollow' => true,
'preview' => array(
'type' => 'none',
),
'connections' => array( 'url' ),
),
),
),
),
),
'style' => array( // Tab
'title' => esc_html__( 'Style', 'nex' ), // Tab title
'sections' => array( // Tab Sections
'general' => array( // Section
'title' => '', // Section Title
'fields' => array( // Section Fields
'crop' => array(
'type' => 'select',
'label' => esc_html__( 'Crop', 'nex' ),
'default' => '',
'options' => array(
'' => _x( 'None', 'Photo Crop.', 'nex' ),
'landscape' => esc_html__( 'Landscape', 'nex' ),
'panorama' => esc_html__( 'Panorama', 'nex' ),
'portrait' => esc_html__( 'Portrait', 'nex' ),
'square' => esc_html__( 'Square', 'nex' ),
'circle' => esc_html__( 'Circle', 'nex' ),
),
),
'width' => array(
'type' => 'unit',
'label' => esc_html__( 'Width', 'nex' ),
'responsive' => true,
'units' => array(
'px',
'vw',
'%',
),
'slider' => array(
'px' => array(
'min' => 0,
'max' => 1000,
'step' => 10,
),
),
'preview' => array(
'type' => 'css',
'selector' => '.fl-photo-img',
'property' => 'width',
'important' => true,
),
),
'align' => array(
'type' => 'align',
'label' => esc_html__( 'Align', 'nex' ),
'default' => 'center',
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-photo',
'property' => 'text-align',
'important' => true,
),
),
'border' => array(
'type' => 'border',
'label' => esc_html__( 'Border', 'nex' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.fl-photo-img',
),
),
'caption_typography' => array(
'type' => 'typography',
'label' => esc_html__( 'Caption Typography', 'nex' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '{node}.fl-module-photo .fl-photo-caption',
'important' => true,
),
),
),
),
),
),
));