class ColorFieldWidgetSpectrum in Color Field 8.2
Plugin implementation of the color_field spectrum widget.
Plugin annotation
@FieldWidget(
id = "color_field_widget_spectrum",
module = "color_field",
label = @Translation("Color spectrum"),
field_types = {
"color_field_type"
}
)
Hierarchy
- class \Drupal\Component\Plugin\PluginBase implements DerivativeInspectionInterface, PluginInspectionInterface
- class \Drupal\Core\Plugin\PluginBase uses DependencySerializationTrait, MessengerTrait, StringTranslationTrait
- class \Drupal\Core\Field\PluginSettingsBase implements DependentPluginInterface, PluginSettingsInterface
- class \Drupal\Core\Field\WidgetBase implements WidgetInterface, ContainerFactoryPluginInterface uses AllowedTagsXssTrait
- class \Drupal\color_field\Plugin\Field\FieldWidget\ColorFieldWidgetBase
- class \Drupal\color_field\Plugin\Field\FieldWidget\ColorFieldWidgetSpectrum
- class \Drupal\color_field\Plugin\Field\FieldWidget\ColorFieldWidgetBase
- class \Drupal\Core\Field\WidgetBase implements WidgetInterface, ContainerFactoryPluginInterface uses AllowedTagsXssTrait
- class \Drupal\Core\Field\PluginSettingsBase implements DependentPluginInterface, PluginSettingsInterface
- class \Drupal\Core\Plugin\PluginBase uses DependencySerializationTrait, MessengerTrait, StringTranslationTrait
Expanded class hierarchy of ColorFieldWidgetSpectrum
File
- src/
Plugin/ Field/ FieldWidget/ ColorFieldWidgetSpectrum.php, line 20
Namespace
Drupal\color_field\Plugin\Field\FieldWidgetView source
class ColorFieldWidgetSpectrum extends ColorFieldWidgetBase {
/**
* {@inheritdoc}
*/
public static function defaultSettings() {
return [
'show_input' => FALSE,
'show_palette' => FALSE,
'palette' => '',
'show_palette_only' => FALSE,
'show_buttons' => FALSE,
'cancel_text' => 'Cancel',
'choose_text' => 'Choose',
'allow_empty' => FALSE,
] + parent::defaultSettings();
}
/**
* {@inheritdoc}
*/
public function settingsForm(array $form, FormStateInterface $form_state) {
$element = [];
$element['show_input'] = [
'#type' => 'checkbox',
'#title' => $this
->t('Show Input'),
'#default_value' => $this
->getSetting('show_input'),
'#description' => $this
->t('Allow free form typing.'),
];
$element['show_palette'] = [
'#type' => 'checkbox',
'#title' => $this
->t('Show Palette'),
'#default_value' => $this
->getSetting('show_palette'),
'#description' => $this
->t('Show or hide Palette in Spectrum Widget'),
];
$element['palette'] = [
'#type' => 'textarea',
'#title' => $this
->t('Color Palette'),
'#default_value' => $this
->getSetting('palette'),
'#description' => $this
->t('Selectable color palette to accompany the Spectrum Widget. Most possible color values will work - including rgba, rgb, hex, web color names, hsl, hsv. Separate values with a comma, and group them with square brackets - ensure one group per line. Ex: <br> ["#fff","#aaa","#f00","#00f"],<br>["#414141","#242424","#0a8db9"]'),
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][show_palette]"]' => [
'checked' => TRUE,
],
],
],
];
$element['show_palette_only'] = [
'#type' => 'checkbox',
'#title' => $this
->t('Show Palette Only'),
'#default_value' => $this
->getSetting('show_palette_only'),
'#description' => $this
->t('Only show the palette in Spectrum Widget and nothing else'),
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][show_palette]"]' => [
'checked' => TRUE,
],
],
],
];
$element['show_buttons'] = [
'#type' => 'checkbox',
'#title' => $this
->t('Show Buttons'),
'#default_value' => $this
->getSetting('show_buttons'),
'#description' => $this
->t('Add Cancel/Confirm Button.'),
];
$element['cancel_text'] = [
'#type' => 'textfield',
'#title' => $this
->t('Cancel button text'),
'#description' => $this
->t('Leave empty to stay default.'),
'#default_value' => $this
->getSetting('cancel_text'),
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][show_buttons]"]' => [
'checked' => TRUE,
],
],
],
];
$element['choose_text'] = [
'#type' => 'textfield',
'#title' => $this
->t('Choose button text'),
'#description' => $this
->t('Leave empty to stay default.'),
'#default_value' => $this
->getSetting('choose_text'),
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][show_buttons]"]' => [
'checked' => TRUE,
],
],
],
];
$element['allow_empty'] = [
'#type' => 'checkbox',
'#title' => $this
->t('Allow Empty'),
'#default_value' => $this
->getSetting('allow_empty'),
'#description' => $this
->t('Allow empty value.'),
];
return $element;
}
/**
* {@inheritdoc}
*/
public function settingsSummary() {
$summary = [];
return $summary;
}
/**
* {@inheritdoc}
*/
public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state) {
$element = parent::formElement($items, $delta, $element, $form, $form_state);
$element['#attached']['library'][] = 'color_field/color-field-widget-spectrum';
// Set Drupal settings.
$settings = $this
->getSettings();
// Compare with default settings make sure they are the same datatype.
$defaults = self::defaultSettings();
foreach ($settings as $key => $value) {
if (is_bool($defaults[$key])) {
$settings[$key] = boolval($value);
}
}
// Parsing Palette data so that it works with spectrum color picker.
// This will create a multidimensional array of hex values.
// Do some cleanup to reduce risk of malformed data.
if (!empty($settings['palette'])) {
// Remove any whitespace.
$settings['palette'] = str_replace([
' ',
"\n",
'"',
"'",
], '', $settings['palette']);
// Parse each row first and reset the palette.
$rows = explode("\r", $settings['palette']);
$settings['palette'] = [];
// Support all kinds of color modes.
$re = '/(rgba|hsva|hsla)[\\(\\s][0-9]*[%\\,\\s]+[0-9]*[%\\,\\s]+[0-9]*[%\\,\\s]+[0-9\\.]+[\\)\\s]*|(rgb|hsv|hsl)[\\(\\s][0-9]+[%\\,\\s]+[0-9]+[%\\,\\s]+[0-9]+[\\)\\s]*|[\\#]?[0-9a-f]+|[a-z]+/mi';
foreach ($rows as $row) {
// Next explode each row into an array of values.
preg_match_all($re, $row, $matches);
$settings['palette'][] = $matches[0];
}
}
$settings['show_alpha'] = (bool) $this
->getFieldSetting('opacity');
$element['#attributes']['id'] = $element['#uid'];
$element['#attributes']['class'][] = 'js-color-field-widget-spectrum';
$element['#attached']['drupalSettings']['color_field']['color_field_widget_spectrum'][$element['#uid']] = $settings;
$element['color']['#attributes']['class'][] = 'js-color-field-widget-spectrum__color';
$element['opacity']['#attributes']['class'][] = 'js-color-field-widget-spectrum__opacity';
return $element;
}
}
Members
Name | Modifiers | Type | Description | Overrides |
---|---|---|---|---|
AllowedTagsXssTrait:: |
public | function | Returns a list of tags allowed by AllowedTagsXssTrait::fieldFilterXss(). | |
AllowedTagsXssTrait:: |
public | function | Returns a human-readable list of allowed tags for display in help texts. | |
AllowedTagsXssTrait:: |
public | function | Filters an HTML string to prevent XSS vulnerabilities. | |
ColorFieldWidgetSpectrum:: |
public static | function |
Defines the default settings for this plugin. Overrides PluginSettingsBase:: |
|
ColorFieldWidgetSpectrum:: |
public | function |
Returns the form for a single field widget. Overrides ColorFieldWidgetBase:: |
|
ColorFieldWidgetSpectrum:: |
public | function |
Returns a form to configure settings for the widget. Overrides WidgetBase:: |
|
ColorFieldWidgetSpectrum:: |
public | function |
Returns a short summary for the current widget settings. Overrides WidgetBase:: |
|
DependencySerializationTrait:: |
protected | property | An array of entity type IDs keyed by the property name of their storages. | |
DependencySerializationTrait:: |
protected | property | An array of service IDs keyed by property name used for serialization. | |
DependencySerializationTrait:: |
public | function | 1 | |
DependencySerializationTrait:: |
public | function | 2 | |
MessengerTrait:: |
protected | property | The messenger. | 29 |
MessengerTrait:: |
public | function | Gets the messenger. | 29 |
MessengerTrait:: |
public | function | Sets the messenger. | |
PluginBase:: |
protected | property | Configuration information passed into the plugin. | 1 |
PluginBase:: |
protected | property | The plugin implementation definition. | 1 |
PluginBase:: |
protected | property | The plugin_id. | |
PluginBase:: |
constant | A string which is used to separate base plugin IDs from the derivative ID. | ||
PluginBase:: |
public | function |
Gets the base_plugin_id of the plugin instance. Overrides DerivativeInspectionInterface:: |
|
PluginBase:: |
public | function |
Gets the derivative_id of the plugin instance. Overrides DerivativeInspectionInterface:: |
|
PluginBase:: |
public | function |
Gets the definition of the plugin implementation. Overrides PluginInspectionInterface:: |
3 |
PluginBase:: |
public | function |
Gets the plugin_id of the plugin instance. Overrides PluginInspectionInterface:: |
|
PluginBase:: |
public | function | Determines if the plugin is configurable. | |
PluginSettingsBase:: |
protected | property | Whether default settings have been merged into the current $settings. | |
PluginSettingsBase:: |
protected | property | The plugin settings injected by third party modules. | |
PluginSettingsBase:: |
public | function |
Calculates dependencies for the configured plugin. Overrides DependentPluginInterface:: |
6 |
PluginSettingsBase:: |
public | function |
Returns the value of a setting, or its default value if absent. Overrides PluginSettingsInterface:: |
|
PluginSettingsBase:: |
public | function |
Returns the array of settings, including defaults for missing settings. Overrides PluginSettingsInterface:: |
|
PluginSettingsBase:: |
public | function |
Gets the list of third parties that store information. Overrides ThirdPartySettingsInterface:: |
|
PluginSettingsBase:: |
public | function |
Gets the value of a third-party setting. Overrides ThirdPartySettingsInterface:: |
|
PluginSettingsBase:: |
public | function |
Gets all third-party settings of a given module. Overrides ThirdPartySettingsInterface:: |
|
PluginSettingsBase:: |
protected | function | Merges default settings values into $settings. | |
PluginSettingsBase:: |
public | function |
Informs the plugin that some configuration it depends on will be deleted. Overrides PluginSettingsInterface:: |
3 |
PluginSettingsBase:: |
public | function |
Sets the value of a setting for the plugin. Overrides PluginSettingsInterface:: |
|
PluginSettingsBase:: |
public | function |
Sets the settings for the plugin. Overrides PluginSettingsInterface:: |
|
PluginSettingsBase:: |
public | function |
Sets the value of a third-party setting. Overrides ThirdPartySettingsInterface:: |
|
PluginSettingsBase:: |
public | function |
Unsets a third-party setting. Overrides ThirdPartySettingsInterface:: |
|
StringTranslationTrait:: |
protected | property | The string translation service. | 1 |
StringTranslationTrait:: |
protected | function | Formats a string containing a count of items. | |
StringTranslationTrait:: |
protected | function | Returns the number of plurals supported by a given language. | |
StringTranslationTrait:: |
protected | function | Gets the string translation service. | |
StringTranslationTrait:: |
public | function | Sets the string translation service to use. | 2 |
StringTranslationTrait:: |
protected | function | Translates a string to the current language or to a given language. | |
WidgetBase:: |
protected | property | The field definition. | |
WidgetBase:: |
protected | property |
The widget settings. Overrides PluginSettingsBase:: |
|
WidgetBase:: |
public static | function | Ajax callback for the "Add another item" button. | |
WidgetBase:: |
public static | function | Submission handler for the "Add another item" button. | |
WidgetBase:: |
public static | function | After-build handler for field elements in a form. | |
WidgetBase:: |
public static | function |
Creates an instance of the plugin. Overrides ContainerFactoryPluginInterface:: |
5 |
WidgetBase:: |
public | function |
Assigns a field-level validation error to the right widget sub-element. Overrides WidgetInterface:: |
8 |
WidgetBase:: |
public | function |
Extracts field values from submitted form values. Overrides WidgetBaseInterface:: |
2 |
WidgetBase:: |
public | function |
Reports field-level validation errors against actual form elements. Overrides WidgetBaseInterface:: |
2 |
WidgetBase:: |
public | function |
Creates a form element for a field. Overrides WidgetBaseInterface:: |
3 |
WidgetBase:: |
protected | function | Special handling to create form elements for multiple values. | 1 |
WidgetBase:: |
protected | function | Generates the form element for a single copy of the widget. | |
WidgetBase:: |
protected | function | Returns the value of a field setting. | |
WidgetBase:: |
protected | function | Returns the array of field settings. | |
WidgetBase:: |
protected | function | Returns the filtered field description. | |
WidgetBase:: |
public static | function |
Retrieves processing information about the widget from $form_state. Overrides WidgetBaseInterface:: |
|
WidgetBase:: |
protected static | function | Returns the location of processing information within $form_state. | |
WidgetBase:: |
protected | function | Returns whether the widget handles multiple values. | |
WidgetBase:: |
public static | function |
Returns if the widget can be used for the provided field. Overrides WidgetInterface:: |
4 |
WidgetBase:: |
protected | function | Returns whether the widget used for default value form. | |
WidgetBase:: |
public | function |
Massages the form values into the format expected for field values. Overrides WidgetInterface:: |
7 |
WidgetBase:: |
public static | function |
Stores processing information about the widget in $form_state. Overrides WidgetBaseInterface:: |
|
WidgetBase:: |
public | function |
Constructs a WidgetBase object. Overrides PluginBase:: |
5 |