import { Component, Injector, OnInit, ViewChild, ViewEncapsulation, Input, OnChanges } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { AppConsts } from '@shared/AppConsts';
import { appModuleAnimation } from '@shared/animations/routerTransition';
import { AppComponentBase } from '@shared/common/app-component-base';
import { RouteListDto, RouteServiceProxy } from '@shared/service-proxies/service-proxies';

import * as moment from 'moment';
import { LazyLoadEvent } from 'primeng/components/common/lazyloadevent';
import { Paginator } from 'primeng/components/paginator/paginator';
import { Table } from 'primeng/components/table/table';
import { HttpClient } from '@angular/common/http';
import { finalize } from 'rxjs/operators';
import * as status_icon from './status_icon.json';

@Component({
	selector: 'sla-table-details',
    templateUrl: './sla-table-details.component.html',
    encapsulation: ViewEncapsulation.None,
    styleUrls: ['./sla.component.less'],
    animations: [appModuleAnimation()]
})

export class SlaTableDetailsComponent extends AppComponentBase implements OnInit {
    hide : boolean;

    @Input('status_code') status_code: string;
    @Input('attr') attr: any;
    @Input('idholder') idholder: number;
    status_value: any;
    sla_rows: any = [];
	constructor(
        injector: Injector,
        private _routeService: RouteServiceProxy
        
    ) {
        super(injector);
    }

    ngOnInit(): void {
       this.sla_rows.push({'description': 'Total Vehicles', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Total Packages Set for Delivery', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Packages Not Picked Up', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Packages Tendered', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Packages In Transit', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Packages Delivered', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Delivered ON TIME', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Delivered LATE', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Latest Delivery Time', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Packages Cancelled', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Packages NOT DELIVERED', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': '% ON TIME', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Set for Delivery', 'date': '01/01/2020', 'grand_total': 0});
       this.sla_rows.push({'description': 'Same Day Upgrades', 'date': '01/01/2020', 'grand_total': 0});
    }
    onShown(): void {
      
    }
    ngOnChanges(): void {
      
    }

}