Display icon preview in icon editor

pradoslaw · Oct 17, 2024 · 9908dfe · 9908dfe
1 parent e170c93
commit 9908dfe
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git 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
@@ -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