Your IP : 216.73.216.43
<html
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:layout name="Module" />
<f:section name="Content">
<f:be.pageRenderer
includeJavaScriptModules="{
0:'@typo3/viewpage/main.js'
}"
/>
<div class="viewpage-item">
<div class="viewpage-topbar t3js-viewpage-topbar">
<div class="viewpage-topbar-orientation t3js-viewpage-topbar-orientation">
<a href="#" class="t3js-change-orientation">
<core:icon identifier="actions-device-orientation-change" size="small" />
</a>
</div>
<div class="viewpage-topbar-preset">
<span class="dropdown">
<button type="button" id="viewpage-topbar-preset-button" class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class="t3js-viewpage-current-label">
{current.label}
</span>
</button>
<ul class="dropdown-menu" aria-labelledby="viewpage-topbar-preset-button">
<li>
<a href="#" class="dropdown-item t3js-preset-maximized t3js-change-preset" data-key="maximized" data-label="{f:translate(key: 'LLL:EXT:viewpage/Resources/Private/Language/locallang.xlf:maximized')}" data-width data-height>
<span class="dropdown-item-columns">
<span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
<core:icon identifier="actions-fullscreen" size="small" />
</span>
<span class="dropdown-item-column dropdown-item-column-title">
{f:translate(key: 'LLL:EXT:viewpage/Resources/Private/Language/locallang.xlf:maximized')}
</span>
<span class="dropdown-item-column dropdown-item-column-value">
100%/100%
</span>
</span>
</a>
</li>
<li>
<a href="#" class="dropdown-item t3js-preset-custom t3js-change-preset" data-key="custom" data-label="{f:translate(key: 'LLL:EXT:viewpage/Resources/Private/Language/locallang.xlf:custom')}" data-width="{custom.width}" data-height="{custom.height}">
<span class="dropdown-item-columns">
<span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
<core:icon identifier="actions-expand" size="small" />
</span>
<span class="dropdown-item-column dropdown-item-column-title t3js-preset-custom-label">
{f:translate(key: 'LLL:EXT:viewpage/Resources/Private/Language/locallang.xlf:custom')}
</span>
<span class="dropdown-item-column dropdown-item-column-value">
<span class="t3js-preset-custom-width">{custom.width}</span>px/<span class="t3js-preset-custom-height">{custom.height}</span>px
</span>
</span>
</a>
</li>
<f:for each="{presetGroups}" as="presetGroup" iteration="presetGroupIteration">
<f:if condition="{presetGroup}">
<li><hr class="dropdown-divider"></li>
<f:for each="{presetGroup}" as="preset">
<li>
<a href="#" class="dropdown-item t3js-change-preset" data-key="{preset.key}" data-label="{preset.label}" data-width="{preset.width}" data-height="{preset.height}">
<span class="dropdown-item-columns">
<span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
<f:switch expression="{preset.type}">
<f:case value="desktop"><core:icon identifier="actions-device-desktop" size="small" /></f:case>
<f:case value="tablet"><core:icon identifier="actions-device-tablet" size="small" /></f:case>
<f:case value="mobile"><core:icon identifier="actions-device-mobile" size="small" /></f:case>
<f:defaultCase><core:icon identifier="actions-device-unidentified" size="small" /></f:defaultCase>
</f:switch>
</span>
<span class="dropdown-item-column dropdown-item-column-title">
{preset.label}
</span>
<span class="dropdown-item-column dropdown-item-column-value">
{f:if(condition: preset.width, then: '{preset.width}px', else: '100%')}/{f:if(condition: preset.height, then: '{preset.height}px', else: '100%')}
</span>
</span>
</a>
</li>
</f:for>
</f:if>
</f:for>
</ul>
</span>
</div>
<div class="viewpage-topbar-size">
<input class="t3js-viewpage-input-width" type="number" name="width" min="300" max="9999" value="{current.width}">
x
<input class="t3js-viewpage-input-height" type="number" name="height" min="300" max="9999" value="{current.height}">
</div>
</div>
<div class="viewpage-resizeable t3js-viewpage-resizeable" style="width:{current.width}px;height:{current.height}px;">
<iframe src="{url}" width="100%" height="100%" id="tx_viewpage_iframe" frameborder="0" border="0" title="{f:translate(key: 'LLL:EXT:viewpage/Resources/Private/Language/locallang.xlf:iframe.title')}"></iframe>
<f:comment><!-- support handles for interactjs --></f:comment>
<div class="resizable-w"></div>
<div class="resizable-s"></div>
<div class="resizable-e"></div>
</div>
</div>
</f:section>
</html>