	<mat-expansion-panel #exPanel class="expansion-panel" (opened)="togglePanel();"> 
		<mat-expansion-panel-header  [expandedHeight]="'48px'">
			<span *ngIf=" userdata.TEAM && userdata.TEAM?.length > 0 ">
				<i [ngClass]="isSession == userIdx ? 'transform-team-img' : 'transform-orgteam-img'" class="material-icons  user-status" (click)="toggleSession(userIdx);$event.stopPropagation()">&#xE315;</i>
			</span>
			<div  class="act-list-header">
				<span class="act-user-img">
		    	       <img class="user-image"  customImage [customImage] = "getConfigDet(userdata)"  />
<!-- 				   <img class="user-image" [src]="imageUrl('userImage',userdata.NAME)" (error)="errorHandler('userImage','',$event); "> -->
<!-- 				   <img class="user-image" src="{{IMG_URL}}/ibase/images/userImages/{{userdata.NAME}}.png" (error)="errorHandler('userImage',$event); "> -->
<!-- 	   			   <img [src]="IMG_URL+'/ibase/images/userImages/'+userdata.NAME" (error)="errorHandler('userImage',$event); " class="user-image"/>  -->
				</span>
				<span class="act-user-info">
					<span class="act-user-name">{{checkData(userdata.NAME)}}</span>
					<span class="act-user-ant">{{checkData(userdata.DESIGNATION)}}</span>
				</span>
			 	<span class="btry-status-container" >
			     	<span class="day-strt-stat">Day Start: 
				     	<bb-battery style="display: inline-block;" *ngIf="userdata.LOGIN_BATTERY_STATUS !='NA'" [current]="userdata.LOGIN_BATTERY_STATUS" [size]="'small'"></bb-battery>
				     	 <span *ngIf="userdata.LOGIN_BATTERY_STATUS =='NA'">
				     	 	{{userdata.LOGIN_BATTERY_STATUS}}
				     	 </span>
						<span>
							@ {{(userdata.LOGIN_TIME =='NA') ? userdata.LOGIN_TIME : (userdata.LOGIN_TIME | date: 'MMM dd, hh:mm a')}}
						</span>					     	 
				    </span> 
					<span class="last-int-stat">Last Interaction: 
						<bb-battery style="display: inline-block;" *ngIf="userdata.LOGOUT_BATTERY_STATUS !='NA'" [current]="userdata.LOGOUT_BATTERY_STATUS" [size]="'small'"></bb-battery>
						<span *ngIf="userdata.LOGOUT_BATTERY_STATUS =='NA'">
							{{userdata.LOGOUT_BATTERY_STATUS}}
						</span>
						<span>
							@ {{(userdata.LOGOUT_TIME =='NA') ? userdata.LOGOUT_TIME : (userdata.LOGOUT_TIME | date: 'MMM dd, hh:mm a')}}
						</span>
					</span> 
				</span>
			</div>
		</mat-expansion-panel-header> 
	   <div  [ngClass]="(userdata.TEAM && userdata.TEAM?.length > 0) ? 'team-data' : 'data' "  class="act-list-container" >
		   <span *ngIf="userdata.SESSIONS?.length !== null; " >
		   	   <session-activity-data [allSessionData]="userdata.SESSIONS" [hostUrl]="hostUrl"></session-activity-data>
		   </span>
	   	   <div *ngIf="userdata.SESSIONS?.length == null;" class="nodatafound">
				<span  class="nodatafoundtext">
						No Session Data Found.				
				</span>
		   </div>		   
	   </div>
	</mat-expansion-panel>

<div [ngClass]="isSession == userIdx ? 'transform-team' : 'isSession-team'" >
	<team-activity-data [allTeamdata]="userdata.TEAM" [hostUrl]="hostUrl"></team-activity-data>
</div> 