typo3-typescript-sources 13.4.20

package/install/module/maintenance/clear-tables.ts

@@ -0,0 +1,134 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import Router from '../../router';
+import type MessageInterface from '@typo3/install/message-interface';
+import RegularEvent from '@typo3/core/event/regular-event';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+
+type DatabaseTableListResponse = ModuleLoadedResponseWithButtons & {
+  stats: {
+    description: string,
+    name: string,
+    rowCount: number,
+  }[]
+};
+
+type DatabaseTableClearedResponse = {
+  status: MessageInterface[],
+  success: boolean
+};
+
+enum Identifiers {
+  clearTrigger = '.t3js-clearTables-clear',
+  statsTrigger = '.t3js-clearTables-stats',
+  statContainer = '.t3js-clearTables-stat-container',
+  statTemplate = '#t3js-clearTables-stat-template',
+  statDescription = '.t3js-clearTables-stat-description',
+  statRows = '.t3js-clearTables-stat-rows',
+  statName = '.t3js-clearTables-stat-name'
+}
+
+/**
+ * Module: @typo3/install/module/clear-tables
+ */
+class ClearTables extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.getStats();
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      currentModal.querySelector(Identifiers.statContainer).innerHTML = '';
+      this.getStats();
+    }).delegateTo(currentModal, Identifiers.statsTrigger);
+
+    new RegularEvent('click', (event: Event, trigger: HTMLElement): void => {
+      const table = trigger.closest<HTMLElement>(Identifiers.clearTrigger).dataset.table;
+      event.preventDefault();
+      this.clear(table);
+    }).delegateTo(currentModal, Identifiers.clearTrigger);
+  }
+
+  private getStats(): void {
+    this.setModalButtonsState(false);
+
+    const modalContent: HTMLElement = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('clearTablesStats')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: DatabaseTableListResponse = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+            Modal.setButtons(data.buttons);
+            if (Array.isArray(data.stats) && data.stats.length > 0) {
+              data.stats.forEach((element: any): void => {
+                if (element.rowCount > 0) {
+                  const aStat = (modalContent.querySelector(Identifiers.statTemplate) as HTMLTemplateElement).content.cloneNode(true) as HTMLElement;
+                  aStat.querySelector<HTMLElement>(Identifiers.statDescription).innerText = element.description;
+                  aStat.querySelector<HTMLElement>(Identifiers.statName).innerText = element.name;
+                  aStat.querySelector<HTMLElement>(Identifiers.statRows).innerText = element.rowCount;
+                  aStat.querySelector<HTMLElement>(Identifiers.clearTrigger).setAttribute('data-table', element.name);
+                  modalContent.querySelector(Identifiers.statContainer).append(aStat);
+                }
+              });
+            }
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      ).finally((): void => {
+        this.setModalButtonsState(true);
+      });
+  }
+
+  private clear(table: string): void {
+    const modalContent = this.getModalBody();
+    const executeToken = this.getModuleContent().dataset.clearTablesClearToken;
+    (new AjaxRequest(Router.getUrl()))
+      .post({
+        install: {
+          action: 'clearTablesClear',
+          token: executeToken,
+          table: table,
+        },
+      })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: DatabaseTableClearedResponse = await response.resolve();
+          if (data.success === true && Array.isArray(data.status)) {
+            data.status.forEach((element: MessageInterface): void => {
+              Notification.success(element.title, element.message);
+            });
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+          this.getStats();
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      );
+  }
+}
+
+export default new ClearTables();

package/install/module/maintenance/clear-typo3temp-files.ts

