diff --git a/Build/Sources/TypeScript/install/module/maintenance/language-packs.ts b/Build/Sources/TypeScript/install/module/maintenance/language-packs.ts
index c3caddcdc8d9..8f60c0b1b5f6 100644
--- a/Build/Sources/TypeScript/install/module/maintenance/language-packs.ts
+++ b/Build/Sources/TypeScript/install/module/maintenance/language-packs.ts
@@ -328,41 +328,49 @@ class LanguagePacks extends AbstractInteractableModule {
     const activateIcon = this.findInModal(this.selectorActivateLanguageIcon).html();
     const deactivateIcon = this.findInModal(this.selectorDeactivateLanguageIcon).html();
     const updateIcon = this.findInModal(this.selectorLanguageUpdateIcon).html();
+    const configurationIsWritable = this.getModuleContent().data('configuration-is-writable');
     const $markupContainer = $('<div>');
 
     const $tbody = $('<tbody>');
     data.languages.forEach((language: any): void => {
+      const availableMatrixActions = [];
       const active = language.active;
+      if (configurationIsWritable) {
+        availableMatrixActions.push($('<a>', {
+          'class': 'btn btn-default t3js-languagePacks-deactivateLanguage',
+          'data-iso': language.iso,
+          'title': 'Deactivate',
+        }).append(deactivateIcon));
+      }
+      availableMatrixActions.push($('<a>', {
+        'class': 'btn btn-default t3js-languagePacks-update',
+        'data-iso': language.iso,
+        'title': 'Download language packs',
+      }).append(updateIcon));
       const $tr = $('<tr>');
       if (active) {
         $tbody.append(
           $tr.append(
             $('<td>').text(' ' + language.name).prepend(
               $('<div />', { class: 'btn-group' }).append(
-                $('<a>', {
-                  'class': 'btn btn-default t3js-languagePacks-deactivateLanguage',
-                  'data-iso': language.iso,
-                  'title': 'Deactivate',
-                }).append(deactivateIcon),
-                $('<a>', {
-                  'class': 'btn btn-default t3js-languagePacks-update',
-                  'data-iso': language.iso,
-                  'title': 'Download language packs',
-                }).append(updateIcon),
+                availableMatrixActions
               ),
             ),
           ),
         );
       } else {
+        if (configurationIsWritable) {
+          availableMatrixActions.push($('<a>', {
+            'class': 'btn btn-default t3js-languagePacks-activateLanguage',
+            'data-iso': language.iso,
+            'title': 'Activate',
+          }).append(activateIcon));
+        }
         $tbody.append(
           $tr.addClass('t3-languagePacks-inactive t3js-languagePacks-inactive').css({ 'display': 'none' }).append(
             $('<td>').text(' ' + language.name).prepend(
               $('<div />', { class: 'btn-group' }).append(
-                $('<a>', {
-                  'class': 'btn btn-default t3js-languagePacks-activateLanguage',
-                  'data-iso': language.iso,
-                  'title': 'Activate',
-                }).append(activateIcon),
+                availableMatrixActions
               ),
             ),
           ),
@@ -376,6 +384,24 @@ class LanguagePacks extends AbstractInteractableModule {
       );
       $tbody.append($tr);
     });
+    const globalActions = [];
+    if (configurationIsWritable) {
+      globalActions.push($('<button>', {
+        'class': 'btn btn-default t3js-languagePacks-addLanguage-toggle',
+        'type': 'button'
+      }).append(
+        $('<span>').append(activateIcon),
+        ' Add language',
+      ));
+    }
+    globalActions.push($('<button>', {
+      'class': 'btn btn-default disabled update-all t3js-languagePacks-update',
+      'type': 'button',
+      'disabled': 'disabled'
+    }).append(
+      $('<span>').append(updateIcon),
+      ' Update all',
+    ));
     $markupContainer.append(
       $('<h3>').text('Active languages'),
       $('<table>', { 'class': 'table table-striped table-bordered' }).append(
@@ -383,17 +409,7 @@ class LanguagePacks extends AbstractInteractableModule {
           $('<tr>').append(
             $('<th>').append(
               $('<div />', { class: 'btn-group' }).append(
-                $('<button>', {
-                  'class': 'btn btn-default t3js-languagePacks-addLanguage-toggle',
-                  'type': 'button'
-                }).append(
-                  $('<span>').append(activateIcon),
-                  ' Add language',
-                ),
-                $('<button>', { 'class': 'btn btn-default disabled update-all t3js-languagePacks-update', 'type': 'button', 'disabled': 'disabled' }).append(
-                  $('<span>').append(updateIcon),
-                  ' Update all',
-                ),
+                globalActions
               ),
             ),
             $('<th>').text('Locale'),
diff --git a/typo3/sysext/install/Classes/Controller/MaintenanceController.php b/typo3/sysext/install/Classes/Controller/MaintenanceController.php
index 0c6a280bbe76..50fe4e841d51 100644
--- a/typo3/sysext/install/Classes/Controller/MaintenanceController.php
+++ b/typo3/sysext/install/Classes/Controller/MaintenanceController.php
@@ -583,7 +583,9 @@ public function languagePacksGetDataAction(ServerRequestInterface $request): Res
     {
         $view = $this->initializeView($request);
         $formProtection = $this->formProtectionFactory->createFromRequest($request);
+        $isWritable = $this->configurationManager->canWriteConfiguration();
         $view->assignMultiple([
+            'isWritable' => $isWritable,
             'languagePacksActivateLanguageToken' => $formProtection->generateToken('installTool', 'languagePacksActivateLanguage'),
             'languagePacksDeactivateLanguageToken' => $formProtection->generateToken('installTool', 'languagePacksDeactivateLanguage'),
             'languagePacksUpdatePackToken' => $formProtection->generateToken('installTool', 'languagePacksUpdatePack'),
@@ -617,40 +619,48 @@ public function languagePacksActivateLanguageAction(ServerRequestInterface $requ
         $availableLanguages = $languagePackService->getAvailableLanguages();
         $activeLanguages = $languagePackService->getActiveLanguages();
         $iso = $request->getParsedBody()['install']['iso'];
-        $activateArray = [];
-        foreach ($availableLanguages as $availableIso => $name) {
-            if ($availableIso === $iso && !in_array($availableIso, $activeLanguages, true)) {
-                $activateArray[] = $iso;
-                $dependencies = $this->locales->getLocaleDependencies($availableIso);
-                if (!empty($dependencies)) {
-                    foreach ($dependencies as $dependency) {
-                        if (!in_array($dependency, $activeLanguages, true)) {
-                            $activateArray[] = $dependency;
+        if (!$this->configurationManager->canWriteConfiguration()) {
+            $messageQueue->enqueue(new FlashMessage(
+                sprintf('The language %s was not activated as the configuration file is not writable.', $availableLanguages[$iso]),
+                'Language not activated',
+                ContextualFeedbackSeverity::ERROR
+            ));
+        } else {
+            $activateArray = [];
+            foreach ($availableLanguages as $availableIso => $name) {
+                if ($availableIso === $iso && !in_array($availableIso, $activeLanguages, true)) {
+                    $activateArray[] = $iso;
+                    $dependencies = $this->locales->getLocaleDependencies($availableIso);
+                    if (!empty($dependencies)) {
+                        foreach ($dependencies as $dependency) {
+                            if (!in_array($dependency, $activeLanguages, true)) {
+                                $activateArray[] = $dependency;
+                            }
                         }
                     }
                 }
             }
-        }
-        if (!empty($activateArray)) {
-            $activeLanguages = array_merge($activeLanguages, $activateArray);
-            sort($activeLanguages);
-            $this->configurationManager->setLocalConfigurationValueByPath(
-                'EXTCONF/lang',
-                ['availableLanguages' => $activeLanguages]
-            );
-            $activationArray = [];
-            foreach ($activateArray as $activateIso) {
-                $activationArray[] = $availableLanguages[$activateIso] . ' (' . $activateIso . ')';
+            if (!empty($activateArray)) {
+                $activeLanguages = array_merge($activeLanguages, $activateArray);
+                sort($activeLanguages);
+                $this->configurationManager->setLocalConfigurationValueByPath(
+                    'EXTCONF/lang',
+                    ['availableLanguages' => $activeLanguages]
+                );
+                $activationArray = [];
+                foreach ($activateArray as $activateIso) {
+                    $activationArray[] = $availableLanguages[$activateIso] . ' (' . $activateIso . ')';
+                }
+                $messageQueue->enqueue(
+                    new FlashMessage(
+                        'These languages have been activated: ' . implode(', ', $activationArray)
+                    )
+                );
+            } else {
+                $messageQueue->enqueue(
+                    new FlashMessage('Language with ISO code "' . $iso . '" not found or already active.', '', ContextualFeedbackSeverity::ERROR)
+                );
             }
-            $messageQueue->enqueue(
-                new FlashMessage(
-                    'These languages have been activated: ' . implode(', ', $activationArray)
-                )
-            );
-        } else {
-            $messageQueue->enqueue(
-                new FlashMessage('Language with ISO code "' . $iso . '" not found or already active.', '', ContextualFeedbackSeverity::ERROR)
-            );
         }
         return new JsonResponse([
             'success' => true,
@@ -670,61 +680,70 @@ public function languagePacksDeactivateLanguageAction(ServerRequestInterface $re
         $availableLanguages = $languagePackService->getAvailableLanguages();
         $activeLanguages = $languagePackService->getActiveLanguages();
         $iso = $request->getParsedBody()['install']['iso'];
-        if (empty($iso)) {
-            throw new \RuntimeException('No iso code given', 1520109807);
-        }
-        $otherActiveLanguageDependencies = [];
-        foreach ($activeLanguages as $activeLanguage) {
-            if ($activeLanguage === $iso) {
-                continue;
-            }
-            $dependencies = $this->locales->getLocaleDependencies($activeLanguage);
-            if (in_array($iso, $dependencies, true)) {
-                $otherActiveLanguageDependencies[] = $activeLanguage;
+
+        if (!$this->configurationManager->canWriteConfiguration()) {
+            $messageQueue->enqueue(new FlashMessage(
+                sprintf('The language %s was not deactivated as the configuration file is not writable.', $availableLanguages[$iso]),
+                'Language not deactivated',
+                ContextualFeedbackSeverity::ERROR
+            ));
+        } else {
+            if (empty($iso)) {
+                throw new \RuntimeException('No iso code given', 1520109807);
             }
-        }
-        if (!empty($otherActiveLanguageDependencies)) {
-            // Error: Must disable dependencies first
-            $dependentArray = [];
-            foreach ($otherActiveLanguageDependencies as $dependency) {
-                $dependentArray[] = $availableLanguages[$dependency] . ' (' . $dependency . ')';
+            $otherActiveLanguageDependencies = [];
+            foreach ($activeLanguages as $activeLanguage) {
+                if ($activeLanguage === $iso) {
+                    continue;
+                }
+                $dependencies = $this->locales->getLocaleDependencies($activeLanguage);
+                if (in_array($iso, $dependencies, true)) {
+                    $otherActiveLanguageDependencies[] = $activeLanguage;
+                }
             }
-            $messageQueue->enqueue(
-                new FlashMessage(
-                    'Language "' . $availableLanguages[$iso] . ' (' . $iso . ')" can not be deactivated. These'
-                    . ' other languages depend on it and need to be deactivated before:'
-                    . implode(', ', $dependentArray),
-                    '',
-                    ContextualFeedbackSeverity::ERROR
-                )
-            );
-        } else {
-            if (in_array($iso, $activeLanguages, true)) {
-                // Deactivate this language
-                $newActiveLanguages = [];
-                foreach ($activeLanguages as $activeLanguage) {
-                    if ($activeLanguage === $iso) {
-                        continue;
-                    }
-                    $newActiveLanguages[] = $activeLanguage;
+            if (!empty($otherActiveLanguageDependencies)) {
+                // Error: Must disable dependencies first
+                $dependentArray = [];
+                foreach ($otherActiveLanguageDependencies as $dependency) {
+                    $dependentArray[] = $availableLanguages[$dependency] . ' (' . $dependency . ')';
                 }
-                $this->configurationManager->setLocalConfigurationValueByPath(
-                    'EXTCONF/lang',
-                    ['availableLanguages' => $newActiveLanguages]
-                );
                 $messageQueue->enqueue(
                     new FlashMessage(
-                        'Language "' . $availableLanguages[$iso] . ' (' . $iso . ')" has been deactivated'
-                    )
-                );
-            } else {
-                $messageQueue->enqueue(
-                    new FlashMessage(
-                        'Language "' . $availableLanguages[$iso] . ' (' . $iso . ')" has not been deactivated',
+                        'Language "' . $availableLanguages[$iso] . ' (' . $iso . ')" can not be deactivated. These'
+                        . ' other languages depend on it and need to be deactivated before:'
+                        . implode(', ', $dependentArray),
                         '',
                         ContextualFeedbackSeverity::ERROR
                     )
                 );
+            } else {
+                if (in_array($iso, $activeLanguages, true)) {
+                    // Deactivate this language
+                    $newActiveLanguages = [];
+                    foreach ($activeLanguages as $activeLanguage) {
+                        if ($activeLanguage === $iso) {
+                            continue;
+                        }
+                        $newActiveLanguages[] = $activeLanguage;
+                    }
+                    $this->configurationManager->setLocalConfigurationValueByPath(
+                        'EXTCONF/lang',
+                        ['availableLanguages' => $newActiveLanguages]
+                    );
+                    $messageQueue->enqueue(
+                        new FlashMessage(
+                            'Language "' . $availableLanguages[$iso] . ' (' . $iso . ')" has been deactivated'
+                        )
+                    );
+                } else {
+                    $messageQueue->enqueue(
+                        new FlashMessage(
+                            'Language "' . $availableLanguages[$iso] . ' (' . $iso . ')" has not been deactivated',
+                            '',
+                            ContextualFeedbackSeverity::ERROR
+                        )
+                    );
+                }
             }
         }
         return new JsonResponse([
diff --git a/typo3/sysext/install/Resources/Private/Partials/Settings/ConfigurationNotWritable.html b/typo3/sysext/install/Resources/Private/Partials/Generic/ConfigurationNotWritable.html
similarity index 100%
rename from typo3/sysext/install/Resources/Private/Partials/Settings/ConfigurationNotWritable.html
rename to typo3/sysext/install/Resources/Private/Partials/Generic/ConfigurationNotWritable.html
diff --git a/typo3/sysext/install/Resources/Private/Templates/Maintenance/LanguagePacks.html b/typo3/sysext/install/Resources/Private/Templates/Maintenance/LanguagePacks.html
index 4ff7d433b720..52d3b115330d 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Maintenance/LanguagePacks.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Maintenance/LanguagePacks.html
@@ -12,11 +12,15 @@
     data-language-packs-deactivate-language-token="{languagePacksDeactivateLanguageToken}"
     data-language-packs-update-pack-token="{languagePacksUpdatePackToken}"
     data-language-packs-update-iso-times-token="{languagePacksUpdateIsoTimesToken}"
+    data-configuration-is-writable="{f:if(condition: isWritable, then: 'true', else: 'false')}"
 >
     <p>
         Gives an overview of available languages excluding the default (English) language.
         It allows you to activate and deactivate additional localizations and to update language packs from the official TYPO3 translation server.
     </p>
+
+    <f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
+
     <div class="t3js-languagePacks-notifications"></div>
     <div class="t3js-languagePacks-output"></div>
     <div class="t3js-languagePacks-mainContent"></div>
diff --git a/typo3/sysext/install/Resources/Private/Templates/Settings/Cards.html b/typo3/sysext/install/Resources/Private/Templates/Settings/Cards.html
index db76e9e9bbac..c0cf930f790c 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Settings/Cards.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Settings/Cards.html
@@ -2,7 +2,7 @@
 
 <h1>Settings</h1>
 
-<f:render partial="Settings/ConfigurationNotWritable" arguments="{_all}"/>
+<f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
 
 <div class="card-container">
     <div class="card card-size-fixed-small">
diff --git a/typo3/sysext/install/Resources/Private/Templates/Settings/ChangeInstallToolPassword.html b/typo3/sysext/install/Resources/Private/Templates/Settings/ChangeInstallToolPassword.html
index a6886aaf88a9..25de300506b4 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Settings/ChangeInstallToolPassword.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Settings/ChangeInstallToolPassword.html
@@ -5,7 +5,7 @@
     and will overwrite the previously specified password.
 </p>
 
-<f:render partial="Settings/ConfigurationNotWritable" arguments="{_all}"/>
+<f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
 
 <div class="t3js-module-content" data-install-tool-token="{changeInstallToolPasswordToken}">
     <form action="" id="t3js-changeInstallToolPassword-form" method="post" spellcheck="false">
diff --git a/typo3/sysext/install/Resources/Private/Templates/Settings/ExtensionConfigurationGetContent.html b/typo3/sysext/install/Resources/Private/Templates/Settings/ExtensionConfigurationGetContent.html
index 311fe968b4b9..0e08af1b5255 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Settings/ExtensionConfigurationGetContent.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Settings/ExtensionConfigurationGetContent.html
@@ -1,7 +1,7 @@
 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
 
 <div class="t3js-module-content" data-extension-configuration-write-token="{extensionConfigurationWriteToken}">
-    <f:render partial="Settings/ConfigurationNotWritable" arguments="{_all}"/>
+    <f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
 
     <div class="t3js-extensionConfiguration-output"></div>
 
diff --git a/typo3/sysext/install/Resources/Private/Templates/Settings/FeaturesGetContent.html b/typo3/sysext/install/Resources/Private/Templates/Settings/FeaturesGetContent.html
index 8e35bbb79ac6..8dc1cfefce57 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Settings/FeaturesGetContent.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Settings/FeaturesGetContent.html
@@ -6,7 +6,7 @@
     can still use the old behaviour.
 </p>
 
-<f:render partial="Settings/ConfigurationNotWritable" arguments="{_all}"/>
+<f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
 
 <p>
     <strong>Available features:</strong>
diff --git a/typo3/sysext/install/Resources/Private/Templates/Settings/LocalConfigurationGetContent.html b/typo3/sysext/install/Resources/Private/Templates/Settings/LocalConfigurationGetContent.html
index 850f9f8a381d..b704a2d3ae43 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Settings/LocalConfigurationGetContent.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Settings/LocalConfigurationGetContent.html
@@ -6,7 +6,7 @@
     The TYPO3 Core does not change the content of this file.
 </p>
 
-<f:render partial="Settings/ConfigurationNotWritable" arguments="{_all}"/>
+<f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
 
 <div class="t3js-module-content" data-local-configuration-write-token="{localConfigurationWriteToken}">
     <div class="form-group">
diff --git a/typo3/sysext/install/Resources/Private/Templates/Settings/PresetsGetContent.html b/typo3/sysext/install/Resources/Private/Templates/Settings/PresetsGetContent.html
index a212d804c3b9..3d9f193e3ee8 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Settings/PresetsGetContent.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Settings/PresetsGetContent.html
@@ -10,7 +10,7 @@
     Changed values are written to system/settings.php. The optional file system/additional.php is not controlled by the TYPO3’s core and may override certain settings. Administrators must maintain system/additional.php manually and should be used with caution.
 </p>
 
-<f:render partial="Settings/ConfigurationNotWritable" arguments="{_all}"/>
+<f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
 
 <div class="t3js-module-content" data-presets-activate-token="{presetsActivateToken}" data-presets-content-token="{presetsGetContentToken}">
     <form method="post">
diff --git a/typo3/sysext/install/Resources/Private/Templates/Settings/SystemMaintainer.html b/typo3/sysext/install/Resources/Private/Templates/Settings/SystemMaintainer.html
index b7c378ea37ec..bb7e1ba8f631 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Settings/SystemMaintainer.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Settings/SystemMaintainer.html
@@ -5,7 +5,7 @@
     backend administrative users have access to this module when the system is running in development mode.
 </p>
 
-<f:render partial="Settings/ConfigurationNotWritable" arguments="{_all}"/>
+<f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>
 
 <f:if condition="{systemMaintainerIsDevelopmentContext}">
     <div class="typo3-message alert alert-info">
diff --git a/typo3/sysext/install/Resources/Public/JavaScript/module/maintenance/language-packs.js b/typo3/sysext/install/Resources/Public/JavaScript/module/maintenance/language-packs.js
index 8d06d2dc1a0c..2a285508e75c 100644
--- a/typo3/sysext/install/Resources/Public/JavaScript/module/maintenance/language-packs.js
+++ b/typo3/sysext/install/Resources/Public/JavaScript/module/maintenance/language-packs.js
@@ -10,4 +10,4 @@
  *
  * The TYPO3 project - inspiring people to share!
  */
-import"bootstrap";import $ from"jquery";import{AbstractInteractableModule}from"@typo3/install/module/abstract-interactable-module.js";import AjaxRequest from"@typo3/core/ajax/ajax-request.js";import SecurityUtility from"@typo3/core/security-utility.js";import FlashMessage from"@typo3/install/renderable/flash-message.js";import InfoBox from"@typo3/install/renderable/info-box.js";import ProgressBar from"@typo3/install/renderable/progress-bar.js";import Severity from"@typo3/install/renderable/severity.js";import Router from"@typo3/install/router.js";class LanguagePacks extends AbstractInteractableModule{constructor(){super(...arguments),this.selectorOutputContainer=".t3js-languagePacks-output",this.selectorContentContainer=".t3js-languagePacks-mainContent",this.selectorActivateLanguage=".t3js-languagePacks-activateLanguage",this.selectorActivateLanguageIcon="#t3js-languagePacks-activate-icon",this.selectorAddLanguageToggle=".t3js-languagePacks-addLanguage-toggle",this.selectorLanguageInactive=".t3js-languagePacks-inactive",this.selectorDeactivateLanguage=".t3js-languagePacks-deactivateLanguage",this.selectorDeactivateLanguageIcon="#t3js-languagePacks-deactivate-icon",this.selectorUpdate=".t3js-languagePacks-update",this.selectorLanguageUpdateIcon="#t3js-languagePacks-languageUpdate-icon",this.selectorNotifications=".t3js-languagePacks-notifications",this.activeLanguages=[],this.activeExtensions=[],this.packsUpdateDetails={toHandle:0,handled:0,updated:0,new:0,failed:0,skipped:0},this.notifications=[]}static pluralize(t,a="pack",e="s",s=0){return 1!==t&&1!==s?a+e:a}initialize(t){this.currentModal=t,this.getData(),t.on("click",this.selectorAddLanguageToggle,(()=>{t.find(this.selectorContentContainer+" "+this.selectorLanguageInactive).toggle()})),t.on("click",this.selectorActivateLanguage,(t=>{const a=$(t.target).closest(this.selectorActivateLanguage).data("iso");t.preventDefault(),this.activateLanguage(a)})),t.on("click",this.selectorDeactivateLanguage,(t=>{const a=$(t.target).closest(this.selectorDeactivateLanguage).data("iso");t.preventDefault(),this.deactivateLanguage(a)})),t.on("click",this.selectorUpdate,(t=>{const a=$(t.target).closest(this.selectorUpdate).data("iso"),e=$(t.target).closest(this.selectorUpdate).data("extension");t.preventDefault(),this.updatePacks(a,e)}))}getData(){const t=this.getModalBody();new AjaxRequest(Router.getUrl("languagePacksGetData")).get({cache:"no-cache"}).then((async a=>{const e=await a.resolve();if(!0===e.success){this.activeLanguages=e.activeLanguages,this.activeExtensions=e.activeExtensions,t.empty().append(e.html);const a=t.parent().find(this.selectorContentContainer);a.empty(),a.append(this.languageMatrixHtml(e)),a.append(this.extensionMatrixHtml(e))}else{const t=InfoBox.render(Severity.error,"Something went wrong","");this.addNotification(t)}this.renderNotifications()}),(a=>{Router.handleAjaxError(a,t)}))}activateLanguage(t){const a=this.getModalBody(),e=this.findInModal(this.selectorOutputContainer),s=ProgressBar.render(Severity.loading,"Loading...","");e.empty().append(s),this.getNotificationBox().empty(),new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksActivateLanguage",token:this.getModuleContent().data("language-packs-activate-language-token"),iso:t}}).then((async t=>{const a=await t.resolve();if(e.empty(),!0===a.success&&Array.isArray(a.status))a.status.forEach((t=>{const a=InfoBox.render(t.severity,t.title,t.message);this.addNotification(a)}));else{const t=FlashMessage.render(Severity.error,"Something went wrong","");this.addNotification(t)}this.getData()}),(t=>{Router.handleAjaxError(t,a)}))}deactivateLanguage(t){const a=this.getModalBody(),e=this.findInModal(this.selectorOutputContainer),s=ProgressBar.render(Severity.loading,"Loading...","");e.empty().append(s),this.getNotificationBox().empty(),new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksDeactivateLanguage",token:this.getModuleContent().data("language-packs-deactivate-language-token"),iso:t}}).then((async t=>{const a=await t.resolve();if(e.empty(),!0===a.success&&Array.isArray(a.status))a.status.forEach((t=>{const a=InfoBox.render(t.severity,t.title,t.message);this.addNotification(a)}));else{const t=FlashMessage.render(Severity.error,"Something went wrong","");this.addNotification(t)}this.getData()}),(t=>{Router.handleAjaxError(t,a)}))}updatePacks(t,a){const e=this.findInModal(this.selectorOutputContainer),s=this.findInModal(this.selectorContentContainer),n=void 0===t?this.activeLanguages:[t];let i=!0,o=this.activeExtensions;void 0!==a&&(o=[a],i=!1),this.packsUpdateDetails={toHandle:n.length*o.length,handled:0,updated:0,new:0,failed:0,skipped:0},e.empty().append($("<div>",{class:"progress"}).append($("<div>",{class:"progress-bar progress-bar-info",role:"progressbar","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,style:"width: 0;"}).append($("<span>",{class:"text-nowrap"}).text("0 of "+this.packsUpdateDetails.toHandle+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.toHandle)+" updated")))),s.empty(),n.forEach((t=>{o.forEach((a=>{this.getNotificationBox().empty(),new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksUpdatePack",token:this.getModuleContent().data("language-packs-update-pack-token"),iso:t,extension:a}}).then((async t=>{const a=await t.resolve();!0===a.success?(this.packsUpdateDetails.handled++,"new"===a.packResult?this.packsUpdateDetails.new++:"update"===a.packResult?this.packsUpdateDetails.updated++:"skipped"===a.packResult?this.packsUpdateDetails.skipped++:this.packsUpdateDetails.failed++,this.packUpdateDone(i,n)):(this.packsUpdateDetails.handled++,this.packsUpdateDetails.failed++,this.packUpdateDone(i,n))}),(()=>{this.packsUpdateDetails.handled++,this.packsUpdateDetails.failed++,this.packUpdateDone(i,n)}))}))}))}packUpdateDone(t,a){const e=this.getModalBody(),s=this.findInModal(this.selectorOutputContainer);if(this.packsUpdateDetails.handled===this.packsUpdateDetails.toHandle){const s=InfoBox.render(Severity.ok,"Language packs updated",this.packsUpdateDetails.new+" new language "+LanguagePacks.pluralize(this.packsUpdateDetails.new)+" downloaded, "+this.packsUpdateDetails.updated+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.updated)+" updated, "+this.packsUpdateDetails.skipped+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.skipped)+" skipped, "+this.packsUpdateDetails.failed+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.failed)+" not available");this.addNotification(s),!0===t?new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksUpdateIsoTimes",token:this.getModuleContent().data("language-packs-update-iso-times-token"),isos:a}}).then((async t=>{if(!0===(await t.resolve()).success)this.getData();else{const t=FlashMessage.render(Severity.error,"Something went wrong","");this.addNotification(t)}}),(t=>{Router.handleAjaxError(t,e)})):this.getData()}else{const t=this.packsUpdateDetails.handled/this.packsUpdateDetails.toHandle*100;s.find(".progress-bar").css("width",t+"%").attr("aria-valuenow",t).find("span").text(this.packsUpdateDetails.handled+" of "+this.packsUpdateDetails.toHandle+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.handled,"pack","s",this.packsUpdateDetails.toHandle)+" updated")}}languageMatrixHtml(t){const a=this.findInModal(this.selectorActivateLanguageIcon).html(),e=this.findInModal(this.selectorDeactivateLanguageIcon).html(),s=this.findInModal(this.selectorLanguageUpdateIcon).html(),n=$("<div>"),i=$("<tbody>");return t.languages.forEach((t=>{const n=t.active,o=$("<tr>");n?i.append(o.append($("<td>").text(" "+t.name).prepend($("<div />",{class:"btn-group"}).append($("<a>",{class:"btn btn-default t3js-languagePacks-deactivateLanguage","data-iso":t.iso,title:"Deactivate"}).append(e),$("<a>",{class:"btn btn-default t3js-languagePacks-update","data-iso":t.iso,title:"Download language packs"}).append(s))))):i.append(o.addClass("t3-languagePacks-inactive t3js-languagePacks-inactive").css({display:"none"}).append($("<td>").text(" "+t.name).prepend($("<div />",{class:"btn-group"}).append($("<a>",{class:"btn btn-default t3js-languagePacks-activateLanguage","data-iso":t.iso,title:"Activate"}).append(a))))),o.append($("<td>").text(t.iso),$("<td>").text(t.dependencies.join(", ")),$("<td>").text(null===t.lastUpdate?"":t.lastUpdate)),i.append(o)})),n.append($("<h3>").text("Active languages"),$("<table>",{class:"table table-striped table-bordered"}).append($("<thead>").append($("<tr>").append($("<th>").append($("<div />",{class:"btn-group"}).append($("<button>",{class:"btn btn-default t3js-languagePacks-addLanguage-toggle",type:"button"}).append($("<span>").append(a)," Add language"),$("<button>",{class:"btn btn-default disabled update-all t3js-languagePacks-update",type:"button",disabled:"disabled"}).append($("<span>").append(s)," Update all"))),$("<th>").text("Locale"),$("<th>").text("Dependencies"),$("<th>").text("Last update"))),i)),Array.isArray(this.activeLanguages)&&this.activeLanguages.length&&n.find(".update-all").removeClass("disabled").removeAttr("disabled"),n.html()}extensionMatrixHtml(t){const a=new SecurityUtility,e=this.findInModal(this.selectorLanguageUpdateIcon).html();let s,n="",i=0;const o=$("<div>"),d=$("<tr>");d.append($("<th>").text("Extension"),$("<th>").text("Key")),t.activeLanguages.forEach((t=>{d.append($("<th>").append($("<a>",{class:"btn btn-default t3js-languagePacks-update","data-iso":t,title:"Download and update all language packs"}).append($("<span>").append(e)," "+t)))}));const l=$("<tbody>");return t.extensions.forEach((o=>{i++,s=void 0!==o.icon?$("<span>").append($("<img>",{style:"max-height: 16px; max-width: 16px;",src:o.icon,alt:o.title}),$("<span>").text(" "+o.title)):$("<span>").text(o.title);const d=$("<tr>");d.append($("<td>").html(s.html()),$("<td>").text(o.key)),t.activeLanguages.forEach((t=>{let s=!1;if(o.packs.forEach((i=>{if(i.iso!==t)return;s=!0;const l=$("<td>");d.append(l),n=!0!==i.exists?null!==i.lastUpdate?"No language pack available for "+i.iso+" when tried at "+i.lastUpdate+". Click to re-try.":"Language pack not downloaded. Click to download":null===i.lastUpdate?"Downloaded. Click to renew":"Language pack downloaded at "+i.lastUpdate+". Click to renew",l.append($("<a>",{class:"btn btn-default t3js-languagePacks-update","data-extension":o.key,"data-iso":i.iso,title:a.encodeHtml(n)}).append(e))})),!s){const t=$("<td>");d.append(t).append("&nbsp;")}})),l.append(d)})),o.append($("<h3>").text("Translation status"),$("<table>",{class:"table table-striped table-bordered"}).append($("<thead>").append(d),l)),0===i?InfoBox.render(Severity.ok,"Language packs have been found for every installed extension.","To download the latest changes, use the refresh button in the list above."):o.html()}getNotificationBox(){return this.findInModal(this.selectorNotifications)}addNotification(t){this.notifications.push(t)}renderNotifications(){const t=this.getNotificationBox();for(const a of this.notifications)t.append(a);this.notifications=[]}}export default new LanguagePacks;
\ No newline at end of file
+import"bootstrap";import $ from"jquery";import{AbstractInteractableModule}from"@typo3/install/module/abstract-interactable-module.js";import AjaxRequest from"@typo3/core/ajax/ajax-request.js";import SecurityUtility from"@typo3/core/security-utility.js";import FlashMessage from"@typo3/install/renderable/flash-message.js";import InfoBox from"@typo3/install/renderable/info-box.js";import ProgressBar from"@typo3/install/renderable/progress-bar.js";import Severity from"@typo3/install/renderable/severity.js";import Router from"@typo3/install/router.js";class LanguagePacks extends AbstractInteractableModule{constructor(){super(...arguments),this.selectorOutputContainer=".t3js-languagePacks-output",this.selectorContentContainer=".t3js-languagePacks-mainContent",this.selectorActivateLanguage=".t3js-languagePacks-activateLanguage",this.selectorActivateLanguageIcon="#t3js-languagePacks-activate-icon",this.selectorAddLanguageToggle=".t3js-languagePacks-addLanguage-toggle",this.selectorLanguageInactive=".t3js-languagePacks-inactive",this.selectorDeactivateLanguage=".t3js-languagePacks-deactivateLanguage",this.selectorDeactivateLanguageIcon="#t3js-languagePacks-deactivate-icon",this.selectorUpdate=".t3js-languagePacks-update",this.selectorLanguageUpdateIcon="#t3js-languagePacks-languageUpdate-icon",this.selectorNotifications=".t3js-languagePacks-notifications",this.activeLanguages=[],this.activeExtensions=[],this.packsUpdateDetails={toHandle:0,handled:0,updated:0,new:0,failed:0,skipped:0},this.notifications=[]}static pluralize(t,a="pack",e="s",s=0){return 1!==t&&1!==s?a+e:a}initialize(t){this.currentModal=t,this.getData(),t.on("click",this.selectorAddLanguageToggle,(()=>{t.find(this.selectorContentContainer+" "+this.selectorLanguageInactive).toggle()})),t.on("click",this.selectorActivateLanguage,(t=>{const a=$(t.target).closest(this.selectorActivateLanguage).data("iso");t.preventDefault(),this.activateLanguage(a)})),t.on("click",this.selectorDeactivateLanguage,(t=>{const a=$(t.target).closest(this.selectorDeactivateLanguage).data("iso");t.preventDefault(),this.deactivateLanguage(a)})),t.on("click",this.selectorUpdate,(t=>{const a=$(t.target).closest(this.selectorUpdate).data("iso"),e=$(t.target).closest(this.selectorUpdate).data("extension");t.preventDefault(),this.updatePacks(a,e)}))}getData(){const t=this.getModalBody();new AjaxRequest(Router.getUrl("languagePacksGetData")).get({cache:"no-cache"}).then((async a=>{const e=await a.resolve();if(!0===e.success){this.activeLanguages=e.activeLanguages,this.activeExtensions=e.activeExtensions,t.empty().append(e.html);const a=t.parent().find(this.selectorContentContainer);a.empty(),a.append(this.languageMatrixHtml(e)),a.append(this.extensionMatrixHtml(e))}else{const t=InfoBox.render(Severity.error,"Something went wrong","");this.addNotification(t)}this.renderNotifications()}),(a=>{Router.handleAjaxError(a,t)}))}activateLanguage(t){const a=this.getModalBody(),e=this.findInModal(this.selectorOutputContainer),s=ProgressBar.render(Severity.loading,"Loading...","");e.empty().append(s),this.getNotificationBox().empty(),new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksActivateLanguage",token:this.getModuleContent().data("language-packs-activate-language-token"),iso:t}}).then((async t=>{const a=await t.resolve();if(e.empty(),!0===a.success&&Array.isArray(a.status))a.status.forEach((t=>{const a=InfoBox.render(t.severity,t.title,t.message);this.addNotification(a)}));else{const t=FlashMessage.render(Severity.error,"Something went wrong","");this.addNotification(t)}this.getData()}),(t=>{Router.handleAjaxError(t,a)}))}deactivateLanguage(t){const a=this.getModalBody(),e=this.findInModal(this.selectorOutputContainer),s=ProgressBar.render(Severity.loading,"Loading...","");e.empty().append(s),this.getNotificationBox().empty(),new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksDeactivateLanguage",token:this.getModuleContent().data("language-packs-deactivate-language-token"),iso:t}}).then((async t=>{const a=await t.resolve();if(e.empty(),!0===a.success&&Array.isArray(a.status))a.status.forEach((t=>{const a=InfoBox.render(t.severity,t.title,t.message);this.addNotification(a)}));else{const t=FlashMessage.render(Severity.error,"Something went wrong","");this.addNotification(t)}this.getData()}),(t=>{Router.handleAjaxError(t,a)}))}updatePacks(t,a){const e=this.findInModal(this.selectorOutputContainer),s=this.findInModal(this.selectorContentContainer),n=void 0===t?this.activeLanguages:[t];let i=!0,o=this.activeExtensions;void 0!==a&&(o=[a],i=!1),this.packsUpdateDetails={toHandle:n.length*o.length,handled:0,updated:0,new:0,failed:0,skipped:0},e.empty().append($("<div>",{class:"progress"}).append($("<div>",{class:"progress-bar progress-bar-info",role:"progressbar","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,style:"width: 0;"}).append($("<span>",{class:"text-nowrap"}).text("0 of "+this.packsUpdateDetails.toHandle+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.toHandle)+" updated")))),s.empty(),n.forEach((t=>{o.forEach((a=>{this.getNotificationBox().empty(),new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksUpdatePack",token:this.getModuleContent().data("language-packs-update-pack-token"),iso:t,extension:a}}).then((async t=>{const a=await t.resolve();!0===a.success?(this.packsUpdateDetails.handled++,"new"===a.packResult?this.packsUpdateDetails.new++:"update"===a.packResult?this.packsUpdateDetails.updated++:"skipped"===a.packResult?this.packsUpdateDetails.skipped++:this.packsUpdateDetails.failed++,this.packUpdateDone(i,n)):(this.packsUpdateDetails.handled++,this.packsUpdateDetails.failed++,this.packUpdateDone(i,n))}),(()=>{this.packsUpdateDetails.handled++,this.packsUpdateDetails.failed++,this.packUpdateDone(i,n)}))}))}))}packUpdateDone(t,a){const e=this.getModalBody(),s=this.findInModal(this.selectorOutputContainer);if(this.packsUpdateDetails.handled===this.packsUpdateDetails.toHandle){const s=InfoBox.render(Severity.ok,"Language packs updated",this.packsUpdateDetails.new+" new language "+LanguagePacks.pluralize(this.packsUpdateDetails.new)+" downloaded, "+this.packsUpdateDetails.updated+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.updated)+" updated, "+this.packsUpdateDetails.skipped+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.skipped)+" skipped, "+this.packsUpdateDetails.failed+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.failed)+" not available");this.addNotification(s),!0===t?new AjaxRequest(Router.getUrl()).post({install:{action:"languagePacksUpdateIsoTimes",token:this.getModuleContent().data("language-packs-update-iso-times-token"),isos:a}}).then((async t=>{if(!0===(await t.resolve()).success)this.getData();else{const t=FlashMessage.render(Severity.error,"Something went wrong","");this.addNotification(t)}}),(t=>{Router.handleAjaxError(t,e)})):this.getData()}else{const t=this.packsUpdateDetails.handled/this.packsUpdateDetails.toHandle*100;s.find(".progress-bar").css("width",t+"%").attr("aria-valuenow",t).find("span").text(this.packsUpdateDetails.handled+" of "+this.packsUpdateDetails.toHandle+" language "+LanguagePacks.pluralize(this.packsUpdateDetails.handled,"pack","s",this.packsUpdateDetails.toHandle)+" updated")}}languageMatrixHtml(t){const a=this.findInModal(this.selectorActivateLanguageIcon).html(),e=this.findInModal(this.selectorDeactivateLanguageIcon).html(),s=this.findInModal(this.selectorLanguageUpdateIcon).html(),n=this.getModuleContent().data("configuration-is-writable"),i=$("<div>"),o=$("<tbody>");t.languages.forEach((t=>{const i=[],d=t.active;n&&i.push($("<a>",{class:"btn btn-default t3js-languagePacks-deactivateLanguage","data-iso":t.iso,title:"Deactivate"}).append(e)),i.push($("<a>",{class:"btn btn-default t3js-languagePacks-update","data-iso":t.iso,title:"Download language packs"}).append(s));const l=$("<tr>");d?o.append(l.append($("<td>").text(" "+t.name).prepend($("<div />",{class:"btn-group"}).append(i)))):(n&&i.push($("<a>",{class:"btn btn-default t3js-languagePacks-activateLanguage","data-iso":t.iso,title:"Activate"}).append(a)),o.append(l.addClass("t3-languagePacks-inactive t3js-languagePacks-inactive").css({display:"none"}).append($("<td>").text(" "+t.name).prepend($("<div />",{class:"btn-group"}).append(i))))),l.append($("<td>").text(t.iso),$("<td>").text(t.dependencies.join(", ")),$("<td>").text(null===t.lastUpdate?"":t.lastUpdate)),o.append(l)}));const d=[];return n&&d.push($("<button>",{class:"btn btn-default t3js-languagePacks-addLanguage-toggle",type:"button"}).append($("<span>").append(a)," Add language")),d.push($("<button>",{class:"btn btn-default disabled update-all t3js-languagePacks-update",type:"button",disabled:"disabled"}).append($("<span>").append(s)," Update all")),i.append($("<h3>").text("Active languages"),$("<table>",{class:"table table-striped table-bordered"}).append($("<thead>").append($("<tr>").append($("<th>").append($("<div />",{class:"btn-group"}).append(d)),$("<th>").text("Locale"),$("<th>").text("Dependencies"),$("<th>").text("Last update"))),o)),Array.isArray(this.activeLanguages)&&this.activeLanguages.length&&i.find(".update-all").removeClass("disabled").removeAttr("disabled"),i.html()}extensionMatrixHtml(t){const a=new SecurityUtility,e=this.findInModal(this.selectorLanguageUpdateIcon).html();let s,n="",i=0;const o=$("<div>"),d=$("<tr>");d.append($("<th>").text("Extension"),$("<th>").text("Key")),t.activeLanguages.forEach((t=>{d.append($("<th>").append($("<a>",{class:"btn btn-default t3js-languagePacks-update","data-iso":t,title:"Download and update all language packs"}).append($("<span>").append(e)," "+t)))}));const l=$("<tbody>");return t.extensions.forEach((o=>{i++,s=void 0!==o.icon?$("<span>").append($("<img>",{style:"max-height: 16px; max-width: 16px;",src:o.icon,alt:o.title}),$("<span>").text(" "+o.title)):$("<span>").text(o.title);const d=$("<tr>");d.append($("<td>").html(s.html()),$("<td>").text(o.key)),t.activeLanguages.forEach((t=>{let s=!1;if(o.packs.forEach((i=>{if(i.iso!==t)return;s=!0;const l=$("<td>");d.append(l),n=!0!==i.exists?null!==i.lastUpdate?"No language pack available for "+i.iso+" when tried at "+i.lastUpdate+". Click to re-try.":"Language pack not downloaded. Click to download":null===i.lastUpdate?"Downloaded. Click to renew":"Language pack downloaded at "+i.lastUpdate+". Click to renew",l.append($("<a>",{class:"btn btn-default t3js-languagePacks-update","data-extension":o.key,"data-iso":i.iso,title:a.encodeHtml(n)}).append(e))})),!s){const t=$("<td>");d.append(t).append("&nbsp;")}})),l.append(d)})),o.append($("<h3>").text("Translation status"),$("<table>",{class:"table table-striped table-bordered"}).append($("<thead>").append(d),l)),0===i?InfoBox.render(Severity.ok,"Language packs have been found for every installed extension.","To download the latest changes, use the refresh button in the list above."):o.html()}getNotificationBox(){return this.findInModal(this.selectorNotifications)}addNotification(t){this.notifications.push(t)}renderNotifications(){const t=this.getNotificationBox();for(const a of this.notifications)t.append(a);this.notifications=[]}}export default new LanguagePacks;
\ No newline at end of file