258 lines
8.0 KiB
PHP
258 lines
8.0 KiB
PHP
<?php
|
|
|
|
class DSM_Text_Badges extends ET_Builder_Module {
|
|
|
|
public $slug = 'dsm_text_badges';
|
|
public $vb_support = 'on';
|
|
|
|
protected $module_credits = array(
|
|
'module_uri' => 'https://divisupreme.com/',
|
|
'author' => 'Divi Supreme',
|
|
'author_uri' => 'https://divisupreme.com/',
|
|
);
|
|
|
|
public function init() {
|
|
$this->name = esc_html__( 'Supreme Text Badges', 'dsm-supreme-modules-for-divi' );
|
|
$this->icon_path = plugin_dir_path( __FILE__ ) . 'icon.svg';
|
|
// Toggle settings
|
|
$this->settings_modal_toggles = array(
|
|
'general' => array(
|
|
'toggles' => array(
|
|
'main_content' => esc_html__( 'Text', 'dsm-supreme-modules-for-divi' ),
|
|
),
|
|
),
|
|
'advanced' => array(
|
|
'toggles' => array(),
|
|
),
|
|
);
|
|
}
|
|
|
|
public function get_advanced_fields_config() {
|
|
return array(
|
|
'fonts' => array(
|
|
'header' => array(
|
|
'label' => esc_html__( 'Main', 'dsm-supreme-modules-for-divi' ),
|
|
'css' => array(
|
|
'main' => '%%order_class%% h1.et_pb_module_header, %%order_class%% h2.et_pb_module_header, %%order_class%% h3.et_pb_module_header, %%order_class%% h4.et_pb_module_header, %%order_class%% h5.et_pb_module_header, %%order_class%% h6.et_pb_module_header',
|
|
),
|
|
'font_size' => array(
|
|
'default' => '18px',
|
|
),
|
|
'line_height' => array(
|
|
'default' => '1em',
|
|
),
|
|
'letter_spacing' => array(
|
|
'default' => '0px',
|
|
),
|
|
'header_level' => array(
|
|
'default' => 'h4',
|
|
),
|
|
'hide_text_align' => true,
|
|
),
|
|
'badges' => array(
|
|
'label' => esc_html__( 'Badges', 'dsm-supreme-modules-for-divi' ),
|
|
'css' => array(
|
|
'main' => '%%order_class%% .dsm-badges',
|
|
),
|
|
'text_color' => array(
|
|
'default' => '#fff',
|
|
),
|
|
'hide_font_size' => true,
|
|
'hide_line_height' => true,
|
|
'hide_text_align' => true,
|
|
'letter_spacing' => array(
|
|
'default' => '0px',
|
|
),
|
|
),
|
|
),
|
|
'text' => array(
|
|
'use_text_orientation' => true,
|
|
'use_background_layout' => true,
|
|
'css' => array(
|
|
'text_shadow' => '%%order_class%% .dsm-text-badge',
|
|
),
|
|
'options' => array(
|
|
'background_layout' => array(
|
|
'default' => 'light',
|
|
),
|
|
),
|
|
),
|
|
'background' => array(
|
|
'css' => array(
|
|
'main' => '%%order_class%% .dsm-text-badges',
|
|
),
|
|
'options' => array(
|
|
'parallax_method' => array(
|
|
'default' => 'off',
|
|
),
|
|
),
|
|
),
|
|
'margin_padding' => array(
|
|
'css' => array(
|
|
'main' => '%%order_class%% .dsm-text-badges',
|
|
),
|
|
),
|
|
'borders' => array(
|
|
'default' => array(
|
|
'css' => array(
|
|
'main' => array(
|
|
'border_radii' => '%%order_class%%',
|
|
'border_styles' => '%%order_class%%',
|
|
),
|
|
),
|
|
),
|
|
'image' => array(
|
|
'css' => array(
|
|
'main' => array(
|
|
'border_radii' => '%%order_class%% .dsm-badges',
|
|
'border_styles' => '%%order_class%% .dsm-badges',
|
|
),
|
|
),
|
|
'label_prefix' => esc_html__( 'Badge', 'dsm-supreme-modules-for-divi' ),
|
|
'tab_slug' => 'advanced',
|
|
'toggle_slug' => 'badges',
|
|
),
|
|
),
|
|
'box_shadow' => array(
|
|
'default' => array(
|
|
'css' => array(
|
|
'main' => '%%order_class%% .dsm-text-badges',
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
public function get_fields() {
|
|
$et_accent_color = et_builder_accent_color();
|
|
return array(
|
|
'main_text' => array(
|
|
'label' => esc_html__( 'Main Text', 'dsm-supreme-modules-for-divi' ),
|
|
'type' => 'text',
|
|
'option_category' => 'basic_option',
|
|
'toggle_slug' => 'main_content',
|
|
'default_on_front' => 'Badges',
|
|
),
|
|
'badges_text' => array(
|
|
'label' => esc_html__( 'Badges Text', 'dsm-supreme-modules-for-divi' ),
|
|
'type' => 'text',
|
|
'option_category' => 'basic_option',
|
|
'toggle_slug' => 'main_content',
|
|
'default_on_front' => 'New',
|
|
),
|
|
'badges_placement' => array(
|
|
'label' => esc_html__( 'Badges Placement', 'dsm-supreme-modules-for-divi' ),
|
|
'type' => 'select',
|
|
'option_category' => 'configuration',
|
|
'options' => array(
|
|
'before' => esc_html__( 'Before', 'dsm-supreme-modules-for-divi' ),
|
|
'after' => esc_html__( 'After', 'dsm-supreme-modules-for-divi' ),
|
|
),
|
|
'default' => 'after',
|
|
'description' => esc_html__( 'Here you can choose the placement of the badges to be before or after the Main Text.', 'dsm-supreme-modules-for-divi' ),
|
|
'toggle_slug' => 'main_content',
|
|
),
|
|
'badges_background_color' => array(
|
|
'label' => esc_html__( 'Background Color', 'dsm-supreme-modules-for-divi' ),
|
|
'type' => 'color-alpha',
|
|
'custom_color' => true,
|
|
'default' => $et_accent_color,
|
|
'tab_slug' => 'advanced',
|
|
'toggle_slug' => 'badges',
|
|
'description' => esc_html__( 'Here you can define a custom background color for the badge', 'dsm-supreme-modules-for-divi' ),
|
|
),
|
|
'badges_gap' => array(
|
|
'label' => esc_html__( 'Gap', 'dsm-supreme-modules-for-divi' ),
|
|
'type' => 'range',
|
|
'option_category' => 'layout',
|
|
'tab_slug' => 'advanced',
|
|
'toggle_slug' => 'badges',
|
|
'mobile_options' => true,
|
|
'validate_unit' => true,
|
|
'default' => '7px',
|
|
'default_unit' => 'px',
|
|
'default_on_front' => '',
|
|
'allow_empty' => true,
|
|
'responsive' => true,
|
|
'description' => esc_html__( 'Here you can define a gap between the text and the badge', 'dsm-supreme-modules-for-divi' ),
|
|
),
|
|
);
|
|
}
|
|
|
|
public function render( $attrs, $content = null, $render_slug ) {
|
|
$main_text = $this->props['main_text'];
|
|
$badges_text = $this->props['badges_text'];
|
|
$badges_placement = $this->props['badges_placement'];
|
|
$badges_background_color = $this->props['badges_background_color'];
|
|
$badges_gap = $this->props['badges_gap'];
|
|
$badges_gap_tablet = $this->props['badges_gap_tablet'];
|
|
$badges_gap_phone = $this->props['badges_gap_phone'];
|
|
$badges_gap_last_edited = $this->props['badges_gap_last_edited'];
|
|
$background_layout = $this->props['background_layout'];
|
|
$header_level = $this->props['header_level'];
|
|
|
|
if ( '' !== $badges_text ) {
|
|
$badges_text = sprintf(
|
|
'<span class="dsm-badges dsm-badges-%2$s">%1$s</span>',
|
|
$badges_text,
|
|
esc_attr( $badges_placement )
|
|
);
|
|
}
|
|
|
|
if ( '' !== $main_text ) {
|
|
$main_text = sprintf(
|
|
'<%1$s class="dsm-text-badges et_pb_module_header">%3$s%2$s%4$s</%1$s>',
|
|
et_pb_process_header_level( $header_level, 'h4' ),
|
|
$main_text,
|
|
( 'before' === $badges_placement ? $badges_text : '' ),
|
|
( 'after' === $badges_placement ? $badges_text : '' )
|
|
);
|
|
}
|
|
|
|
if ( '' !== $badges_background_color ) {
|
|
ET_Builder_Element::set_style(
|
|
$render_slug,
|
|
array(
|
|
'selector' => '%%order_class%% .dsm-badges',
|
|
'declaration' => sprintf(
|
|
'background-color: %1$s;',
|
|
esc_html( $badges_background_color )
|
|
),
|
|
)
|
|
);
|
|
}
|
|
|
|
if ( '' !== $badges_gap_tablet || '' !== $badges_gap_phone || '7px' !== $badges_gap ) {
|
|
$badges_gap_responsive_active = et_pb_get_responsive_status( $badges_gap_last_edited );
|
|
|
|
$badges_gap_values = array(
|
|
'desktop' => $badges_gap,
|
|
'tablet' => $badges_gap_responsive_active ? $badges_gap_tablet : '',
|
|
'phone' => $badges_gap_responsive_active ? $badges_gap_phone : '',
|
|
);
|
|
if ( 'after' === $badges_placement ) {
|
|
et_pb_generate_responsive_css( $badges_gap_values, '%%order_class%% .dsm-badges-after', 'margin-left', $render_slug );
|
|
} else {
|
|
et_pb_generate_responsive_css( $badges_gap_values, '%%order_class%% .dsm-badges-before', 'margin-right', $render_slug );
|
|
}
|
|
}
|
|
|
|
$this->add_classname(
|
|
array(
|
|
$this->get_text_orientation_classname(),
|
|
"et_pb_bg_layout_{$background_layout}",
|
|
)
|
|
);
|
|
|
|
// Render module content
|
|
$output = sprintf(
|
|
'%1$s',
|
|
$main_text
|
|
);
|
|
|
|
return $output;
|
|
}
|
|
}
|
|
|
|
new DSM_Text_Badges;
|