Merge pull request #55 from sumocoders/394-bootstrap-icons

Replace all icons with bootstrap icons

Author: daphneslootmans

src/EventListener/MenuListener.php

@@ -20,7 +20,7 @@ public function onConfigureMenu(ConfigureMenuEvent $event): void
                     [
                         'route' => 'user_admin_overview',
                         'labelAttributes' => [
-                            'icon' => 'fas fa-user',
+                            'icon' => 'bi bi-person-fill',
                         ],
                         'extras' => [
                             'routes' => [

templates/user/admin/add.html.twig

@@ -14,7 +14,7 @@
 
             <div class="btn-toolbar mt-4">
                 <button class="btn btn-primary" type="submit">
-                    <i class="fas fa-plus mr-2"></i>
+                    <i class="bi bi-plus-lg mr-2"></i>
                     {{ 'Save'|trans }}
                 </button>
             </div>

templates/user/admin/edit.html.twig

@@ -7,26 +7,26 @@
 {% block header_navigation %}
     {% if not user.confirmed %}
         <a class="btn btn-primary" href="{{ path('request_confirmation', {user: user.id}) }}" data-turbo-prefetch="false">
-            <i class="fas fa-envelope mr-2"></i>
+            <i class="bi bi-envelope-fill mr-2"></i>
             {{ 'Resend confirmation mail'|trans }}
         </a>
     {% endif %}
     {% if user.confirmed and user.enabled %}
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#forgotPasswordModal">
-            <i class="fas fa-envelope mr-2"></i>
+            <i class="bi bi-envelope-fill mr-2"></i>
             {{ 'Send forgot password mail'|trans }}
         </button>
     {% endif %}
 
     {% if user.id != app.user.id %}
         {% if user.enabled %}
             <a class="btn btn-danger ml-2" href="{{ path('user_admin_disable_user', {user: user.id}) }}" data-turbo-prefetch="false">
-                <i class="fas fa-lock mr-2"></i>
+                <i class="bi bi-lock mr-2"></i>
                 {{ 'Disable'|trans }}
             </a>
         {% else %}
             <a class="btn btn-success ml-2" href="{{ path('user_admin_enable_user', {user: user.id}) }}" data-turbo-prefetch="false">
-                <i class="fas fa-unlock mr-2"></i>
+                <i class="bi bi-unlock2 mr-2"></i>
                 {{ 'Enable'|trans }}
             </a>
         {% endif %}
@@ -43,7 +43,7 @@
 
             <div class="btn-toolbar mt-4">
                 <button class="btn btn-primary" type="submit">
-                    <i class="fas fa-save mr-2"></i>
+                    <i class="bi bi-floppy-fill mr-2"></i>
                     {{ 'Save'|trans }}
                 </button>
             </div>
@@ -67,7 +67,7 @@
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'dialogs.buttons.cancel'|trans|ucfirst }}</button>
                     <button type="submit" name="testingForm" class="btn btn-primary">
-                        <i class="fas fa-envelope mr-2"></i>
+                        <i class="bi bi-envelope-fill mr-2"></i>
                         {{ 'Send'|trans }}
                     </button>
                 </div>

templates/user/admin/overview.html.twig

@@ -6,7 +6,7 @@
 
 {% block header_navigation %}
   <a class="btn btn-primary" href="{{ path('user_admin_add') }}">
-    <i class="fas fa-plus mr-2"></i>
+    <i class="bi bi-plus-lg mr-2"></i>
     {{ 'Add a new user'|trans|capitalize }}
   </a>
 {% endblock %}
@@ -43,30 +43,30 @@
               <div>{{ 'Confirmed'|trans }}</div>
               <div>
                 {% if user.confirmed %}
-                  <i class="text-success fas fa-check"></i>
+                  <i class="text-success bi bi-check2"></i>
                 {% else %}
-                  <i class="text-danger fas fa-times"></i>
+                  <i class="text-danger bi bi-x-lg"></i>
                 {% endif %}
               </div>
             </div>
             <div class="d-flex justify-content-between">
               <div>{{ 'Enabled'|trans }}</div>
               <div>
                 {% if user.enabled %}
-                  <i class="text-success fas fa-check"></i>
+                  <i class="text-success bi bi-check2"></i>
                 {% else %}
-                  <i class="text-danger fas fa-times"></i>
+                  <i class="text-danger bi bi-x-lg"></i>
                 {% endif %}
               </div>
             </div>
           </div>
           <div class="card-footer">
             <a class="text-nowrap btn btn-outline-primary me-3 px-3" href="{{ path('user_admin_edit', {user: user.id}) }}">
-              <i class="fas fa-edit" title="{{ 'Edit user'|trans }}" data-controller="tooltip" data-bs-placement="top"></i>
+              <i class="bi bi-pencil-fill" title="{{ 'Edit user'|trans }}" data-controller="tooltip" data-bs-placement="top"></i>
             </a>
             {% if is_granted('ROLE_ADMIN') %}
               <a class="text-nowrap btn btn-outline-primary px-3" href="{{ impersonation_path(user.username) }}" data-turbo-prefetch="false">
-                <i class="fas fa-sign-in-alt" title="{{ 'Switch to user'|trans }}" data-controller="tooltip" data-bs-placement="top"></i>
+                <i class="bi bi-box-arrow-in-right" title="{{ 'Switch to user'|trans }}" data-controller="tooltip" data-bs-placement="top"></i>
               </a>
             {% endif %}
           </div>