@@ -0,0 +1,137 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import Router from '../../router';
+import type MessageInterface from '@typo3/install/message-interface';
+import RegularEvent from '@typo3/core/event/regular-event';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+
+type TemporaryAssetsListResponse = ModuleLoadedResponseWithButtons & {
+  stats: {
+    description: string,
+    name: string,
+    rowCount: number,
+  }[]
+};
+
+type TemporaryAssetsClearedResponse = {
+  status: MessageInterface[],
+  success: boolean
+};
+
+enum Identifiers {
+  deleteTrigger = '.t3js-clearTypo3temp-delete',
+  statContainer = '.t3js-clearTypo3temp-stat-container',
+  statsTrigger = '.t3js-clearTypo3temp-stats',
+  statTemplate = '#t3js-clearTypo3temp-stat-template',
+  statNumberOfFiles = '.t3js-clearTypo3temp-stat-numberOfFiles',
+  statDirectory = '.t3js-clearTypo3temp-stat-directory'
+}
+
+/**
+ * Module: @typo3/install/module/clear-typo3temp-files
+ */
+class ClearTypo3tempFiles extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.getStats();
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      currentModal.querySelector(Identifiers.statContainer).innerHTML = '';
+      this.getStats();
+    }).delegateTo(currentModal, Identifiers.statsTrigger);
+
+    new RegularEvent('click', (event: Event, trigger: HTMLElement): void => {
+      event.preventDefault();
+      const folder = trigger.dataset.folder;
+      const storageUid = trigger.dataset.storageUid !== undefined ? parseInt(trigger.dataset.storageUid, 10) : undefined;
+      this.delete(folder, storageUid);
+    }).delegateTo(currentModal, Identifiers.deleteTrigger);
+  }
+
+  private getStats(): void {
+    this.setModalButtonsState(false);
+
+    const modalContent = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('clearTypo3tempFilesStats')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: TemporaryAssetsListResponse = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+            Modal.setButtons(data.buttons);
+            if (Array.isArray(data.stats) && data.stats.length > 0) {
+              data.stats.forEach((element: any): void => {
+                if (element.numberOfFiles > 0) {
+                  const aStat = (modalContent.querySelector(Identifiers.statTemplate) as HTMLTemplateElement).content.cloneNode(true) as HTMLElement;
+                  aStat.querySelector<HTMLElement>(Identifiers.statNumberOfFiles).innerText = (element.numberOfFiles);
+                  aStat.querySelector<HTMLElement>(Identifiers.statDirectory).innerText = (element.directory);
+                  aStat.querySelector<HTMLElement>(Identifiers.deleteTrigger).setAttribute('data-folder', element.directory);
+                  if (element.storageUid !== undefined) {
+                    aStat.querySelector<HTMLElement>(Identifiers.deleteTrigger).setAttribute('data-storage-uid', element.storageUid);
+                  }
+                  modalContent.querySelector(Identifiers.statContainer).append(aStat);
+                }
+              });
+            }
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      ).finally((): void => {
+        this.setModalButtonsState(true);
+      });
+  }
+
+  private delete(folder: string, storageUid: number|undefined): void {
+    const modalContent = this.getModalBody();
+    const executeToken = this.getModuleContent().dataset.clearTypo3tempDeleteToken;
+    (new AjaxRequest(Router.getUrl()))
+      .post({
+        install: {
+          action: 'clearTypo3tempFiles',
+          token: executeToken,
+          folder: folder,
+          storageUid: storageUid,
+        },
+      })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: TemporaryAssetsClearedResponse = await response.resolve();
+          if (data.success === true && Array.isArray(data.status)) {
+            data.status.forEach((element: MessageInterface): void => {
+              Notification.success(element.title, element.message);
+            });
+            this.getStats();
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      );
+  }
+}
+
+export default new ClearTypo3tempFiles();

package/install/module/maintenance/create-admin.ts

