feat: sidebar right toggle custom icon

Author: mledour

library/angular-admin-lte/src/lib/layout/header/header.component.html

@@ -11,7 +11,9 @@
       </ng-container>
     </a>
     <div *ngIf="isSidebarRightToggle" class="sidebar-right-toggle">
-      <a #sidebarRightToggleElement href="#"><i class="fa fa-gears"></i></a>
+      <a #sidebarRightToggleElement href="#">
+        <i [class]="sidebarRightToggleIconClasses ? sidebarRightToggleIconClasses : 'fa fa-gears'"></i>
+      </a>
     </div>
     <ng-content></ng-content>
   </nav>

library/angular-admin-lte/src/lib/layout/header/header.component.ts

@@ -56,6 +56,7 @@ export class HeaderComponent implements AfterViewInit, OnDestroy {
   @Input() isSidebarLeftToggle = true;
   @Input() sidebarLeftToggleIconClasses;
   @Input() isSidebarRightToggle = true;
+  @Input() sidebarRightToggleIconClasses;
   @Input() logoLink: string | any[] = '/';
 
   @ContentChild(HeaderLogoComponent, /* TODO: add static flag */ {}) public headerLogoComponent: HeaderLogoComponent;

src/app/+layout/header/header.component.html

@@ -39,10 +39,16 @@
         <td>Defines the sidebar left toggle button icon classes.</td>
       </tr>
       <tr>
-        <td>isSidebarLeftToggle</td>
+        <td>isSidebarRightToggle</td>
         <td>boolean</td>
         <td>true</td>
-        <td>Defines if the sidebar left toggle button is activated.</td>
+        <td>Defines if the sidebar right toggle button is activated.</td>
+      </tr>
+      <tr>
+        <td>SidebarRightToggleClasses</td>
+        <td>string</td>
+        <td>null</td>
+        <td>Defines the sidebar right toggle button icon classes.</td>
       </tr>
     </tbody>
   </table>