[TASK] Improve the form manager
[Packages/TYPO3.CMS.git] / typo3 / sysext / form / Resources / Private / Backend / Templates / FormEditor / Index.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:layout name="FormEditor" />
3 <f:section name="ElementSidebarTree">
4
5 <div class="t3-form-x-component-inner-wrapper">
6 <div id="t3-form-navigation-component-tree-root-container" data-identifier="treeRootContainer">
7 <core:icon identifier="content-form" />
8 <span id="t3-form-navigation-component-tree-root" data-identifier="treeRootElement"></span>
9 </div>
10 <div class="tree" data-identifier="structure-element"></div>
11 <div class="form-group col-sm-12">
12 <div class="btn-group btn-group-sm" role="group">
13 <a class="btn btn-default t3-form-element-new-page-button" href="#" title="{f:translate(key: 'LLL:EXT:form/Resources/Private/Language/Database.xlf:formEditor.new_page_button')}" data-identifier="treeNewPageBottom"><core:icon identifier="actions-page-new" /> {f:translate(key: 'LLL:EXT:form/Resources/Private/Language/Database.xlf:formEditor.new_page_button')}</a>
14 </div>
15 </div>
16 </div>
17
18 </f:section>
19 <f:section name="Header">
20
21 <h1><span id="t3-form-form-definition-label" data-identifier="formDefinitionLabel"></span></h1>
22
23 </f:section>
24 <f:section name="Stage">
25
26 <div class="panel panel-default" data-identifier="stagePanel">
27 <div class="panel-heading" data-identifier="panelHeading">
28 <span data-identifier="stageHeaderToolbar">
29 <div class="btn-group">
30 <button class="btn btn-default" title="" data-identifier="buttonViewModePreview"><core:icon identifier="actions-document-view" alternativeMarkupIdentifier="inline" /></button>
31 <button class="btn btn-default" title="" data-identifier="buttonViewModeAbstract"><core:icon identifier="actions-document-open" alternativeMarkupIdentifier="inline" /></button>
32 </div>
33 <div class="pull-right">
34 <span class="paginiation-label" data-identifier="paginationTitle"></span>
35 <div class="btn-group">
36 <button class="btn btn-default" title="" data-identifier="buttonPaginationPrevious"><core:icon identifier="actions-view-paging-previous" alternativeMarkupIdentifier="inline" /></button>
37 <button class="btn btn-default" title="" data-identifier="buttonPaginationNext"><core:icon identifier="actions-view-paging-next" alternativeMarkupIdentifier="inline" /></button>
38 </div>
39 </div>
40 </span>
41 </div>
42 <div class="form-section" data-identifier="stageSection">
43 <div class="row">
44 <div id="t3-form-stage" class="form-group col-sm-12" data-identifier="stageArea"></div>
45 </div>
46 <div class="row" data-identifier="stageNewElementRow">
47 <div class="form-group col-sm-12">
48 <div class="t3-form-new-element-container">
49 <div class="btn-group btn-group-sm" role="group">
50 <a class="btn btn-default" href="#" title="{f:translate(key: 'LLL:EXT:form/Resources/Private/Language/Database.xlf:formEditor.stage.toolbar.new_element')}" data-identifier="stageNewElementBottom"><core:icon identifier="actions-document-new" /> {f:translate(key: 'LLL:EXT:form/Resources/Private/Language/Database.xlf:formEditor.stage.toolbar.new_element')}</a>
51 </div>
52 </div>
53 </div>
54 </div>
55 </div>
56 </div>
57
58 </f:section>
59 <f:section name="Inspector">
60
61 <div id="t3-form-inspector-panels">
62 <div class="t3-form-x-component-inner-wrapper">
63 <div id="t3-form-inspector" data-identifier="inspector"></div>
64 </div>
65 </div>
66
67 </f:section>
68 </html>