91903565f4b738ff16e3dfbcb65e777e3a5cb2e2
[Packages/TYPO3.CMS.git] / typo3 / sysext / form / Resources / Private / Backend / Layouts / FormEditor.html
1 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
2 <f:be.pageRenderer includeCssFiles="{stylesheets}" addInlineSettings="{addInlineSettings}" includeJsFiles="{0: 'EXT:backend/Resources/Public/JavaScript/jsfunc.tbe_editor.js'}" />
3 <div data-identifier="moduleLoadingIndicator" class="form-editor-loading-spinner">
4 <core:icon identifier="spinner-circle-dark" size="default" />
5 <div class="form-editor-loading-spinner-label"><f:translate key="LLL:EXT:form/Resources/Private/Language/Database.xlf:formEditor.loading" /></div>
6 </div>
7 <div data-identifier="moduleWrapper" class="hidden">
8 <f:format.raw>{formEditorTemplates}</f:format.raw>
9 <section id="t3-form-navigation-component" class="t3-form-x-component" data-identifier="structureSection">
10 <div id="t3-form-structure-panel">
11 <f:render section="ElementSidebarTree" />
12 </div>
13 </section>
14 <section id="t3-form-stage-container" data-identifier="stageContainer">
15 <div id="t3-form-stage-inner-container">
16 <header id="t3-form-stage-header">
17 <f:render section="Header" />
18 </header>
19 <div id="t3-form-stage-content">
20 <f:render section="Stage" />
21 </div>
22 </div>
23 </section>
24 <section id="t3-form-inspector-panels-container" class="t3-form-x-component" data-identifier="inspectorSection">
25 <f:render section="Inspector" />
26 </section>
27 </div>
28 <script type="text/javascript">
29 require(['{dynamicRequireJsModules.app}', '{dynamicRequireJsModules.mediator}', '{dynamicRequireJsModules.viewModel}'], function (formEditorApp, mediator, viewModel) {
30 window.TYPO3.FORMEDITOR_APP = formEditorApp.getInstance(
31 <f:format.htmlentitiesDecode>{formEditorAppInitialData}</f:format.htmlentitiesDecode>,
32 mediator,
33 viewModel
34 ).run();
35 });
36 </script>
37 </html>