[TASK] Show modal before re-import of static data

Extensions can provide static data using the file
"ext_tables_static+adt.sql".
If this file exists, a button is automatically created
in the Extension Manager.
As soon as you click the button, the static SQL data
will be imported. Existing data will be dropped.

A new modal now warns the user before executing the file,
with buttons to start or abort the task.

Resolves: #100118
Releases: main, 12.4
Change-Id: Ie33a89d6957428f390edeaa2700639bc13ac8b7d
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/80362
Tested-by: core-ci <typo3@b13.com>
Tested-by: Andreas Fernandez <a.fernandez@scripting-base.de>
Reviewed-by: Andreas Fernandez <a.fernandez@scripting-base.de>

Build/Sources/TypeScript/extensionmanager/main.ts

@@ -93,6 +93,34 @@ class ExtensionManager {
             ],
           );
         }).delegateTo(extensionList, '.removeExtension');
+
+        new RegularEvent('click', (e: Event, target: HTMLAnchorElement): void => {
+          e.preventDefault();
+
+          Modal.confirm(
+            TYPO3.lang['extensionList.databaseReload.title'],
+            TYPO3.lang['extensionList.databaseReload.message'],
+            Severity.warning,
+            [
+              {
+                text: TYPO3.lang['button.cancel'],
+                active: true,
+                btnClass: 'btn-default',
+                trigger: (): void => {
+                  Modal.dismiss();
+                },
+              }, {
+                text: TYPO3.lang['button.reimport'],
+                btnClass: 'btn-warning',
+                trigger: (): void => {
+                  window.location.href = target.href;
+                  Modal.dismiss();
+                },
+              },
+            ],
+          );
+        }).delegateTo(extensionList, '.reloadSqlData');
+
       }
       $(document).on('click', '.onClickMaskExtensionManager', (): void => {
         NProgress.start();

typo3/sysext/extensionmanager/Resources/Private/Language/locallang.xlf

@@ -42,6 +42,9 @@
 			<trans-unit id="button.remove" resname="button.remove">
 				<source>Remove extension</source>
 			</trans-unit>
+			<trans-unit id="button.reimport" resname="button.reimport">
+				<source>Re-import data</source>
+			</trans-unit>
 			<trans-unit id="button.updateExtension" resname="button.updateExtension">
 				<source>Update extension</source>
 			</trans-unit>
@@ -230,6 +233,12 @@
 			<trans-unit id="extensionList.databaseReload" resname="extensionList.databaseReload">
 				<source>Nothing has changed since last import. You might want to reload static database data.</source>
 			</trans-unit>
+			<trans-unit id="extensionList.databaseReload.title" resname="extensionList.databaseReload.title">
+				<source>Re-import of static database data</source>
+			</trans-unit>
+			<trans-unit id="extensionList.databaseReload.message" resname="extensionList.databaseReload.message">
+				<source>This re-import will overwrite any existing static data in the database.</source>
+			</trans-unit>
 			<trans-unit id="extensionList.updateConfirmation.questionVersionComments" resname="extensionList.updateConfirmation.questionVersionComments">
 				<source>Version Comments</source>
 			</trans-unit>

typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html

@@ -145,7 +145,7 @@ <h1><f:translate key="installedExtensions" /></h1>
                                         <core:icon identifier="actions-system-extension-download" />
                                     </f:link.action>
                                 </f:if>
-                                <em:reloadSqlData class="btn btn-default" extension="{extension}" />
+                                <em:reloadSqlData class="reloadSqlData btn btn-default" extension="{extension}" />
                                 <f:if condition="{extension.terObject.documentationLink}">
                                     <f:then>
                                         <a href="{extension.terObject.documentationLink}" target="_blank" rel="noopener noreferrer" class="btn btn-default">