| Path : /var/www/html/csarite.com/public_html/wp-content/themes/bricks/includes/elements/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/csarite.com/public_html/wp-content/themes/bricks/includes/elements/svg.php |
<?php
namespace Bricks;
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
class Element_Svg extends Element {
public $category = 'media';
public $name = 'svg';
public $icon = 'ti-vector';
public $tag = 'svg';
public function get_label() {
return 'SVG';
}
public function get_keywords() {
return [ 'image' ];
}
public function set_controls() {
$this->controls['source'] = [
'label' => esc_html__( 'Source', 'bricks' ),
'type' => 'select',
'placeholder' => esc_html__( 'File', 'bricks' ),
'inline' => true,
'options' => [
'' => esc_html__( 'File', 'bricks' ),
'dynamicData' => esc_html__( 'Dynamic data', 'bricks' ),
'code' => esc_html__( 'Code', 'bricks' ),
],
];
$this->controls['file'] = [
'type' => 'svg',
'required' => [ 'source', '=', '' ],
];
$this->controls['dynamicData'] = [
'label' => esc_html__( 'Dynamic data', 'bricks' ),
'type' => 'text',
'inline' => true,
'desc' => esc_html__( 'Supported field types', 'bricks' ) . ': ' . esc_html__( 'File', 'bricks' ) . ', ' . esc_html__( 'Image', 'bricks' ),
'required' => [ 'source', '=', 'dynamicData' ],
];
// Allow adding SVG code (if current user can execute code)
$user_can_execute_code = Capabilities::current_user_can_execute_code();
if ( $user_can_execute_code ) {
$this->controls['code'] = [
'label' => esc_html__( 'Code', 'bricks' ),
'type' => 'code',
'mode' => 'text/html', // https://codemirror.net/5/mode/xml/ (@since 1.10)
'executeCode' => true,
'signCode' => true,
'hasVariables' => false,
'desc' => sprintf(
esc_html__( 'Please ensure that the SVG code you paste in here does not contain any potentially malicious code. You can run it first through a free online SVG cleaner like %s', 'bricks' ),
'<a href="https://svgomg.net/" target="_blank">https://svgomg.net/</a>'
),
'required' => [ 'source', '=', 'code' ],
];
}
// Code execution disabled
else {
$this->controls['codeExecutionNotAllowedInfo'] = [
'content' => esc_html__( 'Code execution not allowed.', 'bricks' ) . ' ' . esc_html__( 'You can manage code execution permissions under: Bricks > Settings > Builder Access > Code Execution', 'bricks' ),
'type' => 'info',
'required' => [ 'source', '=', 'code' ],
];
}
$this->controls['height'] = [
'label' => esc_html__( 'Height', 'bricks' ),
'type' => 'number',
'units' => true,
'css' => [
[
'property' => 'height',
],
],
];
$this->controls['width'] = [
'label' => esc_html__( 'Width', 'bricks' ),
'type' => 'number',
'units' => true,
'css' => [
[
'property' => 'width',
],
],
];
$this->controls['strokeWidth'] = [
'label' => esc_html__( 'Stroke width', 'bricks' ),
'type' => 'number',
'min' => 1,
'css' => [
[
'property' => 'stroke-width',
'selector' => ' *',
'important' => true,
]
],
];
$this->controls['stroke'] = [
'label' => esc_html__( 'Stroke color', 'bricks' ),
'type' => 'color',
'css' => [
[
'property' => 'stroke',
'selector' => ' :not([stroke="none"])',
'important' => true,
]
],
];
$this->controls['fill'] = [
'label' => esc_html__( 'Fill', 'bricks' ),
'type' => 'color',
'css' => [
[
'property' => 'fill',
'selector' => ' :not([fill="none"])',
'important' => true,
]
],
];
$this->controls['link'] = [
'label' => esc_html__( 'Link', 'bricks' ),
'type' => 'link',
];
}
public function render() {
$settings = $this->settings;
$source = $settings['source'] ?? 'file';
$link = ! empty( $settings['link'] ) && bricks_is_frontend() ? $settings['link'] : false; // Front-end only (@since 1.10.2)
$svg = '';
// Default: Get SVG from file ID
if ( $source === 'file' && ! empty( $settings['file']['id'] ) ) {
$svg_path = get_attached_file( $settings['file']['id'] );
$svg = $svg_path ? Helpers::file_get_contents( $svg_path ) : false;
}
// Get SVG from dynamic data
if ( $source === 'dynamicData' && ! empty( $settings['dynamicData'] ) ) {
$svg_data = $this->render_dynamic_data_tag( $settings['dynamicData'], 'image' );
$file_id = ! empty( $svg_data[0] ) && is_numeric( $svg_data[0] ) ? $svg_data[0] : false;
if ( $file_id ) {
$svg_path = get_attached_file( $file_id );
$svg = $svg_path ? Helpers::file_get_contents( $svg_path ) : false;
}
}
// STEP: Get SVG HTML from Code element
$code = $settings['code'] ?? '';
$signature = $settings['signature'] ?? false;
if ( $source === 'code' && $code ) {
// Return error message if $code contains any PHP tags
if ( strpos( $code, '<?' ) !== false ) {
return $this->render_element_placeholder( [ 'title' => esc_html__( 'Not allowed', 'bricks' ) ], 'error' );
}
if ( class_exists( '\Bricks\Element_Code' ) ) {
$code = new Element_Code(
[
'id' => $this->id,
'settings' => [
'code' => $code,
'signature' => $signature,
'executeCode' => true,
'noRootForce' => true, // Return SVG code without element wrapper
'isStaticArea' => isset( $this->element['staticArea'] ), // To render SVG element 'code' in static header template without root wrapper (@since 1.11.1)
],
]
);
ob_start();
$code->load();
$code->init();
$svg = ob_get_clean();
// Return error: No SVG (invalid or missing signature)
if ( ! $svg ) {
if ( $signature ) {
return $this->render_element_placeholder( [ 'title' => esc_html__( 'Invalid signature', 'bricks' ) ], 'error' );
} else {
return $this->render_element_placeholder( [ 'title' => esc_html__( 'No signature', 'bricks' ) ], 'error' );
}
}
}
}
// Return: No SVG
if ( ! $svg ) {
return $this->render_element_placeholder( [ 'title' => esc_html__( 'No SVG selected.', 'bricks' ) ] );
}
// Linked icon: Remove custom attributes from '_root' to add to the 'link'
if ( $link ) {
$custom_attributes = $this->get_custom_attributes( $settings );
if ( is_array( $custom_attributes ) ) {
foreach ( $custom_attributes as $key => $value ) {
if ( isset( $this->attributes['_root'][ $key ] ) ) {
unset( $this->attributes['_root'][ $key ] );
}
}
}
}
// Run root attributes through filter (@since 1.10)
else {
$this->attributes = apply_filters( 'bricks/element/render_attributes', $this->attributes, '_root', $this );
}
$output = '';
// Linked SVG
if ( $link ) {
$this->set_link_attributes( 'link', $link );
// Add custom attributes to the link instead of the icon
$output .= "<a {$this->render_attributes( 'link', true )}>";
}
// Render SVG + root attributes (ID, classes, etc.)
$output .= self::render_svg( $svg, $this->attributes['_root'] );
if ( $link ) {
$output .= '</a>';
}
echo $output;
}
}