[BUGFIX] EM: add visual feedback for download+install 29/19729/3
authorFelix Kopp <felix-source@phorax.com>
Sun, 7 Apr 2013 09:18:08 +0000 (11:18 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sun, 7 Apr 2013 10:34:23 +0000 (12:34 +0200)
Process of downloading and installing remote extensions takes
some time - this patch brings visual feedback to inform users
that something complex is happening in the background.

Change-Id: Iae6c8ca90f163b49b0d6a63740eb773f29127d91
Fixes: #46274
Releases: 6.1, 6.0
Reviewed-on: https://review.typo3.org/19729
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
typo3/sysext/extensionmanager/Classes/ViewHelpers/DownloadExtensionViewHelper.php
typo3/sysext/extensionmanager/Resources/Public/JavaScript/main.js

index d485475..ab814e2 100644 (file)
@@ -68,7 +68,7 @@ class DownloadExtensionViewHelper extends \TYPO3\CMS\Fluid\ViewHelpers\FormViewH
                $label = '<input title="' . \TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('extensionList.downloadViewHelper.submit', 'extensionmanager') . '" type="submit" class="' . $iconClasses . '" value="' . \TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('extensionList.downloadViewHelper.submit', 'extensionmanager') . '">';
 
                $this->tag->setContent($label . $pathSelector);
-               $this->tag->addAttribute('class', 'download');
+               $this->tag->addAttribute('class', 'download onClickMaskExtensionManager');
                return '<div id="' . htmlspecialchars($extension->getExtensionKey()) . '-downloadFromTer" class="downloadFromTer">' . $this->tag->render() . '</div>';
        }
 
index 6b85190..536fe64 100644 (file)
@@ -9,6 +9,13 @@
                        $('.typo3-extension-manager').mask();
                });
 
+               // IE 8 needs extra 'change' event on form
+               if ($.browser.msie) {
+                       $('form.onClickMaskExtensionManager').bind("change", function () {
+                               $('.typo3-extension-manager').mask();
+                       });
+               }
+
                $('.dataTables_wrapper .dataTables_filter input').clearable({
                        onClear: function() {
                                datatable.fnFilter('');