<div *ngIf='visibleList && visibleList.length > 0' class="content-screen row">
		
	<div class="column header-container">
		<span class="category-header-title" *ngIf ='refSerDescr' >{{refSerDescr.replace('_', ' ') | lowercase}}</span>
		
		<span *ngIf="visibleList.length > 10 && !isSearchResult">
			<span class="see-all-section" *ngIf = 'showAll' (click)="showAll = false; displayLength = visibleList.length;">
		      <span class="sea-all-href" [ngStyle]="{'color': themeColor}">See all ({{visibleList.length}})</span>
			</span>
			
			<span class="see-all-section" *ngIf = '!showAll' (click)="showAll = true; displayLength = 10;">
		      <span class="sea-all-href" [ngStyle]="{'color': themeColor}">See Less</span>
			</span>
		</span>
	</div>

	 <div class="content-container" >
		<div class="small-12 medium-4 large-2 column card-container" 
			*ngFor="let content of visibleList |slice:0:displayLength  ">
			<content-card 
				(onSelect)="onSelect($event);"  
				[content]="content"
				[detailOpts]="detailOpts"
				[hostUrl]="HOST_URL"
				[userRights] = "userRights"
				>
			</content-card>
		</div>
	</div> 
</div>
 