import { Component, Injector, OnInit, ViewChild, ViewEncapsulation, Input, TemplateRef } 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 { ControllerRouteDetailServiceProxy} from '@shared/service-proxies/service-proxies';
import { RouteDetailModal } from './route-detail-modal.component';
import { AppSessionService } from '@shared/common/session/app-session.service';
import * as moment from 'moment';
import { Table } from "primeng/table";
import { LazyLoadEvent } from "primeng/primeng";
import { Paginator } from 'primeng/components/paginator/paginator';
import { HttpClient } from '@angular/common/http';
import { finalize } from 'rxjs/operators';
import * as _ from 'lodash';
declare var $: any;
declare var jquery:any;
@Component({
    templateUrl: 'route-detail.component.html',
    encapsulation: ViewEncapsulation.None,
    styleUrls: ['./route-detail.component.less'],
    animations: [appModuleAnimation()]
})

export class RouteDetailComponent extends AppComponentBase implements OnInit {
    
    routeId:number = null;
    details:boolean = false;
    antechRouteDetails:boolean = false;

    @ViewChild('routeDetailModal', { static: true }) routeDetailModal: RouteDetailModal;
    @Input() hfRouteDetails : TemplateRef<any>;
    @ViewChild("dataTable", {static: true}) dataTable:Table
    @ViewChild("paginator", {static: true}) paginator: Paginator

    // locations: LocationListDto[] = [];
	constructor(
        injector: Injector,
        private id:ActivatedRoute,
        private _controllerRouteDetails: ControllerRouteDetailServiceProxy,
        private _appSessionService :AppSessionService,
        // private _routeService: RouteServiceProxy
        
    ) {
        super(injector);
    }

    ngOnInit(){
        this.antechRouteDetails = abp.features.isEnabled('App.RouteDetails');

        this.id.paramMap.subscribe(params => {
            this.routeId = Number(params.get('id'));
        });
    }

    
    showDetails(){
        // this.details = !this.details;
        this.routeDetailModal.show();
    }

    ngAfterViewInit(){

        $('.kt-select2').select2();
        $('.selectpicker').selectpicker();
    }

    onShown(){
        
    }


}