<div class="fieldPlans">
<div class="work">
	<img class="fieldWorkImg" [src]="ASSET_IMG_URL+'/svg/field_work.svg'">
	<span class="fieldWork">{{todaysCallInfo.data.ACTIVITY_TYPE_DESCR || 'Field Work'}}</span>
</div>
<div class="plan">	
	<div *ngIf="todaysCallInfo.data.CALL_ASPERPLAN_STATUS=='TRUE'" >		
        <img class="asPerPlanImg" [src]="ASSET_IMG_URL+'/svg/smiley.svg'" >
        <span  class="asPerplan" id ="asperplan">{{todaysCallInfo.data.CALL_RESULT_DESCR || 'As per plan'}}</span>
    </div>
    <div *ngIf="todaysCallInfo.data.CALL_ASPERPLAN_STATUS=='FLASE'" >		
        <img class="asPerPlanImg" [src]="ASSET_IMG_URL+'/svg/sad_face.svg'">
        <span  class="asPerplan" id ="notasperplan">{{todaysCallInfo.data.CALL_RESULT_DESCR}}</span>
    </div>   
</div>
</div>
<div class="graphInfo" [style.width.px]="elWidth - 60">
 	<chart-component  [data]="todaysCallInfo" [dataArrayInput]="'TODAYS_SUMMARY'"></chart-component>
 </div>
<div class="locationData" *ngIf="todaysCallInfo.data.ACTIVITY_START_LOCALITY && todaysCallInfo.data.ACTIVITY_END_LOCALITY">
	<div class="locationIcon">
		<img style="color: #4285f4c4;height: 20px;" [src]="ASSET_IMG_URL+'/svg/location_b.svg'">
	</div>
	<div class="places">
		  <span class="locationPlace">{{todaysCallInfo.data.ACTIVITY_START_LOCALITY}}<i class="material-icons arrowRightIcn">arrow_right_alt</i>{{todaysCallInfo.data.ACTIVITY_END_LOCALITY}}</span>
		  <span class="planedPlace">{{planCount || 'No'}} places in plan</span>
	</div>
</div>
