Last breadcrumb as noLink (#48)

Author: CarlesLopezMagem

library/angular-admin-lte/src/lib/breadcrumbs/breadcrumbs.component.css

@@ -17,8 +17,8 @@
   display: inline-block;
 }
 
-.breadcrumb > li > a > .fa,
-.breadcrumb > li > a > .glyphicon,
-.breadcrumb > li > a > .ion {
+.breadcrumb > li .fa,
+.breadcrumb > li .glyphicon,
+.breadcrumb > li .ion {
   margin-right: 5px;
 }

library/angular-admin-lte/src/lib/breadcrumbs/breadcrumbs.component.html

@@ -1,11 +1,12 @@
+
 <ol class="breadcrumb">
   <li *ngFor="let breadcrumb of breadcrumbs; let first = first; let last = last" [class.active]="last || !breadcrumb.url">
-    <a *ngIf="breadcrumb.url" [routerLink]="breadcrumb.url">
+    <a *ngIf="breadcrumb.url && !last; else noLink" [routerLink]="breadcrumb.url">
       <i *ngIf="first" ngClass="{{homeIcon}}"></i>
       <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>
       <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>
     </a>
-    <ng-template [ngIf]="!breadcrumb.url">
+    <ng-template #noLink>
       <i *ngIf="first" ngClass="{{homeIcon}}"></i>
       <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>
       <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>