Replace legacy icons

diff --git a/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.ts b/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.ts
index d068933962490379b289aa60059deab5d16816d8..4fe85a897b3045ce60d46e3987c7610fb2759148 100644 (file)
--- a/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.ts
+++ b/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.ts
@@ -90,8 +90,8 @@ abstract class AbstractPackageList<TPackageData extends PackageData = PackageDat
     this.populateListItem(listItem, packageData);
 
     // add delete button
-    const deleteButton = document.createElement("span");
-    deleteButton.className = "icon icon16 fa-times pointer jsTooltip";
+    const deleteButton = document.createElement("button");
+    deleteButton.innerHTML = '<fa-icon size="16" name="xmark" solid></fa-icon>';
     deleteButton.title = Language.get("wcf.global.button.delete");
     deleteButton.addEventListener("click", (ev) => this.removePackage(ev));
     listItem.insertAdjacentElement("afterbegin", deleteButton);

diff --git a/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.ts b/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.ts
index 6d110b89cef0107abffe43ca110bbc08905bdd71..7118493fa7db7a7a0ddcc3318674309f1ae5e7bd 100644 (file)
--- a/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.ts
+++ b/ts/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.ts
@@ -204,12 +204,16 @@ class Instructions {
     content += `
         </div>
         <span class="statusDisplay sortableButtonContainer">
-          <span class="icon icon16 fa-pencil pointer jsTooltip" id="${
+          <button class="jsTooltip" id="${
             this.formFieldId
-          }_instruction${instructionId}_editButton" title="${Language.get("wcf.global.button.edit")}"></span>
-          <span class="icon icon16 fa-times pointer jsTooltip" id="${
+          }_instruction${instructionId}_editButton" title="${Language.get("wcf.global.button.edit")}">
+            <fa-icon size="16" name="pencil" solid></fa-icon>
+          </button>
+          <button class="jsTooltip" id="${
             this.formFieldId
-          }_instruction${instructionId}_deleteButton" title="${Language.get("wcf.global.button.delete")}"></span>
+          }_instruction${instructionId}_deleteButton" title="${Language.get("wcf.global.button.delete")}">
+            <fa-icon size="16" name="xmark" solid></fa-icon>
+          </span>
         </span>
       </div>
     `;

diff --git a/ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts b/ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts
index 9137cfc45d1e05b7305954b5688a4217415392fd..4b082284f9772ec00f4eb4cbad1520b243a3cd9f 100644 (file)
--- a/ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts
+++ b/ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts
@@ -60,7 +60,7 @@ async function runWorker(
         }
 
         span = document.createElement("span");
-        span.innerHTML = `<span class="icon icon16 fa-check green"></span> ${Language.get("wcf.acp.worker.success")}`;
+        span.innerHTML = `<fa-icon size="16" name="check" solid></fa-icon> ${Language.get("wcf.acp.worker.success")}`;
         button.parentNode!.insertBefore(span, button.nextElementSibling);
         resolve();
       },

