<md-card *ngIf="recentViewItems && recentViewItems.length " class="recent-view-card" id='recentViewCard'>
    <div class="recent-view-header">
      <span class="recent-view-title"> Recently Viewed </span>
    </div>
   <div class="recent-view-items"> 
    <div *ngFor="let item of recentViewItems | slice:0:show; let i=index" class="ecm-recent-view-card row" (click)="viewItem(item.itemCode)">
    	<div class="product-image medium-6 large-4 columns">
		  <bb-image [refId]='item.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" [isThumbnail]="true"></bb-image>		
	    </div>
	    <div class="product-data medium-6 large-8 columns">
	      <span class="item-descr">{{item.itemHeader.itemShDescr}}</span>
          <span class="item-cost">Rs. {{item.itemHeader.itemDiscountedRate | number : '3.1-5'}}</span>		
	    </div>
	</div>
    <div class="view-all-section" *ngIf="recentViewItems.length > 3 && show == 3" (click)="show = recentViewItems.length">
	  <span class="view-all-button">View All {{recentViewItems.length}} Items </span>
	</div>
  </div>	
 </md-card>