1
|
|
|
<?php |
2
|
|
|
|
3
|
|
|
namespace Drupal\df_tools_slideshow\Plugin\Field\FieldFormatter; |
4
|
|
|
|
5
|
|
|
use Drupal\Core\Field\FieldItemListInterface; |
6
|
|
|
use Drupal\Core\Field\Plugin\Field\FieldFormatter\EntityReferenceEntityFormatter; |
7
|
|
|
use Drupal\Core\Form\FormStateInterface; |
8
|
|
|
use Drupal\Core\Render\Element; |
9
|
|
|
|
10
|
|
|
/** |
11
|
|
|
* Renders any entity reference field as a slideshow of rendered entities. |
12
|
|
|
* |
13
|
|
|
* @FieldFormatter( |
14
|
|
|
* id = "entity_reference_slideshow", |
15
|
|
|
* label = @Translation("Rendered entity as Slideshow"), |
16
|
|
|
* description = @Translation("Display the referenced entities rendered by entity_view() as slides in a slideshow."), |
17
|
|
|
* field_types = { |
18
|
|
|
* "entity_reference" |
19
|
|
|
* } |
20
|
|
|
* ) |
21
|
|
|
*/ |
22
|
|
|
class EntityReferenceSlideshowFormatter extends EntityReferenceEntityFormatter { |
23
|
|
|
|
24
|
|
|
/** |
25
|
|
|
* {@inheritdoc} |
26
|
|
|
*/ |
27
|
|
|
public static function defaultSettings() { |
28
|
|
|
return [ |
29
|
|
|
'view_mode' => 'default', |
30
|
|
|
'link' => FALSE, |
31
|
|
|
'slick' => [ |
32
|
|
|
'arrows' => TRUE, |
33
|
|
|
'draggable' => TRUE, |
34
|
|
|
'dots' => TRUE, |
35
|
|
|
'accessibility' => TRUE, |
36
|
|
|
'adaptiveHeight' => FALSE, |
37
|
|
|
'variableWidth' => FALSE, |
38
|
|
|
'autoplay' => FALSE, |
39
|
|
|
'centerMode' => FALSE, |
40
|
|
|
'infinite' => TRUE, |
41
|
|
|
'useCSS' => TRUE, |
42
|
|
|
'mobileFirst' => FALSE, |
43
|
|
|
'rtl' => FALSE, |
44
|
|
|
'fade' => FALSE, |
45
|
|
|
'pauseOnDotsHover' => FALSE, |
46
|
|
|
'vertical' => FALSE, |
47
|
|
|
], |
48
|
|
|
'use_view_mode_pager' => FALSE, |
49
|
|
|
'pager_view_mode' => 'default', |
50
|
|
|
] + parent::defaultSettings(); |
51
|
|
|
} |
52
|
|
|
|
53
|
|
|
/** |
54
|
|
|
* {@inheritdoc} |
55
|
|
|
*/ |
56
|
|
|
public function settingsForm(array $form, FormStateInterface $form_state) { |
57
|
|
|
$elements = []; |
58
|
|
|
$elements['view_mode'] = [ |
59
|
|
|
'#type' => 'select', |
60
|
|
|
'#options' => $this->entityDisplayRepository->getViewModeOptions($this->getFieldSetting('target_type')), |
61
|
|
|
'#title' => $this->t('View mode'), |
62
|
|
|
'#default_value' => $this->getSetting('view_mode'), |
63
|
|
|
'#required' => TRUE, |
64
|
|
|
]; |
65
|
|
|
|
66
|
|
|
$elements['slick'] = [ |
67
|
|
|
'#type' => 'fieldset', |
68
|
|
|
'#title' => $this->t('Slick settings'), |
69
|
|
|
'#description' => $this->t('Visit @url to view detailed descriptions for each setting.', ['@url' => 'http://kenwheeler.github.io/slick/#settings']), |
70
|
|
|
]; |
71
|
|
|
|
72
|
|
|
foreach ($this->getSetting('slick') as $setting => $default_value) { |
73
|
|
|
$elements['slick'][$setting] = [ |
74
|
|
|
'#type' => 'checkbox', |
75
|
|
|
'#title' => $setting, |
76
|
|
|
'#default_value' => $default_value, |
77
|
|
|
]; |
78
|
|
|
} |
79
|
|
|
|
80
|
|
|
$elements['use_view_mode_pager'] = [ |
81
|
|
|
'#type' => 'checkbox', |
82
|
|
|
'#title' => $this->t('Use an entity view mode for the pager'), |
83
|
|
|
'#default_value' => $this->getSetting('use_view_mode_pager'), |
84
|
|
|
]; |
85
|
|
|
|
86
|
|
|
$elements['pager_view_mode'] = [ |
87
|
|
|
'#type' => 'select', |
88
|
|
|
'#options' => $this->entityDisplayRepository->getViewModeOptions($this->getFieldSetting('target_type')), |
89
|
|
|
'#title' => $this->t('Pager view mode'), |
90
|
|
|
'#default_value' => $this->getSetting('pager_view_mode'), |
91
|
|
|
'#required' => TRUE, |
92
|
|
|
'#states' => [ |
93
|
|
|
'visible' => [ |
94
|
|
|
':input[name*="[use_view_mode_pager]"]' => ['checked' => TRUE], |
95
|
|
|
], |
96
|
|
|
], |
97
|
|
|
]; |
98
|
|
|
|
99
|
|
|
return $elements; |
100
|
|
|
} |
101
|
|
|
|
102
|
|
|
/** |
103
|
|
|
* {@inheritdoc} |
104
|
|
|
*/ |
105
|
|
|
public function viewElements(FieldItemListInterface $items, $langcode) { |
106
|
|
|
$elements = parent::viewElements($items, $langcode); |
107
|
|
|
|
108
|
|
|
$elements['#attached']['library'][] = 'df_tools_slideshow/main'; |
109
|
|
|
|
110
|
|
|
$elements['#attributes']['class'][] = 'df-tools-slideshow'; |
111
|
|
|
|
112
|
|
|
$slideshow_id = \Drupal::service('uuid')->generate(); |
113
|
|
|
$elements['#attributes']['data-df-tools-slideshow-instance-id'] = $slideshow_id; |
114
|
|
|
|
115
|
|
|
// Fix slick boolean values so that they're passed to javascript correctly. |
116
|
|
|
$slick = []; |
117
|
|
|
foreach ($this->getSetting('slick') as $setting => $value) { |
118
|
|
|
$slick[$setting] = (bool) $value; |
119
|
|
|
} |
120
|
|
|
|
121
|
|
|
$original_view_mode = $this->getSetting('view_mode'); |
122
|
|
|
|
123
|
|
|
if ($this->getSetting('use_view_mode_pager')) { |
124
|
|
|
static::$recursiveRenderDepth = []; |
125
|
|
|
$pager_view_mode = $this->getSetting('pager_view_mode'); |
126
|
|
|
$this->setSetting('view_mode', $pager_view_mode); |
127
|
|
|
$pager_elements = parent::viewElements($items, $langcode); |
128
|
|
|
foreach (Element::getVisibleChildren($pager_elements) as $i) { |
129
|
|
|
if (isset($elements[$i])) { |
130
|
|
|
$elements[$i]['pager_element'] = [ |
131
|
|
|
'#type' => 'container', |
132
|
|
|
0 => $pager_elements[$i], |
133
|
|
|
'#attributes' => [ |
134
|
|
|
'class' => ['df-tools-slideshow-pager-element'], |
135
|
|
|
], |
136
|
|
|
]; |
137
|
|
|
} |
138
|
|
|
} |
139
|
|
|
$slick['customPaging'] = TRUE; |
140
|
|
|
$slick['dots'] = TRUE; |
141
|
|
|
} |
142
|
|
|
|
143
|
|
|
$this->setSetting('view_mode', $original_view_mode); |
144
|
|
|
|
145
|
|
|
$elements['#attached']['drupalSettings']['DFToolsSlideshow'][$slideshow_id]['slick'] = $slick; |
146
|
|
|
|
147
|
|
|
return $elements; |
148
|
|
|
} |
149
|
|
|
|
150
|
|
|
} |
151
|
|
|
|