Upgrade Font Awesome v5 -> v6 (hestiacp#3056)

* Upgrade Font Awesome v5 -> v6

- Add back missing Font Awesome "brands"

* Update Font Awesome icon name references to v6

Author: AlecRust

web/css/src/dependencies/fontawesome-solid.css

@@ -0,0 +1,19 @@
+/*!
+ * Some overrides of Font Awesome Free 6.2.1 to change webfont paths
+ */
+
+@font-face {
+  font-family: "Font Awesome 6 Free";
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("/webfonts/fa-solid-900.woff2") format("woff2"), url("/webfonts/fa-solid-900.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Font Awesome 6 Brands";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("/webfonts/fa-brands-400.woff2") format("woff2"), url("/webfonts/fa-brands-400.ttf") format("truetype");
+}

web/css/src/dependencies/fontawesome.css

@@ -1,6 +1,8 @@
 @import url("normalize.css");
 @import url("@fortawesome/fontawesome-free/css/fontawesome.css");
-@import url("../dependencies/fontawesome-solid.css");
+@import url("@fortawesome/fontawesome-free/css/brands.css");
+@import url("@fortawesome/fontawesome-free/css/solid.css");
+@import url("../dependencies/fontawesome.css");
 @import url("../dependencies/animate.css");
 @import url("../dependencies/jquery-ui.css");
 
@@ -920,8 +922,7 @@ table {
     inset -1px -1px 4px rgb(220 220 220 / 40%);
 }
 
-.context-menu.sort-order span.name i.fas.fa-sort-amount-down,
-.context-menu.sort-order span.name i.fas.fa-sort-alpha-down {
+.context-menu.sort-order span.name i.fas.fa-arrow-down-a-z {
   float: right;
   margin-top: 2px;
 }

web/css/src/themes/default.css

@@ -498,7 +498,7 @@ a#btn-back:focus {
   box-shadow: none !important;
 }
 
-.l-menu__item i.fas.fa-arrow-alt-circle-left {
+.l-menu__item i.fas.fa-circle-left {
   display: inline-block !important;
 }
 

web/css/src/themes/vestia.css

@@ -220,11 +220,11 @@ function verify_csrf($method, $return = false)
 function show_alert_message($data) {
     if (!empty($data['error_msg']) || !empty($data['ok_msg'])) {
         if (!empty($data['error_msg'])) {
-            $msg_icon = 'fa-exclamation-circle status-icon red';
+            $msg_icon = 'fa-circle-exclamation status-icon red';
             $msg_text = htmlentities($data['error_msg']);
             $msg_id = 'vst-error';
         } else {
-            $msg_icon = 'fa-check-circle status-icon green';
+            $msg_icon = 'fa-circle-check status-icon green';
             $msg_text = $data['ok_msg'];
             $msg_id = 'vst-ok';
         }

web/css/themes/default.min.css

@@ -1004,6 +1004,6 @@ function elementHideShow(elementToHideOrShow,trigger){
 
     if (typeof trigger !== 'undefined') {
         trigger.querySelector('.section-toggle-icon').classList.toggle('fa-minus-square');
-        trigger.querySelector('.section-toggle-icon').classList.toggle('fa-plus-square');
+        trigger.querySelector('.section-toggle-icon').classList.toggle('fa-square-plus');
     }
 }

web/css/themes/vestia.min.css

@@ -123,8 +123,8 @@ $(document).ready(function(){
               VE.tmp.sort_direction = $(this).hasClass('up')*1 || -1;
 
               $('.l-sort .sort-by span b').html($(this).parent('li').find('.name').html());
-              $('.l-sort .sort-by i').removeClass('fa-sort-alpha-up fa-sort-alpha-down');
-              $(this).hasClass('up') ? $('.l-sort .sort-by i').addClass('fa-sort-alpha-up') : $('.l-sort .sort-by i').addClass('fa-sort-alpha-down');
+              $('.l-sort .sort-by i').removeClass('fa-arrow-up-a-z fa-arrow-down-a-z');
+              $(this).hasClass('up') ? $('.l-sort .sort-by i').addClass('fa-arrow-up-a-z') : $('.l-sort .sort-by i').addClass('fa-arrow-down-a-z');
               $('.units .l-unit').sort(function (a, b) {
                 if(VE.tmp.sort_as_int)
                   return parseInt($(a).attr(VE.tmp.sort_par)) >= parseInt($(b).attr(VE.tmp.sort_par)) ? VE.tmp.sort_direction : VE.tmp.sort_direction * -1;

web/inc/main.php

@@ -9,7 +9,7 @@
     "lint": "eslint js --fix && stylelint css/src/themes/*.css --fix"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.15.4",
+    "@fortawesome/fontawesome-free": "^6.2.1",
     "normalize.css": "^8.0.1"
   },
   "devDependencies": {