[TASK] Streamline buttons in Language module 42/38842/2
authorAndreas Fernandez <a.fernandez@scripting-base.de>
Tue, 21 Apr 2015 07:10:41 +0000 (09:10 +0200)
committerNicole Cordes <typo3@cordes.co>
Tue, 21 Apr 2015 09:02:43 +0000 (11:02 +0200)
Apply the btn classes to the action buttons in the Language module to
make the look and feel more consistent.

Resolves: #66509
Releases: master
Change-Id: I5c4b2b2318d1ae7fac20f4b4021e4911044752c4
Reviewed-on: http://review.typo3.org/38842
Reviewed-by: Felix Kopp <felix-source@phorax.com>
Tested-by: Felix Kopp <felix-source@phorax.com>
Reviewed-by: Nicole Cordes <typo3@cordes.co>
Tested-by: Nicole Cordes <typo3@cordes.co>
typo3/sysext/lang/Resources/Private/Partials/Icons.html
typo3/sysext/lang/Resources/Private/Templates/Language/ListLanguages.html

index 9d0321f..6026c9c 100644 (file)
@@ -1,8 +1,8 @@
 <div style="display:none">
-       <span class="activateIcon"><f:be.buttons.icon icon="actions-system-extension-install" title="{f:translate(key:'button.activate')}" /></span>
-       <span class="deactivateIcon"><f:be.buttons.icon icon="actions-system-extension-uninstall" title="{f:translate(key:'button.deactivate')}" /></span>
-       <span class="downloadIcon"><f:be.buttons.icon icon="actions-system-extension-download" title="{f:translate(key:'button.download')}" /></span>
-       <span class="completeIcon"><span class="t3-icon fa fa-check-circle-o" title="{f:translate(key:'button.complete')}">&nbsp;</span></span>
+       <span class="activateIcon"><span class="btn btn-default"><f:be.buttons.icon icon="actions-system-extension-install" title="{f:translate(key:'button.activate')}" /></span></span>
+       <span class="deactivateIcon"><span class="btn btn-default"><f:be.buttons.icon icon="actions-system-extension-uninstall" title="{f:translate(key:'button.deactivate')}" /></span></span>
+       <span class="downloadIcon"><span class="btn btn-default"><f:be.buttons.icon icon="actions-system-extension-download" title="{f:translate(key:'button.download')}" /></span></span>
+       <span class="completeIcon"><span class="t3-icon fa fa-check" title="{f:translate(key:'button.complete')}">&nbsp;</span></span>
        <span class="loadingIcon"><span class="t3-icon fa fa-spin fa-circle-o-notch" title="{f:translate(key:'button.loading')}">&nbsp;</span></span>
        <div class="progressBar">
                <div class="progress">
index 8ff0086..a0b79b5 100644 (file)
@@ -35,8 +35,8 @@
                        <f:for each="{languages}" as="language" iteration="iterator">
                                <tr id="language-{language.locale}" data-locale="{language.locale}" class="{f:if(condition: language.selected, then: 'enabled', else: 'disabled')} {f:if(condition: iterator.isEven, then: 'even', else: 'odd')}" role="row">
                                        <td>
-                                               <a class="deactivateLanguageLink" data-action="deactivateLanguage" data-locale="{language.locale}" data-language="{language.label}" data-selected="{f:if(condition: language.selected, then: 'true', else: 'false')}"><span title="Deactivate" class="t3-icon fa fa-minus-square"> </span></a>
-                                               <a class="activateLanguageLink" data-action="activateLanguage" data-locale="{language.locale}" data-language="{language.label}" data-selected="{f:if(condition: language.selected, then: 'true', else: 'false')}"><span title="Activate" class="t3-icon fa fa-plus-circle"> </span></a>
+                                               <a class="btn btn-default deactivateLanguageLink" data-action="deactivateLanguage" data-locale="{language.locale}" data-language="{language.label}" data-selected="{f:if(condition: language.selected, then: 'true', else: 'false')}"><span title="Deactivate" class="t3-icon fa fa-minus-square"> </span></a>
+                                               <a class="btn btn-default activateLanguageLink" data-action="activateLanguage" data-locale="{language.locale}" data-language="{language.label}" data-selected="{f:if(condition: language.selected, then: 'true', else: 'false')}"><span title="Activate" class="t3-icon fa fa-plus-circle"> </span></a>
                                        </td>
                                        <td class="sorting_1">{language.label}</td>
                                        <td>{language.locale}</td>
@@ -44,7 +44,7 @@
                                                <f:format.date date="{language.lastUpdate}" format="Y-m-d H:i" />
                                        </td>
                                        <td class="actions">
-                                               <a class="updateLanguageLink" data-action="updateLanguage" data-locale="{language.locale}" data-language="{language.label}" data-selected="true"><span title="Download" class="t3-icon fa fa-download"> </span></a>
+                                               <a class="btn btn-default updateLanguageLink" data-action="updateLanguage" data-locale="{language.locale}" data-language="{language.label}" data-selected="true"><span title="Download" class="t3-icon fa fa-download"> </span></a>
                                                <div class="progressBar">
                                                        <div class="progress">
                                                                <div class="progress-text"></div>