From acefb649b0006616d6a8780aefa11df8a36fc6c0 Mon Sep 17 00:00:00 2001
From: Cyperghost <olaf_schmitz_1@t-online.de>
Date: Wed, 19 Jun 2024 12:44:48 +0200
Subject: [PATCH] Use this.classPrefix for class name on error message element
 register the language phrase `wcf.global.button.replace`

---
 com.woltlab.wcf/templates/shared_fileProcessorFormField.tpl     | 2 ++
 .../Core/Form/Builder/Field/Controller/FileProcessor.ts         | 2 +-
 .../Core/Form/Builder/Field/Controller/FileProcessor.js         | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/com.woltlab.wcf/templates/shared_fileProcessorFormField.tpl b/com.woltlab.wcf/templates/shared_fileProcessorFormField.tpl
index 1638c8244e..6f2a15fab2 100644
--- a/com.woltlab.wcf/templates/shared_fileProcessorFormField.tpl
+++ b/com.woltlab.wcf/templates/shared_fileProcessorFormField.tpl
@@ -19,6 +19,8 @@
 {unsafe:$fileProcessorHtmlElement}
 
 <script data-relocate="true">
+	{jsphrase name='wcf.global.button.replace'}
+
 	require(["WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor"], ({ FileProcessor }) => {
 		new FileProcessor(
 			'{@$field->getPrefixedId()|encodeJS}',
diff --git a/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts b/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts
index 3a8fc92967..1e8b8f4a93 100644
--- a/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts
+++ b/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts
@@ -85,7 +85,7 @@ export class FileProcessor {
     container.classList.add("innerError");
 
     const errorElement = document.createElement("div");
-    errorElement.classList.add("fileUpload__fileList__item__errorMessage");
+    errorElement.classList.add(this.classPrefix + "item__errorMessage");
     errorElement.textContent = errorMessage;
 
     element.append(errorElement);
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js
index a4735e06f6..05e83a6bf5 100644
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js
@@ -71,7 +71,7 @@ define(["require", "exports", "WoltLabSuite/Core/Language", "WoltLabSuite/Core/A
             }
             container.classList.add("innerError");
             const errorElement = document.createElement("div");
-            errorElement.classList.add("fileUpload__fileList__item__errorMessage");
+            errorElement.classList.add(this.classPrefix + "item__errorMessage");
             errorElement.textContent = errorMessage;
             element.append(errorElement);
         }
-- 
2.20.1