
<mat-accordion>
	<mat-expansion-panel #sessExpPanel *ngFor="let sessionData of allSessionData;  let i = index"  class="expansion-panel"> 
		<mat-expansion-panel-header class="exapansion-session-panel-header"  [expandedHeight]="'48px'" >
			<i [ngClass]="sessExpPanel.expanded? 'transform-img' : ''" class="material-icons browse-image">&#xE315;</i>
			<mat-panel-title> 
				<div class="broswer-det-container">
					<img class="user-adjest" [src]="imageUrl('clientApp',sessionData.CLIENT_APP)" (error)="errorHandler('clientApp','',$event);" >  
					<!-- <img class="user-adjest" src="{{IMG_URL}}/ibase/plugin/BBPlugins/assets/images/icons/{{sessionData.CLIENT_APP}}.png" (error)="errorHandler('clientApp',$event);" >  -->
					<!-- <img class="user-adjest" [src]="imagePath('clientApp',sessionData.CLIENT_APP)" (error)="errorHandler('clientApp',$event);" class="user-adjest1"/>  -->
				  <div class="browsr-desc">
				      <span class="filtr-opt-desc">{{checkData(sessionData.CLIENT_APP)}} - </span>
				      <span class="filtr-opt-loginTime">{{sessionData.LOGIN_TIME | date: 'MMM dd, hh:mm:ss a'}}</span>
<!-- 					  <span  class="filtr-opt-time"> ({{checkTime(sessionData.TOTAL_TIME.hours, sessionData.TOTAL_TIME.minutes, sessionData.TOTAL_TIME.seconds) }})</span> -->
					  <span  class="filtr-opt-time"> ({{checkTime(sessionData.TOTAL_TIME) }})</span>
					  <span class="filtr-opt-ip">IP {{sessionData.HOST_IP}} ({{sessionData.CURRENT_GEO_POS}})</span>
				  </div>
				</div>
			</mat-panel-title>
		</mat-expansion-panel-header> 
		<!-- TODO Range Component -->
	    <div  *ngFor="let objectsData of sessionData.OBJECTS" >
	        <span *ngIf="checkData(objectsData.DESCR) !=='NA'" class="objectsData"> 
				<img class="user-adjest1" [src]="imageUrl('object',objectsData.OBJ_NAME)" (error)="errorHandler('object','',$event);">
				<!-- <img class="user-adjest1" src="{{IMG_URL}}/ibase/images/menuImages/mob/{{objectsData.OBJ_NAME}}.png" (error)="errorHandler('object',$event);">  -->
				<!-- <img [src]="IMG_URL+'/ibase/images/userImages/'+objectsData.ICON+'.png'" (error)="errorHandler('object',$event);" class="user-adjest1"/>  -->
			 	<span class="act-data-desc"> {{checkData(objectsData.DESCR)}} </span>
	<!-- 			<span class="act-data-strt">{{checkTime(objectsData.ACCESS_TIME.hours,objectsData.ACCESS_TIME.minutes,objectsData.ACCESS_TIME.seconds)}}</span> -->
				<span class="act-data-strt">{{checkTime(objectsData.ACCESS_TIME)}}</span>
			</span>
		</div>
	</mat-expansion-panel>	
</mat-accordion>
