|
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
|
|
|
|
acquia /
df
