refactor(SidebarNavLink): extract SidebarNavLinkContent component

Author: xidedix

projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.html

@@ -3,18 +3,14 @@
      [ngClass]="getLinkClass()"
      [appHtmlAttr]="item.attributes"
   >
-    <i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
-    <ng-container>{{item.name}}</ng-container>
-    <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge.text }}</span>
+    <app-sidebar-nav-link-content [item]="item"></app-sidebar-nav-link-content>
   </a>
   <a *ngSwitchCase="'external'"
      [ngClass]="getLinkClass()"
      [href]="href"
      [appHtmlAttr]="item.attributes"
   >
-    <i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
-    <ng-container>{{item.name}}</ng-container>
-    <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge.text }}</span>
+    <app-sidebar-nav-link-content [item]="item"></app-sidebar-nav-link-content>
   </a>
   <a *ngSwitchDefault
      [ngClass]="getLinkClass()"
@@ -25,8 +21,6 @@
      [routerLink]="item.url"
      (click)="hideMobile()"
   >
-    <i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
-    <ng-container>{{item.name}}</ng-container>
-    <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge.text }}</span>
+    <app-sidebar-nav-link-content [item]="item"></app-sidebar-nav-link-content>
   </a>
 </ng-container>

projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.ts

@@ -2,6 +2,24 @@ import {Component, Inject, Input, OnInit, Renderer2} from '@angular/core';
 import {DOCUMENT} from '@angular/common';
 import {SidebarNavHelper} from '../app-sidebar-nav.service';
 
+@Component({
+  selector: 'app-sidebar-nav-link-content',
+  template: `
+    <ng-container *ngIf="true">
+      <i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
+      <ng-container>{{item.name}}</ng-container>
+      <span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge.text }}</span>
+    </ng-container>
+  `,
+  providers: [ SidebarNavHelper ]
+})
+export class AppSidebarNavLinkContentComponent {
+  @Input() item: any;
+  constructor(
+    public helper: SidebarNavHelper
+  ) { }
+}
+
 @Component({
   selector: 'app-sidebar-nav-link',
   templateUrl: './app-sidebar-nav-link.component.html',

projects/coreui/angular/src/lib/sidebar/app-sidebar.module.ts

@@ -15,7 +15,7 @@ import { AppSidebarNavComponent } from './app-sidebar-nav.component';
 import { AppSidebarNavDividerComponent } from './app-sidebar-nav/app-sidebar-nav-divider.component';
 import { AppSidebarNavDropdownComponent } from './app-sidebar-nav/app-sidebar-nav-dropdown.component';
 import { AppSidebarNavItemsComponent } from './app-sidebar-nav/app-sidebar-nav-items.component';
-import { AppSidebarNavLinkComponent } from './app-sidebar-nav/app-sidebar-nav-link.component';
+import { AppSidebarNavLinkComponent, AppSidebarNavLinkContentComponent } from './app-sidebar-nav/app-sidebar-nav-link.component';
 import { AppSidebarNavTitleComponent } from './app-sidebar-nav/app-sidebar-nav-title.component';
 import { SidebarNavHelper } from './app-sidebar-nav.service';
 import { AppSidebarNavLabelComponent } from './app-sidebar-nav/app-sidebar-nav-label.component';
@@ -40,6 +40,7 @@ import { AppSidebarNavItemClassPipe } from './app-sidebar-nav/app-sidebar-nav-it
     AppSidebarNavDividerComponent,
     AppSidebarNavDropdownComponent,
     AppSidebarNavLinkComponent,
+    AppSidebarNavLinkContentComponent,
     AppSidebarNavTitleComponent,
     NavDropdownDirective,
     NavDropdownToggleDirective,
@@ -57,6 +58,7 @@ import { AppSidebarNavItemClassPipe } from './app-sidebar-nav/app-sidebar-nav-it
     AppSidebarNavDividerComponent,
     AppSidebarNavDropdownComponent,
     AppSidebarNavLinkComponent,
+    AppSidebarNavLinkContentComponent,
     AppSidebarNavTitleComponent,
     NavDropdownDirective,
     NavDropdownToggleDirective,