|
1
|
|
|
<?php |
|
2
|
|
|
namespace TYPO3\CMS\Backend\Form\Element; |
|
3
|
|
|
|
|
4
|
|
|
/* |
|
5
|
|
|
* This file is part of the TYPO3 CMS project. |
|
6
|
|
|
* |
|
7
|
|
|
* It is free software; you can redistribute it and/or modify it under |
|
8
|
|
|
* the terms of the GNU General Public License, either version 2 |
|
9
|
|
|
* of the License, or any later version. |
|
10
|
|
|
* |
|
11
|
|
|
* For the full copyright and license information, please read the |
|
12
|
|
|
* LICENSE.txt file that was distributed with this source code. |
|
13
|
|
|
* |
|
14
|
|
|
* The TYPO3 project - inspiring people to share! |
|
15
|
|
|
*/ |
|
16
|
|
|
|
|
17
|
|
|
/** |
|
18
|
|
|
* Render data as a tree. |
|
19
|
|
|
* |
|
20
|
|
|
* Typically rendered for config type=select, renderType=selectTree |
|
21
|
|
|
*/ |
|
22
|
|
|
class SelectTreeElement extends AbstractFormElement |
|
23
|
|
|
{ |
|
24
|
|
|
/** |
|
25
|
|
|
* Default number of tree nodes to show (determines tree height) |
|
26
|
|
|
* when no ['config']['size'] is set |
|
27
|
|
|
* |
|
28
|
|
|
* @var int |
|
29
|
|
|
*/ |
|
30
|
|
|
protected $itemsToShow = 15; |
|
31
|
|
|
|
|
32
|
|
|
/** |
|
33
|
|
|
* Number of items to show at last |
|
34
|
|
|
* e.g. when you have only 2 items in a tree |
|
35
|
|
|
* |
|
36
|
|
|
* @var int |
|
37
|
|
|
*/ |
|
38
|
|
|
protected $minItemsToShow = 5; |
|
39
|
|
|
|
|
40
|
|
|
/** |
|
41
|
|
|
* Pixel height of a single tree node |
|
42
|
|
|
* |
|
43
|
|
|
* @var int |
|
44
|
|
|
*/ |
|
45
|
|
|
protected $itemHeight = 20; |
|
46
|
|
|
|
|
47
|
|
|
/** |
|
48
|
|
|
* Render tree widget |
|
49
|
|
|
* |
|
50
|
|
|
* @return array As defined in initializeResultArray() of AbstractNode |
|
51
|
|
|
* @see AbstractNode::initializeResultArray() |
|
52
|
|
|
*/ |
|
53
|
|
|
public function render() |
|
54
|
|
|
{ |
|
55
|
|
|
$resultArray = $this->initializeResultArray(); |
|
56
|
|
|
$parameterArray = $this->data['parameterArray']; |
|
57
|
|
|
$formElementId = md5($parameterArray['itemFormElName']); |
|
58
|
|
|
|
|
59
|
|
|
// Field configuration from TCA: |
|
60
|
|
|
$config = $parameterArray['fieldConf']['config']; |
|
61
|
|
|
$readOnly = !empty($config['readOnly']) ? 'true' : 'false'; |
|
62
|
|
|
$exclusiveKeys = !empty($config['exclusiveKeys']) ? $config['exclusiveKeys'] : ''; |
|
63
|
|
|
$exclusiveKeys = $exclusiveKeys . ','; |
|
64
|
|
|
$appearance = !empty($config['treeConfig']['appearance']) ? $config['treeConfig']['appearance'] : []; |
|
65
|
|
|
$expanded = !empty($appearance['expandAll']); |
|
66
|
|
|
$showHeader = !empty($appearance['showHeader']); |
|
67
|
|
|
if (isset($config['size']) && (int)$config['size'] > 0) { |
|
68
|
|
|
$height = max($this->minItemsToShow, (int)$config['size']); |
|
69
|
|
|
} else { |
|
70
|
|
|
$height = $this->itemsToShow; |
|
71
|
|
|
} |
|
72
|
|
|
$heightInPx = $height * $this->itemHeight; |
|
73
|
|
|
$treeWrapperId = 'tree_' . $formElementId; |
|
74
|
|
|
|
|
75
|
|
|
$fieldName = $this->data['fieldName']; |
|
76
|
|
|
|
|
77
|
|
|
$dataStructureIdentifier = ''; |
|
78
|
|
|
$flexFormSheetName = ''; |
|
79
|
|
|
$flexFormFieldName = ''; |
|
80
|
|
|
$flexFormContainerName = ''; |
|
81
|
|
|
$flexFormContainerIdentifier = ''; |
|
82
|
|
|
$flexFormContainerFieldName = ''; |
|
83
|
|
|
$flexFormSectionContainerIsNew = false; |
|
84
|
|
|
if ($this->data['processedTca']['columns'][$fieldName]['config']['type'] === 'flex') { |
|
85
|
|
|
$dataStructureIdentifier = $this->data['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier']; |
|
86
|
|
|
if (isset($this->data['flexFormSheetName'])) { |
|
87
|
|
|
$flexFormSheetName = $this->data['flexFormSheetName']; |
|
88
|
|
|
} |
|
89
|
|
|
if (isset($this->data['flexFormFieldName'])) { |
|
90
|
|
|
$flexFormFieldName = $this->data['flexFormFieldName']; |
|
91
|
|
|
} |
|
92
|
|
|
if (isset($this->data['flexFormContainerName'])) { |
|
93
|
|
|
$flexFormContainerName = $this->data['flexFormContainerName']; |
|
94
|
|
|
} |
|
95
|
|
|
if (isset($this->data['flexFormContainerFieldName'])) { |
|
96
|
|
|
$flexFormContainerFieldName = $this->data['flexFormContainerFieldName']; |
|
97
|
|
|
} |
|
98
|
|
|
if (isset($this->data['flexFormContainerIdentifier'])) { |
|
99
|
|
|
$flexFormContainerIdentifier = $this->data['flexFormContainerIdentifier']; |
|
100
|
|
|
} |
|
101
|
|
|
// Add a flag this is a tree in a new flex section container element. This is needed to initialize |
|
102
|
|
|
// the databaseRow with this container again so the tree data provider is able to calculate tree items. |
|
103
|
|
|
if (!empty($this->data['flexSectionContainerPreparation'])) { |
|
104
|
|
|
$flexFormSectionContainerIsNew = true; |
|
105
|
|
|
} |
|
106
|
|
|
} |
|
107
|
|
|
|
|
108
|
|
|
$fieldInformationResult = $this->renderFieldInformation(); |
|
109
|
|
|
$fieldInformationHtml = $fieldInformationResult['html']; |
|
110
|
|
|
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false); |
|
111
|
|
|
|
|
112
|
|
|
$html = []; |
|
113
|
|
|
$html[] = '<div class="formengine-field-item t3js-formengine-field-item">'; |
|
114
|
|
|
if (!$readOnly) { |
|
115
|
|
|
$html[] = $fieldInformationHtml; |
|
116
|
|
|
} |
|
117
|
|
|
$html[] = '<div class="form-control-wrap">'; |
|
118
|
|
|
$html[] = '<div class="typo3-tceforms-tree">'; |
|
119
|
|
|
$html[] = '<input class="treeRecord" type="hidden"'; |
|
120
|
|
|
$html[] = ' data-formengine-validation-rules="' . htmlspecialchars($this->getValidationDataAsJsonString($config)) . '"'; |
|
121
|
|
|
$html[] = ' data-relatedfieldname="' . htmlspecialchars($parameterArray['itemFormElName']) . '"'; |
|
122
|
|
|
$html[] = ' data-tablename="' . htmlspecialchars($this->data['tableName']) . '"'; |
|
123
|
|
|
$html[] = ' data-fieldname="' . htmlspecialchars($this->data['fieldName']) . '"'; |
|
124
|
|
|
$html[] = ' data-uid="' . (int)$this->data['vanillaUid'] . '"'; |
|
125
|
|
|
$html[] = ' data-recordtypevalue="' . htmlspecialchars($this->data['recordTypeValue']) . '"'; |
|
126
|
|
|
$html[] = ' data-datastructureidentifier="' . htmlspecialchars($dataStructureIdentifier) . '"'; |
|
127
|
|
|
$html[] = ' data-flexformsheetname="' . htmlspecialchars($flexFormSheetName) . '"'; |
|
128
|
|
|
$html[] = ' data-flexformfieldname="' . htmlspecialchars($flexFormFieldName) . '"'; |
|
129
|
|
|
$html[] = ' data-flexformcontainername="' . htmlspecialchars($flexFormContainerName) . '"'; |
|
130
|
|
|
$html[] = ' data-flexformcontaineridentifier="' . htmlspecialchars($flexFormContainerIdentifier) . '"'; |
|
131
|
|
|
$html[] = ' data-flexformcontainerfieldname="' . htmlspecialchars($flexFormContainerFieldName) . '"'; |
|
132
|
|
|
$html[] = ' data-flexformsectioncontainerisnew="' . htmlspecialchars($flexFormSectionContainerIsNew) . '"'; |
|
133
|
|
|
$html[] = ' data-command="' . htmlspecialchars($this->data['command']) . '"'; |
|
134
|
|
|
$html[] = ' data-read-only="' . $readOnly . '"'; |
|
135
|
|
|
$html[] = ' data-tree-exclusive-keys="' . htmlspecialchars($exclusiveKeys) . '"'; |
|
136
|
|
|
$html[] = ' data-tree-expand-up-to-level="' . ($expanded ? '999' : '1') . '"'; |
|
137
|
|
|
$html[] = ' data-tree-show-toolbar="' . $showHeader . '"'; |
|
138
|
|
|
$html[] = ' name="' . htmlspecialchars($parameterArray['itemFormElName']) . '"'; |
|
139
|
|
|
$html[] = ' id="treeinput' . $formElementId . '"'; |
|
140
|
|
|
$html[] = ' value=""'; |
|
141
|
|
|
$html[] = '/>'; |
|
142
|
|
|
$html[] = '</div>'; |
|
143
|
|
|
$html[] = '<div id="' . $treeWrapperId . '" class="svg-tree-wrapper" style="height: ' . $heightInPx . 'px;"></div>'; |
|
144
|
|
|
$html[] = '<script type="text/javascript">var ' . $treeWrapperId . ' = ' . $this->getTreeOnChangeJs() . '</script>'; |
|
145
|
|
|
$html[] = '</div>'; |
|
146
|
|
|
$html[] = '</div>'; |
|
147
|
|
|
|
|
148
|
|
|
$resultArray['html'] = implode(LF, $html); |
|
149
|
|
|
|
|
150
|
|
|
// add necessary labels for tree header |
|
151
|
|
|
if ($showHeader) { |
|
152
|
|
|
$resultArray['additionalInlineLanguageLabelFiles'][] = 'EXT:core/Resources/Private/Language/locallang_csh_corebe.xlf'; |
|
153
|
|
|
} |
|
154
|
|
|
$resultArray['requireJsModules']['selectTreeElement'] = [ |
|
155
|
|
|
'TYPO3/CMS/Backend/FormEngine/Element/SelectTreeElement' => 'function (SelectTreeElement) { SelectTreeElement.initialize(); }' |
|
156
|
|
|
]; |
|
157
|
|
|
|
|
158
|
|
|
return $resultArray; |
|
159
|
|
|
} |
|
160
|
|
|
|
|
161
|
|
|
/** |
|
162
|
|
|
* Generates JS code triggered on change of the tree |
|
163
|
|
|
* |
|
164
|
|
|
* @return string |
|
165
|
|
|
*/ |
|
166
|
|
|
protected function getTreeOnChangeJs() |
|
167
|
|
|
{ |
|
168
|
|
|
$parameterArray = $this->data['parameterArray']; |
|
169
|
|
|
$onChange = !empty($parameterArray['fieldChangeFunc']['TBE_EDITOR_fieldChanged']) ? $parameterArray['fieldChangeFunc']['TBE_EDITOR_fieldChanged'] : ''; |
|
170
|
|
|
$onChange .= !empty($parameterArray['fieldChangeFunc']['alert']) ? $parameterArray['fieldChangeFunc']['alert'] : ''; |
|
171
|
|
|
return 'function () {' . $onChange . '}'; |
|
172
|
|
|
} |
|
173
|
|
|
} |
|
174
|
|
|
|