[
'svg' => '',
'font' => ''
],
'video' => [
'svg' => '',
'font' => ''
],
'instagram' => [
'svg' => '',
'font' => ''
],
'newlogo' => [
'svg' => '',
'font' => ''
]
];
if (isset($icons[$type][$icon_type])) {
return $icons[$type][$icon_type];
}
return '';
}
/**
* Images are normally styles with the imgLiquid plugin
* with JavaScript. If this is disabled, the plugin will
* attempt to square all images using CSS.
*
* @param array $post
* @param array $settings
* @param array $resized_images
*
* @return string
*
* @since 2.0/5.0
* @since 2.1.1/5.2.1 added support for resized images
*/
public static function get_sbi_photo_style_element($post, $settings, $resized_images = array())
{
if (!$settings['disable_js_image_loading']) {
return '';
} else {
$full_res_image = self::get_optimum_media_url($post, $settings, $resized_images);
/*
* By setting the height to "0" the bottom padding can be used
* as a percent to square the images. Since it needs to be a percent
* this guesses what the percent would be based on static padding.
*/
if ($settings['imagepaddingunit'] === '%') {
$padding_bottom = 100 - ($settings['imagepadding'] * 2) . '%';
} else {
$padding_percent = $settings['imagepadding'] > 0 ? 100 - ($settings['cols'] / 2 * $settings['imagepadding'] / 5) : 100;
$padding_bottom = $padding_percent . '%';
}
return ' style="background-image: url("' . esc_url($full_res_image) . '"); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 1;height: 0;padding-bottom: ' . esc_attr($padding_bottom) . ';"';
}
}
/**
* Returns the best media url for an image based on settings.
* By default, a white placeholder image is loaded and replaced
* with the most optimal image size based on the actual dimensions
* of the image element in the feed.
*
* @param array $post Data for an individual post.
* @param array $settings Settings for the feed.
* @param array $resized_images Existing resized images to use in the source.
*
* @return string The url for the image.
*
* @since 2.0/5.0
*/
public static function get_optimum_media_url($post, $settings, $resized_images = array())
{
$media_url = '';
$optimum_res = $settings['imageres'];
$account_type = isset($post['images']) ? 'personal' : 'business';
// only use the placeholder if it will be replaced using JS.
if (!$settings['disable_js_image_loading']) {
return trailingslashit(SBI_PLUGIN_URL) . 'img/placeholder.png';
}
if ($settings['imageres'] === 'auto') {
$optimum_res = 'full';
$settings['imageres'] = 'full';
} elseif (!empty($resized_images)) {
$media_url = self::getResizedImageUrl($post, $settings, $resized_images);
if ($media_url) {
return $media_url;
}
}
if ($account_type === 'personal') {
$media_url = self::getPersonalAccountMediaUrl($post, $optimum_res);
} else {
$media_url = self::getBusinessAccountMediaUrl($post, $settings, $resized_images, $optimum_res);
}
return $media_url ?: trailingslashit(SBI_PLUGIN_URL) . 'img/thumb-placeholder.png';
}
/**
* Retrieves the URL of a resized image based on the provided post, settings, and resized images.
*
* @param array $post The post data containing image information.
* @param array $settings The settings array that may influence the resizing process.
* @param array $resizedImages An array of resized images to choose from.
*
* @return string The URL of the resized image.
*/
private static function getResizedImageUrl($post, $settings, $resizedImages)
{
$resolution = $settings['imageres'];
$postId = SB_Instagram_Parse::get_post_id($post);
if (
isset($resizedImages[$postId])
&& !in_array($resizedImages[$postId]['id'], ['error', 'pending', 'video'])
) {
$suffix = self::getImageSuffix($resizedImages[$postId]['sizes'], $resolution);
if ($suffix) {
$extension = $resizedImages[$postId]['extension'] ?? '.jpg';
return sbi_get_resized_uploads_url() . $resizedImages[$postId]['id'] . $suffix . $extension;
}
}
return '';
}
/**
* Get the image suffix based on the provided sizes and resolution.
*
* @param array $sizes An array of available image sizes.
* @param string $resolution The desired image resolution.
* @return string The image suffix corresponding to the given resolution.
*/
private static function getImageSuffix($sizes, $resolution)
{
$suffix = '';
switch ($resolution) {
case 'thumb':
case 'medium':
$suffix = isset($sizes['low']) ? 'low' : (isset($sizes['full']) ? 'full' : '');
break;
case 'full':
$suffix = isset($sizes['full']) ? 'full' : (isset($sizes['low']) ? 'low' : '');
break;
case 'lightbox':
$suffix = isset($sizes['full']) ? 'full' : '';
break;
default:
$suffix = '';
break;
}
return $suffix;
}
/**
* Retrieves the media URL for a personal Instagram account.
*
* @param array $post The Instagram post data.
* @param string $optimumRes The desired resolution for the media URL.
* @return string The media URL for the specified post and resolution.
*/
private static function getPersonalAccountMediaUrl($post, $optimumRes)
{
switch ($optimumRes) {
case 'thumb':
return $post['images']['thumbnail']['url'];
case 'medium':
return $post['images']['low_resolution']['url'];
default:
return $post['images']['standard_resolution']['url'];
}
}
/**
* Retrieves the media URL for a business account post.
*
* @param array $post The Instagram post data.
* @param array $settings The settings for the Instagram feed.
* @param array $resizedImages The resized images data.
* @param string $optimumRes The optimum resolution for the media.
* @return string The URL of the media.
*/
private static function getBusinessAccountMediaUrl($post, $settings, $resizedImages, $optimumRes)
{
$postId = SB_Instagram_Parse::get_post_id($post);
if (
$optimumRes === 'full' && isset($resizedImages[$postId]['id'])
&& !in_array($resizedImages[$postId]['id'], ['error', 'pending', 'video'])
) {
$extension = isset($resizedImages[$postId]['extension']) ? $resizedImages[$postId]['extension'] : '.jpg';
return sbi_get_resized_uploads_url() . $resizedImages[$postId]['id'] . 'full' . $extension;
}
if (SB_Instagram_GDPR_Integrations::doing_gdpr($settings)) {
return trailingslashit(SBI_PLUGIN_URL) . 'img/thumb-placeholder.png';
}
$mediaType = $post['media_type'];
if ($mediaType === 'CAROUSEL_ALBUM' || $mediaType === 'VIDEO' || $mediaType === 'OEMBED') {
return self::getCarouselOrVideoMediaUrl($post, $mediaType);
}
return $post['media_url'] ?? '';
}
/**
* Retrieves the URL for carousel or video media from a given post.
*
* @param array $post The post data containing media information.
* @param string $mediaType The type of media to retrieve the URL for ('carousel' or 'video').
*
* @return string The URL of the specified media type.
*/
private static function getCarouselOrVideoMediaUrl($post, $mediaType)
{
if (isset($post['thumbnail_url'])) {
return $post['thumbnail_url'];
}
if ($mediaType === 'CAROUSEL_ALBUM' && isset($post['media_url'])) {
return $post['media_url'];
}
if (isset($post['children'])) {
foreach ($post['children']['data'] as $carousel_item) {
if ($carousel_item['media_type'] === 'IMAGE' && isset($carousel_item['media_url'])) {
return $carousel_item['media_url'];
}
if ($carousel_item['media_type'] === 'VIDEO' && isset($carousel_item['thumbnail_url'])) {
return $carousel_item['thumbnail_url'];
}
}
}
return SB_Instagram_Parse::fetch_single_media($post);
}
/**
* Creates a style attribute that contains all of the styles for
* the main feed div.
*
* @param $settings
*
* @return string
*
* @since 6.0
*/
public static function get_feed_style($settings)
{
$styles = [];
if (!empty($settings['imagepadding'])) {
$styles[] = 'padding-bottom: ' . ((int)$settings['imagepadding'] * 2) . esc_attr($settings['imagepaddingunit']) . ';';
}
if (!empty($settings['background'])) {
$styles[] = 'background-color: rgb(' . esc_attr(sbi_hextorgb($settings['background'])) . ');';
}
if (!empty($settings['width'])) {
$width_unit = !empty($settings['widthunit']) && $settings['widthunit'] === '%' ? '%' : 'px';
$styles[] = 'width: ' . (int)$settings['width'] . $width_unit . ';';
}
if (!empty($settings['height'])) {
$height_unit = !empty($settings['heightunit']) && $settings['heightunit'] === '%' ? '%' : 'px';
$styles[] = 'height: ' . (int)$settings['height'] . $height_unit . ';';
}
return !empty($styles) ? ' style="' . implode(' ', $styles) . '"' : '';
}
/**
* Creates a style attribute for the sbi_images div
*
* @param $settings
*
* @return string
*
* @since 6.0
*/
public static function get_sbi_images_style($settings)
{
if (!empty($settings['imagepadding'])) {
if (!is_admin() && Util::sbi_legacy_css_enabled()) {
return ' style="padding: ' . (int)$settings['imagepadding'] . esc_attr($settings['imagepaddingunit']) . ';"';
} else {
return ' style="gap: ' . (int)$settings['imagepadding'] * 2 . esc_attr($settings['imagepaddingunit']) . ';"';
}
}
return '';
}
/**
* Creates a style attribute for the header. Can be used in
* several places based on the header style
*
* @param $settings
*
* @return string
*
* @since 6.0
*/
public static function get_header_text_color_styles($settings)
{
if (!empty($settings['headercolor'])) {
return ' style="color: rgb(' . esc_attr(sbi_hextorgb($settings['headercolor'])) . ');"';
}
return '';
}
/**
* Creates a style attribute for the follow button. Can be in
* the feed footer or in a boxed header.
*
* @param $settings
*
* @return string
*
* @since 6.0
*/
public static function get_follow_styles($settings)
{
$styles = '';
if (!self::doing_custom_palettes_for_button($settings) && (!empty($settings['followcolor']) || !empty($settings['followtextcolor']))) {
$styles = ' style="';
if (!empty($settings['followcolor'])) {
$styles .= 'background: rgb(' . esc_attr(sbi_hextorgb($settings['followcolor'])) . ');';
}
if (!empty($settings['followtextcolor'])) {
$styles .= 'color: rgb(' . esc_attr(sbi_hextorgb($settings['followtextcolor'])) . ');';
}
$styles .= '"';
}
return $styles;
}
public static function doing_custom_palettes_for_button($settings)
{
if (empty($settings['colorpalette']) || $settings['colorpalette'] === 'inherit') {
return false;
}
if ($settings['colorpalette'] === 'custom' && !empty($settings['custombuttoncolor2'])) {
return true;
}
return false;
}
public static function get_follow_hover_color($settings)
{
if (!empty($settings['followhovercolor']) && $settings['followhovercolor'] !== '#359dff') {
return esc_attr($settings['followhovercolor']);
}
return '';
}
/**
* Creates a style attribute for styling the load more button.
*
* @param $settings
*
* @return string
*
* @since 6.0
*/
public static function get_load_button_styles($settings)
{
$styles = '';
if (!empty($settings['buttoncolor']) || !empty($settings['buttontextcolor'])) {
$styles = ' style="';
if (!empty($settings['buttoncolor'])) {
$styles .= 'background: rgb(' . esc_attr(sbi_hextorgb($settings['buttoncolor'])) . ');';
}
if (!empty($settings['buttontextcolor'])) {
$styles .= 'color: rgb(' . esc_attr(sbi_hextorgb($settings['buttontextcolor'])) . ');';
}
$styles .= '"';
}
return $styles;
}
public static function get_load_button_hover_color($settings)
{
if (!empty($settings['buttonhovercolor']) && $settings['buttonhovercolor'] !== '#000') {
return esc_attr($settings['buttonhovercolor']);
}
return '';
}
/**
* Returns the list of CSS classes
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_feed_container_css_classes($settings, $additional_classes)
{
$customizer = sbi_doing_customizer($settings);
$mobilecols_class = self::get_mobilecols_class($settings);
$tabletcols_class = self::get_tabletcols_class($settings);
$cols_setting = ($customizer) ? ' $parent.getColsPreviewScreen() ' : $settings['cols'];
$additional_customizer_classes = ($customizer) ? ' $parent.getAdditionalCustomizerClasses() ' : '';
$palette_class = self::get_palette_class($settings);
if ($customizer) {
return ' :class="\'sbi \' + ' . esc_attr($mobilecols_class) . ' + \' \' + ' . esc_attr($tabletcols_class) . ' + \' sbi_col_\' + ' . esc_attr($cols_setting) . ' + \' \' + ' . esc_attr($palette_class) . ' + \' \' + ' . esc_attr($additional_customizer_classes) . '" ';
} else {
$classes = 'sbi' . esc_attr($mobilecols_class) . esc_attr($tabletcols_class) . ' sbi_col_' . esc_attr($cols_setting) . esc_attr($additional_classes) . esc_attr($palette_class);
$classes = ' class="' . $classes . '"';
}
return $classes;
}
/**
* Layout for mobile feeds altered with the class added here based on settings.
*
* @param $settings
*
* @return string
*
* @since 5.0
*/
public static function get_mobilecols_class($settings)
{
$customizer = sbi_doing_customizer($settings);
if ($customizer) {
return ' $parent.getMobileColsClass() ';
} else {
$disable_mobile = $settings['disablemobile'];
($disable_mobile == 'on' || $disable_mobile == 'true' || $disable_mobile) ? $disable_mobile = true : $disable_mobile = false;
if ($settings['disablemobile'] === 'false') {
$disable_mobile = '';
}
if ($disable_mobile !== ' sbi_disable_mobile' && $settings['colsmobile'] !== 'same') {
$colsmobile = (int)($settings['colsmobile']) > 0 ? (int)$settings['colsmobile'] : 'auto';
return ' sbi_mob_col_' . $colsmobile;
} else {
$colsmobile = (int)($settings['cols']) > 0 ? (int)$settings['cols'] : 4;
return ' sbi_disable_mobile sbi_mob_col_' . $colsmobile;
}
}
}
/**
* Layout for mobile feeds altered with the class added here based on settings.
*
* @param $settings
*
* @return string
*
* @since 6.0
*/
public static function get_tabletcols_class($settings)
{
$customizer = sbi_doing_customizer($settings);
if ($customizer) {
return ' $parent.getTabletColsClass() ';
} else {
$colstablet = (int)($settings['colstablet']) > 0 ? (int)$settings['colstablet'] : 3;
return ' sbi_tab_col_' . $colstablet;
}
}
/**
* Palette class
*
* @param array $settings
* @param string $context
*
* @return string
*
* @since 6.0
*/
public static function get_palette_class($settings, $context = '')
{
$customizer = sbi_doing_customizer($settings);
if ($customizer) {
return ' $parent.getPaletteClass() ';
} else {
$feed_id_addition = !empty($settings['colorpalette']) && $settings['colorpalette'] === 'custom' ? '_' . $settings['feed'] : '';
$palette_class = !empty($settings['colorpalette']) && $settings['colorpalette'] !== 'inherit' ? ' sbi' . $context . '_palette_' . $settings['colorpalette'] . $feed_id_addition : '';
return esc_attr($palette_class);
}
}
/**
* Palette type
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function palette_type($settings)
{
return !empty($settings['colorpalette']) ? esc_attr($settings['colorpalette']) : 'inherit';
}
/**
* Returns the list of CSS classes
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_feed_container_data_attributes($settings)
{
$customizer = sbi_doing_customizer($settings);
$atts = '';
$atts .= self::print_element_attribute(
$customizer,
array(
'attr' => 'data-res',
'vue_content' => '$parent.customizerFeedData.settings.imageres',
'php_content' => $settings['imageres'],
)
);
$atts .= self::print_element_attribute(
$customizer,
array(
'attr' => 'data-cols',
'vue_content' => '$parent.getColsPreviewScreen()',
'php_content' => $settings['cols'],
)
);
$atts .= self::print_element_attribute(
$customizer,
array(
'attr' => 'data-colsmobile',
'vue_content' => '$parent.customizerFeedData.settings.colsmobile',
'php_content' => $settings['colsmobile'],
)
);
$atts .= self::print_element_attribute(
$customizer,
array(
'attr' => 'data-colstablet',
'vue_content' => '$parent.customizerFeedData.settings.colstablet',
'php_content' => $settings['colstablet'],
)
);
$atts .= self::print_element_attribute(
$customizer,
array(
'attr' => 'data-num',
'vue_content' => '$parent.getModerationShoppableMode ? 10 : $parent.getPostNumberPreviewScreen()',
'php_content' => $settings['num'],
)
);
$atts .= self::print_element_attribute(
$customizer,
array(
'attr' => 'data-nummobile',
'vue_content' => '$parent.customizerFeedData.settings.nummobile',
'php_content' => $settings['nummobile'],
)
);
$atts .= self::print_element_attribute(
$customizer,
array(
'attr' => 'data-item-padding',
'vue_content' => '$parent.customizerFeedData.settings.imagepadding',
'php_content' => $settings['imagepadding'],
)
);
return $atts;
}
/**
* Print Element HTML Attribute
*
* @param bool $customizer
* @param array $args
*
* @return string
*
* @since 6.0
*/
public static function print_element_attribute($customizer, $args)
{
$print_element = ' ' . sanitize_key($args['attr']) . '="' . esc_attr($args['php_content']) . '"';
if ($customizer) {
$print_element = ' :' . sanitize_key($args['attr']) . '="' . esc_attr($args['vue_content']) . '"';
}
return $print_element;
}
/**
* Global header classes
*
* @param $settings
* @param $avatar
* @param string $type
* @return string
*
* @since 5.0
*/
public static function get_header_class($settings, $avatar, $type = 'normal')
{
$customizer = sbi_doing_customizer($settings);
if ($customizer) {
return ' :class="$parent.getHeaderClass(\'' . $type . '\')" ';
} else {
$size_class = self::get_header_size_class($settings);
$avatar_class = $avatar !== '' ? '' : ' sbi_no_avatar';
$palette_class = self::get_palette_class($settings, '_header');
$outside_class = $settings['headeroutside'] ? ' sbi_header_outside' : '';
return ' class="sb_instagram_header ' . esc_attr($size_class) . esc_attr($avatar_class) . esc_attr($outside_class) . esc_attr($palette_class) . '" ';
}
}
/**
* Header icon and text size is styled using the class added here.
*
* @param $settings
*
* @return string
*
* @since 2.0.1/5.0
*/
public static function get_header_size_class($settings)
{
return in_array(strtolower($settings['headersize']), array('medium', 'large')) ? ' sbi_' . strtolower($settings['headersize']) : '';
}
/**
* Header Link
*
* @param array $settings
* @param string $username
*
* @return string
*
* @since 6.0
*/
public static function get_header_link($settings, $username)
{
if (sbi_doing_customizer($settings)) {
return ' :href="\'https://www.instagram.com/\' + $parent.getHeaderUserName() "';
} else {
return ' href="' . esc_url('https://www.instagram.com/' . $username . '/') . '"';
}
}
/**
* Header Link Title
*
* @param array $settings
* @param string $username
*
* @return string
*
* @since 6.0
*/
public static function get_header_link_title($settings, $username)
{
return self::print_element_attribute(
sbi_doing_customizer($settings),
array(
'attr' => 'title',
'vue_content' => '$parent.getHeaderUserNameTitle()',
'php_content' => '@' . esc_attr($username),
)
);
}
/**
* Follow button attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_follow_attribute($settings)
{
return self::should_print_element_vue(sbi_doing_customizer($settings), '$parent.customizerFeedData.settings.followtext');
}
/**
* Should Print HTML
*
* @param bool $customizer
* @param string $content
*
* @return string
*
* @since 6.0
*/
public static function should_print_element_vue($customizer, $content)
{
if ($customizer) {
return ' v-html="' . esc_html($content) . '" ';
}
return '';
}
/**
* Load more button attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_button_attribute($settings)
{
return self::should_print_element_vue(sbi_doing_customizer($settings), '$parent.customizerFeedData.settings.buttontext');
}
/**
* Photo wrap prepended HTML
*
* @param array $post
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_photo_wrap_content($post, $settings)
{
return '';
}
/**
* Header data attributes
*
* @param array $settings
* @param array $header_data
*
* @return string
*
* @since 6.0
*/
public static function get_header_data_attributes($settings, $header_data)
{
$atts = '';
if (sbi_doing_customizer($settings)) {
if (isset($settings['generic_header'])) {
return self::vue_check_header_enabled($settings, 'header-generic', $settings['vue_args']);
}
$header_vue = $settings['vue_args'];
$header_vue['condition'] = $settings['vue_args']['condition'];
$header_enabeld_vue = self::vue_check_header_enabled($settings, 'header', $header_vue);
$atts .= ' ' . $header_enabeld_vue;
}
$avatar = SB_Instagram_Parse::get_avatar($header_data, $settings);
$story_data_att = '';
if (sbi_is_pro_version()) {
$story_data_att = SB_Instagram_Display_Elements_Pro::get_story_attributes(sbi_doing_customizer($settings), $settings, $header_data, $avatar);
}
$atts .= ' ' . $story_data_att;
return $atts;
}
/**
* Returns & Checks if Header is Enabled
* Shows & Hides
*
* @param array $settings
* @param string $header_type
*
* @return string
*
* @since 6.0
*/
public static function vue_check_header_enabled($settings, $header_type, $vue_args)
{
$customizer = sbi_doing_customizer($settings);
$vue_args = !empty($vue_args['condition']) ? $vue_args['condition'] : false;
if ($customizer && $vue_args) {
$result_vue = '$parent.valueIsEnabled($parent.customizerFeedData.settings.showheader) ' . esc_attr($vue_args);
return ' v-if=" ' . esc_attr($result_vue) . '" ';
}
return '';
}
/**
* Header image data attributes
*
* @param array $settings
* @param array $header_data
* @param string $location
*
* @return string
*
* @since 6.0
*/
public static function get_header_img_data_attributes($settings, $header_data = array(), $location = 'default')
{
$instagram_cdn_avatar = SB_Instagram_Parse::get_avatar($header_data, $settings, true);
$doing_customizer = sbi_doing_customizer($settings);
$return = '';
if ($settings['headerstyle'] === 'boxed') {
if (!empty($instagram_cdn_avatar)) {
$return = self::print_element_attribute(
$doing_customizer,
array(
'attr' => 'data-avatar-url',
'vue_content' => '$parent.getHeaderAvatar()',
'php_content' => $instagram_cdn_avatar,
)
);
} else {
$return = self::create_condition_vue($doing_customizer, '$parent.getHeaderAvatar() === false');
}
} else {
if ($location !== 'centered') {
if (!empty($instagram_cdn_avatar) || $doing_customizer) {
$return = self::print_element_attribute(
$doing_customizer,
array(
'attr' => 'data-avatar-url',
'vue_content' => '$parent.getHeaderAvatar()',
'php_content' => $instagram_cdn_avatar,
)
) .
self::create_condition_vue($doing_customizer, ' $parent.customizerFeedData.settings.headerstyle !== \'centered\'');
}
} else {
if (!empty($instagram_cdn_avatar) || $doing_customizer) {
$return = self::print_element_attribute(
$doing_customizer,
array(
'attr' => 'data-avatar-url',
'vue_content' => '$parent.getHeaderAvatar()',
'php_content' => $instagram_cdn_avatar,
)
) .
self::create_condition_vue($doing_customizer, ' $parent.customizerFeedData.settings.headerstyle === \'centered\'');
}
}
}
if (empty($return)) {
return $return;
}
return ' ' . $return;
}
/**
* Should Print HTML
*
* @param bool $customizer
* @param string $condition
*
* @return string
*
* @since 6.0
*/
public static function create_condition_vue($customizer, $condition)
{
if ($customizer) {
return ' v-if="' . esc_attr($condition) . '" ';
}
return '';
}
/**
* Header text classes
*
* @param array $header_data
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_header_text_class($header_data, $settings)
{
$bio = SB_Instagram_Parse::get_bio($header_data, $settings);
$should_show_bio = $settings['showbio'] && $bio !== '';
$bio_class = !$should_show_bio ? ' sbi_no_bio' : '';
return self::print_element_attribute(
sbi_doing_customizer($settings),
array(
'attr' => 'class',
'vue_content' => '$parent.getTextHeaderClass()',
'php_content' => 'sbi_header_text' . esc_attr($bio_class),
)
);
}
/**
* Avatar header image element data attribute
*
* @param array $settings
* @param array $header_data
*
* @return string
*
* @since 6.0
*/
public static function get_avatar_element_data_attributes($settings, $header_data = array())
{
$avatar = SB_Instagram_Parse::get_avatar($header_data, $settings);
$name = SB_Instagram_Parse::get_name($header_data);
return ' ' . self::print_element_attribute(
sbi_doing_customizer($settings),
array(
'attr' => 'src',
'vue_content' => '$parent.getHeaderAvatar()',
'php_content' => $avatar,
)
) .
self::print_element_attribute(
sbi_doing_customizer($settings),
array(
'attr' => 'alt',
'vue_content' => '$parent.getHeaderName()',
'php_content' => '', // Alt text for avatar is set to empty due to the same alt text being present in the enclosing a link for improved accessibility.
)
) .
self::create_condition_vue(sbi_doing_customizer($settings), '$parent.getHeaderAvatar() !== false');
}
/**
* Hover Avatar Attributes
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_avatar_hover_data_attributes($settings)
{
return ' ' . self::create_condition_vue(sbi_doing_customizer($settings), '$parent.getHeaderAvatar() !== false');
}
/**
* HEader Avatar SVG Icon Attributes
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_avatar_svg_data_attributes($settings)
{
return ' ' . self::create_condition_vue(sbi_doing_customizer($settings), '$parent.getHeaderAvatar() === false');
}
/**
* Post count in header data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_post_count_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::should_show_element_vue($settings, 'showfollowers') . self::should_print_element_vue(sbi_doing_customizer($settings), ' $parent.svgIcons[\'headerPhoto\']+ \' \' + $parent.getHeaderMediaCount()');
}
/**
* Should Show Element
*
* @param array $settings
* @param string $setting_name
* @param bool $custom_condition
*
* @return string
*/
public static function should_show_element_vue($settings, $setting_name, $custom_condition = false)
{
$customizer = sbi_doing_customizer($settings);
$setting_name = !empty($setting_name) ? $setting_name : false;
$custom_condition = $custom_condition ? $custom_condition : '';
if ($customizer) {
return ' v-if="$parent.valueIsEnabled($parent.customizerFeedData.settings.' . esc_attr($setting_name) . ')' . (esc_attr($custom_condition)) . '" ';
}
return '';
}
/**
* Follower count in header data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_follower_count_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::should_show_element_vue($settings, 'showfollowers') . self::should_print_element_vue(sbi_doing_customizer($settings), ' $parent.svgIcons[\'headerUser\'] + \' \' + $parent.getHeaderFollowersCount()');
}
/**
* Heading in header data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_header_heading_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::should_print_element_vue(sbi_doing_customizer($settings), '$parent.customizerFeedData.headerData.username');
}
/**
* Bio in header data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_bio_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::create_condition_vue(sbi_doing_customizer($settings), '$parent.checkNotEmpty( $parent.getHeaderBio() ) ? $parent.valueIsEnabled( $parent.customizerFeedData.settings[\'showbio\'] ) : false');
}
/**
* Hover username data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_hoverusername_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::hoverdisplay_vue_condition('username');
}
/**
* Hover display vue condiition
*
* @param array $setting_name
*
* @return string
*
* @since 6.0
*/
public static function hoverdisplay_vue_condition($setting_name)
{
return self::create_condition_vue(true, '$parent.customizerFeedData.settings.hoverdisplay.includes(\'' . $setting_name . '\')');
}
/**
* Caption data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_caption_data_attributes($settings, $caption, $post_id)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
$caption = self::sanitize_caption($caption);
return ' ' . self::display_vue_condition('showcaption') . ' v-html="$parent.getPostCaption(\'' . htmlspecialchars($caption) . '\', ' . $post_id . ')"';
}
/**
* Some characters in captions are breaking the customizer.
*
* @param $caption
*
* @return mixed
*/
public static function sanitize_caption($caption)
{
$caption = str_replace(array("'"), '`', $caption);
$caption = str_replace('&', '&', $caption);
$caption = str_replace('<', '<', $caption);
$caption = str_replace('>', '>', $caption);
$caption = str_replace('"', '"', $caption);
$caption = str_replace(''', '/', $caption);
$caption = str_replace('\', '\/', $caption);
$caption = str_replace(array("\r", "\n"), '
', $caption);
$caption = str_replace('<br />', '
', nl2br($caption));
return $caption;
}
/**
* Display vue condition
*
* @param array $setting_name
*
* @return string
*
* @since 6.0
*/
public static function display_vue_condition($setting_name)
{
return self::create_condition_vue(true, '$parent.valueIsEnabled( $parent.customizerFeedData.settings.' . $setting_name . ' )');
}
/**
* Hover caption data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_hovercaption_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::hoverdisplay_vue_condition('caption');
}
/**
* Hover instagram data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_hoverinstagram_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::hoverdisplay_vue_condition('instagram');
}
/**
* Hover date data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_hoverdate_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::hoverdisplay_vue_condition('date');
}
/**
* Hover likes data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_hoverlikes_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::hoverdisplay_vue_condition('likes');
}
/**
* Hover meta data attribute
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_meta_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::display_vue_condition('showlikes');
}
/**
* Load button data attributes
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_button_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::display_vue_condition('showbutton');
}
/**
* Follow data attributes
*
* @param array $settings
*
* @return string
*
* @since 6.0
*/
public static function get_follow_data_attributes($settings)
{
if (!sbi_doing_customizer($settings)) {
return '';
}
return ' ' . self::display_vue_condition('showfollow');
}
/**
* Show header section
*
* @param string $section
* @param array $settings
*
* @return bool
*
* @since 6.0
*/
public static function should_show_header_section($section, $settings)
{
if (sbi_doing_customizer($settings)) {
return true;
}
if ($section === 'image-top') {
return $settings['headerstyle'] === 'centered';
} elseif ($section === 'image-bottom') {
return $settings['headerstyle'] !== 'centered';
}
return true;
}
/**
* Get Footer Attributes
*
* @param bool $customizer
* @param array $args
*
* @return string
*
* @since 6.0
*/
public static function get_footer_attributes($settings)
{
$customizer = sbi_doing_customizer($settings);
if ($customizer) {
return self::create_condition_vue($customizer, '!$parent.getModerationShoppableMode');
}
return '';
}
}