[BUGFIX] Show loading spinner when Updating TER list on search module 64/31864/2
authorSascha Egerer <sascha.egerer@dkd.de>
Sat, 26 Jul 2014 13:02:27 +0000 (15:02 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sun, 27 Jul 2014 11:00:14 +0000 (13:00 +0200)
When you search for an extension in the Extension manager and then click
on the "Update Now" button to load the newest list from the TER, the
spinner was not displayed.

Also fixed some invalid HTML stuff and repositioned the spinner.

Resolves: #60600
Releases: 6.3, 6.2
Change-Id: I670d821248d14c0c1038b5995fc7daef2ead42d8
Reviewed-on: http://review.typo3.org/31864
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
typo3/sysext/extensionmanager/Classes/ViewHelpers/DownloadExtensionViewHelper.php
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html
typo3/sysext/extensionmanager/Resources/Public/Css/main.css
typo3/sysext/extensionmanager/Resources/Public/JavaScript/ter.js
typo3/sysext/extensionmanager/Resources/Public/JavaScript/update.js

index a7a8000..9e74b37 100644 (file)
@@ -36,7 +36,7 @@ class DownloadExtensionViewHelper extends \TYPO3\CMS\Fluid\ViewHelpers\FormViewH
                $pathSelector = '<ul class="is-hidden">';
                foreach ($installPaths as $installPathType => $installPath) {
                        $pathSelector .= '<li>
                $pathSelector = '<ul class="is-hidden">';
                foreach ($installPaths as $installPathType => $installPath) {
                        $pathSelector .= '<li>
-                               <input type="radio" id="' . htmlspecialchars($extension->getExtensionKey()) . '-downloadPath-' . htmlspecialchars($installPathType) . '" name="' . htmlspecialchars($this->getFieldNamePrefix('downloadPath')) . '[downloadPath]" class="downloadPath" value="' . htmlspecialchars($installPathType) . '"' . ($installPathType == 'Local' ? 'checked="checked"' : '') . '/>
+                               <input type="radio" id="' . htmlspecialchars($extension->getExtensionKey()) . '-downloadPath-' . htmlspecialchars($installPathType) . '" name="' . htmlspecialchars($this->getFieldNamePrefix('downloadPath')) . '[downloadPath]" class="downloadPath" value="' . htmlspecialchars($installPathType) . '"' . ($installPathType == 'Local' ? ' checked="checked"' : '') . '/>
                                <label for="' . htmlspecialchars($extension->getExtensionKey()) . '-downloadPath-' . htmlspecialchars($installPathType) . '">' . htmlspecialchars($installPathType) . '</label>
                        </li>';
                }
                                <label for="' . htmlspecialchars($extension->getExtensionKey()) . '-downloadPath-' . htmlspecialchars($installPathType) . '">' . htmlspecialchars($installPathType) . '</label>
                        </li>';
                }
@@ -48,7 +48,7 @@ class DownloadExtensionViewHelper extends \TYPO3\CMS\Fluid\ViewHelpers\FormViewH
                $uri = $uriBuilder->uriFor($action, array(
                        'extension' => (int)$extension->getUid()
                ), 'Download');
                $uri = $uriBuilder->uriFor($action, array(
                        'extension' => (int)$extension->getUid()
                ), 'Download');
-               $this->tag->addAttribute('href', $uri);
+               $this->tag->addAttribute('data-href', $uri);
 
                // @TODO Clean-up
                $iconClasses = "t3-icon t3-icon-actions t3-icon-system-extension-import";
 
                // @TODO Clean-up
                $iconClasses = "t3-icon t3-icon-actions t3-icon-system-extension-import";
index 5cd7805..ead3438 100644 (file)
@@ -7,9 +7,9 @@
                display: none;
 
                position: absolute;
                display: none;
 
                position: absolute;
-               top: 50%;
+               top: 50px;
                left: 50%;
                left: 50%;
-               margin: -20px 0 0 -150px;
+               margin: 0 0 0 -150px;
 
                a {
                        display: inline-block;
 
                a {
                        display: inline-block;
index 941242b..babad0f 100644 (file)
                        <f:render partial="List/UpdateFromTer" />
                </div>
        </div>
                        <f:render partial="List/UpdateFromTer" />
                </div>
        </div>
-       <f:if condition="{search}">
-               <f:then>
-                       <table id="terSearchTable" class="t3-table typo3-extension-list">
-                               <f:render partial="List/TerTable" arguments="{paginatedExtensions:extensions, availableAndInstalled:availableAndInstalled}" />
-                       </table>
-               </f:then>
-               <f:else>
-                       <div id="terTableWrapper">
+       <div id="terTableWrapper">
+               <f:if condition="{search}">
+                       <f:then>
+                               <table id="terSearchTable" class="t3-table typo3-extension-list">
+                                       <f:render partial="List/TerTable" arguments="{paginatedExtensions:extensions, availableAndInstalled:availableAndInstalled}" />
+                               </table>
+                       </f:then>
+                       <f:else>
                                <f:render partial="List/TerPaginator" arguments="{extensions:extensions, showVersionList:showVersionList,  availableAndInstalled:availableAndInstalled}" />
                                <f:render partial="List/TerPaginator" arguments="{extensions:extensions, showVersionList:showVersionList,  availableAndInstalled:availableAndInstalled}" />
-                               <div class="splash-receivedata x-mask-loading"><div class="spinner"><f:translate key="extensionList.updateFromTer.label"/></div></div>
-                       </div>
-               </f:else>
-       </f:if>
+                       </f:else>
+               </f:if>
+               <div class="splash-receivedata x-mask-loading"><div class="spinner"><f:translate key="extensionList.updateFromTer.label"/></div></div>
+       </div>
 
 </f:section>
\ No newline at end of file
 
 </f:section>
\ No newline at end of file
index f08f83d..fab3266 100644 (file)
@@ -1 +1 @@
-#typo3-extension-main-menu .tabs ul,#typo3-extension-configuration-forms .tabs ul{list-style:none;padding:0;margin-bottom:-1px}#typo3-extension-main-menu .tabs ul:after,#typo3-extension-configuration-forms .tabs ul:after{display:table;content:"";clear:both}#typo3-extension-main-menu .tabs ul>li,#typo3-extension-configuration-forms .tabs ul>li{cursor:pointer}#typo3-extension-main-menu .tabs ul>li.ui-tabs-active a,#typo3-extension-main-menu .tabs ul>li a.current,#typo3-extension-configuration-forms .tabs ul>li.ui-tabs-active a,#typo3-extension-configuration-forms .tabs ul>li a.current{background:white;color:black;border-bottom:0;padding-top:8px;cursor:default}#typo3-extension-main-menu .tabs ul>li a,#typo3-extension-configuration-forms .tabs ul>li a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;height:15px;background:#dadada;padding:7px 15px;margin-top:-1px;margin-right:2px;border:1px solid #adadad;color:#606060;outline:none}#typo3-extension-main-menu .tabs ul>li a:hover,#typo3-extension-configuration-forms .tabs ul>li a:hover{background-color:#eee;border-color:#adadad;color:#606060}.description-horizontal{margin-top:0}.description-horizontal:before,.description-horizontal:after{content:" ";display:table}.description-horizontal:after{clear:both}.description-horizontal dt{font-weight:bold;float:left;width:60px;clear:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-horizontal dd{margin-left:70px}.description-horizontal.description-horizontal-wide dt{width:100px}.description-horizontal.description-horizontal-wide dd{margin-left:110px}.ui-widget-header{background:none;border:none;font-weight:normal}.dataTable{border-right:1px solid #a2aab8;border-bottom:1px solid #a2aab8;border-left:1px solid #a2aab8}.dataTables_info{font-size:10px;color:#444;float:left}.paging_two_button .ui-button{float:left;cursor:pointer}.paging_full_numbers .ui-button{padding:2px 6px;margin:0;cursor:pointer;color:#333 !important}.dataTables_paginate .ui-button{margin-right:-0.1em !important}.paging_full_numbers{float:right}.dataTables_paginate{width:auto}#typo3-extension-configuration-forms{min-width:400px;max-width:900px}#typo3-extension-configuration-forms .category{background-repeat:repeat-x;background-color:#fff;border:1px solid #adadad;padding:15px}#typo3-extension-configuration-forms .group{margin-bottom:30px}#typo3-extension-configuration-forms .group label{display:block;padding-bottom:10px}#typo3-extension-configuration-forms .group input[type=text]{width:300px;}#typo3-extension-configuration-forms #typo3-docheader-row2 .back{float:right}#typo3-extension-configuration-forms input.submit{margin-top:10px}#typo3-extension-configuration-forms .error,#typo3-extension-configuration-forms .invalid{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-box-shadow:0 0 6px #ddd;box-shadow:0 0 6px #ddd;height:15px;background-color:#ff2262;border:1px solid #e1e16d;font-size:11px;color:#000;padding:3px 10px;margin-left:-2px}.t3-table td.alpha{color:#f14400}.t3-table td.beta{color:#f4bd00}.t3-table td.stable{color:#3db900}.t3-table td.experimental{color:#000}.t3-table td.test{color:#000}.t3-table td.obsolete{color:#8c8c8c}.t3-table td.excludeFromUpdates{color:#000}.alpha,.beta,.stable,.experimental,.test,.obsolete,.excludeFromUpdates{font-weight:bold;color:#fff}.alpha{color:#f14400}.beta{color:#f4bd00}.stable{color:#3db900}.experimental{color:#000}.test{color:#000}.obsolete{color:#8c8c8c}.excludeFromUpdates{color:#000}.typo3-extension-list td.icons{width:140px}.typo3-extension-list .icons a{display:none}.typo3-extension-list tr:hover .icons a{display:inline}#typo3-extension-configuration-forms .info{color:#666;font-weight:normal}.typo3-extension-list tr.installed td{background-color:#c8ffaa}.typo3-extension-list tr.available td{background-color:#E1E1aa}.typo3-extension-manager .insecure{color:#ff2262}.typo3-extension-manager .outdated{color:#0c08ff}.typo3-extension-list .inactive{color:#aaa}.headerTooltip,.tooltip{-webkit-box-shadow:2px 2px 11px #666;box-shadow:2px 2px 11px #666;display:none;width:400px;background-color:#ffa;border:1px solid #cc9;padding:3px;font-size:13px;z-index:1000}.headerTooltip{width:150px}p{padding-bottom:20px}.typo3-extensionmanager-headerRowLeft{display:inline-block}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper{display:inline-block;position:relative}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input{height:15px}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear{position:absolute;right:3px;top:4px}.headerRow{overflow:auto;width:100%}.typo3-extensionmanager-headerRowLeft{float:left}.typo3-extensionmanager-headerRowRight{float:right}.ui-toolbar{margin-bottom:5px}.ui-toolbar .dataTables_filter{float:left}.typo3-extension-list th{min-width:53px;cursor:pointer}.typo3-extension-list th .DataTables_sort_icon{display:inline-block;vertical-align:middle;margin-left:5px}.typo3-extension-list th .DataTables_sort_icon.ui-icon-carat-2-n-s{background:none}.typo3-extension-list .ext-icon{max-height:16px;width:auto}.dataTables_info{display:none}.dataTables_paginate{float:left;margin:10px 0 0}.uploadForm{background-color:#ededed;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;padding:12px;margin-bottom:24px}.uploadForm form .control-group{clear:both;margin-bottom:5px}.uploadForm form label{float:left;height:20px;padding:4px 0;line-height:20px;width:90px}.uploadForm form .control{min-height:20px;padding:4px 0;margin-left:110px}#terTableWrapper{position:relative}#terTableWrapper .splash-receivedata{display:none;position:absolute;top:50%;left:50%;margin:-20px 0 0 -150px}#terTableWrapper .splash-receivedata a{display:inline-block;width:200px;vertical-align:top;padding:3px 20px}#terTableWrapper .splash-receivedata.is-shown{display:block}#terTableWrapper .spinner{display:inline-block}#terTableWrapper .ui-icon{width:16px;height:16px;background-image:url("../Images/ui-icons_222222_256x240.png");background-position:-64px -16px}.time-since-last-update{font-weight:bold;padding-right:0.4em;cursor:help}.is-loading{opacity:0}.is-hidden{display:none}.typo3-extension-list .t3-icon,.typo3-extension-list .t3-icon:hover{border:none;background-color:transparent}.typo3-extension-list .author{display:none}.versions-all{display:inline-block;width:20px;text-indent:-200px;overflow:hidden}.currentVersionInfo{padding:0 0 20px 0}.currentVersionInfo td{padding:4px 0}.currentVersionInfo th{font-weight:normal;color:#8c8c8c;padding:4px 20px 4px 0}span.ter-ext-state{padding:0 0 0 5px;font-weight:bold;text-transform:capitalize}span.ter-ext-state-obsolete{color:#8c8c8c;font-weight:normal}span.ter-ext-state-stable{color:#3db900}span.ter-ext-state-beta{color:#f4bd00}span.ter-ext-state-alpha{color:#f14400}#typo3-docbody form.download{margin-bottom:0}.distribution{border:1px solid #d4d4d4;background-color:#fafafa;margin-bottom:20px;margin-left:20px;width:300px;float:left}.distribution:hover{background-color:#f2f2f2}.distribution:hover .distribution-hover{top:0px;opacity:1}.distribution:hover .distribution-more{text-decoration:underline}.distribution-holder{top:0px;bottom:0px;margin-left:-20px}.distribution-holder:before,.distribution-holder:after{content:" ";display:table}.distribution-holder:after{clear:both}.distribution-image{position:relative;width:300px;height:225px;overflow:hidden}.distribution-image img{display:block;height:100%;width:100%}.distribution-hover{background-color:#fafafa;position:absolute;top:100%;left:0px;width:300px;height:225px;overflow:hidden;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.distribution-hover-inner{padding:15px}.distribution-meta{border-top:1px solid #e0e0e0;padding:15px}.distribution-meta .distribution-title{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.distribution-meta .distribution-install{margin-top:0.5em}.distribution-meta .t3-button{margin:0;padding-right:8px}.distribution-meta .distribution-official{border:1px solid #ff8600;background-color:#ff8600;border-radius:2px;display:inline-block;padding:3px 8px;vertical-align:middle;color:#FFFFFF}.distribution-detail-flashmessage{margin-bottom:2.5em}.distribution-detail-flashmessage p{padding-bottom:0}.distribution-detail{min-width:750px}.distribution-detail:before,.distribution-detail:after{content:" ";display:table}.distribution-detail:after{clear:both}.distribution-detail-previewpane{float:left;margin-right:30px}.distribution-detail-preview{display:block;border:1px solid #d4d4d4}.distribution-detail-body{overflow:hidden;zoom:1}.distribution-detail-header{margin-bottom:2.5em}.distribution-detail-header h1{margin-bottom:0.5em}.distribution-detail-header p{padding:0px;max-width:500px;margin-bottom:1.25em}.distribution-detail-summary{margin-top:2.5em;margin-bottom:2.5em}.distribution-installed hr{margin:2.5em 0;border:0;border-top:1px solid #d4d4d4}
+#typo3-extension-main-menu .tabs ul,#typo3-extension-configuration-forms .tabs ul{list-style:none;padding:0;margin-bottom:-1px}#typo3-extension-main-menu .tabs ul:after,#typo3-extension-configuration-forms .tabs ul:after{display:table;content:"";clear:both}#typo3-extension-main-menu .tabs ul>li,#typo3-extension-configuration-forms .tabs ul>li{cursor:pointer}#typo3-extension-main-menu .tabs ul>li.ui-tabs-active a,#typo3-extension-main-menu .tabs ul>li a.current,#typo3-extension-configuration-forms .tabs ul>li.ui-tabs-active a,#typo3-extension-configuration-forms .tabs ul>li a.current{background:white;color:black;border-bottom:0;padding-top:8px;cursor:default}#typo3-extension-main-menu .tabs ul>li a,#typo3-extension-configuration-forms .tabs ul>li a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;height:15px;background:#dadada;padding:7px 15px;margin-top:-1px;margin-right:2px;border:1px solid #adadad;color:#606060;outline:none}#typo3-extension-main-menu .tabs ul>li a:hover,#typo3-extension-configuration-forms .tabs ul>li a:hover{background-color:#eee;border-color:#adadad;color:#606060}.description-horizontal{margin-top:0}.description-horizontal:before,.description-horizontal:after{content:" ";display:table}.description-horizontal:after{clear:both}.description-horizontal dt{font-weight:bold;float:left;width:60px;clear:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-horizontal dd{margin-left:70px}.description-horizontal.description-horizontal-wide dt{width:100px}.description-horizontal.description-horizontal-wide dd{margin-left:110px}.ui-widget-header{background:none;border:none;font-weight:normal}.dataTable{border-right:1px solid #a2aab8;border-bottom:1px solid #a2aab8;border-left:1px solid #a2aab8}.dataTables_info{font-size:10px;color:#444;float:left}.paging_two_button .ui-button{float:left;cursor:pointer}.paging_full_numbers .ui-button{padding:2px 6px;margin:0;cursor:pointer;color:#333 !important}.dataTables_paginate .ui-button{margin-right:-0.1em !important}.paging_full_numbers{float:right}.dataTables_paginate{width:auto}#typo3-extension-configuration-forms{min-width:400px;max-width:900px}#typo3-extension-configuration-forms .category{background-repeat:repeat-x;background-color:#fff;border:1px solid #adadad;padding:15px}#typo3-extension-configuration-forms .group{margin-bottom:30px}#typo3-extension-configuration-forms .group label{display:block;padding-bottom:10px}#typo3-extension-configuration-forms .group input[type=text]{width:300px}#typo3-extension-configuration-forms #typo3-docheader-row2 .back{float:right}#typo3-extension-configuration-forms input.submit{margin-top:10px}#typo3-extension-configuration-forms .error,#typo3-extension-configuration-forms .invalid{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-box-shadow:0 0 6px #ddd;box-shadow:0 0 6px #ddd;height:15px;background-color:#ff2262;border:1px solid #e1e16d;font-size:11px;color:#000;padding:3px 10px;margin-left:-2px}.t3-table td.alpha{color:#f14400}.t3-table td.beta{color:#f4bd00}.t3-table td.stable{color:#3db900}.t3-table td.experimental{color:#000}.t3-table td.test{color:#000}.t3-table td.obsolete{color:#8c8c8c}.t3-table td.excludeFromUpdates{color:#000}.alpha,.beta,.stable,.experimental,.test,.obsolete,.excludeFromUpdates{font-weight:bold;color:#fff}.alpha{color:#f14400}.beta{color:#f4bd00}.stable{color:#3db900}.experimental{color:#000}.test{color:#000}.obsolete{color:#8c8c8c}.excludeFromUpdates{color:#000}.typo3-extension-list td.icons{width:140px}.typo3-extension-list .icons a{display:none}.typo3-extension-list tr:hover .icons a{display:inline}#typo3-extension-configuration-forms .info{color:#666;font-weight:normal}.typo3-extension-list tr.installed td{background-color:#c8ffaa}.typo3-extension-list tr.available td{background-color:#E1E1aa}.typo3-extension-manager .insecure{color:#ff2262}.typo3-extension-manager .outdated{color:#0c08ff}.typo3-extension-list .inactive{color:#aaa}.headerTooltip,.tooltip{-webkit-box-shadow:2px 2px 11px #666;box-shadow:2px 2px 11px #666;display:none;width:400px;background-color:#ffa;border:1px solid #cc9;padding:3px;font-size:13px;z-index:1000}.headerTooltip{width:150px}p{padding-bottom:20px}.typo3-extensionmanager-headerRowLeft{display:inline-block}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper{display:inline-block;position:relative}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input{height:15px}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear{position:absolute;right:3px;top:4px}.headerRow{overflow:auto;width:100%}.typo3-extensionmanager-headerRowLeft{float:left}.typo3-extensionmanager-headerRowRight{float:right}.ui-toolbar{margin-bottom:5px}.ui-toolbar .dataTables_filter{float:left}.typo3-extension-list th{min-width:53px;cursor:pointer}.typo3-extension-list th .DataTables_sort_icon{display:inline-block;vertical-align:middle;margin-left:5px}.typo3-extension-list th .DataTables_sort_icon.ui-icon-carat-2-n-s{background:none}.typo3-extension-list .ext-icon{max-height:16px;width:auto}.dataTables_info{display:none}.dataTables_paginate{float:left;margin:10px 0 0}.uploadForm{background-color:#ededed;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;padding:12px;margin-bottom:24px}.uploadForm form .control-group{clear:both;margin-bottom:5px}.uploadForm form label{float:left;height:20px;padding:4px 0;line-height:20px;width:90px}.uploadForm form .control{min-height:20px;padding:4px 0;margin-left:110px}#terTableWrapper{position:relative}#terTableWrapper .splash-receivedata{display:none;position:absolute;top:50px;left:50%;margin:0 0 0 -150px}#terTableWrapper .splash-receivedata a{display:inline-block;width:200px;vertical-align:top;padding:3px 20px}#terTableWrapper .splash-receivedata.is-shown{display:block}#terTableWrapper .spinner{display:inline-block}#terTableWrapper .ui-icon{width:16px;height:16px;background-image:url("../Images/ui-icons_222222_256x240.png");background-position:-64px -16px}.time-since-last-update{font-weight:bold;padding-right:0.4em;cursor:help}.is-loading{opacity:0}.is-hidden{display:none}.typo3-extension-list .t3-icon,.typo3-extension-list .t3-icon:hover{border:none;background-color:transparent}.typo3-extension-list .author{display:none}.versions-all{display:inline-block;width:20px;text-indent:-200px;overflow:hidden}.currentVersionInfo{padding:0 0 20px 0}.currentVersionInfo td{padding:4px 0}.currentVersionInfo th{font-weight:normal;color:#8c8c8c;padding:4px 20px 4px 0}span.ter-ext-state{padding:0 0 0 5px;font-weight:bold;text-transform:capitalize}span.ter-ext-state-obsolete{color:#8c8c8c;font-weight:normal}span.ter-ext-state-stable{color:#3db900}span.ter-ext-state-beta{color:#f4bd00}span.ter-ext-state-alpha{color:#f14400}#typo3-docbody form.download{margin-bottom:0}.distribution{border:1px solid #d4d4d4;background-color:#fafafa;margin-bottom:20px;margin-left:20px;width:300px;float:left}.distribution:hover{background-color:#f2f2f2}.distribution:hover .distribution-hover{top:0px;opacity:1}.distribution:hover .distribution-more{text-decoration:underline}.distribution-holder{top:0px;bottom:0px;margin-left:-20px}.distribution-holder:before,.distribution-holder:after{content:" ";display:table}.distribution-holder:after{clear:both}.distribution-image{position:relative;width:300px;height:225px;overflow:hidden}.distribution-image img{display:block;height:100%;width:100%}.distribution-hover{background-color:#fafafa;position:absolute;top:100%;left:0px;width:300px;height:225px;overflow:hidden;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.distribution-hover-inner{padding:15px}.distribution-meta{border-top:1px solid #e0e0e0;padding:15px}.distribution-meta .distribution-title{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.distribution-meta .distribution-install{margin-top:0.5em}.distribution-meta .t3-button{margin:0;padding-right:8px}.distribution-meta .distribution-official{border:1px solid #ff8600;background-color:#ff8600;border-radius:2px;display:inline-block;padding:3px 8px;vertical-align:middle;color:#FFFFFF}.distribution-detail-flashmessage{margin-bottom:2.5em}.distribution-detail-flashmessage p{padding-bottom:0}.distribution-detail{min-width:750px}.distribution-detail:before,.distribution-detail:after{content:" ";display:table}.distribution-detail:after{clear:both}.distribution-detail-previewpane{float:left;margin-right:30px}.distribution-detail-preview{display:block;border:1px solid #d4d4d4}.distribution-detail-body{overflow:hidden;zoom:1}.distribution-detail-header{margin-bottom:2.5em}.distribution-detail-header h1{margin-bottom:0.5em}.distribution-detail-header p{padding:0px;max-width:500px;margin-bottom:1.25em}.distribution-detail-summary{margin-top:2.5em;margin-bottom:2.5em}.distribution-installed hr{margin:2.5em 0;border:0;border-top:1px solid #d4d4d4}
index 7ee3901..dbcecfd 100644 (file)
@@ -72,7 +72,7 @@
                installButtons.on('click', function(event) {
                        event.preventDefault();
                        $('.typo3-extension-manager').mask();
                installButtons.on('click', function(event) {
                        event.preventDefault();
                        $('.typo3-extension-manager').mask();
-                       var url = $(event.currentTarget.form).attr('href');
+                       var url = $(event.currentTarget.form).attr('data-href');
                        downloadPath = $(event.currentTarget.form).find('input.downloadPath:checked').val();
                        $.ajax({
                                url: url,
                        downloadPath = $(event.currentTarget.form).find('input.downloadPath:checked').val();
                        $.ajax({
                                url: url,
index 88324d3..dd959b3 100644 (file)
@@ -35,7 +35,7 @@
 
                // Show loaders
                $('.splash-receivedata').addClass('is-shown');
 
                // Show loaders
                $('.splash-receivedata').addClass('is-shown');
-               $('#terTable_wrapper').addClass('is-loading');
+               $('#terTableWrapper .dataTables_wrapper').addClass('is-loading');
                $('#typo3-dblist-pagination').addClass('is-loading');
 
                $.ajax({
                $('#typo3-dblist-pagination').addClass('is-loading');
 
                $.ajax({
@@ -86,7 +86,7 @@
 
                                // Hide loaders
                                $('.splash-receivedata').removeClass('is-shown');
 
                                // Hide loaders
                                $('.splash-receivedata').removeClass('is-shown');
-                               $('#terTable_wrapper').removeClass('is-loading');
+                               $('#terTableWrapper .dataTables_wrapper').removeClass('is-loading');
                                $('#typo3-dblist-pagination').removeClass('is-loading');
 
                                // Show triggers for TER-update
                                $('#typo3-dblist-pagination').removeClass('is-loading');
 
                                // Show triggers for TER-update