\\r\\n {{ TotalQty | number : \\\"1.2-2\\\" }}\\r\\n
\\r\\n
\\r\\n {{ TotalWeight | number : \\\"1.2-2\\\" }}\\r\\n
\\r\\n
\\r\\n {{ TotalCBM | number : \\\"1.2-2\\\" }}\\r\\n
\\r\\n
\\r\\n {{ TotalAmount | number : \\\"1.2-2\\\" }}\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n MODALIDAD DE SERVICIO\\r\\n
\\r\\n
FCL/FTL/FTB
\\r\\n
LTL/CONSOLIDADO
\\r\\n
DEDICADOS
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n REFERENCIA DE FACTURACION\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n EP-PRO\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
FECHA DE SERVICIO
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n NOMBRE DEL REMITENTE\\r\\n
\\r\\n
RFC
\\r\\n
\\r\\n NOMBRE DEL REMITENTE\\r\\n
\\r\\n
RFC
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
CALLE
\\r\\n
CALLE
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
NUM EXT
\\r\\n
NUM INT
\\r\\n
COLONIA
\\r\\n
NUM EXT
\\r\\n
NUM INT
\\r\\n
COLONIA
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
LOCALIDAD
\\r\\n
MUNICIPIO
\\r\\n
LOCALIDAD
\\r\\n
MUNICIPIO
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
ESTADO
\\r\\n
PAÍS
\\r\\n
CÓDIGO POSTAL
\\r\\n
ESTADO
\\r\\n
PAÍS
\\r\\n
CÓDIGO POSTAL
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
CONTACTO
\\r\\n
TELEFONO
\\r\\n
REFERENCIA DE DOMICILIO
\\r\\n
CONTACTO
\\r\\n
TELEFONO
\\r\\n
REFERENCIA DE DOMICILIO
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n MERCANCÍA NO PELIGROSA\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n CLAVE DE BIENES TRANSPORTADOS\\r\\n
\\r\\n
\\r\\n DESCRIPCION\\r\\n
\\r\\n
\\r\\n CANTIDAD\\r\\n
\\r\\n
\\r\\n CLAVE DE UNIDAD\\r\\n
\\r\\n
\\r\\n UNIDAD\\r\\n
\\r\\n
\\r\\n LARGO\\r\\n
\\r\\n
\\r\\n ANCHO\\r\\n
\\r\\n
\\r\\n ALTO\\r\\n
\\r\\n
\\r\\n PESO EN KG\\r\\n
\\r\\n
\\r\\n ESTIBABLE\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n NUMERO TOTAL DE MERCANCIAS\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
REQUERIMIENTOS ESPECIALES OPERATIVOS
\\r\\n
REQUERIMIENTOS ADMINISTRATIVOS
\\r\\n
\\r\\n
\\r\\n
DE RECOLECCION
\\r\\n
DE ENTREGA
\\r\\n
REFERENCIA DE FACTURACION
\\r\\n
METODO DE PAGO
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n FORMA DE PAGO\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n CONDICION DE PAGO\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n Obs.1: Nos respaldamos en las Cláusulas Novena y Décima de\\r\\n Condiciones de prestación de servicios que ampara la CARTA DE PORTE\\r\\n O COMPROBANTE PARA EL TRANSPORTE DE MERCANCIAS de la Secretaría de\\r\\n Comunicaciones y Transporte de México: \\r\\n NOVENA.- Si el \\\"Remitente\\\" o \\\"Expedidor\\\" desea que el\\r\\n \\\"Transportista\\\" asuma la responsabilidad por el valor de las\\r\\n mercancías o efectos que él declare y que cubra toda clase de\\r\\n riesgos, inclusive los derivados de caso fortuito o de fuerza mayor,\\r\\n las partes deberán convenir un cargo adicional, equivalente al valor\\r\\n de la prima del seguro que se contrate, el cual se deberá expresar\\r\\n en la Carta de Porte. \\r\\n DÉCIMA.- Cuando el importe del flete no incluya el cargo adicional,\\r\\n la responsabilidad del \\\"Transportista\\\" queda expresamente limitada a\\r\\n la cantidad equivalente a 15 días del salario mínimo vigente en el\\r\\n Distrito Federal por tonelada o cuando se trate de embarques cuyo\\r\\n peso sea mayor de 200 kg., pero menor de 1000 kg; y a 4 días de\\r\\n salario mínimo por remesa cuando se trate de embarques con peso\\r\\n hasta de 200 kg. \\r\\n Condiciones para hacer reclamo de daño: \\r\\n Para hacer un reclamo de mercancías, este debe realizarse máximo 3\\r\\n días hábiles posteriores a la entrega de la mercancía, de manera\\r\\n escrita. \\r\\n Contar con evidencias fotográficas de la mercancía dentro y fuera de\\r\\n la unidad. \\r\\n En caso de haber contratado seguro de mercancía con EUROPARTNERS se\\r\\n dará seguimiento directamente con aseguradora y desarrollador\\r\\n logístico (EP). \\r\\n En caso de Cargas FTL, FCL, DEDICADOS, ETC., donde no existan\\r\\n maniobras o manipulación de la mercancía por parte de EP o LT, estas\\r\\n serán exentas de reclamos. \\r\\n EP no aceptará reclamos de mercancía en casos fortuitos ocasionados\\r\\n por fenómenos naturales, protestas gubernamentales, marchas,\\r\\n bloqueos, vandalismo, etc. \\r\\n Obs.2: El llenado de este formato, necesario para generar el\\r\\n Complemento Carta Porte, es obligación del cliente (contratante del\\r\\n servicio). Europartners se deslinda de responsabilidades que pueda\\r\\n ser acreedor por parte de la autoridad debido a cualquier error en\\r\\n la información presentada en este documento\\r\\n \\r\\n
\\r\\n\\r\\n\"","import {\r\n Component,\r\n OnInit,\r\n ViewChild,\r\n AfterViewInit,\r\n NgModule,\r\n} from \"@angular/core\";\r\nimport { Helpers } from \"../../helpers\";\r\nimport { ScriptLoaderService } from \"../../_services/script-loader.service\";\r\nimport { CommonService } from \"../../../app/_services/common.service\";\r\nimport { appService } from \"../../../app/_services/app.service\";\r\nimport { timeout, reduce } from \"rxjs/operators\";\r\nimport { ToastrService } from \"ngx-toastr/\";\r\nimport { environment } from \"../../../environments/environment\";\r\nimport { DatePipe } from \"@angular/common\";\r\nimport { CookieService } from \"ngx-cookie-service\";\r\nimport {\r\n Http,\r\n Headers,\r\n RequestOptions,\r\n Response,\r\n JSONPBackend,\r\n} from \"@angular/http\";\r\nimport { FreightconfirmationComponent } from \"../../../app/freightconfirmation/freightconfirmation.component\";\r\nimport { OnflyNetworkComponent } from \"../../../app/Network/onfly-network/onfly-network.component\";\r\nimport { OnflyDriverComponent } from \"../../../app/Fleet/onfly-driver/onfly-driver.component\";\r\nimport { Router } from \"@angular/router\";\r\n\r\nimport { NavService } from \"../../_services/NavService.service\";\r\n//add kevin 23/11/2020\r\nimport { WaypointsMapComponent } from \"../../../app/map/WaypointsMap/Waypoints.component\";\r\n//end\r\n// import { LiveTrackingComponent } from \"../../LiveTracking/LiveTracking.component\";\r\nimport { TranslateConfigService } from \"../../theme/home/translateConfig.service\";\r\nimport { TranslateService } from \"@ngx-translate/core\";\r\nimport { DecryptPipe } from \"../../auth/_services/encrypt-decrypt.pipe\";\r\nimport { any } from \"@amcharts/amcharts4/.internal/core/utils/Array\";\r\nimport { VahanComponent } from \"../vahan/vahan.component\";\r\n// import { TripExpenseComponent } from \"../../trip-expense/trip-expense.component\";\r\nconst LNG_KEY = \"SELECTED_LANGUAGE\";\r\n\r\ndeclare var jquery: any;\r\ndeclare var $: any;\r\ndeclare var mApp: any;\r\ndeclare var Dropzone: any;\r\ndeclare var google: any;\r\ndeclare var moment: any;\r\n\r\n@Component({\r\n selector: \"app-booking\",\r\n templateUrl: \"./booking.component.html\",\r\n})\r\nexport class BookingComponent implements OnInit, AfterViewInit {\r\n tyreData: any = [];\r\n BudgetHeader: any = [];\r\n FromDate: any;\r\n driverTripAssignedList: any = [];\r\n showAllUlipValidations: boolean = false;\r\n enableUlipForVehicle: boolean = false;\r\n enableUlipForDriver: boolean = false;\r\n isVehValidList: any = [];\r\n isDriverValidList: any = [];\r\n vahanDataList: any = [];\r\n sarathiDataList: any = [];\r\n sarathiData: any;\r\n isDriverValid: boolean = false;\r\n vahanData: any;\r\n isVehValid: boolean = false;\r\n currentRate = null;\r\n selectedLang: string;\r\n IsApproved: boolean = false;\r\n today: number = Date.now();\r\n showBookingList: boolean = true;\r\n showBookingDetails: boolean = false;\r\n IsFromCompletedBooking: boolean = false;\r\n index: any;\r\n StatusBtnList: any = [];\r\n TransporterList: any = [];\r\n Transporter1List: any = [];\r\n BookingBasicDetail: any = {};\r\n VehicleConditionType: any = [];\r\n\r\n BookingSummaryDetail: any = {};\r\n FreightSpent: any = 0;\r\n\r\n LorryReceipt: any = {};\r\n PrimaryDeliveryDetails: any = [];\r\n SecondaryDeliveryDetails: any = [];\r\n FCDetailList: any = [];\r\n\r\n FreightAudit: any = [];\r\n FreightAuditPrimary: any = [];\r\n FreightAuditSecondary: any = [];\r\n FreightAuditAdditional: any = [];\r\n AdditionalCharges: any = {};\r\n BillFreightAuditPrimary: any = [];\r\n BillFreightAuditSecondary: any = [];\r\n BillFreightAuditAdditional: any = [];\r\n TotalRate: any = 0;\r\n TotalMDC: any = 0;\r\n TotalPODC: any = 0;\r\n TotalGHC: any = 0;\r\n tripData: any = [];\r\n TripHeader: any = [];\r\n trackingBooking: any = [];\r\n\r\n PrimaryPOD: any = [];\r\n SecondaryPOD: any = [];\r\n BookingPOD: any = [];\r\n\r\n BookingInvoiceList: any = [];\r\n\r\n ExpenseParty: any = [];\r\n PaymentMode: any = [];\r\n ChargeType: any = [];\r\n ActionExpense: any = [];\r\n BookingExpense: any = {};\r\n PaymentBillAmount: any = 0;\r\n BookingExpenseList: any = [];\r\n BookingPayment: any = [];\r\n PaymentPaidAmount: any = 0;\r\n ReceiptPaidAmount: any = 0;\r\n\r\n BookingReceipt: any = [];\r\n\r\n RouteDataPrimary: any = [];\r\n RouteDataSeconadry: any = [];\r\n RouteDetailPrimary: any = [];\r\n RouteDetailSecondary: any = [];\r\n Pcenter: any = {};\r\n PmapOptions: any = {};\r\n Pmarker: any = {};\r\n PCoordinates: any = {};\r\n Pinfowindow: any = {};\r\n Pmap: any = {};\r\n Scenter: any = {};\r\n SmapOptions: any = {};\r\n Smarker: any = {};\r\n SCoordinates: any = {};\r\n Sinfowindow: any = {};\r\n Smap: any = {};\r\n CompanyId: any;\r\n TenantId: any;\r\n PrintFCData: any = [];\r\n\r\n BookingStatus: any = [];\r\n selectFile: any;\r\n TransporterType: any;\r\n TransporterIDForSearch: any;\r\n static bookingComponent: BookingComponent;\r\n datatable;\r\n\r\n LoadTracking: any = false;\r\n LoadInvoice: any = false;\r\n LoadBill: any = false;\r\n LoadExpense: any = false;\r\n LoadRoute: any = false;\r\n TotalQty: any = 0;\r\n TotalWeight: any = 0;\r\n TotalCBM: any = 0;\r\n TotalAmount: any = 0;\r\n //----------------\r\n DriverCreateTag: any = false;\r\n //add by maaria\r\n isAdvance: any = false;\r\n\r\n // -----------------\r\n MarkAsAssignList: any = [];\r\n\r\n OrderListForBooking: any = [];\r\n ReeferModel: string = \"\";\r\n IsActiveReefer: boolean = false;\r\n //------------------\r\n\r\n //change kevin 08/09/2020\r\n isTransporter: boolean = false;\r\n isCustomer: boolean = false;\r\n userCompanyId: any;\r\n userComanyName: any;\r\n eWayBillFlag: boolean = true;\r\n THCFlag: boolean = true;\r\n UserId: any;\r\n //end\r\n //add kevin 14/06/2021\r\n isFreightExport: any;\r\n //end\r\n flag_FuelPumpWiseBill: any = \"0\";\r\n fuelPumpList: any = [];\r\n ContactPersonNameInTripListPageFlag: any = false;\r\n hostURL = environment.apiUrl;\r\n isHotShotshostUrl: any = environment.apiUrl == \"http://hotshots.com.mx/\" ? true : false;\r\n\r\n // added by vithujan\r\n SystemSettingIdForLeadTimeFlag: any;\r\n // end\r\n //added by vithujan 29-12-2022\r\n VehicleType: any = [];\r\n //end\r\n //added by vithujan 10-01-2023\r\n contextmenu: any = false;\r\n contextmenuX: any = 0;\r\n contextmenuY: any = 0;\r\n //end\r\n\r\n ChargeObj: any = {};\r\n indexOFOrderForCharge: any = 0;\r\n THCChargeList: any = [];\r\n THCChargeListDefalut: any = {};\r\n totalChargeAmount: any = 0;\r\n totalAdvance: any = 0;\r\n THCChargeRemark: any = '';\r\n //added by vithujan 04-03-2023\r\n OrdersDeliveryDate: any;\r\n //end\r\n //added by vithujan 07-04-2023\r\n // @ViewChild(TripExpenseComponent) ChildTripExpenseComponent: TripExpenseComponent;\r\n //added by vithujan 28-04-2023\r\n AccountDetail: any = {};\r\n //end\r\n //added by vithujan 04-05-2023\r\n ValidateTHCADvanceAmountFlag: boolean = false;\r\n //end\r\n productFulfillmentWiseBookingFlag: any = false;\r\n FVModelBasicData = { pickupLocation: '', pickupAddress: '', pickupLatitude: '0.0', pickupLongitude: '0.0', NearestKM: 50 };\r\n FVModelListData = [];\r\n FVMap: any;\r\n FVBeachMarker: any = [];\r\n THCAdvancePercentageApproveRejectFlag: any = false;\r\n tar_THCApproveRejectData: any = [];\r\n loading: any = false;\r\n FindVehicleListViewType: any = 'List';\r\n FindVehicleDetailData: any = [];\r\n IsAdvanceChargeCode: any = false;\r\n\r\n\r\n MobValidationValue: boolean;\r\n MobValidationDiscription: any;\r\n\r\n LeadTime: any;\r\n\r\n @ViewChild(VahanComponent) vahanComponent: VahanComponent;\r\n @ViewChild(WaypointsMapComponent) ChildWaypointsMapComponent: WaypointsMapComponent;\r\n @ViewChild(FreightconfirmationComponent) childComponent: FreightconfirmationComponent;\r\n @ViewChild(OnflyNetworkComponent) childNetworkComponent: OnflyNetworkComponent;\r\n @ViewChild(OnflyDriverComponent) ChilddriverComponent: OnflyDriverComponent;\r\n constructor(\r\n private _script: ScriptLoaderService,\r\n private _appService: appService,\r\n private commonService: CommonService,\r\n private toastr: ToastrService,\r\n public datepipe: DatePipe,\r\n private cookieservice: CookieService,\r\n private router: Router,\r\n private _navService: NavService,\r\n private service: TranslateConfigService,\r\n private translate: TranslateService,\r\n private cookieService: CookieService,\r\n private decryptpipe: DecryptPipe\r\n ) {\r\n BookingComponent.bookingComponent = this;\r\n let language = this.translate.getBrowserLang();\r\n let value = localStorage.getItem(LNG_KEY);\r\n if (value === \"\" || value === null || value === undefined) {\r\n this.translate.setDefaultLang(language);\r\n this.selectedLang = language;\r\n } else {\r\n this.service.setLanguage(value);\r\n this.selectedLang = value;\r\n }\r\n let val = localStorage.getItem(LNG_KEY);\r\n }\r\n\r\n ngOnInit() {\r\n this.CompanyId = JSON.parse(localStorage.getItem(\"ChnageCompnayId\")).Id;\r\n this.isTransporter = JSON.parse(localStorage.getItem(\"isTransporter\"));\r\n this.isCustomer = JSON.parse(localStorage.getItem(\"isCustomer\"));\r\n this.userCompanyId = JSON.parse(localStorage.getItem(\"userComanyId\"));\r\n this.userComanyName = JSON.parse(localStorage.getItem(\"userComanyName\"));\r\n this.TenantId = JSON.parse(localStorage.getItem(\"ChnageCompnayId\")).TenantId;\r\n // add kevin 08/09/2020\r\n this.eWayBillFlag = JSON.parse(localStorage.getItem(\"eWayBillFlag\"));\r\n this.THCFlag = JSON.parse(localStorage.getItem(\"THCFlag\"));\r\n this.UserId = this.decryptpipe.transform(JSON.parse(this.cookieService.get(\"UserId\")));\r\n // end\r\n this.ContactPersonNameInTripListPageFlag = JSON.parse(localStorage.getItem(\"ContactPersonNameInTripListPageFlag\"));\r\n //add kevin 14/06/2021\r\n this.isFreightExport = JSON.parse(localStorage.getItem(\"isFreightExport\"));\r\n //end\r\n this.productFulfillmentWiseBookingFlag = JSON.parse(localStorage.getItem(\"productFulfillmentWiseBookingFlag\"));\r\n this.THCAdvancePercentageApproveRejectFlag = JSON.parse(localStorage.getItem(\"THCAdvancePercentageApproveRejectFlag\"));\r\n\r\n this.GetUlipSetting();\r\n this.GetStatusBtnList();\r\n this.GetTransporterList();\r\n this.GetBookingsList();\r\n this.GetVehicleConditionTypeList();\r\n this.GetTrackingBooking();\r\n this.GetTrackingStatus();\r\n this.GetAdditionalCharges();\r\n this.GetAllAdditionalCharges();\r\n this.GetExpenseParty();\r\n this.GetPaymentMode();\r\n this.GetCharges();\r\n this.GetActionAddExpense();\r\n\r\n // added by vithujan\r\n this.getSystemSettingForLeadTime();\r\n // end\r\n this.fpp_getFuelPumpWiseBillSetingVal();\r\n //added by vithujan 29-12-2022\r\n this.GetVehicleList();\r\n //end\r\n //added by vithujan 04-05-2023\r\n this.LoadValidateTHCADvanceAmount();\r\n this.RefreshvalidDateCalendar();\r\n setTimeout(() => {\r\n this._navService.navItem$.subscribe((item) => {\r\n if (\r\n this.CompanyId !=\r\n JSON.parse(localStorage.getItem(\"ChnageCompnayId\")).Id\r\n ) {\r\n this.CompanyId = JSON.parse(\r\n localStorage.getItem(\"ChnageCompnayId\")\r\n ).Id;\r\n BookingComponent.bookingComponent.GetStatusBtnList();\r\n BookingComponent.bookingComponent.datatable.destroy();\r\n this.GetBookingsList();\r\n }\r\n });\r\n }, 500);\r\n\r\n $(function () {\r\n $('[data-toggle=\"tooltip\"]').tooltip({\r\n trigger: \"hover\",\r\n });\r\n $('[data-toggle=\"tooltip\"]').on(\"click\", function () {\r\n $(this).tooltip(\"hide\");\r\n });\r\n });\r\n\r\n this.getValidate();\r\n }\r\n\r\n ngAfterViewInit() {\r\n $(\"#ModalAssignVehicle\").on(\"shown.bs.modal\", function () {\r\n BookingComponent.bookingComponent.GetSelectDataOfVehicleDriver();\r\n BookingComponent.bookingComponent.GetSelectDataOfTransporter();\r\n BookingComponent.bookingComponent.GetSelectDataOfTransporter1Search();\r\n BookingComponent.bookingComponent.GetDeliveryDate();\r\n BookingComponent.bookingComponent.RefreshvalidDateCreatedDate();\r\n // BookingComponent.bookingComponent.CalcHrs();\r\n\r\n // $(\"#Step_0\").addClass(\"badge-primary\");\r\n if (BookingComponent.bookingComponent.isTransporter === true) {\r\n var OptionsTransporter = \"\";\r\n OptionsTransporter +=\r\n '\";\r\n $(\".TransporterSearch\").html(OptionsTransporter);\r\n $(\".TransporterSearch\")\r\n .val(BookingComponent.bookingComponent.userCompanyId)\r\n .change();\r\n $(\".Transporter1Search\").html(OptionsTransporter);\r\n $(\".Transporter1Search\")\r\n .val(BookingComponent.bookingComponent.userCompanyId)\r\n .change();\r\n\r\n $(\".ClsVehicleAssginByTrasporter1\").val(\r\n BookingComponent.bookingComponent.userCompanyId\r\n );\r\n $(\".ClsTransporterType\").val(\r\n BookingComponent.bookingComponent.userCompanyId\r\n );\r\n }\r\n });\r\n }\r\n RefreshvalidDateCreatedDate() {\r\n setTimeout(() => {\r\n $(\".datetimepickerCreated\").datetimepicker({\r\n todayHighlight: !0,\r\n orientation: \"auto\",\r\n autoclose: true,\r\n format: \"dd/mm/yyyy hh:ii:ss\",\r\n setDate: new Date(),\r\n templates: {\r\n leftArrow: '',\r\n rightArrow: '',\r\n },\r\n });\r\n // if ($(\"#CreatedDate\").val() == \"\") {\r\n // $(this).datetimepicker(\"initialDate\", new Date());\r\n // } else {\r\n // $(this).datetimepicker(\"initialDate\", $(\"#CreatedDate\").val());\r\n // }\r\n }, 200);\r\n //add by maaria on 27-11-2023\r\n setTimeout(() => {\r\n $(\".datepickeryear\").datepicker({\r\n todayHighlight: !0,\r\n orientation: \"auto\",\r\n autoclose: true,\r\n format: \"yyyy-mm-dd\",\r\n setDate: new Date(),\r\n templates: {\r\n leftArrow: '',\r\n rightArrow: '',\r\n },\r\n });\r\n }, 200);\r\n\r\n }\r\n // ---------------------------------------------------------------------------------------------\r\n\r\n // ChangeCompany($event) {\r\n // this.CompanyId = JSON.parse(localStorage.getItem('ChnageCompnayId')).Id;\r\n // BookingComponent.bookingComponent.GetStatusBtnList();\r\n // BookingComponent.bookingComponent.datatable.destroy();\r\n // this.GetBookingsList();\r\n // }\r\n\r\n GetConfiguration() {\r\n $(\"#Attach_Invoice\").on(\"click\", function (e) {\r\n e.preventDefault();\r\n $(\"#upload:hidden\").trigger(\"click\");\r\n });\r\n var DropzoneAfter = new Dropzone(\"#dropzoneAfter\", {\r\n url: \"../Documents/Uploads\",\r\n });\r\n var DropzoneBefore = new Dropzone(\"#dropzoneBefore\", {\r\n url: \"../Documents/Uploads\",\r\n });\r\n }\r\n //add by maaria on 25-11-2023 for ulip\r\n ValidateVehicleViaUlip(event: any, i: any) {\r\n if (this.enableUlipForVehicle) {\r\n console.log(\"vahan event\", i);\r\n this.vahanData = {};\r\n var vehicleNo = $(\"#DriverVehicleNo_\" + i).val();\r\n if (vehicleNo != '') {\r\n //Helpers.setLoading(true);\r\n this._appService\r\n .GetByOneParam(\r\n \"VehicleMaster\",\r\n \"GetVahanData\",\r\n vehicleNo\r\n )\r\n .subscribe(\r\n (response) => {\r\n this.vahanData = response.vahanData;\r\n if (this.vahanData && Object.keys(this.vahanData).length > 0) {\r\n //this.vahanData.RcInsuranceUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //this.vahanData.RcFitUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //this.vahanData.RcTaxUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //if all greater than current date then show unsuccessful else unsuccessful\r\n var currentDATE = new Date();\r\n var formattedDate = currentDATE.toISOString().split('T')[0] + 'T00:00:00';\r\n if (this.vahanData.RcInsuranceUpto > formattedDate && this.vahanData.RcFitUpto > formattedDate && this.vahanData.RcTaxUpto > formattedDate) {\r\n this.isVehValid = true;\r\n //Helpers.setLoading(false);\r\n $(\"#ulipValidationModal\").modal('show');\r\n }\r\n else {\r\n this.isVehValid = false;\r\n //Helpers.setLoading(false);\r\n $(\"#ulipValidationModal\").modal('show');\r\n }\r\n }\r\n else {\r\n this.isVehValid = false;\r\n //Helpers.setLoading(false);\r\n $(\"#ulipValidationModal\").modal('show');\r\n }\r\n },\r\n (err) => {\r\n //Helpers.setLoading(false);\r\n this.toastr.error(\"An error occured !\", \"error\");\r\n }\r\n );\r\n\r\n }\r\n else {\r\n this.toastr.warning(\"Please enter vehicle No. to validate via Ulip!\", \"warning\");\r\n }\r\n\r\n }\r\n }\r\n\r\n //add by maaria on 30-11-2023\r\n ValidateBothViaUlip() {\r\n this.showAllUlipValidations = false;\r\n this.vahanDataList = [];\r\n this.sarathiDataList = [];\r\n this.isVehValidList = [];\r\n this.isDriverValidList = [];\r\n\r\n this.MarkAsAssignList.forEach((element, index) => {\r\n if (this.enableUlipForVehicle) {\r\n this.vahanData = {};\r\n this.isVehValid = false;\r\n var vehicleNo = $(\"#DriverVehicleNo_\" + index).val();\r\n if (vehicleNo != '') {\r\n this._appService\r\n .GetByOneParam(\r\n \"VehicleMaster\",\r\n \"GetVahanData\",\r\n vehicleNo\r\n )\r\n .subscribe(\r\n (response) => {\r\n this.vahanData = response.vahanData;\r\n if (this.vahanData && Object.keys(this.vahanData).length > 0) {\r\n //this.vahanData.RcInsuranceUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //this.vahanData.RcFitUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //this.vahanData.RcTaxUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //if all greater than current date then show unsuccessful else unsuccessful\r\n var currentDATE = new Date();\r\n var formattedDate = currentDATE.toISOString().split('T')[0] + 'T00:00:00';\r\n if (this.vahanData.RcInsuranceUpto > formattedDate && this.vahanData.RcFitUpto > formattedDate && this.vahanData.RcTaxUpto > formattedDate) {\r\n this.isVehValid = true;\r\n this.isVehValidList.splice(index, 0, this.isVehValid);\r\n this.vahanDataList.splice(index, 0, this.vahanData);\r\n // this.isVehValidList.push(this.isVehValid);\r\n // this.vahanDataList.push(this.vahanData);\r\n }\r\n else {\r\n this.isVehValid = false;\r\n this.isVehValidList.splice(index, 0, this.isVehValid);\r\n this.vahanDataList.splice(index, 0, {});\r\n // this.isVehValidList.push(this.isVehValid);\r\n // this.vahanDataList.push({});//push empty object\r\n }\r\n }\r\n else {\r\n this.isVehValid = false;\r\n this.isVehValidList.splice(index, 0, this.isVehValid);\r\n this.vahanDataList.splice(index, 0, {});\r\n // this.isVehValidList.push(this.isVehValid);\r\n // this.vahanDataList.push({});//push empty object\r\n }\r\n },\r\n (err) => {\r\n this.showAllUlipValidations = false;\r\n //this.isVehValid = false; w\r\n //this.isVehValidList.splice(index, 0, this.isVehValid); w\r\n //this.vahanDataList.splice(index, 0, {}); w\r\n\r\n // this.isVehValidList.push(this.isVehValid);\r\n // this.vahanDataList.push({});//push empty object\r\n this.toastr.error(\"An error occured !\", \"error\");\r\n }\r\n );\r\n } //if empty vehicle no\r\n else {\r\n this.isVehValid = false;\r\n this.isVehValidList.splice(index, 0, this.isVehValid);\r\n this.vahanDataList.splice(index, 0, {});\r\n // this.isVehValidList.push(this.isVehValid);\r\n // this.vahanDataList.push({});//push empty object\r\n }\r\n }\r\n if (this.enableUlipForDriver) {\r\n this.sarathiData = {};\r\n this.isDriverValid = false;\r\n var licenseNo = $(\"#DriverLicense_\" + index).val();\r\n var dob = $(\"#DateOfBirth_\" + index).val();\r\n if (licenseNo != '' && dob != '') {\r\n this._appService\r\n .GetByTwoId(\r\n \"VehicleMaster\",\r\n \"GetSarathiData\",\r\n licenseNo,\r\n dob\r\n )\r\n .subscribe(\r\n (response) => {\r\n this.sarathiData = response.sarathiData;\r\n if (this.sarathiData && Object.keys(this.sarathiData).length > 0) {\r\n //this.sarathiData.DlValidity = \"2020-08-01T00:00:00\"; //to comment\r\n var currentDATE1 = new Date();\r\n var formattedDate1 = currentDATE1.toISOString().split('T')[0] + 'T00:00:00';\r\n if (this.sarathiData.DlValidity > formattedDate1) {\r\n this.isDriverValid = true;\r\n this.isDriverValidList.splice(index, 0, this.isDriverValid);\r\n this.sarathiDataList.splice(index, 0, this.sarathiData);\r\n // this.isDriverValidList.push(this.isDriverValid);\r\n // this.sarathiDataList.push(this.sarathiData);\r\n }\r\n else {\r\n this.isDriverValid = false;\r\n this.isDriverValidList.splice(index, 0, this.isDriverValid);\r\n this.sarathiDataList.splice(index, 0, {});\r\n // this.isDriverValidList.push(this.isDriverValid);\r\n // this.sarathiDataList.push({});//push empty object\r\n }\r\n }\r\n else {\r\n this.isDriverValid = false;\r\n this.isDriverValidList.splice(index, 0, this.isDriverValid);\r\n this.sarathiDataList.splice(index, 0, {});\r\n // this.isDriverValidList.push(this.isDriverValid);\r\n // this.sarathiDataList.push({});//push empty object\r\n }\r\n },\r\n (err) => {\r\n this.showAllUlipValidations = false;\r\n //this.isDriverValid = false; w\r\n //this.isDriverValidList.splice(index, 0, this.isDriverValid);w\r\n //this.sarathiDataList.splice(index, 0, {});w\r\n\r\n // this.isDriverValidList.push(this.isDriverValid);\r\n // this.sarathiDataList.push({});//push empty object\r\n this.toastr.error(\"An error occured !\", \"error\");\r\n }\r\n );\r\n } //if empty any one license no or dob empty\r\n else {\r\n this.isDriverValid = false;\r\n this.isDriverValidList.splice(index, 0, this.isDriverValid);\r\n this.sarathiDataList.splice(index, 0, {});\r\n // this.isDriverValidList.push(this.isDriverValid);\r\n // this.sarathiDataList.push({});//push empty object\r\n }\r\n }\r\n });\r\n this.showAllUlipValidations = true;\r\n console.log(\"vahan\", this.vahanDataList);\r\n console.log(\"sarathi\", this.sarathiDataList);\r\n\r\n }\r\n //end\r\n\r\n //working\r\n //add by maaria on 30-11-2023\r\n ValidateDriverViaUlip(i: any) {\r\n this.isDriverValid = false;\r\n //if setting on then only\r\n if (this.enableUlipForDriver) {\r\n this.sarathiData = {};\r\n var licenseNo = $(\"#DriverLicense_\" + i).val();\r\n var dob = $(\"#DateOfBirth_\" + i).val();\r\n if (licenseNo != '' && dob != '' && licenseNo != null && dob != null) {\r\n this._appService\r\n .GetByTwoId(\r\n \"VehicleMaster\",\r\n \"GetSarathiData\",\r\n licenseNo,\r\n dob\r\n )\r\n .subscribe(\r\n (response) => {\r\n this.sarathiData = response.sarathiData;\r\n if (this.sarathiData && Object.keys(this.sarathiData).length > 0) {\r\n //this.sarathiData.DlValidity = \"2020-08-01T00:00:00\"; //to comment\r\n var currentDATE1 = new Date();\r\n var formattedDate1 = currentDATE1.toISOString().split('T')[0] + 'T00:00:00';\r\n if (this.sarathiData.DlValidity > formattedDate1) {\r\n this.isDriverValid = true;\r\n $(\"#ulipValidationModal\").modal('show');\r\n }\r\n else {\r\n this.isDriverValid = false;\r\n $(\"#ulipValidationModal\").modal('show');\r\n }\r\n }\r\n else {\r\n this.isDriverValid = false;\r\n $(\"#ulipValidationModal\").modal('show');\r\n }\r\n },\r\n (err) => {\r\n this.toastr.error(\"An error occured !\", \"error\");\r\n }\r\n );\r\n }\r\n }\r\n }\r\n ValidateBothVehDriver(i: any) {\r\n if (this.enableUlipForVehicle) {\r\n var vehNo = $(\"#DriverVehicleNo_\" + i).val();\r\n if (vehNo == '' || vehNo == null) {\r\n this.toastr.warning(\"Please enter vehicle No. to validate via Ulip!\", \"warning\");\r\n }\r\n }\r\n if (this.enableUlipForDriver) {\r\n if ($(\"#DriverLicense_\" + i).val() == '' || ($(\"#DriverLicense_\" + i).val() == null)) {\r\n this.toastr.warning(\"Please enter driver license No.to validate via Ulip!\", \"warning\");\r\n }\r\n if ($(\"#DateOfBirth_\" + i).val() == '' || ($(\"#DateOfBirth_\" + i).val() == null)) {\r\n this.toastr.warning(\"Please enter driver Date Of Birth to validate via Ulip!\", \"warning\");\r\n }\r\n }\r\n\r\n this.isVehValid = false;\r\n if (this.enableUlipForVehicle) {\r\n this.vahanData = {};\r\n var vehicleNo = $(\"#DriverVehicleNo_\" + i).val();\r\n if (vehicleNo != '' && vehicleNo != null) {\r\n this._appService\r\n .GetByOneParam(\r\n \"VehicleMaster\",\r\n \"GetVahanData\",\r\n vehicleNo\r\n )\r\n .subscribe(\r\n (response) => {\r\n this.vahanData = response.vahanData;\r\n if (this.vahanData && Object.keys(this.vahanData).length > 0) {\r\n //this.vahanData.RcInsuranceUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //this.vahanData.RcFitUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //this.vahanData.RcTaxUpto = \"2020-08-01T00:00:00\"; //to comment\r\n //if all greater than current date then show unsuccessful else unsuccessful\r\n var currentDATE = new Date();\r\n var formattedDate = currentDATE.toISOString().split('T')[0] + 'T00:00:00';\r\n this.vahanData.orderWeight = 0;\r\n this.vahanData.orderWeight = this.MarkAsAssignList[i].orderWeight;\r\n if (this.vahanData.RcInsuranceUpto > formattedDate && this.vahanData.RcFitUpto > formattedDate && this.vahanData.RcTaxUpto > formattedDate) {\r\n this.isVehValid = true;\r\n this.ValidateDriverViaUlip(i);\r\n }\r\n else {\r\n this.isVehValid = false;\r\n this.ValidateDriverViaUlip(i);\r\n }\r\n }\r\n else {\r\n this.isVehValid = false;\r\n this.ValidateDriverViaUlip(i);\r\n }\r\n },\r\n (err) => {\r\n this.ValidateDriverViaUlip(i);\r\n this.toastr.error(\"An error occured !\", \"error\");\r\n }\r\n );\r\n }\r\n }//if not vehicle enabled then also call driver ulip to check whether driver ulip setting is on\r\n else {\r\n this.ValidateDriverViaUlip(i);\r\n }\r\n }\r\n\r\n //add by maaria on 29-11-2023\r\n GetUlipSetting() {\r\n this.enableUlipForVehicle = false;\r\n this.enableUlipForDriver = false;\r\n //first check in system setting then check whether it has rights as per role for ULIP\r\n this._appService.Get(\"VehicleMaster\", \"GetUlipSetting\").subscribe(\r\n (response) => {\r\n if (response) {\r\n if (response.Value == \"1\") {\r\n localStorage.setItem(\"ulip-setting-S\", \"true\");\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"ULIP_FOR_VEHICLE\"\r\n )\r\n ) {\r\n this.enableUlipForVehicle = true;\r\n }\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"ULIP_FOR_DRIVER\"\r\n )\r\n ) {\r\n this.enableUlipForDriver = true;\r\n }\r\n }\r\n else {\r\n localStorage.setItem(\"ulip-setting-S\", \"false\");\r\n }\r\n }\r\n else {\r\n localStorage.setItem(\"ulip-setting-S\", \"false\");\r\n }\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n //end\r\n\r\n // OnShowVahanData(index: any) {\r\n // BookingComponent.bookingComponent.vahanComponent.setVahanData(this.vahanDataList[index], this.sarathiDataList[index]);\r\n // $(\"#vahanDataModal\").modal('show');\r\n // }\r\n OnShowVahanData() {\r\n BookingComponent.bookingComponent.vahanComponent.setVahanData(this.vahanData, this.sarathiData);\r\n $(\"#vahanDataModal\").modal('show');\r\n }\r\n\r\n //end\r\n\r\n //----------------------------------------Tab Click Fuctionality--------------------\r\n OnTrackingTabClick() {\r\n if (this.LoadTracking != true) {\r\n for (let i = 0; i < this.trackingBooking.length; i++) {\r\n this.trackingBooking[i].Estimate = this.datepipe.transform(\r\n this.trackingBooking[i].Estimate,\r\n \"dd/MM/yyyy HH:mm\"\r\n );\r\n this.trackingBooking[i].Actual = this.datepipe.transform(\r\n this.trackingBooking[i].Actual,\r\n \"dd/MM/yyyy HH:mm\"\r\n );\r\n }\r\n this.LoadTracking = true;\r\n }\r\n }\r\n\r\n OnInvoiceTabClick() {\r\n if (this.LoadInvoice != true) {\r\n for (let index = 0; index < this.BookingInvoiceList.length; index++) {\r\n this.BookingInvoiceList[index].InvoiceDate = this.datepipe.transform(\r\n this.BookingInvoiceList[index].InvoiceDate,\r\n \"dd/MM/yyyy\"\r\n );\r\n }\r\n this.LoadInvoice = true;\r\n }\r\n }\r\n\r\n OnBillTabClick() {\r\n if (this.LoadBill != true) {\r\n Helpers.setLoading(true);\r\n if (this.BillFreightAuditPrimary.length != 0) {\r\n for (let i = 0; i < this.BillFreightAuditPrimary.length; i++) {\r\n $(\"#PrimaryARate_\" + i).val(\r\n this.BillFreightAuditPrimary[i].ActualAmount\r\n );\r\n }\r\n }\r\n if (this.BillFreightAuditSecondary.length != 0) {\r\n for (let i = 0; i < this.BillFreightAuditSecondary.length; i++) {\r\n $(\"#SecondaryARate_\" + i).val(\r\n this.BillFreightAuditSecondary[i].ActualAmount\r\n );\r\n }\r\n }\r\n if (this.BillFreightAuditAdditional.length != 0) {\r\n this.FreightAuditAdditional = this.BillFreightAuditAdditional;\r\n for (let i = 1; i < this.FreightAuditAdditional.length; i++) {\r\n this.AddRow();\r\n }\r\n var i = 0;\r\n $(\"#tblAdditionalCharges\").each(function () {\r\n $(this)\r\n .find(\"tr#templateRow0\")\r\n .each(function () {\r\n var addOption =\r\n '\";\r\n $(this).find(\".AdditionalCharges\").html(addOption);\r\n $(this)\r\n .find(\".templatevalue\")\r\n .val(\r\n BookingComponent.bookingComponent.FreightAuditAdditional[i]\r\n .ActualAmount\r\n );\r\n\r\n i++;\r\n });\r\n });\r\n }\r\n setTimeout(() => {\r\n this.GetPrimaryDifference();\r\n }, 1500);\r\n this.LoadBill = true;\r\n Helpers.setLoading(false);\r\n }\r\n }\r\n\r\n OnExpenseTabClick() {\r\n if (this.LoadExpense != true) {\r\n this.GetExpenseById(\r\n BookingComponent.bookingComponent.BookingBasicDetail.Id\r\n );\r\n this.LoadExpense = true;\r\n }\r\n }\r\n\r\n OnRouteTabClick() {\r\n if (this.LoadRoute != true) {\r\n // if (this.RouteDataPrimary.length > 0 && this.RouteDataPrimary != null && this.RouteDataSeconadry.length > 0 && this.RouteDataSeconadry != null) {\r\n this.initMapPrimary();\r\n // }\r\n this.LoadRoute = true;\r\n }\r\n }\r\n\r\n ClearExpenseData() {\r\n this.BookingExpense = {};\r\n $(\"#ExpenseBillDate\").val(\"\");\r\n $(\"#PaymentRemark\").val(\"\");\r\n this.RefreshDropdown();\r\n }\r\n\r\n //------------------------------------------------- Get Data code-------------------------------------------------\r\n // GetStatusBtnList() {\r\n // this._appService\r\n // .GetById(\"Booking\", \"GetStatusBtnList\", this.CompanyId)\r\n // .subscribe(\r\n // response => {\r\n // // this.StatusBtnList = response;\r\n // this.StatusBtnList = [];\r\n // response.forEach(element => {\r\n // if (element.Label.trim() == \"New Bookings\") {\r\n // if (\r\n // BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n // \"VIEW\",\r\n // \"NEWBOOKING_DETAILS\"\r\n // )\r\n // ) {\r\n // this.StatusBtnList.push(element);\r\n // }\r\n // } else if (element.Label.trim() == \"Assigned Vehicles\") {\r\n // if (\r\n // BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n // \"VIEW\",\r\n // \"ASSIGNEDVEHICLES_DETAILS\"\r\n // )\r\n // ) {\r\n // this.StatusBtnList.push(element);\r\n // }\r\n // } else if (element.Label.trim() == \"Gate In\") {\r\n // if (\r\n // BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n // \"VIEW\",\r\n // \"ORIGINGATEIN_DETAILS\"\r\n // )\r\n // ) {\r\n // this.StatusBtnList.push(element);\r\n // }\r\n // } else if (element.Label.trim() == \"Ready To Dispatch\") {\r\n // if (\r\n // BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n // \"VIEW\",\r\n // \"READYTODISPATCH_DETAILS\"\r\n // )\r\n // ) {\r\n // this.StatusBtnList.push(element);\r\n // }\r\n // } else if (element.Label.trim() == \"Dispatch\") {\r\n // if (\r\n // BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n // \"VIEW\",\r\n // \"DISPATCHED_DETAILS\"\r\n // )\r\n // ) {\r\n // this.StatusBtnList.push(element);\r\n // }\r\n // } else if (element.Label.trim() == \"eWay Bill Ready\") {\r\n // if (\r\n // BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n // \"VIEW\",\r\n // \"EVAYBILL_DETAILS\"\r\n // )\r\n // ) {\r\n // this.StatusBtnList.push(element);\r\n // }\r\n // }\r\n // });\r\n // setTimeout(() => {\r\n // $(\"#Step_0\").addClass(\"badge-primary\");\r\n // }, 200);\r\n // },\r\n // err => {\r\n // this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n // }\r\n // );\r\n // }\r\n\r\n GetStatusBtnList() {\r\n this._appService\r\n .GetByFourId(\r\n \"Booking\",\r\n \"GetStatusBtnList\",\r\n this.CompanyId,\r\n this.UserId,\r\n this.isTransporter,\r\n this.isCustomer\r\n )\r\n .subscribe(\r\n (response) => {\r\n // this.StatusBtnList = response;\r\n this.StatusBtnList = [];\r\n response.forEach((element) => {\r\n if (element.Label.trim() == \"New Bookings\") {\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"NEWBOOKING_DETAILS\"\r\n )\r\n ) {\r\n element.Label = \"Pending Vehicle Assign\";\r\n this.StatusBtnList.push(element);\r\n }\r\n } else if (element.Label.trim() == \"EC Pickup\") {\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"EC_PICKUP\"\r\n )\r\n ) {\r\n element.Label = \"EC Pickup\";\r\n this.StatusBtnList.push(element);\r\n }\r\n } else if (element.Label.trim() == \"Assigned Vehicles\") {\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"ASSIGNEDVEHICLES_DETAILS\"\r\n )\r\n ) {\r\n element.Label = \"Pending Gate In\";\r\n this.StatusBtnList.push(element);\r\n }\r\n } else if (element.Label.trim() == \"Gate In\") {\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"ORIGINGATEIN_DETAILS\"\r\n )\r\n ) {\r\n element.Label = \"Pending LR\";\r\n this.StatusBtnList.push(element);\r\n }\r\n } else if (element.Label.trim() == \"Ready To Dispatch\") {\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"READYTODISPATCH_DETAILS\"\r\n )\r\n ) {\r\n // add kevin 08/09/2020\r\n if (BookingComponent.bookingComponent.THCFlag) {\r\n element.Label = \"Pending THC\";\r\n this.StatusBtnList.push(element);\r\n }\r\n // element.Label = \"Pending THC\";\r\n // this.StatusBtnList.push(element);\r\n //end\r\n }\r\n } else if (element.Label.trim() == \"Dispatch\") {\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"DISPATCHED_DETAILS\"\r\n )\r\n ) {\r\n // add kevin 14/07/2020\r\n if (BookingComponent.bookingComponent.eWayBillFlag) {\r\n element.Label = \"Pending eWayBill\";\r\n // this.StatusBtnList.push(element);\r\n }\r\n // element.Label = \"Pending eWayBill\";\r\n // this.StatusBtnList.push(element);\r\n // end\r\n }\r\n } else if (element.Label.trim() == \"eWay Bill Ready\") {\r\n if (\r\n BookingComponent.bookingComponent.commonService.CheckHasRight(\r\n \"VIEW\",\r\n \"EVAYBILL_DETAILS\"\r\n )\r\n ) {\r\n element.Label = \"Pending Gate Out\";\r\n this.StatusBtnList.push(element);\r\n }\r\n }\r\n });\r\n // setTimeout(() => {\r\n // //when milestone process get selected change the color\r\n // $(\"#Step_1\").addClass(\"badge-primary\");\r\n // }, 200);\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n GetTransporterList() {\r\n this._appService\r\n .GetById(\"Booking\", \"GetTransporterList\", this.TenantId)\r\n .subscribe(\r\n (response) => {\r\n this.TransporterList = response;\r\n ($(\".ClsVehicleAssginByTrasporter\")).selectpicker(\"refresh\");\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n GetVehicleConditionTypeList() {\r\n this._appService.Get(\"Booking\", \"GetVehicleConditionTypeList\").subscribe(\r\n (response) => {\r\n this.VehicleConditionType = response;\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n GetTrackingBooking() {\r\n this._appService.Get(\"Booking\", \"GetTrackingBooking\").subscribe(\r\n (response) => {\r\n this.trackingBooking = response;\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n GetTrackingStatus() {\r\n this._appService.Get(\"Booking\", \"GetTrackingStatus\").subscribe(\r\n (response) => {\r\n this.BookingStatus = response;\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n GetBookingInvoiceList() {\r\n this._appService\r\n .GetByTwoId(\r\n \"Booking\",\r\n \"GetBookingInvoiceList\",\r\n BookingComponent.bookingComponent.BookingBasicDetail.QuoteId,\r\n BookingComponent.bookingComponent.BookingBasicDetail.VehicleId\r\n )\r\n .subscribe(\r\n (response) => {\r\n this.BookingInvoiceList = response;\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n\r\n GetAllAdditionalCharges() {\r\n this._appService\r\n .GetByTwoId(\"Booking\", \"GetAdditionalCharges\", null, 1)\r\n .subscribe(\r\n (response) => {\r\n this.AdditionalCharges = response.Results;\r\n },\r\n (err) => {\r\n this.toastr.error(err._body.replace(/\"/g, \"\"), \"error\");\r\n }\r\n );\r\n }\r\n OnDownloadClick() {\r\n var Id = BookingComponent.bookingComponent.BookingBasicDetail.Id;\r\n var QuoteId = BookingComponent.bookingComponent.BookingBasicDetail.QuoteId;\r\n var VehicleId =\r\n BookingComponent.bookingComponent.BookingBasicDetail.VehicleId;\r\n this._appService\r\n .GetByThreeId(\"SalesOrder\", \"DownloadOrders\", Id, QuoteId, VehicleId)\r\n .subscribe((response) => {\r\n var path =\r\n environment.apiUrl +\r\n \"../../Uploads/Download_Csv/\" +\r\n response +\r\n \".xls\";\r\n window.open(path, \"\");\r\n });\r\n }\r\n AdditionalValueChange() {\r\n this.GetPrimaryDifference();\r\n var i = 0;\r\n $(\"#tblAdditionalCharges\").each(function () {\r\n $(this)\r\n .find(\"tr#templateRow0\")\r\n .each(function () {\r\n var id = $(this)\r\n .find(\"td#template .m-select2 option\")\r\n .closest(\"option\")\r\n .val();\r\n var val = $(this).find(\"td#templateclass .templatevalue\").val();\r\n for (\r\n let j = 0;\r\n j < BookingComponent.bookingComponent.AdditionalCharges.length;\r\n j++\r\n ) {\r\n if (\r\n BookingComponent.bookingComponent.AdditionalCharges[j].id == id\r\n ) {\r\n BookingComponent.bookingComponent.FreightAuditAdditional[i] = {};\r\n BookingComponent.bookingComponent.FreightAuditAdditional[i].Id =\r\n id;\r\n BookingComponent.bookingComponent.FreightAuditAdditional[i].rate =\r\n val;\r\n i++;\r\n BookingComponent.bookingComponent.TotalRate =\r\n BookingComponent.bookingComponent.TotalRate +\r\n parseInt(val || 0);\r\n }\r\n }\r\n });\r\n $(\"#TotalABillAmt\").text(BookingComponent.bookingComponent.TotalRate);\r\n this.PaymentBillAmount = BookingComponent.bookingComponent.TotalRate;\r\n });\r\n }\r\n\r\n GetAdditionalCharges() {\r\n $(\".AdditionalCharges\").select2({\r\n width: \"430px\",\r\n escapeMarkup: function (markup) {\r\n return markup;\r\n },\r\n minimumInputLength: 2,\r\n ajax: {\r\n global: false,\r\n url: environment.apiUrl + \"api/Booking/GetAdditionalCharges\",\r\n delay: 300,\r\n dataType: \"json\",\r\n allowClear: true,\r\n data: function (params) {\r\n return {\r\n Id: params.term,\r\n param1: params.page || 1,\r\n };\r\n },\r\n processResults: function (data, params) {\r\n params.page = params.page || 1;\r\n return {\r\n results: data.Results,\r\n pagination: {\r\n more: params.page * 30 < data.Total,\r\n },\r\n };\r\n },\r\n },\r\n tokenSeparators: [\",\", \" \"],\r\n placeholder: \"Search for Source\",\r\n });\r\n }\r\n\r\n AddRow() {\r\n var t = document.getElementById(\"tblAdditionalCharges\");\r\n var rows = t.getElementsByTagName(\"tr\");\r\n var r = rows[rows.length - 1];\r\n var x = document.getElementById(\"templateRow0\").cloneNode(true);\r\n $(\"#tblAdditionalCharges tr:last\").attr(\"Id\");\r\n\r\n $(\"#tblAdditionalCharges tr:last\").after(\r\n '
'\r\n );\r\n $(\".btnMinus:last\").click(function () {\r\n $(this).closest(\"tr\").remove();\r\n BookingComponent.bookingComponent.AdditionalValueChange();\r\n });\r\n $(\".templatevalue:last\").change(function () {\r\n BookingComponent.bookingComponent.AdditionalValueChange();\r\n });\r\n this.GetAdditionalCharges();\r\n }\r\n\r\n AddPaymentRow() {\r\n var t = document.getElementById(\"tblPayment\");\r\n var rows = t.getElementsByTagName(\"tr\");\r\n var r = rows[rows.length - 1];\r\n var x = document.getElementById(\"PaymentRow0\").cloneNode(true);\r\n var option =\r\n '
');\r\n\r\n $printContainer\r\n .height($mapContainer.height())\r\n .append($mapContainer)\r\n .prependTo($body);\r\n\r\n const $content = $body\r\n .children()\r\n .not($printContainer)\r\n .not(\"script\")\r\n .detach();\r\n\r\n /**\r\n * Needed for those who use Bootstrap 3.x, because some of\r\n * its `@media print` styles ain't play nicely when printing.\r\n */\r\n const $patchedStyle = $('\\r\\n\\r\\n
![](\\\"./../../../assets/demo/default/media/img/logo/Truck.png\\\"){kind=logo}
\\r\\n ![](\\\"./../../../assets/demo/default/media/img/logo/VerticalLine.png\\\"){kind=logo}
\\r\\n ![](\\\"./../../../assets/demo/default/media/img/logo/iBox.png\\\"){kind=logo}
\\r\\n {{ BookingSummaryDetail.OrderCount }}\\r\\n {{ \\\"BOOKINGS.Orders\\\" | translate }},\\r\\n {{ BookingSummaryDetail.ProductMT }}\\r\\n {{ \\\"BOOKINGS.MT\\\" | translate }}\\r\\n \\r\\n ![\\\"\\\"](\\\"./assets/images/logo-dark.png\\\"){kind=logo}
\\r\\n ![](\\\"/assets/app/media/img/logos/Stamp.png\\\")
![](\\\"./assets/app/media/img/logos/SignInLogo.png\\\")
\\r\\n ![\\\"PDF](\\\"./assets/app/media/img/logos/FileImages/PDF.png\\\"\\r\\n)
\\r\\n ![\\\"APK](\\\"./assets/app/media/img/logos/FileImages/JPEG.png\\\"\\r\\n)
\\r\\n ![](\"./assets/app/media/img/logos/FileImages/APK.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/CSV.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/DOC.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/EXE.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/JPEG.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/PDF.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/PNG.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/PPT.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/PSD.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/SQL.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/TXT.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/XLS.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/Default.png\")
${FileName}.${t.FileExtension\r\n }\r\n ![](\"./assets/app/media/img/logos/FileImages/folder.png\")
${t.FileName}