TYPO3 v15 dev-main snapshot ()
This commit is contained in:
@@ -0,0 +1,88 @@
|
||||
<html
|
||||
xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true"
|
||||
>
|
||||
|
||||
<nav
|
||||
class="modulemenu"
|
||||
data-role="modulemenu"
|
||||
id="modulemenu"
|
||||
data-modulemenu
|
||||
aria-label="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:modulemenu.label')}"
|
||||
data-modules-information="{modulesInformation}"
|
||||
>
|
||||
<f:if condition="{modules}">
|
||||
<f:render section="Menubar" arguments="{modules: modules}" />
|
||||
</f:if>
|
||||
</nav>
|
||||
|
||||
<f:section name="Menubar">
|
||||
<ul
|
||||
role="menubar"
|
||||
aria-orientation="vertical"
|
||||
aria-label="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:modulemenu.label')}"
|
||||
class="modulemenu-group-container"
|
||||
>
|
||||
<f:for each="{modules}" as="module" iteration="iterator">
|
||||
<li
|
||||
role="presentation"
|
||||
data-modulemenu-level="1"
|
||||
{f:if(condition: module.subModules, then: 'class="modulemenu-group modulemenu-group-{f:if(condition: module.collapsed, then: \'collapsed\', else: \'expanded\')}"')}
|
||||
>
|
||||
<f:render section="Button" arguments="{module: module, showChildren: module.subModules, tabIndex: '{f:if(condition: iterator.isFirst, then: \'0\', else: \'-1\')}'}" />
|
||||
<f:if condition="{module.subModules}">
|
||||
<f:render section="Menu" arguments="{modules: module.subModules, parent: module}" />
|
||||
</f:if>
|
||||
</li>
|
||||
</f:for>
|
||||
</ul>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Menu">
|
||||
<ul
|
||||
id="modulemenu-group-{parent.identifier}"
|
||||
role="menu"
|
||||
aria-orientation="vertical"
|
||||
<f:if condition="{parent.title}">
|
||||
aria-label="{f:translate(key: parent.title, default: parent.title)}"
|
||||
</f:if>
|
||||
class="modulemenu-group-container collapse {f:if(condition: '{parent}', then: '{f:if(condition: parent.collapsed, else: \'show\')}')}"
|
||||
>
|
||||
<f:for each="{modules}" as="module">
|
||||
<li role="presentation" data-modulemenu-level="2">
|
||||
<f:render section="Button" arguments="{module: module, tabIndex: '-1'}" />
|
||||
</li>
|
||||
</f:for>
|
||||
</ul>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Button">
|
||||
<f:variable name="moduleTitle" value="" />
|
||||
<f:if condition="{module.title}">
|
||||
<f:variable name="moduleTitle" value="{f:translate(key: module.title, default: module.title)}" />
|
||||
</f:if>
|
||||
<{f:if(condition: module.shouldBeLinked, then: 'a', else: 'button')}
|
||||
<f:if condition="{module.shouldBeLinked}">
|
||||
<f:then>
|
||||
href="{f:be.uri(route: module.identifier)}"
|
||||
data-moduleroute-identifier="{module.identifier}"
|
||||
</f:then>
|
||||
<f:else>
|
||||
type="button"
|
||||
</f:else>
|
||||
</f:if>
|
||||
role="menuitem"
|
||||
title="{moduleTitle}"
|
||||
class="modulemenu-action"
|
||||
tabindex="{tabIndex}"
|
||||
data-modulemenu-identifier="{module.identifier}"
|
||||
data-modulemenu-collapsible="{f:if(condition: showChildren, then: 'true', else: 'false')}"
|
||||
{f:if(condition: showChildren, then: 'aria-controls="modulemenu-group-{module.identifier}" aria-haspopup="menu" aria-expanded="{f:if(condition: module.collapsed, then: \'false\', else: \'true\')}"')}
|
||||
>
|
||||
<span class="modulemenu-icon" aria-hidden="true"><core:icon size="medium" identifier="{module.iconIdentifier}" alternativeMarkupIdentifier="inline" /></span>
|
||||
<span class="modulemenu-name">{moduleTitle}</span>
|
||||
<span class="modulemenu-indicator" aria-hidden="true"></span>
|
||||
</{f:if(condition: module.shouldBeLinked, then: 'a', else: 'button')}>
|
||||
</f:section>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,69 @@
|
||||
<html
|
||||
xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
|
||||
xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
||||
xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true"
|
||||
>
|
||||
|
||||
<f:asset.module identifier="@typo3/backend/element/sidebar-toggle-element.js" />
|
||||
<div class="scaffold-topbar t3js-scaffold-topbar" data-topbar-identifier="topbar">
|
||||
<div class="topbar t3js-topbar">
|
||||
<typo3-backend-sidebar-toggle
|
||||
class="topbar-button topbar-button-modulemenu"
|
||||
label-collapse="{f:translate(key: 'toolbarItems.sidebarCollapse', domain: 'backend.toolbar')}"
|
||||
label-expand="{f:translate(key: 'toolbarItems.sidebarExpand', domain: 'backend.toolbar')}"
|
||||
{f:if(condition: '!{sidebar.accessible}', then: 'disabled')}
|
||||
></typo3-backend-sidebar-toggle>
|
||||
<div class="topbar-site-container">
|
||||
<a class="topbar-site" href="./" target="_top" title="{siteName} - {applicationVersion}">
|
||||
<span class="topbar-site-logo">
|
||||
<img src="{logoUrl}" width="{logoWidth}" height="{logoHeight}" alt="" aria-hidden="true" />
|
||||
</span>
|
||||
<span class="topbar-site-title">
|
||||
<span class="topbar-site-name">{siteName}</span>
|
||||
<span class="topbar-site-version">{applicationVersion}</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<button
|
||||
class="topbar-button topbar-button-toolbar t3js-topbar-button-toolbar"
|
||||
title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.toolbarOpenClose')}"
|
||||
aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.toolbarOpenClose')}"
|
||||
>
|
||||
<core:icon identifier="actions-cog" alternativeMarkupIdentifier="inline" />
|
||||
</button>
|
||||
<button
|
||||
class="topbar-button topbar-button-search t3js-topbar-button-search"
|
||||
title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.searchbarOpenClose')}"
|
||||
aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.searchbarOpenClose')}"
|
||||
aria-haspopup="dialog"
|
||||
>
|
||||
<core:icon identifier="actions-search" alternativeMarkupIdentifier="inline" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="scaffold-toolbar t3js-scaffold-toolbar" data-toolbar-identifier="toolbar">
|
||||
<div class="toolbar">
|
||||
<ul class="toolbar-list" data-typo3-role="typo3-module-menu">
|
||||
<f:for each="{toolbarItems}" as="toolbarItem" iteration="iterator">
|
||||
<li {be:toolbar.attributes(class: toolbarItem) -> f:format.raw()}>
|
||||
<be:toolbar.ifHasDropdown class="{toolbarItem}">
|
||||
<f:then>
|
||||
<button type="button" class="toolbar-item-link dropdown-toggle dropdown-toggle-no-chevron" data-bs-target="toolbar-menu-{iterator.cycle}" data-bs-toggle="dropdown" data-bs-offset="0,0">
|
||||
{toolbarItem.item -> f:format.raw()}
|
||||
</button>
|
||||
<div id="toolbar-menu-{iterator.cycle}" class="dropdown-menu" role="menu">
|
||||
{toolbarItem.dropdown -> f:format.raw()}
|
||||
</div>
|
||||
</f:then>
|
||||
<f:else>
|
||||
{toolbarItem.item -> f:format.raw()}
|
||||
</f:else>
|
||||
</be:toolbar.ifHasDropdown>
|
||||
</li>
|
||||
</f:for>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user