class Bootstrap4 in GridStack 8.2
Provides a GridStack Bootstrap 4 layout engine.
Plugin annotation
@GridStackEngine(
id = "bootstrap4",
group = "bootstrap",
hidden = "false",
version = "4",
label = @Translation("Bootstrap 4")
)
Hierarchy
- class \Drupal\Component\Plugin\PluginBase implements DerivativeInspectionInterface, PluginInspectionInterface
- class \Drupal\Core\Plugin\PluginBase uses DependencySerializationTrait, MessengerTrait, StringTranslationTrait
- class \Drupal\gridstack\GridStackPluginBase implements GridStackPluginInterface
- class \Drupal\gridstack\GridStackEnginePluginBase implements GridStackEnginePluginInterface
- class \Drupal\gridstack\Plugin\gridstack\engine\GridBase
- class \Drupal\gridstack\Plugin\gridstack\engine\BootstrapBase
- class \Drupal\gridstack\Plugin\gridstack\engine\Bootstrap4
- class \Drupal\gridstack\Plugin\gridstack\engine\BootstrapBase
- class \Drupal\gridstack\Plugin\gridstack\engine\GridBase
- class \Drupal\gridstack\GridStackEnginePluginBase implements GridStackEnginePluginInterface
- class \Drupal\gridstack\GridStackPluginBase implements GridStackPluginInterface
- class \Drupal\Core\Plugin\PluginBase uses DependencySerializationTrait, MessengerTrait, StringTranslationTrait
Expanded class hierarchy of Bootstrap4
File
- src/
Plugin/ gridstack/ engine/ Bootstrap4.php, line 16
Namespace
Drupal\gridstack\Plugin\gridstack\engineView source
class Bootstrap4 extends BootstrapBase {
/**
* {@inheritdoc}
*/
protected function baseColors() {
$colors = parent::baseColors();
$colors4 = [
'secondary',
'light',
'dark',
];
return array_merge($colors, $colors4);
}
/**
* {@inheritdoc}
*/
protected function colors() {
$colors = parent::colors();
$colors4 = [
'white',
'transparent',
];
return array_merge($colors, $colors4);
}
/**
* Sets the optional plugin engine classes for options, row, hard-coded.
*
* @inheritdoc
*/
protected function setRowClassOptions() {
if (!isset($this->setRowClassOptions)) {
$gutters[] = 'no-gutters';
$flex_direction = [
'flex-row',
'flex-column',
'flex-row-reverse',
'flex-column-reverse',
];
$flex_wrap = [
'flex-wrap',
'flex-nowrap',
'flex-wrap-reverse',
];
$justify_content = [
'justify-content-start',
'justify-content-end',
'justify-content-center',
'justify-content-between',
'justify-content-around',
];
$align_items = [
'align-items-start',
'align-items-end',
'align-items-center',
'align-items-baseline',
'align-items-stretch',
];
$align_content = [
'align-content-start',
'align-content-end',
'align-content-center',
'align-content-between',
'align-content-around',
'align-content-stretch',
];
$align_self = [
'align-self-auto',
'align-self-start',
'align-self-end',
'align-self-center',
'align-self-baseline',
'align-self-stretch',
];
$this->setRowClassOptions = [
'gutters' => $gutters,
'flex_direction' => $flex_direction,
'flex_wrap' => $flex_wrap,
'justify_content' => $justify_content,
'align_items' => $align_items,
'align_content' => $align_content,
'align_self' => $align_self,
];
}
return $this->setRowClassOptions;
}
/**
* {@inheritdoc}
*/
protected function getVersionClasses() {
$classes = parent::getVersionClasses();
$gradient = [];
foreach ($this
->baseColors() as $type) {
$gradient[] = "bg-gradient-{$type}";
}
$rounded = [
'rounded',
'rounded-0',
];
foreach ([
'bottom',
'circle',
'left',
'lg',
'pill',
'right',
'sm',
'top',
] as $key) {
$rounded[] = 'rounded-' . $key;
}
$shadow = [
'shadow',
];
foreach ([
'lg',
'none',
'sm',
] as $key) {
$shadow[] = 'shadow-' . $key;
}
$classes['gradient'] = $gradient;
$classes['rounded'] = $rounded;
$classes['shadow'] = $shadow;
$classes['text_color'][] = 'text-black-50';
$classes['text_color'][] = 'text-white-50';
$classes['utility'][] = 'text-monospace';
$classes['visibility'][] = 'invisible';
$classes['visibility'][] = 'visible';
return $classes;
}
}
Members
Name | Modifiers | Type | Description | Overrides |
---|---|---|---|---|
Bootstrap4:: |
protected | function |
Returns the base colors. Overrides BootstrapBase:: |
|
Bootstrap4:: |
protected | function |
Returns the colors. Overrides BootstrapBase:: |
|
Bootstrap4:: |
protected | function |
Returns the module feature CSS classes, not available at CSS frameworks. Overrides GridStackEnginePluginBase:: |
|
Bootstrap4:: |
protected | function |
Sets the optional plugin engine classes for options, row, hard-coded. Overrides GridStackEnginePluginBase:: |
|
BootstrapBase:: |
protected | property |
The container classes, actually refers to row classes, not the outmost. Overrides GridStackEnginePluginBase:: |
|
BootstrapBase:: |
protected | property |
The nested container classes. Overrides GridStackEnginePluginBase:: |
|
BootstrapBase:: |
protected | function |
Modifies the .box attributes. Overrides GridStackEnginePluginBase:: |
|
BootstrapBase:: |
protected | function |
Sets the gridstack engine classes. Overrides GridStackEnginePluginBase:: |
|
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 | |
GridBase:: |
protected | property | The colors. | |
GridBase:: |
protected | property | The class options. | |
GridBase:: |
protected | property | The row class options. | |
GridBase:: |
public | function |
Returns the .gridstack container attributes. Overrides GridStackEnginePluginBase:: |
|
GridBase:: |
protected | function | Optimize grid widths to remove similar widths. | |
GridBase:: |
public | function |
Returns options which make sense for preview at Layout Builder page. Overrides GridStackEnginePluginBase:: |
|
GridBase:: |
protected | function | Returns attempted optimized column widths per chunck. | |
GridStackEnginePluginBase:: |
protected | property | The layout CSS classes for options. | |
GridStackEnginePluginBase:: |
protected | property | The prefix class dependent on framework/ versions: col, cell, columns, etc. | 1 |
GridStackEnginePluginBase:: |
protected | property | The last prefix dependent on framework/ versions: col-, large, etc. | 1 |
GridStackEnginePluginBase:: |
protected | property | The item classes, .box. | |
GridStackEnginePluginBase:: |
protected | property | The item content classes, .box__content. | |
GridStackEnginePluginBase:: |
protected | property | The admin regions. | |
GridStackEnginePluginBase:: |
protected | property | The layout CSS row classes for options. | |
GridStackEnginePluginBase:: |
protected | property | The layout sizes. | |
GridStackEnginePluginBase:: |
protected | property | The above-fold CSS inline styles as recommended by lighthouse. | |
GridStackEnginePluginBase:: |
protected | property | The stylizer service. | |
GridStackEnginePluginBase:: |
public | function | Provides gridstack skins and libraries. | 1 |
GridStackEnginePluginBase:: |
protected | function | Provides both CSS grid and js-driven attributes configurable via UI. | |
GridStackEnginePluginBase:: |
public | function |
Alters GridStack build. Overrides GridStackEnginePluginInterface:: |
1 |
GridStackEnginePluginBase:: |
protected | function | Returns an individual item. | |
GridStackEnginePluginBase:: |
public | function |
Builds GridStack boxes to support nested grids for Bootstrap/ Foundation. Overrides GridStackEnginePluginInterface:: |
|
GridStackEnginePluginBase:: |
protected | function | Provides nested items if so configured. | |
GridStackEnginePluginBase:: |
public | function |
Returns the layout engine classes for select options. Overrides GridStackEnginePluginInterface:: |
|
GridStackEnginePluginBase:: |
public | function | 5 | |
GridStackEnginePluginBase:: |
protected | function | Provides the .gridstack__inner container attributes. | |
GridStackEnginePluginBase:: |
public static | function |
Creates an instance of the plugin. Overrides GridStackPluginBase:: |
2 |
GridStackEnginePluginBase:: |
public | function | Return the icon breakpoint to generate icon from. | |
GridStackEnginePluginBase:: |
public | function | Returns the smallest breakpoint, xs or sm. | |
GridStackEnginePluginBase:: |
protected | function | Modifies the .box__content attributes. | 1 |
GridStackEnginePluginBase:: |
protected | function | Modifies item content and attributes. | |
GridStackEnginePluginBase:: |
protected | function | Modifies nested item contents and attributes. | |
GridStackEnginePluginBase:: |
protected | function | Returns the .gridstack nested container attributes. | |
GridStackEnginePluginBase:: |
private | function | Prepares the settings, selector and active styles. | |
GridStackEnginePluginBase:: |
public | function | ||
GridStackEnginePluginBase:: |
protected | function | Sets the optional plugin engine container classes, configurable. | |
GridStackEnginePluginBase:: |
protected | function | Sets the sizes. | |
GridStackEnginePluginBase:: |
protected | function | Sets the styles, might be string, or array. | |
GridStackEnginePluginBase:: |
public | function | ||
GridStackEnginePluginBase:: |
public | function | ||
GridStackPluginBase:: |
protected | property | The layout breakpoints. | |
GridStackPluginBase:: |
protected | property | The optionset cell height. | |
GridStackPluginBase:: |
protected | property | The breakpoint columns. | |
GridStackPluginBase:: |
protected | property | The current user. | |
GridStackPluginBase:: |
protected | property | The gridstack manager service. | |
GridStackPluginBase:: |
protected | property | The optionset min-width. | |
GridStackPluginBase:: |
protected | property | The gridstack optionset. | |
GridStackPluginBase:: |
protected | property | The optionset vertical margin. | |
GridStackPluginBase:: |
protected | function | Returns gridstack config shortcut. | |
GridStackPluginBase:: |
public | function |
Gets default configuration for this plugin. Overrides ConfigurableInterface:: |
1 |
GridStackPluginBase:: |
public | function | ||
GridStackPluginBase:: |
public | function |
Gets this plugin's configuration. Overrides ConfigurableInterface:: |
|
GridStackPluginBase:: |
public | function | ||
GridStackPluginBase:: |
public | function | ||
GridStackPluginBase:: |
public | function |
Returns the plugin label. Overrides GridStackPluginInterface:: |
|
GridStackPluginBase:: |
public | function |
Sets the configuration for this plugin instance. Overrides ConfigurableInterface:: |
|
GridStackPluginBase:: |
public | function | Sets the optionset. | |
GridStackPluginBase:: |
public | function | ||
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. | |
PluginBase:: |
public | function | Constructs a \Drupal\Component\Plugin\PluginBase object. | 92 |
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. |