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