{% verbatim %}	<div class="" ng-if="row.entity.name==grid.appScope.result.name" style="width:inherit;">	
			
				<div class="pref1 col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12" ng-repeat="(key, value) in grid.appScope.result.components track by $index" style="height:31px;"  >
									
									
									<div style="float:left;" class="col-lg-2 col-sm-2 col-xl-2 col-md-2 col-xs-2 truncateWord" style="padding:0;" title="{{key}}"> {{key}}</div>
									
									<div style="float:left;" class="col-lg-2 col-sm-2 col-xl-2 col-md-2 col-xs-2 ellipsis" style="padding:0" uib-tooltip="{{value.component_category}}"  tooltip-placement="bottom" tooltip-append-to-body='true'> {{value.component_category}}</div>	
<div class=" col-lg-1 col-sm-1 col-xl-1 col-md-1 col-xs-1" style="padding:0;float:left;">	</div>								

<div class="col-lg-2 col-sm-2 col-xl-2 col-md-2 col-xs-2" style="padding:0;float:left">

<span ng-if="value.status == 'Pass' && value.progress=='100'" class="progress"><div class="progress-bar progress-bar-success manageHeight"  style='width:{{value.progress}}% !important;' ng-style="{'width':{{value.progress}}+'%'}">
<span ng-if="grid.appScope.result.status!='In progress'">100%</span>
<span ng-if="grid.appScope.result.status=='In progress'">{{value.progress}}%</span>

</div>	</span>


<span ng-if="value.status == 'Pass' && value.progress<'100'" class="progress"><div  class="progress-bar progress-bar-success progress-bar-striped active manageHeight" value="dynamic" type="Success"  style='width:{{value.progress}}% !important;' ng-style="{'width':{{value.progress}}+'%'}">
<span ng-if="grid.appScope.result.status!='In progress'">100%</span><span ng-if="grid.appScope.result.status=='In progress'">{{value.progress}}%</span></div>	</span>


<span ng-if="value.status == 'Fail' && value.progress=='100'" class="progress"><div  class=" progress-bar progress-bar-danger manageHeight"  style='width:{{value.progress}}% !important;' ng-style="{'width':{{value.progress}}+'%'}"><span ng-if="grid.appScope.result.status!='In progress'">100%</span><span ng-if="grid.appScope.result.status=='In progress'">{{value.progress}}%</span></div>	</span>


<span ng-if="value.status == 'Fail' && value.progress<'100'" class="progress"><div class="progress-bar progress-bar-danger progress-bar-striped active manageHeight" value="dynamic" type="danger"  style='width:{{value.progress}}% !important;' ng-style="{'width':{{value.progress}}+'%'}"><span ng-if="grid.appScope.result.status!='In progress'">100%</span><span ng-if="grid.appScope.result.status=='In progress'">{{value.progress}}%</span></div>	</span>


<span ng-if="value.status == 'Partial' && value.progress<'100'"class="progress" ><div class="progress-bar progress-bar-warning progress-bar-striped active manageHeight" value="dynamic" type="danger"  style='width:{{value.progress}}% !important;' ng-style="{'width':{{value.progress}}+'%'}"><span ng-if="grid.appScope.result.status!='In progress' || grid.appScope.result.progress==100">100%</span><span ng-if="grid.appScope.result.status=='In progress'">{{value.progress}}%</span></div>	</span>

<span ng-if="value.status == 'Partial' && value.progress=='100'" class="progress"><div class="progress-bar progress-bar-warning manageHeight" value="dynamic" type="danger"  style='width:{{value.progress}}% !important;' ng-style="{'width':{{value.progress}}+'%'}"><span ng-if="grid.appScope.result.status!='In progress' || grid.appScope.result.progress==100">100%</span><span ng-if="grid.appScope.result.progress<'100' ">{{value.progress}}%</span></div>	</span>

		</div>
		<div class=" col-lg-3 col-sm-3 col-xl-3 col-md-3 col-xs-3" style="padding:0;float:left;">	</div>	
		
		<div ng-if = "value.progress=='100' && value.file_path!=undefined && value.status!='Fail'" class="col-lg-1 col-sm-1 col-xl-1 col-md-1 col-xs-1 " style="float:left"><div uib-tooltip="View"  tooltip-placement="bottom" class="fa fa-binoculars fa-2x cursor" aria-hidden="true" ng-controller = "gridsViewController" ng-click="viewComponentForm(value.file_path,value.component_category,key)"></div></div>
		<div ng-if = "value.status=='Fail'" class="col-lg-1 col-sm-1 col-xl-1 col-md-1 col-xs-1 " style="float:left;"><div uib-tooltip="View Unavailable"  tooltip-placement="bottom" class="fa fa-binoculars fa-2x cursor" aria-hidden="true" style="color:grey;"></div></div>
		<div class=" col-lg-2 col-sm-1 col-xl-1 col-md-1 col-xs-1" style="padding:0;float:left;">	</div>	
									
									
									<br />
								</div><div class="pref-log col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12"  id="scrollContainer">
								<div style="background:black;min-height:100%">
								
								<htmldiv content="grid.appScope.result.log" class="job-log" ></htmldiv>
								
								</div>	
								</div>	
<div class="clear black-b">{{grid.appScope.result.logMessage}}</div>
								</div>	
{% endverbatim %}