Skip to content

Commit

Permalink
Support icon field of MenuItem
Browse files Browse the repository at this point in the history
If `MenuItem` structure specifies an icon, let's draw that on the Breadcrumbs.
Additional fix is provided for customizing `home.icon` in the case where `home.routerLink` is defined.
It can solve primefaces#4891
  • Loading branch information
FirstVertex authored Jun 29, 2018
1 parent 546ff10 commit fcec919
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion src/app/components/breadcrumb/breadcrumb.ts
Original file line number Diff line number Diff line change
Expand Up @@ -16,18 +16,20 @@ import {RouterModule} from '@angular/router';
</a>
<a *ngIf="home.routerLink" [routerLink]="home.routerLink" [queryParams]="home.queryParams" [routerLinkActive]="'ui-state-active'" [routerLinkActiveOptions]="home.routerLinkActiveOptions||{exact:false}" class="ui-menuitem-link" (click)="itemClick($event, home)"
[ngClass]="{'ui-state-disabled':home.disabled}" [attr.target]="home.target" [attr.title]="home.title" [attr.id]="home.id">
<span class="pi pi-home"></span>
<span [ngClass]="home.icon||'pi pi-home'"></span>
</a>
</li>
<li class="ui-breadcrumb-chevron pi pi-chevron-right" *ngIf="model&&home"></li>
<ng-template ngFor let-item let-end="last" [ngForOf]="model">
<li role="menuitem">
<a *ngIf="!item.routerLink" [href]="item.url||'#'" class="ui-menuitem-link" (click)="itemClick($event, item)"
[ngClass]="{'ui-state-disabled':item.disabled}" [attr.target]="item.target" [attr.title]="item.title" [attr.id]="item.id">
<span *ngIf="item.icon" [ngClass]="item.icon"></span>
<span class="ui-menuitem-text">{{item.label}}</span>
</a>
<a *ngIf="item.routerLink" [routerLink]="item.routerLink" [queryParams]="item.queryParams" [routerLinkActive]="'ui-state-active'" [routerLinkActiveOptions]="item.routerLinkActiveOptions||{exact:false}" class="ui-menuitem-link" (click)="itemClick($event, item)"
[ngClass]="{'ui-state-disabled':item.disabled}" [attr.target]="item.target" [attr.title]="item.title" [attr.id]="item.id">
<span *ngIf="item.icon" [ngClass]="item.icon"></span>
<span class="ui-menuitem-text">{{item.label}}</span>
</a>
</li>
Expand Down

0 comments on commit fcec919

Please sign in to comment.