@@ -0,0 +1,126 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import Router from '../../router';
+import PasswordStrength from '../password-strength';
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import type MessageInterface from '@typo3/install/message-interface';
+import RegularEvent from '@typo3/core/event/regular-event';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+
+enum Identifiers {
+  adminCreateButton = '.t3js-createAdmin-create',
+  adminUserInput = '.t3js-createAdmin-user',
+  adminRealNameInput = '.t3js-createAdmin-realname',
+  adminPasswordInput = '.t3js-createAdmin-password',
+  adminPasswordCheckInput = '.t3js-createAdmin-password-check',
+  adminEmailInput = '.t3js-createAdmin-email',
+  adminSysMaintainterInput = '.t3js-createAdmin-system-maintainer'
+}
+
+type BackendUserCreatedResponse = {
+  status: MessageInterface[],
+  success: boolean,
+  userCreated: boolean,
+};
+
+/**
+ * Module: @typo3/install/module/create-admin
+ */
+class CreateAdmin extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.getData();
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      this.create();
+    }).delegateTo(currentModal, Identifiers.adminCreateButton);
+  }
+
+  private getData(): void {
+    const modalContent = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('createAdminGetData')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: ModuleLoadedResponseWithButtons = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+
+            PasswordStrength.initialize(modalContent.querySelector('.t3-install-form-password-strength'));
+            Modal.setButtons(data.buttons);
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        },
+      );
+  }
+
+  private create(): void {
+    this.setModalButtonsState(false);
+
+    const modalContent = this.getModalBody();
+    const executeToken = this.getModuleContent().dataset.createAdminToken;
+    const payload = {
+      install: {
+        action: 'createAdmin',
+        token: executeToken,
+        userName: (this.findInModal(Identifiers.adminUserInput) as HTMLInputElement).value,
+        userPassword: (this.findInModal(Identifiers.adminPasswordInput) as HTMLInputElement).value,
+        userPasswordCheck: (this.findInModal(Identifiers.adminPasswordCheckInput) as HTMLInputElement).value,
+        userEmail: (this.findInModal(Identifiers.adminEmailInput) as HTMLInputElement).value,
+        realName: (this.findInModal(Identifiers.adminRealNameInput) as HTMLInputElement).value,
+        userSystemMaintainer: (this.findInModal(Identifiers.adminSysMaintainterInput) as HTMLInputElement).checked ? 1 : 0,
+      },
+    };
+    this.getModuleContent().querySelectorAll('input').forEach((input: HTMLInputElement): void => {
+      input.disabled = true;
+    });
+
+    (new AjaxRequest(Router.getUrl())).post(payload).then(async (response: AjaxResponse): Promise<void> => {
+      const data: BackendUserCreatedResponse = await response.resolve();
+      if (data.success === true && Array.isArray(data.status)) {
+        data.status.forEach((element: MessageInterface): void => {
+          Notification.showMessage(element.title, element.message, element.severity);
+        });
+        if (data.userCreated) {
+          (this.findInModal(Identifiers.adminUserInput) as HTMLInputElement).value = '';
+          (this.findInModal(Identifiers.adminPasswordInput) as HTMLInputElement).value = '';
+          (this.findInModal(Identifiers.adminPasswordCheckInput) as HTMLInputElement).value = '';
+          (this.findInModal(Identifiers.adminEmailInput) as HTMLInputElement).value = '';
+          (this.findInModal(Identifiers.adminSysMaintainterInput) as HTMLInputElement).checked = false;
+        }
+      } else {
+        Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+      }
+    }, (error: AjaxResponse): void => {
+      Router.handleAjaxError(error, modalContent);
+    }).finally((): void => {
+      this.setModalButtonsState(true);
+
+      this.getModuleContent().querySelectorAll('input').forEach((input: HTMLInputElement): void => {
+        input.disabled = false;
+      });
+    });
+  }
+}
+
+export default new CreateAdmin();

package/install/module/maintenance/database-analyzer.ts

