Commit c7448b14 authored by Rémy DANIEL's avatar Rémy DANIEL

[BUGFIX] Clean of backend templates

- Optimize space taken by all the settings (less panels, more cols, responsive)
- TYPO3 styles for header bar and buttons
- Buttons' icon before the text
- Fix layout classes
parent f9d9f78b
......@@ -12,64 +12,65 @@
2: 'function.langfile.confirmCancel.title',
3: 'function.langfile.confirmChange.title'
}">
<div class="module" data-module-id="" data-module-name="">
<div class="module">
<div class="module-loading-indicator"></div>
<div class="module-docheader t3js-module-docheader">
<div class="module-docheader-bar module-docheader-bar-navigation t3js-module-docheader-bar t3js-module-docheader-bar-navigation">
<div class="module-docheader-bar-column-left">
<div class="row">
<div class="col-md-6">
<f:form.select additionalAttributes="{class: 'form-control', onchange: 'TYPO3.lfEditor.jump(this)'}">
<div class="module-docheader-bar module-docheader-bar-navigation t3js-module-docheader-bar t3js-module-docheader-bar-navigation row">
<div class="module-docheader-bar-column-left col-xs-12 col-sm-4 col-md-3">
<div class="form-inline row">
<div class="form-group form-group-sm col-xs-6">
<f:form.select additionalAttributes="{class: 'form-control t3-js-jumpMenuBox', onchange: 'TYPO3.lfEditor.jump(this)'}">
<f:be.menus.actionMenuItem label="{f:translate(key:'function.general.general')}"
controller="General"
action="general" />
controller="General"
action="general" />
<f:be.menus.actionMenuItem label="{f:translate(key:'function.langfile.edit')}"
controller="EditFile"
action="editFile"
arguments="{buttonType: 0}" />
controller="EditFile"
action="editFile"
arguments="{buttonType: 0}" />
<f:be.menus.actionMenuItem label="{f:translate(key:'function.const.edit.edit')}"
controller="EditConstant"
action="editConstant" />
controller="EditConstant"
action="editConstant" />
<f:if condition="{defaultLanguagePermission}">
<f:be.menus.actionMenuItem label="{f:translate(key:'function.const.add.add')}"
controller="AddConstant"
action="addConstant" />
controller="AddConstant"
action="addConstant" />
<f:be.menus.actionMenuItem label="{f:translate(key:'function.const.delete.delete')}"
controller="DeleteConstant"
action="deleteConstant" />
controller="DeleteConstant"
action="deleteConstant" />
<f:be.menus.actionMenuItem label="{f:translate(key:'function.const.rename.rename')}"
controller="RenameConstant"
action="renameConstant" />
controller="RenameConstant"
action="renameConstant" />
</f:if>
<f:be.menus.actionMenuItem label="{f:translate(key:'function.const.search.search')}"
controller="SearchConstant"
action="searchConstant" />
controller="SearchConstant"
action="searchConstant" />
<f:be.menus.actionMenuItem label="{f:translate(key:'function.const.treeview.treeview')}"
controller="ViewTree"
action="viewTree" />
controller="ViewTree"
action="viewTree" />
<f:if condition="{editingMode} == 'extension'">
<f:be.menus.actionMenuItem label="{f:translate(key:'function.backupMgr.backupMgr')}"
controller="ManageBackups"
action="manageBackups" />
controller="ManageBackups"
action="manageBackups" />
</f:if>
</f:form.select>
</div>
<f:if condition="{canChangeEditingModes}">
<div class="col-md-6">
<f:form.select additionalAttributes="{class: 'form-control', onchange: 'TYPO3.lfEditor.jump(this)'}">
<div class="form-group form-group-sm col-xs-6">
<f:form.select additionalAttributes="{class: 'form-control t3-js-jumpMenuBox', onchange: 'TYPO3.lfEditor.jump(this)'}">
<f:for each="{editingModeOptions}" key="editingModeOption" as="editingModeLabel">
<f:if condition="{editingMode} == {editingModeOption}">
<f:then>
<f:be.menus.actionMenuItem label="{editingModeLabel}"
controller="General"
action="switchEditingMode"
arguments="{editingMode: editingModeOption}"
additionalAttributes="{selected: 'selected'}" />
controller="General"
action="switchEditingMode"
arguments="{editingMode: editingModeOption}"
additionalAttributes="{selected: 'selected'}" />
</f:then>
<f:else>
<f:be.menus.actionMenuItem label="{editingModeLabel}"
controller="General"
action="switchEditingMode"
arguments="{editingMode: editingModeOption}" />
controller="General"
action="switchEditingMode"
arguments="{editingMode: editingModeOption}" />
</f:else>
</f:if>
</f:for>
......@@ -81,16 +82,21 @@
</div>
<div class="module-docheader-bar module-docheader-bar-buttons t3js-module-docheader-bar t3js-module-docheader-bar-buttons">
<div class="module-docheader-bar-column-left">
<f:render section="ButtonBarLeft" arguments="{displayBackButton: displayBackButton, displayNextButton: displayNextButton}" />
</div>
<div class="module-docheader-bar-column-right">
<div class="btn-toolbar">
<f:render section="ButtonBarLeft" arguments="{displayBackButton: displayBackButton, displayNextButton: displayNextButton}" />
</div>
</div>
</div>
</div>
</div>
<div id="typo3-docbody">
<div id="typo3-inner-docbody">
<f:render section="selectItems" />
<div class="module-body t3js-module-body">
<div class="panel panel-default">
<div class="panel-heading">
<f:translate key="select.langfile" />
</div>
<div class="panel-body">
<f:render section="selectItems" />
</div>
</div>
<f:flashMessages />
<f:render section="main" />
</div>
......
{namespace lfe=SGalinski\Lfeditor\ViewHelpers}
<f:if condition="{extensionSelection} && {languageFileSelection}">
<div class="panel panel-default">
<div class="panel-heading">
<div class="col-md-6 col-sm-6">
<label>
<f:translate key="select.constant" />
</div>
<div class="panel-body">
<f:form.select name="constantSelection"
class="form-control"
value="{constantSelection}"
options="{constantOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
</label>
<f:form.select name="constantSelection"
class="form-control"
value="{constantSelection}"
options="{constantOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
</f:if>
{namespace lfe=SGalinski\Lfeditor\ViewHelpers}
{namespace core=TYPO3\CMS\Core\ViewHelpers}
<div class="panel panel-default">
<div class="panel-heading">
<f:translate key="select.langfile" />
</div>
<div class="panel-body">
<div class="row">
<div class="col col-md-6">
<div class="form-group">
<label>
<strong>
{extensionLabel}
</strong>
</label>
<label>{extensionLabel}</label>
<div class="input-group">
<f:form.select additionalAttributes="{class: 'form-control', onChange: 'TYPO3.lfEditor.jump(this)'}">
<f:for each="{extensions}" as="extension" key="extAddress">
......@@ -20,16 +13,16 @@
<f:if condition="{extAddress} == {extensionSelection} && {langFileOption} == {languageFileSelection}">
<f:then>
<f:be.menus.actionMenuItem label="{langFileLabel}"
controller="{controllerName}"
action="changeSelection"
arguments="{extensionSelection: extAddress, languageFileSelection: langFileOption}"
additionalAttributes="{selected: 'selected'}" />
controller="{controllerName}"
action="changeSelection"
arguments="{extensionSelection: extAddress, languageFileSelection: langFileOption}"
additionalAttributes="{selected: 'selected'}" />
</f:then>
<f:else>
<f:be.menus.actionMenuItem label="{langFileLabel}"
controller="{controllerName}"
action="changeSelection"
arguments="{extensionSelection: extAddress, languageFileSelection: langFileOption}" />
controller="{controllerName}"
action="changeSelection"
arguments="{extensionSelection: extAddress, languageFileSelection: langFileOption}" />
</f:else>
</f:if>
</f:for>
......@@ -37,14 +30,14 @@
</f:for>
</f:form.select>
<span class="input-group-btn">
<button class="btn btn-default"
onclick="document.getElementById('refreshLanguageFileListForm').submit();"
title="{f:translate(key:'button.refreshLanguageFileList.title')}">
<core:icon identifier="actions-system-refresh" size="small" />
</button>
</span>
<button class="btn btn-default"
onclick="document.getElementById('refreshLanguageFileListForm').submit();"
title="{f:translate(key:'button.refreshLanguageFileList.title')}">
<core:icon identifier="actions-system-refresh" size="small" />
</button>
</span>
</div>
</div>
<f:form id="refreshLanguageFileListForm" action="refreshLanguageFileList" class="tx-lfeditor-inline-block-form"></f:form>
<f:form id="refreshLanguageFileListForm" action="refreshLanguageFileList"></f:form>
</div>
</div>
{namespace lfe=SGalinski\Lfeditor\ViewHelpers}
<f:if condition="{extensionSelection} && {languageFileSelection} && {referenceLanguageOptions}">
<div class="panel panel-default">
<div class="panel-heading">
<f:translate key="select.languageAndPattern" />
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<f:form.select name="languageSelection"
class="form-control"
value="{languageSelection}"
options="{languageOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
<div class="col col-md-3 col-sm-6">
<label><f:translate key="select.languageAndPattern" /></label>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<f:form.select name="languageSelection"
class="form-control"
value="{languageSelection}"
options="{languageOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
<div class="col-md-6">
<div class="form-group">
<f:form.select name="referenceLanguageSelection"
value="{referenceLanguageSelection}"
class="form-control"
options="{referenceLanguageOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<f:form.select name="referenceLanguageSelection"
value="{referenceLanguageSelection}"
class="form-control"
options="{referenceLanguageOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
</div>
</div>
......
{namespace lfe=SGalinski\Lfeditor\ViewHelpers}
<f:if condition="{extensionSelection} && {languageFileSelection}">
<div class="panel panel-default">
<div class="panel-heading">
<f:translate key="select.numConstants" />
</div>
<div class="panel-body">
<div class="panel-body">
<f:form.select name="numSiteConstsSelection"
class="form-control"
value="{numSiteConstsSelection}"
options="{numSiteConstsOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
<div class="col col-md-3 col-sm-6">
<label><f:translate key="select.numConstants" /></label>
<div class="form-group">
<f:form.select name="numSiteConstsSelection"
class="form-control"
value="{numSiteConstsSelection}"
options="{numSiteConstsOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
</div>
</f:if>
{namespace lfe=SGalinski\Lfeditor\ViewHelpers}
<f:if condition="{languageFileSelection} && {bottomReferenceLanguageOptions}">
<div class="panel panel-default">
<div class="panel-heading">
<f:translate key="select.referenceLanguage" />
</div>
<div class="panel-body">
<div class="form-group">
<f:form.select name="bottomReferenceLanguageSelection"
class="form-control"
value="{bottomReferenceLanguageSelection}"
options="{bottomReferenceLanguageOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
</div>
<div class="col col-md-3 col-sm-6">
<label><f:translate key="select.referenceLanguage" /></label>
<f:form.select name="bottomReferenceLanguageSelection"
class="form-control"
value="{bottomReferenceLanguageSelection}"
options="{bottomReferenceLanguageOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')'}" />
</div>
</f:if>
......@@ -44,7 +44,7 @@
<f:section name="ButtonBarLeft">
<button class="btn btn-default btn-sm" onclick="document.getElementById('contentForm').submit();">
<f:translate key="button.save" />
<core:icon identifier="actions-save" />
<f:translate key="button.save" />
</button>
</f:section>
......@@ -5,9 +5,11 @@
<f:section name="selectItems">
<f:render partial="SelectExtensionAndLanguageFile" arguments="{_all}" />
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectConstant" arguments="{_all}" />
</f:form>
<div class="row">
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectConstant" arguments="{_all}" />
</f:form>
</div>
</f:section>
<f:section name="main">
......
......@@ -5,9 +5,11 @@
<f:section name="selectItems">
<f:render partial="SelectExtensionAndLanguageFile" arguments="{_all}" />
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectConstant" arguments="{_all}" />
</f:form>
<div class="row">
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectConstant" arguments="{_all}" />
</f:form>
</div>
</f:section>
<f:section name="main">
......@@ -52,7 +54,7 @@
<f:section name="ButtonBarLeft">
<button class="btn btn-default btn-sm" onclick="document.getElementById('contentForm').submit();">
<f:translate key="button.save" />
<core:icon identifier="actions-save" />
<f:translate key="button.save" />
</button>
</f:section>
......@@ -6,22 +6,24 @@
<f:section name="selectItems">
<f:render partial="SelectExtensionAndLanguageFile" arguments="{_all}" />
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectLanguageAndReference" arguments="{_all}" />
<f:render partial="SelectReferenceLanguage" arguments="{_all}" />
<f:if condition="{constantTypeOptions}">
<div class="panel panel-default">
<div class="panel-heading">
<f:translate key="select.constantType" />
</div>
<div class="panel-body">
<div class="row">
<f:render partial="SelectReferenceLanguage" arguments="{_all}" />
<f:render partial="SelectLanguageAndReference" arguments="{_all}" />
<f:if condition="{constantTypeOptions}">
<div class="col col-md-3 col-sm-6">
<label>
<strong>
<f:translate key="select.constantType" />
</strong>
</label>
<f:form.select name="constantTypeSelection"
value="{constantTypeSelection}"
options="{constantTypeOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')', class: 'form-control'}" />
value="{constantTypeSelection}"
options="{constantTypeOptions}"
additionalAttributes="{onchange: 'TYPO3.lfEditor.changeForm(\'mainMenuForm\')', class: 'form-control'}" />
</div>
</div>
</f:if>
<f:render partial="SelectNumConstants" arguments="{_all}"/>
</f:if>
<f:render partial="SelectNumConstants" arguments="{_all}"/>
</div>
</f:form>
</f:section>
......@@ -111,22 +113,22 @@
<f:section name="ButtonBarLeft">
<f:if condition="{displayBackButton}">
<button class="btn btn-default btn-sm" onclick="TYPO3.lfEditor.submitLanguageFileEdit(1)">
<f:translate key="button.session.back" />
<core:icon identifier="actions-move-left" />
<f:translate key="button.session.back" />
</button>
</f:if>
<f:if condition="{displayNextButton}">
<button class="btn btn-default btn-sm" onclick="TYPO3.lfEditor.submitLanguageFileEdit(2)">
<f:translate key="button.session.next" />
<core:icon identifier="actions-move-right" />
<f:translate key="button.session.next" />
</button>
</f:if>
<button class="btn btn-default btn-sm" onclick="TYPO3.lfEditor.submitLanguageFileEdit(3)">
<f:translate key="button.save" />
<core:icon identifier="actions-save" />
<f:translate key="button.save" />
</button>
<button class="btn btn-default btn-sm" onclick="return TYPO3.lfEditor.confirmCancelFileEdit()">
<f:translate key="button.cancel" />
<core:icon identifier="actions-close" />
<f:translate key="button.cancel" />
</button>
</f:section>
......@@ -161,7 +161,7 @@
<f:section name="ButtonBarLeft">
<button class="btn btn-default btn-sm" onclick="document.getElementById('contentForm').submit();">
<f:translate key="button.save" />
<core:icon identifier="actions-save" />
<f:translate key="button.save" />
</button>
</f:section>
......@@ -5,9 +5,11 @@
<f:section name="selectItems">
<f:render partial="SelectExtensionAndLanguageFile" arguments="{_all}" />
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectConstant" arguments="{_all}" />
</f:form>
<div class="row">
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectConstant" arguments="{_all}" />
</f:form>
</div>
</f:section>
<f:section name="main">
......@@ -33,7 +35,7 @@
<f:section name="ButtonBarLeft">
<button class="btn btn-default btn-sm" onclick="document.getElementById('contentForm').submit();">
<f:translate key="button.save" />
<core:icon identifier="actions-save" />
<f:translate key="button.save" />
</button>
</f:section>
......@@ -4,9 +4,11 @@
<f:section name="selectItems">
<f:render partial="SelectExtensionAndLanguageFile" arguments="{_all}" />
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectLanguageAndReference" arguments="{_all}" />
</f:form>
<div class="row">
<f:form id="mainMenuForm" action="changeSelection">
<f:render partial="SelectLanguageAndReference" arguments="{_all}" />
</f:form>
</div>
</f:section>
<f:section name="main">
......
......@@ -179,10 +179,6 @@ fieldset.tx-lfeditor-fieldset fieldset dd {
border: none;
}
.tx-lfeditor-inline-block-form {
display: inline-block;
}
.tx-lfeditor-checkBox-bottom {
vertical-align: bottom;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment