<section class="content-header">
    <h2 translate class="subheader-title">
        <span class="subheader-icon fal fa-tasks"></span> Manual Archive - Job
    <small> </small>
    </h2>
    <div class="row">
        <div class="col-sm-12">
                  <div class="pull-right" style="margin-top: -30px;">
                      <a href="#/dashboard" class="btn btn-outline-primary waves-effect waves-themed btn-sm">
                          <i class="fal fa-chart-area"></i> Go back to dashboard</a>
                  </div>
                </div>
          </div>
</section>
<section class="content">
    <div class="box padding-15" style="display: block;padding: 25px !important;">
        <div class="row">
            <div class="col-sm-1">
                <label style="margin-top: 6px !important;margin-left: 10px;">  <span style="font-weight: 600;">Workflow:</span> </label>
            </div>
            <div class="col-sm-3" style="margin-top: -19px">
                <div class="multi_select_col">
                  <ng-multiselect-dropdown [placeholder]="'Select The Workflow...'" [data]="jobProductTypeList"
                    textField="project_subtitle" [settings]="_ddlProjecttypeSettings"
                    name="ddljobproducttype" [(ngModel)]="_userselectedItems" (onDeSelect)="onItemDeSelect($event)"
                    (onSelect)="onItemSelect($event);" style="margin-left: -15px;">
                  </ng-multiselect-dropdown> <!--(onSelectAll)="onSelectAll($event)"
                    (onDeSelectAll)="onDeSelectAll($event)"-->
                </div>
            </div>
            <div class="col-sm-2">
                <button class="btn btn-primary waves-effect waves-themed btn-sm" type="button"
                (click)="archieve_job()" [disabled]="jobselexist">
               Submit
              </button>
            </div>
            <div style="margin-left: auto;
            margin-right: 20px;">
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="Search..." [(ngModel)]="searchText" [ngModelOptions]="{standalone: true}" aria-label="Search">
                  <span class="input-group-append">
                      <button class="btn btn-primary waves-effect waves-themed btn-sm" type="button">
                        <span class="fal fa-search"></span>
                      </button>
                  </span>
                </div>
              </div>
        </div>
    <div class="box-body">
        <div class="table-responsive" >
            <table  class = "table table-bordered table-condensed table-hover table-striped" >
               <thead style="color: white;">
                  <tr style="padding: 5px;">
                     <th style="width:60px">#</th>
                     <th class="pointer" >
                        Action           
                     </th>
                     <th class="pointer" >
                        Job Title           
                     </th>
                     <th class="pointer" >
                      Job Status           
                   </th>
                     <th class="pointer" >
                       Created By       
                     </th>
                     <th class="pointer">
                       Created on
                     </th>
                     
                  </tr>
               </thead>
               <tbody>
                  <tr *ngFor="let job of jobdetails_list |filter:searchText| paginate: { itemsPerPage: itemsPerPage, currentPage: p};let i = index">
                     <td>{{itemsPerPage * (p - 1) + i + 1}}</td>
                     <td style="padding: 5px;">
                        <input type="checkbox" [checked]="job.insert_p==1" (click)="selectjob(job,$event)" >
                     </td>
                     <td>{{job.title}}</td>
                     <td>{{job.jobstatus}}</td>
                     <td>{{job.username}}</td>
                     <td>{{job.createdon| date:'dd-MM-yyyy'}}</td>
                    
                  </tr>
                  <tr *ngIf=" jobdetails_list.length==0">
                     <td colspan="11" style="text-align:center;">No Records Found</td>
                  </tr>
               </tbody>
            </table>
         </div>
         <div *ngIf="jobdetails_list && jobdetails_list.length!=0" class="pull-right">
            <pagination-controls (pageChange)="p = $event"></pagination-controls>
         </div>
    </div>
    </div>
</section>
<ngx-spinner bdColor = "rgba(255, 255, 255, 0.8)" size = "small" color = "#000000" type = "ball-fall" [fullScreen] = "false"><p style="color: black;" > Loading... </p></ngx-spinner>

