class BackgroundImageFormatter in Simple Background image formatter 8
Plugin implementation of the background_image_formatter.
Plugin annotation
@FieldFormatter(
id = "background_image_formatter",
label = @Translation("Background Image"),
field_types = {"image"}
)
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\Core\Field\Plugin\Field\FieldFormatter\EntityReferenceFormatterBase
- class \Drupal\file\Plugin\Field\FieldFormatter\FileFormatterBase
- class \Drupal\image\Plugin\Field\FieldFormatter\ImageFormatterBase
- class \Drupal\image\Plugin\Field\FieldFormatter\ImageFormatter implements ContainerFactoryPluginInterface
- class \Drupal\background_image_formatter\Plugin\Field\FieldFormatter\BackgroundImageFormatter
- class \Drupal\image\Plugin\Field\FieldFormatter\ImageFormatter implements ContainerFactoryPluginInterface
- class \Drupal\image\Plugin\Field\FieldFormatter\ImageFormatterBase
- class \Drupal\file\Plugin\Field\FieldFormatter\FileFormatterBase
- class \Drupal\Core\Field\Plugin\Field\FieldFormatter\EntityReferenceFormatterBase
- 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 BackgroundImageFormatter
File
- src/
Plugin/ Field/ FieldFormatter/ BackgroundImageFormatter.php, line 20
Namespace
Drupal\background_image_formatter\Plugin\Field\FieldFormatterView source
class BackgroundImageFormatter extends ImageFormatter {
/**
* {@inheritdoc}
*/
public static function defaultSettings() {
return [
'image_style' => '',
'background_image_output_type' => 'inline',
'background_image_selector' => '',
];
}
/**
* {@inheritdoc}
*/
public function settingsForm(array $form, FormStateInterface $form_state) {
$element = [];
$image_styles = image_style_options(FALSE);
$element['image_style'] = [
'#title' => $this
->t('Image style'),
'#type' => 'select',
'#options' => $image_styles,
'#default_value' => $this
->getSetting('image_style'),
'#empty_option' => $this
->t('None (original image)'),
'#description' => $this
->t('Select the image style to use.'),
];
$element['background_image_output_type'] = [
'#title' => $this
->t('Output To'),
'#type' => 'select',
'#options' => [
'inline' => $this
->t('Write background-image to inline style attribute'),
'css' => $this
->t('Write background-image to CSS selector'),
],
'#default_value' => $this
->getSetting('background_image_output_type'),
'#required' => TRUE,
'#description' => $this
->t('Define how background-image will be printed to the dom.'),
];
$element['background_image_selector'] = [
'#title' => $this
->t('CSS Selector'),
'#type' => 'textfield',
'#default_value' => $this
->getSetting('background_image_selector'),
'#required' => FALSE,
'#description' => $this
->t('CSS selector that image(s) are attached to.'),
];
return $element;
}
/**
* {@inheritdoc}
*/
public function settingsSummary() {
$summary = [];
$image_styles = image_style_options(FALSE);
unset($image_styles['']);
$select_style = $this
->getSetting('image_style');
if (isset($image_styles[$select_style])) {
$summary[] = $this
->t('URL for image style: @style', [
'@style' => $image_styles[$select_style],
]);
}
else {
$summary[] = $this
->t('Original image');
}
$summary[] = $this
->t('Output type: @output_type', [
'@output_type' => $this
->getSetting('background_image_output_type'),
]);
$summary[] = $this
->t('The CSS selector <code>@background_image_selector</code> will be created with the image set to the background-image property.', [
'@background_image_selector' => $this
->getSetting('background_image_selector') . '_id',
]);
return $summary;
}
/**
* {@inheritdoc}
*/
public function viewElements(FieldItemListInterface $items, $langcode) {
$elements = [];
$image_style = NULL;
if (!$this
->isBackgroundImageDisplay()) {
return $elements;
}
$image_style = $this
->getSetting('image_style');
if (!empty($image_style)) {
$image_style = ImageStyle::load($image_style);
}
$files = $this
->getEntitiesToView($items, $langcode);
foreach ($files as $delta => $entity) {
if ($files instanceof EntityInterface) {
continue;
}
$image_url = file_url_transform_relative(file_create_url($entity
->getFileUri()));
$id = $entity
->id();
if ($image_style) {
$image_uri = $entity
->getFileUri();
$image_url = ImageStyle::load($image_style
->getName())
->buildUrl($image_uri);
}
$selector = strip_tags($this
->getSetting('background_image_selector'));
// Only add an id when using inline styles.
if ($this
->getSetting('background_image_output_type') === 'inline') {
$selector .= '_' . $id;
}
$theme = [
'#background_image_selector' => $selector,
'#image_uri' => $image_url,
];
array_push($elements, $this
->renderElements($delta, $theme, $id));
}
return $elements;
}
/**
* {@inheritdoc}
*/
protected function isBackgroundImageDisplay() {
return $this
->getPluginId() == 'background_image_formatter';
}
/**
* {@inheritdoc}
*/
protected function generateCssString($theme) {
return $theme['#background_image_selector'] . ' {background-image: url("' . $theme['#image_uri'] . '");}';
}
/**
* Render image elements.
*
* @param int $delta
* If multifield number of element.
* @param array $theme
* Theme render array.
* @param string $id
* Field id.
*
* @return array|null
* Rendered array of elements.
*/
public function renderElements($delta, array $theme, $id) {
$elements = NULL;
switch ($this
->getSetting('background_image_output_type')) {
case 'css':
$data = [
'#tag' => 'style',
'#value' => $this
->generateCssString($theme),
];
$elements['#attached']['html_head'][] = [
$data,
'background_image_formatter_' . $id,
];
break;
case 'inline':
$theme['#theme'] = 'background_image_formatter_inline';
$elements[$delta] = [
'#markup' => \Drupal::service('renderer')
->render($theme),
];
break;
}
return $elements;
}
}
Members
Name | Modifiers | Type | Description | Overrides |
---|---|---|---|---|
BackgroundImageFormatter:: |
public static | function |
Defines the default settings for this plugin. Overrides ImageFormatter:: |
|
BackgroundImageFormatter:: |
protected | function | ||
BackgroundImageFormatter:: |
protected | function | ||
BackgroundImageFormatter:: |
public | function | Render image elements. | |
BackgroundImageFormatter:: |
public | function |
Returns a form to configure settings for the formatter. Overrides ImageFormatter:: |
|
BackgroundImageFormatter:: |
public | function |
Returns a short summary for the current formatter settings. Overrides ImageFormatter:: |
|
BackgroundImageFormatter:: |
public | function |
Builds a renderable array for a field value. Overrides ImageFormatter:: |
|
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 | |
EntityReferenceFormatterBase:: |
public | function |
Loads the entities referenced in that field across all the entities being
viewed. Overrides FormatterBase:: |
|
EntityReferenceFormatterBase:: |
public | function |
Overrides FormatterBase:: |
|
FileFormatterBase:: |
protected | function |
Checks access to the given entity. Overrides EntityReferenceFormatterBase:: |
|
FileFormatterBase:: |
protected | function |
Returns whether the entity referenced by an item needs to be loaded. Overrides EntityReferenceFormatterBase:: |
1 |
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 |
ImageFormatter:: |
protected | property | The current user. | |
ImageFormatter:: |
protected | property | The image style entity storage. | |
ImageFormatter:: |
public | function |
Calculates dependencies for the configured plugin. Overrides PluginSettingsBase:: |
|
ImageFormatter:: |
public static | function |
Creates an instance of the plugin. Overrides FormatterBase:: |
1 |
ImageFormatter:: |
public | function |
Informs the plugin that some configuration it depends on will be deleted. Overrides PluginSettingsBase:: |
|
ImageFormatter:: |
public | function |
Constructs an ImageFormatter object. Overrides FormatterBase:: |
1 |
ImageFormatterBase:: |
protected | function |
Returns the referenced entities for display. Overrides EntityReferenceFormatterBase:: |
|
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 |
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 |
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. |