| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <?php
- namespace Elementor;
- if ( ! defined( 'ABSPATH' ) ) {
- exit; // Exit if accessed directly.
- }
- /**
- * Elementor image dimensions control.
- *
- * A base control for creating image dimension control. Displays image width
- * input, image height input and an apply button.
- *
- * @since 1.0.0
- */
- class Control_Image_Dimensions extends Control_Base_Multiple {
- /**
- * Get image dimensions control type.
- *
- * Retrieve the control type, in this case `image_dimensions`.
- *
- * @since 1.0.0
- * @access public
- *
- * @return string Control type.
- */
- public function get_type() {
- return 'image_dimensions';
- }
- /**
- * Get image dimensions control default values.
- *
- * Retrieve the default value of the image dimensions control. Used to return the
- * default values while initializing the image dimensions control.
- *
- * @since 1.0.0
- * @access public
- *
- * @return array Control default value.
- */
- public function get_default_value() {
- return [
- 'width' => '',
- 'height' => '',
- ];
- }
- /**
- * Get image dimensions control default settings.
- *
- * Retrieve the default settings of the image dimensions control. Used to return
- * the default settings while initializing the image dimensions control.
- *
- * @since 1.0.0
- * @access protected
- *
- * @return array Control default settings.
- */
- protected function get_default_settings() {
- return [
- 'show_label' => false,
- 'label_block' => true,
- ];
- }
- /**
- * Render image dimensions control output in the editor.
- *
- * Used to generate the control HTML in the editor using Underscore JS
- * template. The variables for the class are available using `data` JS
- * object.
- *
- * @since 1.0.0
- * @access public
- */
- public function content_template() {
- if ( ! $this->is_image_editor_supports() ) : ?>
- <div class="elementor-panel-alert elementor-panel-alert-danger">
- <?php echo __( 'The server does not have ImageMagick or GD installed and/or enabled! Any of these libraries are required for WordPress to be able to resize images. Please contact your server administrator to enable this before continuing.', 'elementor' ); ?>
- </div>
- <?php
- return;
- endif;
- ?>
- <# if ( data.description ) { #>
- <div class="elementor-control-field-description">{{{ data.description }}}</div>
- <# } #>
- <div class="elementor-control-field">
- <label class="elementor-control-title">{{{ data.label }}}</label>
- <div class="elementor-control-input-wrapper">
- <div class="elementor-image-dimensions-field">
- <?php $control_uid = $this->get_control_uid( 'width' ); ?>
- <input id="<?php echo $control_uid; ?>" type="text" data-setting="width" />
- <label for="<?php echo $control_uid; ?>" class="elementor-image-dimensions-field-description"><?php echo __( 'Width', 'elementor' ); ?></label>
- </div>
- <div class="elementor-image-dimensions-separator">x</div>
- <div class="elementor-image-dimensions-field">
- <?php $control_uid = $this->get_control_uid( 'height' ); ?>
- <input id="<?php echo $control_uid; ?>" type="text" data-setting="height" />
- <label for="<?php echo $control_uid; ?>" class="elementor-image-dimensions-field-description"><?php echo __( 'Height', 'elementor' ); ?></label>
- </div>
- <button class="elementor-button elementor-button-success elementor-image-dimensions-apply-button"><?php echo __( 'Apply', 'elementor' ); ?></button>
- </div>
- </div>
- <?php
- }
- /**
- * Image editor support.
- *
- * Used to determine whether the editor supports a given image mime-type.
- *
- * @since 2.0.0
- * @access private
- *
- * @return bool Whether the editor supports the given mime-type.
- */
- private function is_image_editor_supports() {
- $arg = [
- 'mime_type' => 'image/jpeg',
- ];
- return ( wp_image_editor_supports( $arg ) );
- }
- }
|