/**
* Generate CSS - Module
*/
function dslc_module_gen_css($atts, $settings_raw)
{
$settings = maybe_unserialize(base64_decode($settings_raw));
// If it's an array
if (is_array($settings)) {
// The ID of the module
$module_id = $settings['module_id'];
// Check if module exists
if (!dslc_is_module_active($module_id)) {
return;
}
// If class does not exists
if (!class_exists($module_id)) {
return;
}
// Instanciate the module class
$module_instance = new $module_id();
// Get array of options
$options_arr = $module_instance->options();
// Load preset options if preset supplied
$settings = apply_filters('dslc_filter_settings', $settings);
// Transform image ID to URL
global $dslc_var_image_option_bckp;
$dslc_var_image_option_bckp = array();
foreach ($options_arr as $option_arr) {
if ($option_arr['type'] == 'image') {
if (isset($settings[$option_arr['id']]) && !empty($settings[$option_arr['id']]) && is_numeric($settings[$option_arr['id']])) {
$dslc_var_image_option_bckp[$option_arr['id']] = $settings[$option_arr['id']];
$image_info = wp_get_attachment_image_src($settings[$option_arr['id']], 'full');
$settings[$option_arr['id']] = $image_info[0];
}
}
// Fix css_custom value ( issue when default changed programmatically )
if ($option_arr['id'] == 'css_custom' && $module_id == 'DSLC_Text_Simple' && !isset($settings['css_custom'])) {
$settings['css_custom'] = $option_arr['std'];
}
}
// Generate custom CSS
if (($module_id == 'DSLC_TP_Content' || $module_id == 'DSLC_Html') && !isset($settings['css_custom'])) {
$css_output = '';
} elseif (isset($settings['css_custom']) && $settings['css_custom'] == 'disabled') {
$css_output = '';
} else {
$css_output = dslc_generate_custom_css($options_arr, $settings);
}
}
}
function module_start($options)
{
global $dslc_should_filter;
$dslc_should_filter = false;
if (!isset($options['css_anim'])) {
$options['css_anim'] = 'none';
}
if (!isset($options['css_anim_delay'])) {
$options['css_anim_delay'] = '0';
}
if (!isset($options['css_anim_duration'])) {
$options['css_anim_duration'] = '650';
}
if (!isset($options['css_anim_easing'])) {
$options['css_anim_easing'] = 'default';
}
$options['module_id'] = $this->module_id;
/**
* Size Classes
*/
$class_size_output = '';
$data_attr_size = '12';
if (isset($options['dslc_m_size'])) {
$class_size_output .= ' dslc-col dslc-' . $options['dslc_m_size'] . '-col';
$data_attr_size = $options['dslc_m_size'];
}
if (isset($options['dslc_m_size_last']) && $options['dslc_m_size_last'] == 'yes') {
$class_size_output .= ' dslc-last-col';
}
/**
* Show on ( desktop, tablet, phone )
*/
$class_show_on = '';
if (isset($options['css_show_on'])) {
$show_on = explode(' ', trim($options['css_show_on']));
if (!in_array('desktop', $show_on)) {
$class_show_on .= 'dslc-hide-on-desktop ';
}
if (!in_array('tablet', $show_on)) {
$class_show_on .= 'dslc-hide-on-tablet ';
}
if (!in_array('phone', $show_on)) {
$class_show_on .= 'dslc-hide-on-phone ';
}
}
/**
* Handle like
*/
if (isset($this->handle_like)) {
$class_handle_like = 'dslc-module-handle-like-' . $this->handle_like;
} else {
$class_handle_like = 'dslc-module-handle-like-regular';
}
/**
* Globals
*/
global $dslc_css_style;
global $dslc_googlefonts_array;
global $dslc_all_googlefonts_array;
/**
* Title Attr
*/
$title_attr = '';
if (dslc_is_editor_active()) {
$title_attr = 'title="' . strtoupper(esc_attr($this->module_title)) . '"';
}
?>
<div id="dslc-module-<?php
echo $options['module_instance_id'];
?>
" class="dslc-module-front dslc-module-<?php
echo $this->module_id;
?>
dslc-in-viewport-check dslc-in-viewport-anim-<?php
echo $options['css_anim'];
?>
<?php
echo $class_size_output . ' ' . $class_show_on . ' ' . $class_handle_like;
?>
" data-module-id="<?php
echo $options['module_instance_id'];
?>
" data-dslc-module-id="<?php
echo $this->module_id;
?>
" data-dslc-module-size="<?php
echo $data_attr_size;
?>
" data-dslc-anim="<?php
echo $options['css_anim'];
?>
" data-dslc-anim-delay="<?php
echo $options['css_anim_delay'];
?>
" data-dslc-anim-duration="<?php
echo $options['css_anim_duration'];
?>
" data-dslc-anim-easing="<?php
echo $options['css_anim_easing'];
?>
" data-dslc-preset="<?php
echo $options['css_load_preset'];
?>
" <?php
echo $title_attr;
?>
>
<?php
do_action('dslc_module_before');
?>
<?php
if (DS_LIVE_COMPOSER_ACTIVE && is_user_logged_in() && current_user_can(DS_LIVE_COMPOSER_CAPABILITY)) {
?>
<style><?php
$options_arr = $this->options();
if (isset($options['css_custom']) && $options['css_custom'] == 'disabled') {
} else {
dslc_generate_custom_css($options_arr, $options, true);
$googlefonts_output = '';
foreach ($dslc_googlefonts_array as $googlefont) {
if (in_array($googlefont, $dslc_all_googlefonts_array)) {
$googlefont = str_replace(' ', '+', $googlefont);
if ($googlefont != '') {
$googlefonts_output .= '@import url("//fonts.googleapis.com/css?family=' . $googlefont . ':100,200,300,400,500,600,700,800,900&subset=latin,latin-ext"); ';
}
}
}
echo $googlefonts_output;
echo $dslc_css_style;
}
?>
</style>
<div class="dslca-module-manage">
<span class="dslca-module-manage-line"></span>
<div class="dslca-module-manage-inner">
<a href="#" class="dslca-module-edit-hook"><span class="dslc-icon-cog"></span></a>
<a href="#" class="dslca-copy-module-hook"><span class="dslc-icon-copy"></span></a>
<a href="#" class="dslca-move-module-hook"><span class="dslc-icon-move"></span></a>
<a href="#" class="dslca-change-width-module-hook">
<span class="dslc-icon-columns"></span>
<div class="dslca-change-width-module-options">
<span data-size="1">1/12</span><span data-size="2">2/12</span>
<span data-size="3">3/12</span><span data-size="4">4/12</span>
<span data-size="5">5/12</span><span data-size="6">6/12</span>
<span data-size="7">7/12</span><span data-size="8">8/12</span>
<span data-size="9">9/12</span><span data-size="10">10/12</span>
<span data-size="11">11/12</span><span data-size="12">12/12</span>
</div>
</a>
<a href="#" class="dslca-delete-module-hook"><span class="dslc-icon-remove"></span></a>
</div>
<?php
if (DS_LIVE_COMPOSER_DEV_MODE) {
?>
<div class="dslca-module-manage-inner dslca-dev-mode">
<a href="#" class="dslca-module-get-defaults-hook"><span class="dslc-icon-upload-alt"></span></a>
</div>
<?php
}
?>
</div>
<?php
}
?>
<?php
}
function module_start($options)
{
global $dslc_active;
global $dslc_should_filter;
$dslc_should_filter = false;
if (!isset($options['css_anim'])) {
$options['css_anim'] = 'none';
}
if (!isset($options['css_anim_delay'])) {
$options['css_anim_delay'] = '0';
}
if (!isset($options['css_anim_duration'])) {
$options['css_anim_duration'] = '650';
}
if (!isset($options['css_anim_easing'])) {
$options['css_anim_easing'] = 'default';
}
$options['module_id'] = $this->module_id;
/**
* Size Classes
*/
$class_size_output = '';
$data_attr_size = '12';
if (isset($options['dslc_m_size'])) {
$class_size_output .= ' dslc-col dslc-' . $options['dslc_m_size'] . '-col';
$data_attr_size = $options['dslc_m_size'];
}
if (isset($options['dslc_m_size_last']) && $options['dslc_m_size_last'] == 'yes') {
$class_size_output .= ' dslc-last-col';
}
/**
* Show on ( desktop, tablet, phone )
*/
$class_show_on = '';
if (isset($options['css_show_on'])) {
$show_on = explode(' ', trim($options['css_show_on']));
if (!in_array('desktop', $show_on)) {
$class_show_on .= 'dslc-hide-on-desktop ';
}
if (!in_array('tablet', $show_on)) {
$class_show_on .= 'dslc-hide-on-tablet ';
}
if (!in_array('phone', $show_on)) {
$class_show_on .= 'dslc-hide-on-phone ';
}
}
/**
* Handle like
*/
if (isset($this->handle_like)) {
$class_handle_like = 'dslc-module-handle-like-' . $this->handle_like;
} else {
$class_handle_like = 'dslc-module-handle-like-regular';
}
/**
* Globals
*/
global $dslc_css_style;
global $dslc_googlefonts_array;
global $dslc_all_googlefonts_array;
/**
* Title Attr
*/
$title_attr = '';
if ($dslc_active) {
$title_attr = 'title="' . strtoupper(esc_attr($this->module_title)) . '"';
}
/**
* Option Preset
*/
if (!isset($options['css_load_preset'])) {
$options['css_load_preset'] = '';
}
// Module class array
$module_class_arr = array();
$module_class_arr[] = 'dslc-module-front';
$module_class_arr[] = 'dslc-module-' . $this->module_id;
$module_class_arr[] = 'dslc-in-viewport-check';
$module_class_arr[] = 'dslc-in-viewport-anim-' . $options['css_anim'];
$module_class_arr[] = $class_size_output;
$module_class_arr[] = $class_show_on;
$module_class_arr[] = $class_handle_like;
// Process all class definitions.
$custom_class = preg_replace('/,/', ' ', $options['custom_class']);
$custom_class = preg_replace('/\\b\\.\\b/', ' ', $custom_class);
$custom_class = preg_replace('/\\./', '', $custom_class);
$custom_class = preg_replace('/\\s{2,}/', ' ', $custom_class);
$custom_class = trim($custom_class);
$module_class_arr[] = $custom_class;
// Module class array apply filters
$module_class_arr = apply_filters('dslc_module_class', $module_class_arr, $this->module_id, $options);
// Turn module class array into string
$module_class = implode(' ', $module_class_arr);
?>
<div id="dslc-module-<?php
echo $options['module_instance_id'];
?>
" class="<?php
echo $module_class;
?>
" data-module-id="<?php
echo $options['module_instance_id'];
?>
" data-dslc-module-id="<?php
echo $this->module_id;
?>
" data-dslc-module-size="<?php
echo $data_attr_size;
?>
" data-dslc-anim="<?php
echo $options['css_anim'];
?>
" data-dslc-anim-delay="<?php
echo $options['css_anim_delay'];
?>
" data-dslc-anim-duration="<?php
echo $options['css_anim_duration'];
?>
" data-dslc-anim-easing="<?php
echo $options['css_anim_easing'];
?>
" data-dslc-preset="<?php
echo $options['css_load_preset'];
?>
" <?php
echo $title_attr;
?>
>
<?php
do_action('dslc_module_before');
?>
<?php
// If Live Composer in editing mode: output <style> block for the current module.
if (DS_LIVE_COMPOSER_ACTIVE && is_user_logged_in() && current_user_can(DS_LIVE_COMPOSER_CAPABILITY)) {
?>
<style type="text/css" id="css-for-dslc-module-<?php
echo $options['module_instance_id'];
?>
"><?php
$options_arr = $this->options();
if (isset($options['css_custom']) && $options['css_custom'] == 'disabled') {
} else {
dslc_generate_custom_css($options_arr, $options, true);
$googlefonts_output = '';
foreach ($dslc_googlefonts_array as $googlefont) {
if (in_array($googlefont, $dslc_all_googlefonts_array)) {
$googlefont = str_replace(' ', '+', $googlefont);
if ($googlefont != '') {
$googlefonts_output .= '@import url("//fonts.googleapis.com/css?family=' . $googlefont . ':100,200,300,400,500,600,700,800,900&subset=latin,latin-ext"); ';
}
}
}
echo $googlefonts_output;
echo $dslc_css_style;
}
?>
</style>
<div class="dslca-module-manage">
<span class="dslca-module-manage-line"></span>
<div class="dslca-module-manage-inner">
<span class="dslca-manage-action dslca-module-manage-hook dslca-module-edit-hook" title="<?php
esc_attr_e('Edit options', 'live-composer-page-builder');
?>
"><span class="dslca-icon dslc-icon-cog"></span></span>
<span class="dslca-manage-action dslca-module-manage-hook dslca-copy-module-hook" title="<?php
esc_attr_e('Duplicate', 'live-composer-page-builder');
?>
"><span class="dslca-icon dslc-icon-copy"></span></span>
<span class="dslca-manage-action dslca-module-manage-hook dslca-move-module-hook" title="<?php
esc_attr_e('Drag to move', 'live-composer-page-builder');
?>
"><span class="dslca-icon dslc-icon-move"></span></span>
<span class="dslca-manage-action dslca-module-manage-hook dslca-change-width-module-hook" title="<?php
esc_attr_e('Change width', 'live-composer-page-builder');
?>
">
<span class="dslca-icon dslc-icon-columns"></span>
<div class="dslca-change-width-module-options">
<span><?php
esc_attr_e('Element Width', 'live-composer-page-builder');
?>
</span>
<span data-size="1">1/12</span><span data-size="2">2/12</span>
<span data-size="3">3/12</span><span data-size="4">4/12</span>
<span data-size="5">5/12</span><span data-size="6">6/12</span>
<span data-size="7">7/12</span><span data-size="8">8/12</span>
<span data-size="9">9/12</span><span data-size="10">10/12</span>
<span data-size="11">11/12</span><span data-size="12">12/12</span>
</div>
</span>
<span class="dslca-manage-action dslca-module-manage-hook dslca-delete-module-hook" title="<?php
esc_attr_e('Delete', 'live-composer-page-builder');
?>
"><span class="dslca-icon dslc-icon-remove"></span></span>
</div>
<?php
if (DS_LIVE_COMPOSER_DEV_MODE) {
?>
<div class="dslca-manage-action dslca-module-manage-inner dslca-dev-mode">
<span class="dslca-module-manage-hook dslca-module-get-defaults-hook"><span class="dslca-icon dslc-icon-upload-alt"></span></span>
</div>
<?php
}
?>
</div>
<?php
}
?>
<?php
}
