refactor(icons): replace fa icons [EE-4459] (#7907)

refactor(icons): remove fontawesome EE-4459

refactor(icon) replace feather with lucide EE-4472

app/docker/views/services/edit/includes/configs.html

@@ -1,13 +1,13 @@
 <form ng-if="applicationState.endpoint.apiVersion >= 1.3" id="service-configs" ng-submit="updateService(service)">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Configs"> </rd-widget-header>
+    <rd-widget-header icon="list" title-text="Configs"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
       <div class="form-inline" style="padding: 10px" authorization="DockerServiceUpdate">
         Add a config:
         <select class="form-control" ng-options="config.Name for config in configs | orderBy: 'Name'" ng-model="newConfig">
           <option selected disabled hidden value="">Select a config</option>
         </select>
-        <a class="btn btn-default btn-sm" ng-click="addConfig(service, newConfig)"> <pr-icon icon="'plus'" feather="true"></pr-icon> add config </a>
+        <a class="btn btn-default btn-sm" ng-click="addConfig(service, newConfig)"> <pr-icon icon="'plus'"></pr-icon> add config </a>
       </div>
       <table class="table" style="margin-top: 5px">
         <thead>
@@ -40,7 +40,7 @@
             <td>{{ config.Mode }}</td>
             <td authorization="DockerServiceUpdate">
               <button class="btn btn-dangerlight pull-right" type="button" ng-click="removeConfig(service, $index)" ng-disabled="isUpdating">
-                <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
               </button>
             </td>
           </tr>

app/docker/views/services/edit/includes/constraints.html

@@ -1,9 +1,9 @@
 <div ng-if="service.ServiceConstraints" id="service-placement-constraints">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Placement constraints">
+    <rd-widget-header icon="list" title-text="Placement constraints">
       <div class="nopadding" authorization="DockerServiceUpdate">
         <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating || addPlacementConstraint(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> placement constraint
+          <pr-icon icon="'plus'"></pr-icon> placement constraint
         </a>
       </div>
     </rd-widget-header>
@@ -62,7 +62,7 @@
                 />
                 <span class="input-group-btn" authorization="DockerServiceUpdate">
                   <button class="btn btn-dangerlight" type="button" ng-click="removePlacementConstraint(service, $index)" ng-disabled="isUpdating">
-                    <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                    <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                   </button>
                 </span>
               </div>

app/docker/views/services/edit/includes/container-specs.html

@@ -1,6 +1,6 @@
 <div>
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Container spec"></rd-widget-header>
+    <rd-widget-header icon="list" title-text="Container spec"></rd-widget-header>
     <rd-widget-body classes="no-padding">
       <table class="table">
         <tbody>

app/docker/views/services/edit/includes/containerlabels.html

@@ -1,9 +1,9 @@
 <div id="service-container-labels">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Container labels">
+    <rd-widget-header icon="list" title-text="Container labels">
       <div class="nopadding" authorization="DockerServiceUpdate">
         <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating ||addContainerLabel(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> container label
+          <pr-icon icon="'plus'"></pr-icon> container label
         </a>
       </div>
     </rd-widget-header>
@@ -48,7 +48,7 @@
                 />
                 <span class="input-group-btn" authorization="DockerServiceUpdate">
                   <button class="btn btn-dangerlight" type="button" ng-click="removeContainerLabel(service, $index)" ng-disabled="isUpdating">
-                    <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                    <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                   </button>
                 </span>
               </div>

app/docker/views/services/edit/includes/environmentvariables.html

@@ -1,9 +1,9 @@
 <ng-form ng-if="service.EnvironmentVariables" id="service-env-variables" name="serviceEnvForm">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Environment variables">
+    <rd-widget-header icon="list" title-text="Environment variables">
       <div class="nopadding" authorization="DockerServiceUpdate">
         <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating || addEnvironmentVariable(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> environment variable
+          <pr-icon icon="'plus'"></pr-icon> environment variable
         </a>
       </div>
     </rd-widget-header>

app/docker/views/services/edit/includes/hosts.html

@@ -1,9 +1,9 @@
 <div>
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Hosts file entries">
+    <rd-widget-header icon="list" title-text="Hosts file entries">
       <div class="nopadding" authorization="DockerServiceUpdate">
         <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating ||addHostsEntry(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> add host entry
+          <pr-icon icon="'plus'"></pr-icon> add host entry
         </a>
       </div>
     </rd-widget-header>
@@ -46,7 +46,7 @@
                 />
                 <span class="input-group-btn" authorization="DockerServiceUpdate">
                   <button class="btn btn-dangerlight" type="button" ng-click="removeHostsEntry(service, $index)" ng-disabled="isUpdating">
-                    <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                    <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                   </button>
                 </span>
               </div>

app/docker/views/services/edit/includes/image.html

@@ -1,6 +1,6 @@
 <div id="service-container-image" authorization="DockerServiceUpdate">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Change container image"> </rd-widget-header>
+    <rd-widget-header icon="list" title-text="Change container image"> </rd-widget-header>
     <rd-widget-body ng-if="!isUpdating">
       <form class="form-horizontal">
         <por-image-registry

app/docker/views/services/edit/includes/logging.html

@@ -1,6 +1,6 @@
 <div id="service-logging-driver">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Logging driver"> </rd-widget-header>
+    <rd-widget-header icon="list" title-text="Logging driver"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
       <div class="form-inline" style="padding: 10px" authorization="DockerServiceUpdate">
         Driver:
@@ -10,7 +10,7 @@
           <option value="none">none</option>
         </select>
         <a class="btn btn-default btn-sm" ng-click="!service.LogDriverName || service.LogDriverName === 'none' || addLogDriverOpt(service)">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> add logging driver option
+          <pr-icon icon="'plus'"></pr-icon> add logging driver option
         </a>
       </div>
       <table class="table">
@@ -42,7 +42,7 @@
                 />
                 <span class="input-group-btn" authorization="DockerServiceUpdate">
                   <button class="btn btn-dangerlight" type="button" ng-click="removeLogDriverOpt(service, $index)" ng-disabled="isUpdating">
-                    <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                    <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                   </button>
                 </span>
               </div>

app/docker/views/services/edit/includes/mounts.html

@@ -1,10 +1,8 @@
 <div ng-if="service.ServiceMounts" id="service-mounts">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Mounts">
+    <rd-widget-header icon="list" title-text="Mounts">
       <div class="nopadding" authorization="DockerServiceUpdate">
-        <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating ||addMount(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> mount
-        </a>
+        <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating ||addMount(service)" ng-disabled="isUpdating"> <pr-icon icon="'plus'"></pr-icon> mount </a>
       </div>
     </rd-widget-header>
     <rd-widget-body ng-if="service.ServiceMounts.length === 0">
@@ -57,9 +55,7 @@
                 ng-disabled="isUpdating || (!isAdmin && !allowBindMounts && mount.Type === 'bind')"
                 ng-if="mount.Type === 'bind'"
               />
-              <div class="col-sm-12 small text-warning" ng-show="!mount.Source">
-                <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> Source is required.
-              </div>
+              <div class="col-sm-12 small text-warning" ng-show="!mount.Source"> <pr-icon icon="'alert-triangle'" mode="'warning'"></pr-icon> Source is required. </div>
             </td>
             <td>
               <input
@@ -71,9 +67,7 @@
                 ng-disabled="isUpdating"
                 disable-authorization="DockerServiceUpdate"
               />
-              <div class="col-sm-12 small text-warning" ng-show="!mount.Target">
-                <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> Target is required.
-              </div>
+              <div class="col-sm-12 small text-warning" ng-show="!mount.Target"> <pr-icon icon="'alert-triangle'" mode="'warning'"></pr-icon> Target is required. </div>
             </td>
             <td authorization="DockerServiceUpdate">
               <input type="checkbox" class="form-control" ng-model="mount.ReadOnly" ng-change="updateMount(service, mount)" ng-disabled="isUpdating" />
@@ -81,7 +75,7 @@
             <td authorization="DockerServiceUpdate">
               <span class="input-group-btn">
                 <button class="btn btn-dangerlight" type="button" ng-click="removeMount(service, $index)" ng-disabled="isUpdating">
-                  <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                  <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                 </button>
               </span>
             </td>

app/docker/views/services/edit/includes/networks.html

@@ -1,10 +1,8 @@
 <div id="service-network-specs">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Networks">
+    <rd-widget-header icon="list" title-text="Networks">
       <div class="nopadding" authorization="DockerServiceUpdate">
-        <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating || addNetwork(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> network
-        </a>
+        <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating || addNetwork(service)" ng-disabled="isUpdating"> <pr-icon icon="'plus'"></pr-icon> network </a>
       </div>
     </rd-widget-header>
     <rd-widget-body ng-if="!service.Networks || service.Networks.length === 0">
@@ -45,7 +43,7 @@
             <td ng-if="network.Editable" authorization="DockerServiceUpdate">
               <span class="input-group-btn">
                 <button class="btn btn-dangerlight" type="button" ng-click="removeNetwork(service, $index)" ng-disabled="isUpdating">
-                  <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                  <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                 </button>
               </span>
             </td>

app/docker/views/services/edit/includes/placementPreferences.html

@@ -1,9 +1,9 @@
 <div ng-if="service.ServicePreferences" id="service-placement-preferences">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Placement preferences">
+    <rd-widget-header icon="list" title-text="Placement preferences">
       <div class="nopadding" authorization="DockerServiceUpdate">
         <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating || addPlacementPreference(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> placement preference
+          <pr-icon icon="'plus'"></pr-icon> placement preference
         </a>
       </div>
     </rd-widget-header>
@@ -46,7 +46,7 @@
                 />
                 <span class="input-group-btn" authorization="DockerServiceUpdate">
                   <button class="btn btn-dangerlight" type="button" ng-click="removePlacementPreference(service, $index)" ng-disabled="isUpdating">
-                    <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                    <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                   </button>
                 </span>
               </div>

app/docker/views/services/edit/includes/ports.html

@@ -1,9 +1,9 @@
 <div>
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Published ports">
+    <rd-widget-header icon="list" title-text="Published ports">
       <div class="nopadding" authorization="DockerServiceUpdate">
         <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating ||addPublishedPort(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> port mapping
+          <pr-icon icon="'plus'"></pr-icon> port mapping
         </a>
       </div>
     </rd-widget-header>
@@ -82,7 +82,7 @@
             <td authorization="DockerServiceUpdate">
               <span class="input-group-btn">
                 <button class="btn btn-dangerlight" type="button" ng-click="removePortPublishedBinding(service, $index)" ng-disabled="isUpdating">
-                  <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                  <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                 </button>
               </span>
             </td>

app/docker/views/services/edit/includes/resources.html

@@ -1,6 +1,6 @@
 <div id="service-resources">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Resource limits and reservations"> </rd-widget-header>
+    <rd-widget-header icon="list" title-text="Resource limits and reservations"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
       <table class="table">
         <tbody>

app/docker/views/services/edit/includes/restart.html

@@ -1,6 +1,6 @@
 <div id="service-restart-policy">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Restart policy"> </rd-widget-header>
+    <rd-widget-header icon="list" title-text="Restart policy"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
       <table class="table">
         <tbody>

app/docker/views/services/edit/includes/secrets.html

@@ -1,6 +1,6 @@
 <div ng-if="applicationState.endpoint.apiVersion >= 1.25" id="service-secrets">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Secrets"> </rd-widget-header>
+    <rd-widget-header icon="list" title-text="Secrets"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
       <div class="form-inline" style="padding: 10px" authorization="DockerServiceUpdate">
         Add a secret:
@@ -15,7 +15,7 @@
           <label class="btn btn-light" ng-model="state.addSecret.override" uib-btn-radio="false">Default location</label>
           <label class="btn btn-light" ng-model="state.addSecret.override" uib-btn-radio="true">Override</label>
         </div>
-        <a class="btn btn-default btn-sm" ng-click="addSecret(service, state.addSecret)"> <pr-icon icon="'plus'" feather="true"></pr-icon> add secret </a>
+        <a class="btn btn-default btn-sm" ng-click="addSecret(service, state.addSecret)"> <pr-icon icon="'plus'"></pr-icon> add secret </a>
       </div>
       <table class="table" style="margin-top: 5px">
         <thead>
@@ -39,7 +39,7 @@
             <td>{{ secret.Mode }}</td>
             <td authorization="DockerServiceUpdate">
               <button class="btn btn-dangerlight pull-right" type="button" ng-click="removeSecret(service, $index)" ng-disabled="isUpdating">
-                <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
               </button>
             </td>
           </tr>

app/docker/views/services/edit/includes/servicelabels.html

@@ -1,10 +1,8 @@
 <div id="service-labels">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Service labels">
+    <rd-widget-header icon="list" title-text="Service labels">
       <div class="nopadding" authorization="DockerServiceUpdate">
-        <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating || addLabel(service)" ng-disabled="isUpdating">
-          <pr-icon icon="'plus'" feather="true"></pr-icon> label
-        </a>
+        <a class="btn btn-secondary btn-sm pull-right" ng-click="isUpdating || addLabel(service)" ng-disabled="isUpdating"> <pr-icon icon="'plus'"></pr-icon> label </a>
       </div>
     </rd-widget-header>
     <rd-widget-body ng-if="service.ServiceLabels.length === 0">
@@ -48,7 +46,7 @@
                 />
                 <span class="input-group-btn" authorization="DockerServiceUpdate">
                   <button class="btn btn-dangerlight" type="button" ng-click="removeLabel(service, $index)" ng-disabled="isUpdating">
-                    <pr-icon icon="'trash-2'" feather="true" size="'md'"></pr-icon>
+                    <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
                   </button>
                 </span>
               </div>

app/docker/views/services/edit/includes/updateconfig.html

@@ -1,6 +1,6 @@
 <div id="service-update-config">
   <rd-widget>
-    <rd-widget-header icon="list" feather-icon="true" title-text="Update configuration"> </rd-widget-header>
+    <rd-widget-header icon="list" title-text="Update configuration"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
       <table class="table">
         <tbody>

app/docker/views/services/edit/service.html

@@ -12,7 +12,7 @@
 <div class="row">
   <div class="col-lg-9 col-md-9 col-xs-9">
     <rd-widget>
-      <rd-widget-header icon="shuffle" feather-icon="true" title-text="Service details"></rd-widget-header>
+      <rd-widget-header icon="shuffle" title-text="Service details"></rd-widget-header>
       <rd-widget-body classes="no-padding">
         <table class="table">
           <tbody>
@@ -78,10 +78,13 @@
               <td ng-if="webhookURL">
                 <span class="text-muted">{{ webhookURL | truncatelr }}</span>
                 <button type="button" class="btn btn-sm btn-primary btn-sm space-left" ng-if="webhookURL" ng-click="copyWebhook()">
-                  <span><i class="fa fa-copy space-right" aria-hidden="true"></i>Copy link</span>
+                  <span>
+                    <pr-icon icon="'copy'" class-name="'mr-1'"></pr-icon>
+                    Copy link</span
+                  >
                 </button>
                 <span>
-                  <i id="copyNotification" class="fa fa-check green-icon" aria-hidden="true" style="margin-left: 7px; display: none"></i>
+                  <pr-icon id="copyNotification" icon="'check'" mode="'success'" style="display: none"></pr-icon>
                 </span>
               </td>
             </tr>
@@ -89,52 +92,62 @@
               <td colspan="2">
                 <p class="small text-muted" authorization="DockerServiceUpdate">
                   Note: you can only rollback one level of changes. Clicking the rollback button without making a new change will undo your previous rollback </p
-                ><p>
+                ><div class="flex gap-x-2 gap-y-1 flex-wrap">
                   <a
                     authorization="DockerServiceLogs"
                     ng-if="applicationState.endpoint.apiVersion >= 1.3"
                     class="btn btn-primary btn-sm"
                     type="button"
                     ui-sref="docker.services.service.logs({id: service.Id})"
-                    ><i class="fa fa-file-alt space-right" aria-hidden="true"></i>Service logs</a
+                  >
+                    <pr-icon icon="'file-text'"></pr-icon>Service logs</a
                   >
                   <button
                     authorization="DockerServiceUpdate"
                     type="button"
-                    class="btn btn-primary btn-sm"
+                    class="btn btn-primary btn-sm !ml-0"
                     ng-disabled="state.updateInProgress || isUpdating"
                     ng-click="forceUpdateService(service)"
                     button-spinner="state.updateInProgress"
                     ng-if="applicationState.endpoint.apiVersion >= 1.25"
                   >
-                    <span ng-hide="state.updateInProgress"><i class="fa fa-sync space-right" aria-hidden="true"></i>Update the service</span>
+                    <span ng-hide="state.updateInProgress" class="vertical-center">
+                      <pr-icon icon="'refresh-cw'"></pr-icon>
+                      Update the service</span
+                    >
                     <span ng-show="state.updateInProgress">Update in progress...</span>
                   </button>
                   <button
                     authorization="DockerServiceUpdate"
                     type="button"
-                    class="btn btn-primary btn-sm"
+                    class="btn btn-primary btn-sm !ml-0"
                     ng-disabled="state.rollbackInProgress || isUpdating"
                     ng-click="rollbackService(service)"
                     button-spinner="state.rollbackInProgress"
                     ng-if="applicationState.endpoint.apiVersion >= 1.25"
                   >
-                    <span ng-hide="state.rollbackInProgress"><i class="fa fa-undo space-right" aria-hidden="true"></i>Rollback the service</span>
+                    <span ng-hide="state.rollbackInProgress" class="vertical-center">
+                      <pr-icon icon="'rotate-ccw'"></pr-icon>
+                      Rollback the service</span
+                    >
                     <span ng-show="state.rollbackInProgress">Rollback in progress...</span>
                   </button>
                   <button
                     authorization="DockerServiceDelete"
                     type="button"
-                    class="btn btn-danger btn-sm"
+                    class="btn btn-danger btn-sm !ml-0"
                     ng-disabled="state.deletionInProgress || isUpdating"
                     ng-click="removeService()"
                     button-spinner="state.deletionInProgress"
                   >
-                    <span ng-hide="state.deletionInProgress"><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Delete the service</span>
+                    <span ng-hide="state.deletionInProgress" class="vertical-center">
+                      <pr-icon icon="'trash-2'"></pr-icon>
+                      Delete the service</span
+                    >
                     <span ng-show="state.deletionInProgress">Deletion in progress...</span>
                   </button>
-                </p></td
-              >
+                </div>
+              </td>
             </tr>
           </tbody>
         </table>
@@ -163,7 +176,7 @@
 
   <div class="col-lg-3 col-md-3 col-xs-3">
     <rd-widget>
-      <rd-widget-header icon="fa-bars" title-text="Quick navigation"></rd-widget-header>
+      <rd-widget-header icon="menu" title-text="Quick navigation"></rd-widget-header>
       <rd-widget-body classes="no-padding">
         <ul class="nav nav-pills nav-stacked">
           <li><a href ng-click="goToItem('service-env-variables')">Environment variables</a></li>