| Current Path : /storage/v11800/affypharma/public_html/wp-content/plugins/bdthemes-element-pack/modules/qrcode/widgets/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
| Current File : /storage/v11800/affypharma/public_html/wp-content/plugins/bdthemes-element-pack/modules/qrcode/widgets/qrcode.php |
<?php
namespace ElementPack\Modules\Qrcode\Widgets;
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
class Qrcode extends Widget_Base {
public function get_name() {
return 'bdt-qrcode';
}
public function get_title() {
return BDTEP . esc_html__( 'QR Code', 'bdthemes-element-pack' );
}
public function get_icon() {
return 'bdt-wi-qr-code';
}
public function get_categories() {
return [ 'element-pack' ];
}
public function get_keywords() {
return [ 'qr', 'code' ];
}
public function get_script_depends() {
return [ 'qrcode' ];
}
protected function _register_controls() {
$this->start_controls_section(
'section_content_qrcode',
[
'label' => esc_html__( 'QR Code', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'text',
[
'label' => esc_html__( 'Content', 'bdthemes-element-pack' ),
'type' => Controls_Manager::TEXTAREA,
'placeholder' => 'http://bdthemes.com',
'default' => 'http://bdthemes.com',
'condition' => ['site_link!' => 'yes'],
'dynamic' => [ 'active' => true ],
]
);
$this->add_control(
'site_link',
[
'label' => esc_html__( 'This Page Link', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SWITCHER,
]
);
$this->add_control(
'label_type',
[
'label' => esc_html__( 'Label Type', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SELECT,
'default' => 'text',
'options' => [
'none' => esc_html__( 'None', 'bdthemes-element-pack' ),
'text' => esc_html__( 'Text', 'bdthemes-element-pack' ),
'image' => esc_html__( 'Image', 'bdthemes-element-pack' ),
]
]
);
$this->add_control(
'label',
[
'label' => esc_html__( 'Text', 'bdthemes-element-pack' ),
'type' => Controls_Manager::TEXT,
'dynamic' => [ 'active' => true ],
'placeholder' => 'BDTHEMES',
'default' => 'BDTHEMES',
'condition' => [
'label_type' => 'text',
],
]
);
$this->add_control(
'image',
[
'label' => __( 'Choose Image', 'bdthemes-element-pack' ),
'type' => Controls_Manager::MEDIA,
'condition' => [
'label_type' => 'image',
],
'default' => [
'url' => BDTEP_ASSETS_URL.'images/no-image.jpg',
],
'dynamic' => [ 'active' => true ],
]
);
$this->add_control(
'mode',
[
'label' => esc_html__( 'Mode', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SELECT,
'default' => 2,
'options' => [
1 => esc_html__( 'Strip', 'bdthemes-element-pack' ),
2 => esc_html__( 'Box', 'bdthemes-element-pack' ),
],
'condition' => [
'label_type!' => 'none',
],
]
);
$this->add_responsive_control(
'align',
[
'label' => esc_html__( 'Alignment', 'bdthemes-element-pack' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'bdthemes-element-pack' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'bdthemes-element-pack' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'bdthemes-element-pack' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'center',
'prefix_class' => 'elementor-align%s-',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_qr_code_additional',
[
'label' => esc_html__( 'Additional', 'bdthemes-element-pack' ),
]
);
$this->add_control(
'size',
[
'label' => esc_html__( 'Size', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 400,
],
'range' => [
'px' => [
'min' => 100,
'max' => 1000,
'step' => 50,
],
],
]
);
$this->add_control(
'mSize',
[
'label' => esc_html__( 'Label Size', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 11,
],
'range' => [
'px' => [
'min' => 0,
'max' => 40,
'step' => 1,
],
],
'condition' => [
'label_type!' => 'none',
],
]
);
$this->add_control(
'mPosX',
[
'label' => esc_html__( 'Label POS X:', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 50,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
'step' => 1,
],
],
'condition' => [
'label_type!' => 'none',
],
]
);
$this->add_control(
'mPosY',
[
'label' => esc_html__( 'Label POS Y:', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 50,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
'step' => 1,
],
],
'condition' => [
'label_type!' => 'none',
],
]
);
$this->add_control(
'minVersion',
[
'label' => esc_html__( 'Min Version', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 6,
],
'range' => [
'px' => [
'min' => 1,
'max' => 10,
'step' => 1,
],
],
]
);
$this->add_control(
'ecLevel',
[
'label' => esc_html__( 'Error Correction Level', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SELECT,
'default' => 'H',
'options' => [
'L' => esc_html__( 'Low (7%)', 'bdthemes-element-pack' ),
'M' => esc_html__( 'Medium (15%)', 'bdthemes-element-pack' ),
'Q' => esc_html__( 'Quartile (25%)', 'bdthemes-element-pack' ),
'H' => esc_html__( 'High (30%)', 'bdthemes-element-pack' ),
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_qrcode',
[
'label' => esc_html__( 'QR Code', 'bdthemes-element-pack' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'fill',
[
'label' => esc_html__( 'Code Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'default' => '#333333',
]
);
$this->add_control(
'fontcolor',
[
'label' => esc_html__( 'Label Color', 'bdthemes-element-pack' ),
'type' => Controls_Manager::COLOR,
'default' => '#ff9818',
'condition' => [
'label_type' => 'text',
],
]
);
$this->add_control(
'radius',
[
'label' => esc_html__( 'Code Radius', 'bdthemes-element-pack' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => 0,
'max' => 50,
'step' => 10,
],
],
]
);
$this->end_controls_section();
}
protected function render() {
$settings = $this->get_settings();
$id = 'bdt-qrcode' . $this->get_id();
$image_src = wp_get_attachment_image_src( $settings['image']['id'], 'full' );
$image = ($image_src) ? $image_src[0] : BDTEP_ASSETS_URL.'images/no-image.jpg';
$qr_content = $settings['text'];
if ($settings['site_link']) {
$qr_content = get_permalink();
}
if( 'none' == $settings['label_type'] ){
$mode = 0;
} elseif( 'text' == $settings['label_type'] ){
$mode = $settings['mode'];
} elseif( '' != $settings['image'] ){
$mode = $settings['mode'] + 2;
} else {
$mode = 0;
}
$this->add_render_attribute(
[
'qrcode' => [
'data-settings' => [
wp_json_encode(array_filter([
"render" => "canvas",
"ecLevel" => $settings["ecLevel"],
"minVersion" => $settings["minVersion"]["size"],
"fill" => $settings["fill"],
"text" => $qr_content,
"size" => $settings["size"]["size"],
"radius" => $settings["radius"]["size"] * 0.01,
"mode" => $mode,
"mSize" => $settings["mSize"]["size"] * 0.01,
"mPosX" => $settings["mPosX"]["size"] * 0.01,
"mPosY" => $settings["mPosY"]["size"] * 0.01,
"label" => $settings["label"],
"fontcolor" => $settings["fontcolor"],
]))
]
]
]
);
?>
<div class="bdt-qrcode" <?php echo $this->get_render_attribute_string( 'qrcode' ); ?>></div>
<?php if ('image' === $settings['label_type'] and !empty($image)) : ?>
<img src="<?php echo esc_url($image); ?>" class="bdt-hidden bdt-qrcode-image" alt="<?php echo esc_html($settings["label"]); ?>">
<?php endif;
}
protected function backup_content_template() {
?>
<#
var image = {
id: settings.image.id,
url: settings.image.url,
size: settings.image_size,
dimension: settings.image_custom_dimension,
model: view.getEditModel()
};
var image_url = elementor.imagesManager.getImageUrl( image );
var $mode = 0;
if( 'none' == settings.label_type ) {
$mode = 0;
} else if( 'text' == settings.label_type ){
$mode = settings.mode;
} else if( '' != settings.image ) {
$mode = settings.mode + 2;
} else {
$mode = 0;
}
view.addRenderAttribute( 'qrcode', 'data-eclevel', settings.ecLevel );
view.addRenderAttribute( 'qrcode', 'data-minversion', settings.minVersion.size );
view.addRenderAttribute( 'qrcode', 'data-fill', settings.fill );
view.addRenderAttribute( 'qrcode', 'data-text', settings.text );
view.addRenderAttribute( 'qrcode', 'data-size', settings.size.size );
view.addRenderAttribute( 'qrcode', 'data-radius', settings.radius.size * 0.01 );
view.addRenderAttribute( 'qrcode', 'data-mode', $mode );
view.addRenderAttribute( 'qrcode', 'data-msize', settings.mSize.size * 0.01 );
view.addRenderAttribute( 'qrcode', 'data-mposx', settings.mPosX.size * 0.01 );
view.addRenderAttribute( 'qrcode', 'data-mposy', settings.mPosY.size * 0.01 );
view.addRenderAttribute( 'qrcode', 'data-label', settings.label );
view.addRenderAttribute( 'qrcode', 'data-fontcolor', settings.fontcolor );
#>
<div class="bdt-qrcode" <# print( view.getRenderAttributeString( 'qrcode' ) ); #>></div>
<# if ('image' === settings.label_type && image_url) { #>
<img src="{{image_url}}" class="bdt-hidden bdt-qrcode-image" alt="">
<# } #>
<?php
}
}