!!! Rocket is now in the drop down menu

Due to toolbar markup changes in v13.4.9

Author: Christoph Lehmann

Resources/Public/JavaScript/PageTreeFilter.js

@@ -3,26 +3,21 @@ class PageTreeFilter
     selectorSearchInput = '#typo3-pagetree .search-input';
     selectorPagetreeComponent = '#typo3-pagetree-tree';
     selectorPagetreeReady = '#typo3-pagetree-tree .node';
-    selectorToolbarReady = '#typo3-pagetree .tree-toolbar__menu';
+    selectorToolbarReady = 'typo3-backend-navigation-component-pagetree-toolbar .tree-toolbar__submenu ul.dropdown-menu';
     urlParameter = 'tx_pagetreefilter[filter]';
 
     constructor()
     {
         this.waitForElement(this.selectorToolbarReady).then((element) => {
             if (!element.dataset.pageTreeFilterLoaded) {
                 element.dataset.pageTreeFilterLoaded = true;
-                TYPO3.Icons.getIcon('actions-rocket', 'small').then((icon) => {
-                    element.insertAdjacentHTML('beforeend',
-                        '<button id="pagetreefilter" class="btn btn-default btn-borderless btn-sm" title="' + TYPO3.lang.pagetreefilter_button_title + '">' +
-                        '<span class="icon icon-size-small icon-state-default">' +
-                        '<span class="icon-markup">' + icon + '</span>' +
-                        '</span>' +
-                        '</button>'
-                    );
-                    document.querySelector('#pagetreefilter').onclick = () => {
-                        this.openWizard();
-                    }
-                });
+                element.insertAdjacentHTML(
+                    'afterbegin',
+                    '<li><button id="pagetreefilter" class="dropdown-item"><span class="dropdown-item-columns"> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true"><typo3-backend-icon identifier="actions-rocket" size="small"></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">' + TYPO3.lang.pagetreefilter_button_title + ' </span> </span></button></li>'
+                );
+                document.querySelector('#pagetreefilter').onclick = () => {
+                    this.openWizard();
+                }
 
                 const urlParams = new URLSearchParams(window.location.search)
                 if (urlParams.has(this.urlParameter)) {

composer.json

@@ -12,7 +12,7 @@
         }
     ],
     "require": {
-        "typo3/cms-backend": "^13.4 || dev-main"
+        "typo3/cms-backend": "^13.4.9 || dev-main"
     },
     "autoload": {
         "psr-4": {

ext_emconf.php

@@ -8,10 +8,10 @@
     'author' => 'Christoph Lehmann',
     'author_email' => '[email protected]',
     'author_company' => '',
-    'version' => '3.0.0',
+    'version' => '3.1.0',
     'constraints' => [
         'depends' => [
-            'typo3' => '13.4.0-13.4.99'
+            'typo3' => '13.4.9-13.4.99'
         ],
         'conflicts' => [],
         'suggests' => [],