{% verbatim %}	
	<span ng-controller="constantscontroller" data-ng-init="openNav('landing')">

<div id="landing" class="overlay" style="z-index:999;"  ng-if="showOverlay==true">

  <!-- Button to close the overlay navigation -->
    <!-- Overlay content -->
  <div class="overlay-content">
  <a  class="closebtn fa fa-times-circle-o fa-3x cursor" ng-click="closeNav('landing')"></a>
  
   <img src ="/oc/oc/static/images/welcome.png" style="height:100%;width:100%;" class="img-responsive" >
   
   <a  class="gotbtn cursor" ng-click="GotNav('landing')" style="left:30px;"><button class="btn black-b-overlay left">I got it</button></a>
  
  
  </div>

</div>

</span>
	<div class="container-fluid">
		<div class="row" block-ui="myViewBlockUI" >
		
					 <div  ng-if="gridOptionsCategory.data.length>0 " ui-grid="gridOptionsCategory" class="grid" ui-grid-expandable ui-auto-scrolling  ></div>
						<div ng-if=" showLandingContent==0" class="watermark bold" ng-show="gridOptionsCategory.data.length==0">{{firstUser}} <a href='#startcollection'class="bold">{{startCollectionNow}}</a></div>
											
						<div ng-if="gridOptionsCategory.totalItems > pageSize" class="right ">
												
						<label  ng-if="pageNumber==0" style="padding-right: 10px; pointer-events: none; color: rgb(169, 169, 169); margin-top:2%;"><i class="fa fa-step-backward gray fa-2x"></i></label>
						
						<label ng-click="getFistPage('prev')" ng-if="pageNumber!=0" style="padding-right: 10px; margin-top:2%;" class="blueColor"><i class="fa fa-step-backward cursor fa-2x"></i></label>
						
						
						
						<label  ng-if="pageNumber==0" style="padding-right: 10px; pointer-events: none; color: rgb(169, 169, 169); margin-top:2%;"><i class="fa fa-play fa-rotate-180 gray fa-2x"></i></label>
						
						<label ng-click="getPage('prev')" ng-if="pageNumber!=0" style="padding-right: 10px;  margin-top:2%;" class="blueColor"><i class="fa fa-play fa-rotate-180 cursor fa-2x"></i></label>
						
						<span class="bold" style="padding-right:10px;">Displaying Jobs {{jobText}} of {{gridOptionsCategory.totalItems}}</span>
						
						
						<label  ng-if="totalPage-1 == pageNumber " style="padding-right: 10px; pointer-events: none; color: rgb(169, 169, 169); margin-top:2%;"><i class="fa fa-play fa-rotate-360 gray fa-2x"></i></label>
						
						<label ng-click="getPage('next')" ng-if="totalPage-1 != pageNumber " style="padding-right: 10px;  margin-top:2%;" class="blueColor"><i class="fa fa-play fa-rotate-360 cursor fa-2x"></i></label>
						
						
						<label  ng-click="getLastPage(totalPage-1)" style="padding-right: 10px; pointer-events: none; color: rgb(169, 169, 169); margin-top:2%;" ng-if="totalPage-1 == pageNumber "><i class="fa fa-step-forward gray fa-2x"></i></label>
						
						<label  ng-click="getLastPage(totalPage-1)" style="padding-right: 10px; margin-top:2%;" class="blueColor" ng-if="totalPage-1 != pageNumber "><i class="fa fa-step-forward  fa-2x cursor"></i></label>
	
					</div>
	

		
		
				{% endverbatim %}	
</div></div>