@@ -0,0 +1,266 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import { InfoBox } from '../../renderable/info-box';
+import Severity from '../../renderable/severity';
+import Router from '../../router';
+import RegularEvent from '@typo3/core/event/regular-event';
+import SecurityUtility from '@typo3/core/security-utility';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type MessageInterface from '@typo3/install/message-interface';
+import type { ModalElement } from '@typo3/backend/modal';
+
+enum Identifiers {
+  analyzeTrigger = '.t3js-databaseAnalyzer-analyze',
+  executeTrigger = '.t3js-databaseAnalyzer-execute',
+  outputContainer = '.t3js-databaseAnalyzer-output',
+  notificationContainer = '.t3js-databaseAnalyzer-notification',
+  suggestionBlock = '#t3js-databaseAnalyzer-suggestion-block',
+  suggestionBlockCheckbox = '.t3js-databaseAnalyzer-suggestion-block-checkbox',
+  suggestionBlockLegend = '.t3js-databaseAnalyzer-suggestion-block-legend',
+  suggestionBlockLabel = '.t3js-databaseAnalyzer-suggestion-block-label',
+  suggestionList = '.t3js-databaseAnalyzer-suggestion-list',
+  suggestionLineTemplate = '#t3js-databaseAnalyzer-suggestion-line-template',
+  suggestionLineCheckbox = '.t3js-databaseAnalyzer-suggestion-line-checkbox',
+  suggestionLineLabel = '.t3js-databaseAnalyzer-suggestion-line-label',
+  suggestionLineStatement = '.t3js-databaseAnalyzer-suggestion-line-statement',
+  suggestionLineCurrent = '.t3js-databaseAnalyzer-suggestion-line-current',
+  suggestionLineCurrentValue = '.t3js-databaseAnalyzer-suggestion-line-current-value',
+  suggestionLineCount = '.t3js-databaseAnalyzer-suggestion-line-count',
+  suggestionLineCountValue = '.t3js-databaseAnalyzer-suggestion-line-count-value'
+}
+
+type SuggestionsResponse = {
+  status: MessageInterface[],
+  success: boolean,
+  suggestions: {
+    children: {
+      hash: string,
+      statement: string,
+    }[],
+    enabled: boolean,
+    key: string,
+    label: string,
+  }[]
+};
+
+type SuggestionsExecutedResponse = {
+  status: MessageInterface[],
+  success: boolean,
+};
+
+/**
+ * Module: @typo3/install/module/database-analyzer
+ */
+class DatabaseAnalyzer extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.loadModuleFrameAgnostic('@typo3/install/renderable/info-box.js').then((): void => {
+      this.getData();
+    });
+
+    // Select / deselect all checkboxes
+    new RegularEvent('click', (event: Event, element: HTMLInputElement): void => {
+      element.closest('fieldset').querySelectorAll('input[type="checkbox"]').forEach((checkbox: HTMLInputElement): void => {
+        checkbox.checked = element.checked;
+      });
+    }).delegateTo(currentModal, Identifiers.suggestionBlockCheckbox);
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      this.clearNotifications();
+      this.analyze();
+    }).delegateTo(currentModal, Identifiers.analyzeTrigger);
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      this.clearNotifications();
+      this.execute();
+    }).delegateTo(currentModal, Identifiers.executeTrigger);
+  }
+
+  private getData(): void {
+    const modalContent = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('databaseAnalyzer')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: ModuleLoadedResponseWithButtons = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+            Modal.setButtons(data.buttons);
+            this.analyze();
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      );
+  }
+
+  private analyze(): void {
+    this.setModalButtonsState(false);
+
+    const modalContent = this.getModalBody();
+    const outputContainer = modalContent.querySelector<HTMLElement>(Identifiers.outputContainer);
+    const progressBar = this.renderProgressBar(outputContainer, {
+      label: 'Analyzing current database schema...'
+    });
+    new RegularEvent('change', (): void => {
+      const hasCheckedCheckboxes = outputContainer.querySelectorAll(':checked').length > 0;
+      this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.executeTrigger), hasCheckedCheckboxes);
+    }).delegateTo(outputContainer, 'input[type="checkbox"]');
+
+    (new AjaxRequest(Router.getUrl('databaseAnalyzerAnalyze')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: SuggestionsResponse = await response.resolve();
+          if (data.success === true) {
+            if (Array.isArray(data.status)) {
+              progressBar.remove();
+              data.status.forEach((element: MessageInterface): void => {
+                outputContainer.append(InfoBox.create(element.severity, element.title, element.message));
+              });
+            }
+            if (Array.isArray(data.suggestions)) {
+              data.suggestions.forEach((element: any): void => {
+                const aBlock = (modalContent.querySelector(Identifiers.suggestionBlock) as HTMLTemplateElement).content.cloneNode(true) as HTMLElement;
+                const key = element.key;
+                aBlock.querySelector<HTMLElement>(Identifiers.suggestionBlockLegend).innerText = element.label;
+                aBlock.querySelector<HTMLElement>(Identifiers.suggestionBlockCheckbox).setAttribute('id', 't3-install-' + key + '-checkbox');
+                if (element.enabled) {
+                  aBlock.querySelector<HTMLElement>(Identifiers.suggestionBlockCheckbox).setAttribute('checked', 'checked');
+                }
+                aBlock.querySelector<HTMLElement>(Identifiers.suggestionBlockLabel).setAttribute('for', 't3-install-' + key + '-checkbox');
+                element.children.forEach((line: any): void => {
+                  const aLine = (modalContent.querySelector(Identifiers.suggestionLineTemplate) as HTMLTemplateElement).content.cloneNode(true) as HTMLElement;
+                  const hash = line.hash;
+                  const checkbox = aLine.querySelector<HTMLInputElement>(Identifiers.suggestionLineCheckbox);
+                  checkbox.setAttribute('id', 't3-install-db-' + hash);
+                  checkbox.setAttribute('data-hash', hash);
+                  if (element.enabled) {
+                    checkbox.setAttribute('checked', 'checked');
+                  }
+                  aLine.querySelector(Identifiers.suggestionLineLabel).setAttribute('for', 't3-install-db-' + hash);
+                  aLine.querySelector<HTMLElement>(Identifiers.suggestionLineStatement).innerText = line.statement;
+                  if (typeof line.current !== 'undefined') {
+                    aLine.querySelector<HTMLElement>(Identifiers.suggestionLineCurrentValue).innerText = line.current;
+                    aLine.querySelector<HTMLElement>(Identifiers.suggestionLineCurrent).style.display = 'inline';
+                  }
+                  if (typeof line.rowCount !== 'undefined') {
+                    aLine.querySelector<HTMLElement>(Identifiers.suggestionLineCountValue).innerText = line.rowCount;
+                    aLine.querySelector<HTMLElement>(Identifiers.suggestionLineCount).style.display = 'inline';
+                  }
+                  aBlock.querySelector<HTMLElement>(Identifiers.suggestionList).append(aLine);
+                });
+                outputContainer.append(aBlock);
+              });
+
+              this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.analyzeTrigger), true);
+              this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.executeTrigger), outputContainer.querySelectorAll(':checked').length > 0);
+            }
+            if (data.suggestions.length === 0 && data.status.length === 0) {
+              outputContainer.append(InfoBox.create(Severity.ok, 'Database schema is up to date. Good job!'));
+            }
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+            this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.analyzeTrigger), true);
+            this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.executeTrigger), false);
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+          this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.analyzeTrigger), true);
+          this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.executeTrigger), false);
+        }
+      );
+  }
+
+  private execute(): void {
+    this.setModalButtonsState(false);
+
+    const modalContent = this.getModalBody();
+    const executeToken = this.getModuleContent().dataset.databaseAnalyzerExecuteToken;
+    const outputContainer: HTMLElement = modalContent.querySelector(Identifiers.outputContainer);
+    const notificationContainer: HTMLElement = modalContent.querySelector(Identifiers.notificationContainer);
+
+    const selectedHashes: string[] = [];
+    outputContainer.querySelectorAll('.t3js-databaseAnalyzer-suggestion-line input:checked').forEach((element: HTMLElement): void => {
+      selectedHashes.push(element.dataset.hash);
+    });
+    this.renderProgressBar(outputContainer, {
+      label: 'Executing database updates...'
+    });
+    (new AjaxRequest(Router.getUrl()))
+      .post({
+        install: {
+          action: 'databaseAnalyzerExecute',
+          token: executeToken,
+          hashes: selectedHashes,
+        },
+      }).then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: SuggestionsExecutedResponse = await response.resolve();
+          if (Array.isArray(data.status)) {
+            let groupedErrors: string = '';
+            data.status.forEach((element: MessageInterface): void => {
+              if(element.severity === Severity.error) {
+                const securityUtility = new SecurityUtility();
+                groupedErrors += '<li>' + securityUtility.encodeHtml(element.message) + '</li>';
+              } else {
+                Notification.showMessage(element.title, element.message, element.severity);
+              }
+            });
+
+            if(groupedErrors !== '') {
+              notificationContainer.innerHTML = `<div class="alert alert-danger">
+                <div class="alert-inner">
+                  <div class="alert-icon">
+                      <span class="icon-emphasized">
+                          <typo3-backend-icon identifier="actions-close" size="small"></typo3-backend-icon>
+                      </span>
+                  </div>
+                  <div class="alert-content">
+                      <div class="alert-title">Database update failed</div>
+                      <div class="alert-message">
+                        <ul>${groupedErrors}</ul>
+                      </div>
+                  </div>
+                </div>
+              </div>`;
+            }
+          }
+          this.analyze();
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      ).finally((): void => {
+        this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.analyzeTrigger), true);
+        this.setModalButtonState(this.getModalFooter().querySelector<HTMLButtonElement>(Identifiers.executeTrigger), false);
+      });
+  }
+
+  private clearNotifications() {
+    this.currentModal.querySelector(Identifiers.notificationContainer).replaceChildren('');
+  }
+}
+
+export default new DatabaseAnalyzer();