[BUGFIX] Allow to abort a selected upgrade wizard before execution

An administrator is now able to abort the confirmation of an selected
upgrade wizard without the need to close and re-open the modal.

Resolves: #94515
Releases: master, 10.4
Change-Id: I0c7d63a13a4f0f63844ee28be09dec203dd9c5ac
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/69768


Tested-by: core-ci <typo3@b13.com>
Tested-by: Benni Mack <benni@typo3.org>
Tested-by: Frank Nägler <frank.naegler@typo3.com>
Tested-by: Andreas Fernandez <a.fernandez@scripting-base.de>
Reviewed-by: Benni Mack <benni@typo3.org>
Reviewed-by: Frank Nägler <frank.naegler@typo3.com>
Reviewed-by: Andreas Fernandez <a.fernandez@scripting-base.de>

Build/Sources/TypeScript/install/Resources/Public/TypeScript/Module/Upgrade/UpgradeWizards.ts

@@ -50,6 +50,7 @@ class UpgradeWizards extends AbstractInteractableModule {
   private selectorWizardsInputTitle: string = '.t3js-upgradeWizards-input-title';
   private selectorWizardsInputHtml: string = '.t3js-upgradeWizards-input-html';
   private selectorWizardsInputPerform: string = '.t3js-upgradeWizards-input-perform';
+  private selectorWizardsInputAbort: string = '.t3js-upgradeWizards-input-abort';
   private securityUtility: SecurityUtility;
 
   private static removeLoadingMessage($container: JQuery): void {
@@ -96,6 +97,12 @@ class UpgradeWizards extends AbstractInteractableModule {
     currentModal.on('click', this.selectorWizardsInputPerform, (e: JQueryEventObject): void => {
       this.wizardExecute((<HTMLElement>e.target).dataset.identifier, (<HTMLElement>e.target).dataset.title);
     });
+
+    // Abort upgrade wizard
+    currentModal.on('click', this.selectorWizardsInputAbort, (e: JQueryEventObject): void => {
+      this.findInModal(this.selectorOutputWizardsContainer).empty();
+      this.wizardsList();
+    });
   }
 
   private getData(): Promise<any> {

typo3/sysext/install/Resources/Private/Templates/Upgrade/UpgradeWizards.html

@@ -65,6 +65,9 @@
             <button class="btn btn-warning t3js-upgradeWizards-input-perform" type="button">
                 Perform updates!
             </button>
+            <button class="btn btn-default t3js-upgradeWizards-input-abort" type="button">
+                Abort
+            </button>
         </form>
     </div>