From 9908dfe09abec3929ab4871d6976fe73ba0a463b Mon Sep 17 00:00:00 2001
From: Daniel Wilkowski <wilkowski.kontakt@gmail.com>
Date: Thu, 17 Oct 2024 15:43:54 +0200
Subject: [PATCH] Display icon preview in icon editor

---
 resources/sass/icons/_icons.scss | 23 +++++++++++++++++++++++
 resources/views/adm/icons.twig   |  6 +++++-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/resources/sass/icons/_icons.scss b/resources/sass/icons/_icons.scss
index 7054d1d22..fe88f7167 100644
--- a/resources/sass/icons/_icons.scss
+++ b/resources/sass/icons/_icons.scss
@@ -17,6 +17,11 @@ $fa-font-path: "/fonts/font-awesome";
   display: inline-block;
 }
 
+.fa-brand {
+  font-family: 'Font Awesome 6 Brands';
+  font-style: normal;
+}
+
 //@import "@fortawesome/fontawesome-pro/scss/fontawesome";
 //@import "@fortawesome/fontawesome-pro/scss/solid";
 //@import "@fortawesome/fontawesome-pro/scss/regular";
@@ -106,3 +111,21 @@ $icon-admin-table-sort-desc: $fa-var-sort-up;
 .fa-arrow-up-from-bracket:before {
   content: "\e09a";
 }
+
+.fa-circle-ellipsis:before {
+  content: "\e10a";
+}
+
+.fa-trash-can-arrow-turn-left:before,
+.fa-trash-can-undo:before,
+.fa-trash-undo-alt:before,
+{
+  content: "\f896";
+}
+
+.fa-circle-dollar:before,
+.fa-dollar-circle:before,
+.fa-usd-circle:before,
+{
+  content: "\f2e8";
+}
diff --git a/resources/views/adm/icons.twig b/resources/views/adm/icons.twig
index 6bbf480cd..403671f1c 100644
--- a/resources/views/adm/icons.twig
+++ b/resources/views/adm/icons.twig
@@ -31,7 +31,11 @@
     </tr>
     <tr v-for="(icon, index) in editorIcons" v-show="visible(icon)">
       <td>
-        <input :value="icon.location" class="form-control" disabled>
+        <div class="d-flex align-items-center">
+          <i :class="['fa-fw',  icon.defaultIcon]"></i>
+          <input :value="icon.location" class="form-control mx-2" disabled>
+          <i :class="['fa-fw', icon.currentIcon ]"></i>
+        </div>
       </td>
       <td>
         <input