View source
<?php
namespace Drupal\image_widget_crop\Element;
use Drupal\Component\Serialization\Json;
use Drupal\Core\Render\Element\FormElement;
use Drupal\Core\Form\FormStateInterface;
use Drupal\Core\StringTranslation\TranslatableMarkup;
use Drupal\crop\Entity\Crop;
use Drupal\crop\Entity\CropType;
use Drupal\file\FileInterface;
use RecursiveArrayIterator;
use RecursiveIteratorIterator;
use Drupal\file_entity\Entity\FileEntity;
class ImageCrop extends FormElement {
public function getInfo() {
return [
'#process' => [
[
static::class,
'processCrop',
],
],
'#file' => NULL,
'#crop_preview_image_style' => 'crop_thumbnail',
'#crop_type_list' => [],
'#crop_types_required' => [],
'#warn_multiple_usages' => FALSE,
'#show_default_crop' => TRUE,
'#show_crop_area' => FALSE,
'#attached' => [
'library' => [
'image_widget_crop/cropper.integration',
],
],
'#element_validate' => [
[
self::class,
'cropRequired',
],
],
'#tree' => TRUE,
];
}
public static function valueCallback(&$element, $input, FormStateInterface $form_state) {
$return = [];
if ($input) {
return $input;
}
return $return;
}
public static function processCrop(array &$element, FormStateInterface $form_state, array &$complete_form) {
$file = $element['#file'];
if (!empty($file) && preg_match('/image/', $file
->getMimeType())) {
$image = \Drupal::service('image.factory')
->get($file
->getFileUri());
if (!$image
->isValid()) {
$element['message'] = [
'#type' => 'container',
'#markup' => t('The file "@file" is not valid on element @name.', [
'@file' => $file
->getFileUri(),
'@name' => $element['#name'],
]),
'#attributes' => [
'class' => [
'messages messages--error',
],
],
];
return $element;
}
$crop_type_list = $element['#crop_type_list'];
if (empty($crop_type_list)) {
$iwc_manager = \Drupal::service('image_widget_crop.manager');
$available_crop_types = $iwc_manager
->getAvailableCropType(CropType::getCropTypeNames());
$crop_type_list = array_keys($available_crop_types);
}
$element['crop_wrapper'] = [
'#type' => 'details',
'#title' => t('Crop image'),
'#attributes' => [
'class' => [
'image-data__crop-wrapper',
],
'data-drupal-iwc' => 'wrapper',
],
'#open' => $element['#show_crop_area'],
'#weight' => 100,
];
if ($element['#warn_multiple_usages']) {
$usage_counter = self::countFileUsages($file);
if ($usage_counter > 1) {
$element['crop_reuse'] = [
'#type' => 'container',
'#markup' => t('This crop definition affects more usages of this image'),
'#attributes' => [
'class' => [
'messages messages--warning',
],
],
'#weight' => -10,
];
}
}
$list_id = \Drupal::service('uuid')
->generate();
$element['crop_wrapper'][$list_id] = [
'#type' => 'vertical_tabs',
'#parents' => [
$list_id,
],
];
$crop_type_storage = \Drupal::entityTypeManager()
->getStorage('crop_type');
if ($crop_types = $crop_type_storage
->loadMultiple($crop_type_list)) {
foreach ($crop_types as $type => $crop_type) {
$ratio = $crop_type
->getAspectRatio() ?: 'NaN';
$title = self::isRequiredType($element, $type) ? t('@label (required)', [
'@label' => $crop_type
->label(),
]) : $crop_type
->label();
$element['crop_wrapper'][$type] = [
'#type' => 'details',
'#title' => $title,
'#group' => $list_id,
'#attributes' => [
'data-drupal-iwc' => 'type',
'data-drupal-iwc-id' => $type,
'data-drupal-iwc-ratio' => $ratio,
'data-drupal-iwc-required' => self::isRequiredType($element, $type),
'data-drupal-iwc-show-default-crop' => $element['#show_default_crop'] ? 'true' : 'false',
'data-drupal-iwc-soft-limit' => Json::encode($crop_type
->getSoftLimit()),
'data-drupal-iwc-hard-limit' => Json::encode($crop_type
->getHardLimit()),
'data-drupal-iwc-original-width' => $file instanceof FileEntity ? $file
->getMetadata('width') : getimagesize($file
->getFileUri())[0],
'data-drupal-iwc-original-height' => $file instanceof FileEntity ? $file
->getMetadata('height') : getimagesize($file
->getFileUri())[1],
],
];
$element['crop_wrapper'][$type]['crop_container'] = [
'#id' => $type,
'#type' => 'container',
'#attributes' => [
'class' => [
'crop-preview-wrapper',
$list_id,
],
],
'#weight' => -10,
];
$element['crop_wrapper'][$type]['crop_container']['image'] = [
'#theme' => 'image_style',
'#style_name' => $element['#crop_preview_image_style'],
'#attributes' => [
'class' => [
'crop-preview-wrapper__preview-image',
],
'data-drupal-iwc' => 'image',
],
'#uri' => $file
->getFileUri(),
'#weight' => -10,
];
$element['crop_wrapper'][$type]['crop_container']['reset'] = [
'#type' => 'button',
'#value' => t('Reset crop'),
'#attributes' => [
'class' => [
'crop-preview-wrapper__crop-reset',
],
'data-drupal-iwc' => 'reset',
],
'#weight' => -10,
];
$element['crop_wrapper'][$type]['crop_container']['values'] = [
'#type' => 'container',
'#attributes' => [
'class' => [
'crop-preview-wrapper__value',
],
],
'#weight' => -9,
];
$element['crop_wrapper'][$type]['crop_container']['values']['crop_applied'] = [
'#type' => 'hidden',
'#attributes' => [
'data-drupal-iwc-value' => 'applied',
'data-drupal-iwc-id' => $type,
],
'#default_value' => 0,
];
$edit = FALSE;
$properties = [];
$form_state_values = $form_state
->getValue($element['#parents']);
if (self::hasCropValues($element, $type, $form_state)) {
$form_state_properties = $form_state_values['crop_wrapper'][$type]['crop_container']['values'];
if ($form_state_properties['crop_applied'] == '1') {
$element['crop_wrapper'][$type]['crop_container']['values']['crop_applied']['#default_value'] = 1;
$edit = TRUE;
}
$properties = $form_state_properties;
}
$crop = Crop::findCrop($file
->getFileUri(), $type);
if ($crop) {
$edit = TRUE;
$iwc_manager = \Drupal::service('image_widget_crop.manager');
$original_properties = $iwc_manager
->getCropProperties($crop);
$properties = $original_properties == $properties || empty($properties) ? $original_properties : $properties;
$element['crop_wrapper'][$type]['crop_container']['values']['crop_applied']['#default_value'] = 1;
if (isset($properties['crop_applied']) && $properties['crop_applied'] == '0') {
$element['crop_wrapper'][$type]['crop_container']['values']['crop_applied']['#default_value'] = 0;
}
}
self::getCropFormElement($element, 'crop_container', $properties, $edit, $type);
}
$element['file-uri'] = [
'#type' => 'value',
'#value' => $file
->getFileUri(),
];
$element['file-id'] = [
'#type' => 'value',
'#value' => $file
->id(),
];
}
}
return $element;
}
public static function isRequiredType(array $element, $crop_type_id) {
return (string) (static::hasCropRequired($element) && in_array($crop_type_id, $element['#crop_types_required']) ?: FALSE);
}
public static function countFileUsages(FileInterface $file) {
$counter = 0;
$file_usage = \Drupal::service('file.usage')
->listUsage($file);
foreach (new RecursiveIteratorIterator(new RecursiveArrayIterator($file_usage)) as $usage) {
$counter += (int) $usage;
}
return $counter;
}
public static function getCropFormElement(array &$element, $element_wrapper_name, array $original_properties, $edit, $crop_type_id) {
$crop_properties = self::getCropFormProperties($original_properties, $edit);
foreach ($crop_properties as $property => $value) {
$crop_element =& $element['crop_wrapper'][$crop_type_id][$element_wrapper_name]['values'][$property];
$value_property = self::getCropFormPropertyValue($element, $crop_type_id, $edit, $value['value'], $property);
$crop_element = [
'#type' => 'hidden',
'#attributes' => [
'data-drupal-iwc-value' => $property,
],
'#crop_type' => $crop_type_id,
'#element_name' => $property,
'#default_value' => $value_property,
];
if ($property == 'height' || $property == 'width') {
$crop_element['#element_validate'] = [
[
static::class,
'validateHardLimit',
],
];
}
}
return $element;
}
public static function getCropFormProperties(array $original_properties, $edit) {
$crop_elements = self::setCoordinatesElement();
if (!empty($original_properties) && $edit) {
foreach ($crop_elements as $properties => $value) {
$crop_elements[$properties]['value'] = $original_properties[$properties];
}
}
return $crop_elements;
}
public static function getCropFormPropertyValue(array &$element, $crop_type, $edit, $value, $property) {
if (!empty($edit) && isset($value)) {
return $value;
}
if (isset($element['#value']) && isset($element['crop_wrapper'])) {
$ajax_element =& $element['#value']['crop_wrapper']['container'][$crop_type]['values'];
return isset($ajax_element[$property]) && !empty($ajax_element[$property]) ? $ajax_element[$property] : NULL;
}
return NULL;
}
public static function validateHardLimit(array $element, FormStateInterface $form_state) {
$crop_type = \Drupal::entityTypeManager()
->getStorage('crop_type')
->load($element['#crop_type']);
$parents = $element['#parents'];
array_pop($parents);
$crop_values = $form_state
->getValue($parents);
$hard_limit = $crop_type
->getHardLimit();
$action_button = $form_state
->getTriggeringElement()['#value'];
$operation = $action_button instanceof TranslatableMarkup ? $action_button
->getUntranslatedString() : $action_button;
if ((int) $crop_values['crop_applied'] == 0 || $operation == 'Remove') {
return;
}
$element_name = $element['#element_name'];
if ($hard_limit[$element_name] !== 0 && !empty($hard_limit[$element_name])) {
if ($hard_limit[$element_name] > (int) $crop_values[$element_name]) {
$form_state
->setError($element, t('Crop @property is smaller than the allowed @hard_limitpx for @crop_name', [
'@property' => $element_name,
'@hard_limit' => $hard_limit[$element_name],
'@crop_name' => $crop_type
->label(),
]));
}
}
}
public static function hasCropRequired(array $element) {
return isset($element['#crop_types_required']) || !empty($element['#crop_types_required']);
}
public static function cropRequired(array $element, FormStateInterface $form_state) {
if (!static::hasCropRequired($element)) {
return;
}
$required_crops = [];
foreach ($element['#crop_types_required'] as $crop_type_id) {
$crop_applied = $form_state
->getValue($element['#parents'])['crop_wrapper'][$crop_type_id]['crop_container']['values']['crop_applied'];
$action_button = $form_state
->getTriggeringElement()['#value'];
$operation = $action_button instanceof TranslatableMarkup ? $action_button
->getUntranslatedString() : $action_button;
if (self::fileTriggered($form_state) && self::requiredApplicable($crop_applied, $operation)) {
$crop_type = \Drupal::entityTypeManager()
->getStorage('crop_type')
->load($crop_type_id);
$required_crops[] = $crop_type
->label();
}
}
if (!empty($required_crops)) {
$form_state
->setError($element, \Drupal::translation()
->formatPlural(count($required_crops), '@crop_required is required.', '@crops_required are required.', [
"@crop_required" => current($required_crops),
"@crops_required" => implode(', ', $required_crops),
]));
}
}
public static function fileTriggered(FormStateInterface $form_state) {
if (isset($form_state
->getTriggeringElement()['#submit'])) {
return !in_array('file_managed_file_submit', $form_state
->getTriggeringElement()['#submit']);
}
return FALSE;
}
public static function requiredApplicable($crop_applied, $operation) {
return (int) $crop_applied === 0 && $operation !== 'Remove';
}
public static function setCoordinatesElement() {
return [
'x' => [
'label' => t('X coordinate'),
'value' => NULL,
],
'y' => [
'label' => t('Y coordinate'),
'value' => NULL,
],
'width' => [
'label' => t('Width'),
'value' => NULL,
],
'height' => [
'label' => t('Height'),
'value' => NULL,
],
];
}
public static function hasCropValues(array $element, $type, FormStateInterface $form_state) {
$form_state_values = $form_state
->getValue($element['#parents']);
return !empty($form_state_values) && isset($form_state_values['crop_wrapper'][$type]);
}
}