refactor(SidebarNavLink): extract disabled link type

Author: xidedix

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

@@ -1,8 +1,17 @@
 <ng-container [ngSwitch]="linkType">
+  <a *ngSwitchCase="'disabled'"
+     [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>
+  </a>
   <a *ngSwitchCase="'external'"
-    [ngClass]="getLinkClass()"
-    href="{{item.url}}"
-    [appHtmlAttr]="item.attributes">
+     [ngClass]="getLinkClass()"
+     [href]="item.url"
+     [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>
@@ -14,7 +23,8 @@
      [attr.disabled]="isDisabled()"
      routerLinkActive="active"
      [routerLink]="item.url"
-     (click)="hideMobile()">
+     (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>

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

@@ -37,7 +37,7 @@ export class AppSidebarNavLinkComponent implements OnInit {
   }
 
   public getLinkType() {
-    return this.isExternalLink() ? 'external' : 'link';
+    return this.isDisabled() ? 'disabled' : this.isExternalLink() ? 'external' : 'link';
   }
 
   public hasVariant() {