class ColorFieldFormatterCss in Color Field 8.2
Plugin implementation of the color_field css declaration formatter.
Plugin annotation
@FieldFormatter(
id = "color_field_formatter_css",
module = "color_field",
label = @Translation("Color CSS declaration"),
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\FormatterBase implements FormatterInterface, ContainerFactoryPluginInterface
- class \Drupal\color_field\Plugin\Field\FieldFormatter\ColorFieldFormatterCss implements ContainerFactoryPluginInterface
- class \Drupal\Core\Field\FormatterBase implements FormatterInterface, ContainerFactoryPluginInterface
- class \Drupal\Core\Field\PluginSettingsBase implements DependentPluginInterface, PluginSettingsInterface
- class \Drupal\Core\Plugin\PluginBase uses DependencySerializationTrait, MessengerTrait, StringTranslationTrait
Expanded class hierarchy of ColorFieldFormatterCss
File
- src/
Plugin/ Field/ FieldFormatter/ ColorFieldFormatterCss.php, line 27
Namespace
Drupal\color_field\Plugin\Field\FieldFormatterView source
class ColorFieldFormatterCss extends FormatterBase implements ContainerFactoryPluginInterface {
/**
* The token service.
*
* @var \Drupal\token\TokenInterface
*/
protected $tokenService;
/**
* Constructs an ColorFieldFormatterCss object.
*
* @param string $plugin_id
* The plugin_id for the formatter.
* @param mixed $plugin_definition
* The plugin implementation definition.
* @param \Drupal\Core\Field\FieldDefinitionInterface $field_definition
* The definition of the field to which the formatter is associated.
* @param array $settings
* The formatter settings.
* @param string $label
* The formatter label display setting.
* @param string $view_mode
* The view mode.
* @param array $third_party_settings
* Any third party settings.
* @param \Drupal\Core\Utility\Token $token_service
* The token service.
*/
public function __construct($plugin_id, $plugin_definition, FieldDefinitionInterface $field_definition, array $settings, $label, $view_mode, array $third_party_settings, Token $token_service) {
parent::__construct($plugin_id, $plugin_definition, $field_definition, $settings, $label, $view_mode, $third_party_settings);
$this->tokenService = $token_service;
}
/**
* {@inheritdoc}
*/
public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition) {
// @see \Drupal\Core\Field\FormatterPluginManager::createInstance().
return new static($plugin_id, $plugin_definition, $configuration['field_definition'], $configuration['settings'], $configuration['label'], $configuration['view_mode'], $configuration['third_party_settings'], $container
->get('token'));
}
/**
* {@inheritdoc}
*/
public static function defaultSettings() {
return [
'selector' => 'body',
'property' => 'background-color',
'important' => TRUE,
'opacity' => TRUE,
'advanced' => FALSE,
'css' => '',
] + parent::defaultSettings();
}
/**
* {@inheritdoc}
*/
public function settingsForm(array $form, FormStateInterface $form_state) {
$elements = [];
$elements['selector'] = [
'#title' => $this
->t('Selector'),
'#description' => $this
->t('A valid CSS selector such as <code>.links > li > a, #logo</code>. You can use tokens as shown below.'),
'#type' => 'textarea',
'#rows' => '1',
'#default_value' => $this
->getSetting('selector'),
'#required' => TRUE,
'#placeholder' => 'body > div > a',
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][advanced]"]' => [
'checked' => FALSE,
],
],
],
];
$elements['property'] = [
'#title' => $this
->t('Property'),
'#type' => 'select',
'#default_value' => $this
->getSetting('property'),
'#required' => TRUE,
'#options' => [
'background-color' => $this
->t('Background color'),
'color' => $this
->t('Text color'),
],
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][advanced]"]' => [
'checked' => FALSE,
],
],
],
];
$elements['important'] = [
'#title' => $this
->t('Important'),
'#description' => $this
->t('Whenever this declaration is more important than others.'),
'#type' => 'checkbox',
'#default_value' => $this
->getSetting('important'),
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][advanced]"]' => [
'checked' => FALSE,
],
],
],
];
if ($this
->getFieldSetting('opacity')) {
$elements['opacity'] = [
'#type' => 'checkbox',
'#title' => $this
->t('Display opacity'),
'#default_value' => $this
->getSetting('opacity'),
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][advanced]"]' => [
'checked' => FALSE,
],
],
],
];
}
$elements['advanced'] = [
'#type' => 'checkbox',
'#title' => $this
->t('Advanced Mode'),
'#default_value' => $this
->getSetting('advanced'),
'#description' => t('Switch to advanced mode and build the css yourself.'),
];
$elements['css'] = [
'#type' => 'textarea',
'#title' => $this
->t('CSS'),
'#default_value' => $this
->getSetting('css'),
'#description' => t('Create the css statement yourself. This lets you for example, control multiple element aspects at once. You can use tokens as shown below.'),
'#states' => [
'visible' => [
':input[name="fields[' . $this->fieldDefinition
->getName() . '][settings_edit_form][settings][advanced]"]' => [
'checked' => TRUE,
],
],
],
'#element_validate' => [
'token_element_validate',
],
'#token_types' => [
$this->fieldDefinition
->getTargetEntityTypeId(),
'color_field',
],
];
$elements['token_help'] = [
'#theme' => 'token_tree_link',
'#token_types' => [
$this->fieldDefinition
->getTargetEntityTypeId(),
'color_field',
],
];
return $elements;
}
/**
* {@inheritdoc}
*/
public function settingsSummary() {
$opacity = $this
->getFieldSetting('opacity');
$settings = $this
->getSettings();
$summary = [];
if ($settings['advanced']) {
$summary[] = $this
->t('Using advanced mode');
$summary[] = $this
->t("CSS statement:\n@css", [
'@css' => $settings['css'],
]);
}
else {
$summary[] = $this
->t('CSS selector : @css_selector', [
'@css_selector' => $settings['selector'],
]);
$summary[] = $this
->t('CSS property : @css_property', [
'@css_property' => $settings['property'],
]);
$summary[] = $this
->t('!important declaration : @important_declaration', [
'@important_declaration' => $settings['important'] ? $this
->t('Yes') : $this
->t('No'),
]);
if ($opacity && $settings['opacity']) {
$summary[] = $this
->t('Display with opacity.');
}
}
return $summary;
}
/**
* {@inheritdoc}
*/
public function viewElements(FieldItemListInterface $items, $langcode) {
$settings = $this
->getSettings();
$elements = [];
$entity = $items
->getEntity();
$tokens = [
$entity
->getEntityType()
->id() => $entity,
];
foreach ($items as $item) {
$value = $this
->viewValue($item);
$tokens['color_field'] = $item;
if ($settings['advanced']) {
$inline_css = $this->tokenService
->replace($settings['css'], $tokens);
}
else {
$selector = $this->tokenService
->replace($settings['selector'], $tokens);
$important = $settings['important'] ? ' !important' : '';
$property = $settings['property'];
$inline_css = $selector . ' { ' . $property . ': ' . $value . $important . '; }';
}
$elements['#attached']['html_head'][] = [
[
'#tag' => 'style',
'#value' => $inline_css,
],
sha1($inline_css),
];
}
return $elements;
}
/**
* {@inheritdoc}
*/
protected function viewValue(ColorFieldType $item) {
$opacity = $this
->getFieldSetting('opacity');
$settings = $this
->getSettings();
$color_hex = new ColorHex($item->color, $item->opacity);
if ($opacity && $settings['opacity']) {
$rgbtext = $color_hex
->toRgb()
->toString(TRUE);
}
else {
$rgbtext = $color_hex
->toRgb()
->toString(FALSE);
}
return $rgbtext;
}
}
Members
Name![]() |
Modifiers | Type | Description | Overrides |
---|---|---|---|---|
ColorFieldFormatterCss:: |
protected | property | The token service. | |
ColorFieldFormatterCss:: |
public static | function |
Creates an instance of the plugin. Overrides FormatterBase:: |
|
ColorFieldFormatterCss:: |
public static | function |
Defines the default settings for this plugin. Overrides PluginSettingsBase:: |
|
ColorFieldFormatterCss:: |
public | function |
Returns a form to configure settings for the formatter. Overrides FormatterBase:: |
|
ColorFieldFormatterCss:: |
public | function |
Returns a short summary for the current formatter settings. Overrides FormatterBase:: |
|
ColorFieldFormatterCss:: |
public | function |
Builds a renderable array for a field value. Overrides FormatterInterface:: |
|
ColorFieldFormatterCss:: |
protected | function | ||
ColorFieldFormatterCss:: |
public | function |
Constructs an ColorFieldFormatterCss object. Overrides FormatterBase:: |
|
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 | |
FormatterBase:: |
protected | property | The field definition. | |
FormatterBase:: |
protected | property | The label display setting. | |
FormatterBase:: |
protected | property |
The formatter settings. Overrides PluginSettingsBase:: |
|
FormatterBase:: |
protected | property | The view mode. | |
FormatterBase:: |
protected | function | Returns the value of a field setting. | |
FormatterBase:: |
protected | function | Returns the array of field settings. | |
FormatterBase:: |
public static | function |
Returns if the formatter can be used for the provided field. Overrides FormatterInterface:: |
14 |
FormatterBase:: |
public | function |
Allows formatters to load information for field values being displayed. Overrides FormatterInterface:: |
2 |
FormatterBase:: |
public | function |
Builds a renderable array for a fully themed field. Overrides FormatterInterface:: |
1 |
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. |