diff --git a/ts/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.ts b/ts/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.ts
index 9031e3861c07f3177efe18402efde9262288dadb..22e30c5d1bc7d5a71d31951192bb5b095185597c 100644 (file)
--- a/ts/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.ts
+++ b/ts/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.ts
@@ -123,7 +123,7 @@ class EmailSmtpTest implements AjaxCallbackObject {
     this.buttonRunTest.classList.remove("disabled");
 
     if (success) {
-      this.buttonRunTest.innerHTML = `<span class="icon icon16 fa-check green"></span> ${Language.get(
+      this.buttonRunTest.innerHTML = `<fa-icon size="16" name="check" solid></fa-icon> ${Language.get(
         "wcf.acp.email.smtp.test.run.success",
       )}`;
     } else {

diff --git a/ts/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.ts b/ts/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.ts
index b2378c3010412c4b7fa5cfb2ddf003c74f69bf5d..d53e6055e4017c88538da36c21b49fe6e19a9f20 100644 (file)
--- a/ts/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.ts
+++ b/ts/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.ts
@@ -43,9 +43,9 @@ class AcpUiPageBoxOrder {
 
         let icon = "";
         if (box.isDisabled) {
-          icon = ` <span class="icon icon16 fa-exclamation-triangle red jsTooltip" title="${Language.get(
-            "wcf.acp.box.isDisabled",
-          )}"></span>`;
+          icon = ` <span class="jsTooltip" title="${Language.get("wcf.acp.box.isDisabled")}">
+            <fa-icon size="16" name="triangle-exclamation" solid></fa-icon>
+          </span>`;
         }
 
         item.innerHTML = box.name + icon;

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.js
index 05a71361362058be1ab3ad4ae5f0063bbc0870c4..ecc44778ed7dd1656b2f35a634af764f19bdc2da 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/AbstractPackageList.js
@@ -63,8 +63,8 @@ define(["require", "exports", "tslib", "../../../../../../Core", "../../../../..
             const listItem = document.createElement("li");
             this.populateListItem(listItem, packageData);
             // add delete button
-            const deleteButton = document.createElement("span");
-            deleteButton.className = "icon icon16 fa-times pointer jsTooltip";
+            const deleteButton = document.createElement("button");
+            deleteButton.innerHTML = '<fa-icon size="16" name="xmark" solid></fa-icon>';
             deleteButton.title = Language.get("wcf.global.button.delete");
             deleteButton.addEventListener("click", (ev) => this.removePackage(ev));
             listItem.insertAdjacentElement("afterbegin", deleteButton);

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.js
index 3353a79d190b7103f13a7bdc547fe05e88a939aa..392ccd3bf8cb0652e080081056f364f4f2ecb80d 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Form/Builder/Field/Devtools/Project/Instructions.js
@@ -122,8 +122,12 @@ define(["require", "exports", "tslib", "../../../../../../Core", "../../../../..
             content += `
         </div>
         <span class="statusDisplay sortableButtonContainer">
-          <span class="icon icon16 fa-pencil pointer jsTooltip" id="${this.formFieldId}_instruction${instructionId}_editButton" title="${Language.get("wcf.global.button.edit")}"></span>
-          <span class="icon icon16 fa-times pointer jsTooltip" id="${this.formFieldId}_instruction${instructionId}_deleteButton" title="${Language.get("wcf.global.button.delete")}"></span>
+          <button class="jsTooltip" id="${this.formFieldId}_instruction${instructionId}_editButton" title="${Language.get("wcf.global.button.edit")}">
+            <fa-icon size="16" name="pencil" solid></fa-icon>
+          </button>
+          <button class="jsTooltip" id="${this.formFieldId}_instruction${instructionId}_deleteButton" title="${Language.get("wcf.global.button.delete")}">
+            <fa-icon size="16" name="xmark" solid></fa-icon>
+          </span>
         </span>
       </div>
     `;

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js
index 2a8e46b49739f0ef531987fbf98a7425bd494bd4..bc59f03d71a9544cd12844bd4559939e73e95e33 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js
@@ -52,7 +52,7 @@ define(["require", "exports", "tslib", "../Worker", "../../../Language"], functi
                         span.remove();
                     }
                     span = document.createElement("span");
-                    span.innerHTML = `<span class="icon icon16 fa-check green"></span> ${Language.get("wcf.acp.worker.success")}`;
+                    span.innerHTML = `<fa-icon size="16" name="check" solid></fa-icon> ${Language.get("wcf.acp.worker.success")}`;
                     button.parentNode.insertBefore(span, button.nextElementSibling);
                     resolve();
                 },

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.js
index 07e165ad11798b4e413d37fa68d9bddb03cc109d..9f8654b2be14948e3eda5c7d8a835673021dfd86 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Option/EmailSmtpTest.js
@@ -96,7 +96,7 @@ define(["require", "exports", "tslib", "../../../Ajax", "../../../Dom/Util", "..
         resetButton(success, errorMessage) {
             this.buttonRunTest.classList.remove("disabled");
             if (success) {
-                this.buttonRunTest.innerHTML = `<span class="icon icon16 fa-check green"></span> ${Language.get("wcf.acp.email.smtp.test.run.success")}`;
+                this.buttonRunTest.innerHTML = `<fa-icon size="16" name="check" solid></fa-icon> ${Language.get("wcf.acp.email.smtp.test.run.success")}`;
             }
             else {
                 this.buttonRunTest.innerHTML = Language.get("wcf.acp.email.smtp.test.run");

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.js
index 235cc55574e05da8cd7d156c7afc825e323bc76e..ac423ff1b8616bbdb09bdbf840cf9ce3faa8a02c 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.js
@@ -29,7 +29,9 @@ define(["require", "exports", "tslib", "../../../Ajax", "../../../Dom/Change/Lis
                     item.dataset.boxId = box.boxId.toString();
                     let icon = "";
                     if (box.isDisabled) {
-                        icon = ` <span class="icon icon16 fa-exclamation-triangle red jsTooltip" title="${Language.get("wcf.acp.box.isDisabled")}"></span>`;
+                        icon = ` <span class="jsTooltip" title="${Language.get("wcf.acp.box.isDisabled")}">
+            <fa-icon size="16" name="triangle-exclamation" solid></fa-icon>
+          </span>`;
                     }
                     item.innerHTML = box.name + icon;
                     container.appendChild(item);