<!-- <div class="pull-right" >
 
  <ul>
    <li>
      <span style="color:#0bb1a9; font-size:15px; cursor:pointer;" class="pull-right"   title="Refresh MY JOBS">
        <i class="fa fa-refresh"></i>
      </span>
    </li>
    <li ng-if="isPushstage == true">
      <span (click)="enrichmentSelfAllocate()" style="margin-left:15px; color:#808080; background-color:#fff; border-radius:5px;  padding:5px; cursor:pointer;"><i class='fa fa-address-card' style='font-size:15px;color: #0bb1a9;'></i> GET JOBS</span>
    </li>
    <li>
      <div class="input-group input-group-sm" style="width: 150px;">
        <input type="text" ng-model="search" class="form-control pull-right" placeholder="Search" style="border:1px solid #ccc">
        <div class="input-group-btn">
          <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
        </div>
      </div>
    </li>
  </ul>
  </div> -->
<div *ngIf="!AssignedLotLoading_2" style="margin-top:1%;margin-left:50%;">
    <div class="loader1">
      <div class="bar1"></div>
      <div class="bar1"></div>
      <div class="bar1"></div>
      <div class="bar1"></div>
    </div>
  </div>
  <div class="table-responsive table-cont" id="table-cont">
  <table class="table table-bordered table-striped table-condensed" *ngIf="AssignedLotLoading_2" id="example1" st-table="projectjoblist" st-safe-src="rowCollection" search-watch-model="query">
														 
    <thead>
      <tr *ngIf="projectjoblist.length">

        <th st-ratio="20" st-sort="jobno" class="st-sort-default sheader" st-sort-ascent="st-sort-ascent" st-sort-descent="st-sort-descent" st-sort-default="reverse">Job No</th>
																			   
																									
        <th st-ratio="20" st-sort="jobtitle" class="st-sort-default" style="width:20%;min-width:50px;" st-sort-ascent="st-sort-ascent" st-sort-descent="st-sort-descent" st-sort-default="reverse">Job title</th>
																								 
        <th st-ratio="20" st-sort="title" class="st-sort-default" style="width:30%;min-width:50px;" st-sort-ascent="st-sort-ascent" st-sort-descent="st-sort-descent" st-sort-default="reverse">Chapter Name</th>
																																					  
        <th st-ratio="20" *ngIf="wkb_book_type == 'true'" st-sort="stagename_alias" class="st-sort-default sheader" st-sort-ascent="st-sort-ascent" st-sort-descent="st-sort-descent" st-sort-default="reverse">Book Type</th>
        <th st-ratio="20" st-sort="stagename_alias" class="st-sort-default sheader" st-sort-ascent="st-sort-ascent" st-sort-descent="st-sort-descent" st-sort-default="reverse">Stage</th>
																			  
        <th st-ratio="20" st-sort="lotstatus" class="st-sort-default sheader" st-sort-ascent="st-sort-ascent" st-sort-descent="st-sort-descent" st-sort-default="reverse">Status</th>
																			   
      </tr>
    </thead>
    <tbody>
       <tr *ngFor="let job of projectjoblist |filter: search">
          <td st-ratio="20" class="sbody">{{job.jobno}}</td>
          <td st-ratio="20" style="width:30%;min-width:50px;">{{job.jobtitle}}</td>
          <td st-ratio="20" style="width:30%;min-width:50px;">{{job.title}} <span *ngIf="job.sType == 'BATCH'">(B)</span></td>
		   
          <td st-ratio="20" class="sbody" *ngIf="wkb_book_type == 'true'">{{job.wkb_book_type}}</td>
          <td st-ratio="20" class="sbody">{{job.stagename_alias}}</td>
          <td st-ratio="20" class="sbody">
              <a *ngIf="(job.lotstatus == 'R' || job.lotstatus == 'YTS') && job.holdreason === 0" 
              (click)="WorkArea(job.userid,job.transactionid,job.weburl,job.projectdefinitionid)" class="badge bg-green">
                  Start <i class="fa fa-angle-double-right" aria-hidden="true"></i>
              </a>
              <a *ngIf="(job.lotstatus == 'R' || job.lotstatus == 'YTS') && job.holdreason === 1" title="{{job.reassign}}" 
              (click)="WorkArea(job.userid,job.transactionid,job.weburl,job.projectdefinitionid)" class="badge" style="background-color:#a20596">
										   
                  Start <i class="fa fa-angle-double-right" aria-hidden="true"></i>
              </a>
              <a *ngIf="job.lotstatus == 'P' || job.lotstatus == 'H'" title="Picked by {{job.empname}}" 
              (click)="WorkArea(job.userid,job.transactionid,job.weburl,job.projectdefinitionid)" class="badge bg-yellow">
                  Open <i class="fa fa-angle-double-right" aria-hidden="true"></i>
              </a>

															  
              <a *ngIf="job.lotstatus == 'AP'" class="badge bg-gray" title="Already allocated to {{job.empname===''?'Automation':job.empname}}">{{job.empname===''?'Automation':job.empname}}</a>
																
              <a *ngIf="job.lotstatus == 'OP'" class="badge bg-yellow" title="Picked by {{job.empname===''?'Automation':job.empname}}">{{job.empname===''?'Automation':job.empname}}</a>
									   
              <a *ngIf="job.lotstatus == 'I'" (click)="WorkArea(job.userid,job.transactionid,job.weburl,job.projectdefinitionid)" class="badge bg-blue">Re Open <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
																			  
          </td>
      </tr> 
    </tbody>
  </table>
															  
  <div *ngIf="AssignedLotLoading_2 && projectjoblist.length===0" style="text-align:center;background-color: #ddd;padding:3px;" class="ng-scope"><b>No Jobs Found.</b></div>
</div>
  <br />
  <!-- <dir-pagination-controls max-size="5" *ngIf="projectjoblist.length"  ng-if="AssignedLotLoading_2"
                           direction-links="true"
                           boundary-links="true">
  </dir-pagination-controls> -->