69 lines
3.0 KiB
HTML
69 lines
3.0 KiB
HTML
<html
|
|
xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
|
data-namespace-typo3-fluid="true"
|
|
>
|
|
|
|
<div class="panel panel-default">
|
|
<h3 class="panel-heading" role="tab" id="typoscript-active-{type}-ast-heading">
|
|
<div class="panel-heading-row">
|
|
<button
|
|
class="panel-button collapsed"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#typoscript-active-{type}-ast-body"
|
|
aria-controls="typoscript-active-{type}-ast-body"
|
|
aria-expanded="false"
|
|
id="panel-tree-heading-{type}"
|
|
>
|
|
<div class="panel-title">
|
|
<strong><f:translate key="LLL:EXT:tstemplate/Resources/Private/Language/locallang_active.xlf:panel.header.configuration"/></strong>
|
|
</div>
|
|
<div class="panel-badge">
|
|
<span class="badge badge-success hidden t3js-collapse-states-search-numberOfSearchMatches"></span>
|
|
</div>
|
|
<span class="caret"></span>
|
|
</button>
|
|
</div>
|
|
</h3>
|
|
<div
|
|
class="panel-collapse collapse"
|
|
id="typoscript-active-{type}-ast-body"
|
|
aria-labelledby="typoscript-active-{type}-ast-heading"
|
|
role="tabpanel"
|
|
data-persist-collapse-state="true"
|
|
data-persist-collapse-state-if-state="shown"
|
|
>
|
|
<div class="panel-body t3js-collapse-states-search-tree">
|
|
<form action="{f:be.uri(route: 'typoscript_active', parameters: '{id: pageUid}')}" method="post">
|
|
<ul class="treelist">
|
|
<f:comment>
|
|
Variable {editUri} is a performance optimization hack: The ActiveTree template is called
|
|
recursive for each node and then creates an "edit" link in each. This is expensive with
|
|
many nodes. With client side expand/collapse, we always render the entire tree in fluid,
|
|
with a bigger tree we're easily creating the link thousands of times. The hack below
|
|
creates the link once, the usage then adds the child parameter.
|
|
Ugly but effective in this case. Don't do this at home, kids.
|
|
</f:comment>
|
|
<f:variable
|
|
name="editUri"
|
|
value="{f:be.uri(route: 'typoscript_active.edit', parameters: '{id: pageUid, type: type}')}"
|
|
/>
|
|
<f:render
|
|
partial="ActiveTree"
|
|
arguments="{
|
|
type: type,
|
|
tree: tree,
|
|
pageUid: pageUid,
|
|
displayConstantSubstitutions: displayConstantSubstitutions,
|
|
displayComments: displayComments,
|
|
editUri: editUri
|
|
}"
|
|
/>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</html>
|