{"version":3,"file":"vesselScheduleDirective.js","sourceRoot":"","sources":["../../../../src/modules/directives/logistics/vesselScheduleDirective.ts"],"names":[],"mappings":"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","sourcesContent":["module directives {\r\n    export module logistics {\r\n        interface IVesselScheduleScope extends ng.IScope {\r\n            ngModel: string;\r\n            ngRequired: boolean;\r\n            openVesselSchedule(): void;\r\n            countryId: number;\r\n            isInbound: boolean;\r\n            searchDate: moment.Moment;\r\n            locationId?: number;\r\n            terminalId?: number;\r\n            selected({ selectedItem }): void;\r\n            ngDisabled: boolean;\r\n        }\r\n\r\n        export class vesselScheduleDirective implements ng.IDirective {\r\n            public restrict: 'E';\r\n            public template = `\r\n            <form name=\"inputForm\">\r\n                <p class=\"input-group input-group-sm has-feedback\" ng-class=\"{'has-error': inputForm[name].$invalid}\">\r\n                    <input type=\"text\" name=\"{{name}}\" class=\"form-control\" ng-model=\"ngModel\" ng-required=\"ngRequired\" ng-disabled=\"ngDisabled\" />\r\n                    <span class=\"input-group-btn\">\r\n                        <button type=\"button\" class=\"btn btn-default\" ng-click=\"openVesselSchedule()\" ng-disabled=\"ngDisabled\"><i class=\"fa fa-ship\"></i></button>\r\n                    </span>\r\n                </p>\r\n            </form>\r\n            `;\r\n            public scope = {\r\n                ngModel: \"=\",\r\n                ngRequired: \"=\",\r\n                countryId: \"=\",\r\n                isInbound: \"=\",\r\n                searchDate: \"=\",\r\n                locationId: \"=?\",\r\n                terminalId: \"=?\",\r\n                selected: \"&\",\r\n                ngDisabled: \"=\"\r\n            }\r\n\r\n            constructor(private $timeout: ng.ITimeoutService,\r\n                private $uibModal: ng.ui.bootstrap.IModalService) {\r\n            }\r\n\r\n            link = ($scope: IVesselScheduleScope, $element: ng.IAugmentedJQuery) => {\r\n                $scope.openVesselSchedule = () => {\r\n                    this.$uibModal.open({\r\n                        animation: true,\r\n                        size: \"lg\",\r\n                        template: `\r\n                        <div class=\"modal-header\">\r\n                            <h3 class=\"modal-title\" id=\"modal-title\">Vessel Sailing Schedule</h3>\r\n                        </div>\r\n                        <div class=\"modal-body\" id=\"modal-body\">\r\n                            <gts-message-display messages=\"Messages\"></gts-message-display>\r\n                            <div class=\"col-md-12\"><input type=\"checkbox\" ng-model=\"vesselScheduleCtrl.showSailingSchedules\" ng-click=\"vesselScheduleCtrl.showSailingSchedules_click()\"/>&nbsp;Show only records with sailing schedules.</div><br/><br/>\r\n                            <div class=\"col-md-12\" style=\"padding-left:0px;padding-right:0px;\">\r\n                                <div bs-loading-overlay bs-loading-overlay-reference-id=\"vessel.thing\">\r\n                                    <div ui-grid=\"vesselScheduleCtrl.gvwGrid\" ui-grid-pagination ui-grid-resize-columns ui-grid-selection class=\"gridFullScreen\" ng-if=\"vesselScheduleCtrl.showGrid\">\r\n                                        <div layout=\"column\" layout-align=\"center center\" class=\"grid-msg-overlay\" ng-if=\"!vesselScheduleCtrl.gvwGrid.data || vesselScheduleCtrl.IsLoading\">\r\n                                            <div class=\"msg\" ng-show=\"!vesselScheduleCtrl.gvwConList.data && !vesselScheduleCtrl.IsLoading\">\r\n                                                <span>No Rows</span>\r\n                                            </div>\r\n                                            <div class=\"loadingGrid\" ng-show=\"vesselScheduleCtrl.IsLoading\">\r\n                                                <i class=\"fa fa-spinner fa-spin\"></i>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"modal-footer\">\r\n                            <button class=\"btn btn-primary\" type=\"button\" ng-click=\"vesselScheduleCtrl.ok()\">Ok</button>\r\n                            <button class=\"btn btn-info\" type=\"button\" ng-click=\"vesselScheduleCtrl.cancel()\">Close</button>\r\n                        </div>`,\r\n                        controller: class containerSizeCtrl {\r\n                            showGrid: boolean = false;\r\n                            IsLoading: boolean = false;\r\n                            pageNumber: number = 1;\r\n                            pageSize: number = 25;\r\n                            apiGrid: uiGrid.IGridApi;\r\n                            showSailingSchedules: boolean = false;\r\n\r\n                            constructor(private $scope: ng.IScope, private $uibModalInstance: angular.ui.bootstrap.IModalInstanceService,\r\n                                private vesselScheduleService: interfaces.logistics.IVesselScheduleService, \r\n                                private generalService: interfaces.applicationcore.IGeneralService, \r\n                                private $q: ng.IQService,\r\n                                private $timeout: ng.ITimeoutService,\r\n                                private countryId: number,\r\n                                private isInbound: boolean,\r\n                                private searchDate: moment.Moment,\r\n                                private locationId: number,\r\n                                private terminalId: number,\r\n                                private bsLoadingOverlayService: interfaces.applicationcore.IbsLoadingOverlayService) {\r\n    \r\n                                this.showGrid = true;\r\n                            }\r\n\r\n                            gvwGrid: uiGrid.IGridOptions = {\r\n                                data: [],\r\n                                enableFiltering: true,\r\n                                useExternalFiltering: true,\r\n                                enableCellEdit: false,\r\n                                useExternalSorting: true,\r\n                                multiSelect: false,\r\n                                enableColumnResizing: true,\r\n                                enableRowSelection: true,\r\n                                enableFullRowSelection: true,\r\n                                paginationPageSizes: [25, 50, 75, 100],\r\n                                paginationPageSize: 25,\r\n                                useExternalPagination: true,\r\n                                enableRowHeaderSelection: false,\r\n                                enableHorizontalScrollbar: 2,\r\n                                enableVerticalScrollbar: 1,\r\n                                onRegisterApi: (gridApi) => {\r\n                                    this.apiGrid = gridApi;\r\n                                    gridApi.core.on.filterChanged(this.$scope, () => { this.loadVesselName() });\r\n                                    gridApi.core.on.sortChanged(this.$scope, () => { this.loadVesselName() });\r\n                                    gridApi.pagination.on.paginationChanged(this.$scope, (newPage, pageSize) => { \r\n                                        this.pageNumber = newPage;\r\n                                        this.pageSize = pageSize;\r\n                                        this.loadVesselName()\r\n                                    });\r\n\r\n                                    this.$timeout(() => {\r\n                                        this.loadVesselName();\r\n                                    });\r\n                                },\r\n                                columnDefs: [{\r\n                                    name: \"VesselId\",\r\n                                    displayName: \"VesselId\",\r\n                                    field: \"VesselId\",\r\n                                    visible: false,\r\n                                    enableFiltering: false\r\n                                },\r\n                                {\r\n                                    name: \"VesselName\",\r\n                                    displayName: \"Vessel Name\",\r\n                                    field: \"VesselName\",\r\n                                    width: 150,\r\n                                    filterHeaderTemplate: `\r\n                                            <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                                <div class=\"input-group-sm\">\r\n                                                    <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                                </div>\r\n                                            </div>`\r\n                                },\r\n                                {\r\n                                    name: \"VesselCallSign\",\r\n                                    displayName: \"Call Sign\",\r\n                                    field: \"VesselCallSign\",\r\n                                    width: 100,\r\n                                    filterHeaderTemplate: `\r\n                                        <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                            <div class=\"input-group-sm\">\r\n                                                <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                            </div>\r\n                                        </div>`\r\n                                },\r\n                                {\r\n                                    name: \"CustomsOperatorCode\",\r\n                                    displayName: \"Operator Code\",\r\n                                    field: \"CustomsOperatorCode\",\r\n                                    width: 100,\r\n                                    filterHeaderTemplate: `\r\n                                            <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                                <div class=\"input-group-sm\">\r\n                                                    <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                                </div>\r\n                                            </div>`\r\n                                },\r\n                                {\r\n                                    name: \"CustomsOperatorName\",\r\n                                    displayName: \"Operator Name\",\r\n                                    field: \"CustomsOperatorName\",\r\n                                    width: 150,\r\n                                    filterHeaderTemplate: `\r\n                                            <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                                <div class=\"input-group-sm\">\r\n                                                    <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                                </div>\r\n                                            </div>`\r\n                                },\r\n                                {\r\n                                    name: \"VoyageNumber\",\r\n                                    displayName: \"Voyage Number\",\r\n                                    field: \"VoyageNumber\",\r\n                                    width: 150,\r\n                                    filterHeaderTemplate: `\r\n                                            <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                                <div class=\"input-group-sm\">\r\n                                                    <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                                </div>\r\n                                            </div>`\r\n                                    },\r\n                                {\r\n                                    name: \"DateOfArrival\",\r\n                                    displayName: \"ETA\",\r\n                                    field: \"DateOfArrival\",\r\n                                    width: 100,\r\n                                    cellFilter: 'momentDateFilter:\"YYYY/MM/DD\"',\r\n                                    visible: this.isInbound,\r\n                                    filterHeaderTemplate: `\r\n                                    <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                        <gts-date format=\"yyyy/MM/dd\" ng-model=\"colFilter.term\" name=\"estimateDateOfLoading\"></gts-date>\r\n                                    </div>`,\r\n                                },\r\n                                {\r\n                                    name: \"DateOfDeparture\",\r\n                                    displayName: \"ETD\",\r\n                                    field: \"DateOfDeparture\",\r\n                                    width: 100,\r\n                                    cellFilter: 'momentDateFilter:\"YYYY/MM/DD\"',\r\n                                    visible: !this.isInbound,\r\n                                    filterHeaderTemplate: `\r\n                                    <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                        <gts-date format=\"yyyy/MM/dd\" ng-model=\"colFilter.term\" name=\"estimateDateOfLoading\"></gts-date>\r\n                                    </div>`,\r\n                                }\r\n                                , {\r\n                                    name: \"StackOpening\",\r\n                                    displayName: \"Stack Opening\",\r\n                                    field: \"StackOpening\",\r\n                                    width: 125,\r\n                                    visible: !this.isInbound,                                    \r\n                                    cellFilter: 'momentDateFilter:\"YYYY/MM/DD HH:mm:SS\"',\r\n                                    filterHeaderTemplate: `\r\n                                    <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                        <gts-date format=\"yyyy/MM/dd\" ng-model=\"colFilter.term\" name=\"SLA\"></gts-date>\r\n                                    </div>`,\r\n                                }  , {\r\n                                    name: \"StackClosing\",\r\n                                    displayName: \"Stack Closing\",\r\n                                    field: \"StackClosing\",\r\n                                    width: 125,\r\n                                    visible: !this.isInbound,                                    \r\n                                    cellFilter: 'momentDateFilter:\"YYYY/MM/DD HH:mm:SS\"',\r\n                                    filterHeaderTemplate: `\r\n                                    <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                        <gts-date format=\"yyyy/MM/dd\" ng-model=\"colFilter.term\" name=\"SLA\"></gts-date>\r\n                                    </div>`,\r\n                                } \r\n                                ,\r\n                                {\r\n                                    name: \"StackLocation\",\r\n                                    displayName: \"Stack Location\",\r\n                                    field: \"StackLocation\",\r\n                                    visible: !this.isInbound,\r\n                                    width: 150,\r\n                                    filterHeaderTemplate: `\r\n                                            <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                                <div class=\"input-group-sm\">\r\n                                                    <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                                </div>\r\n                                            </div>`\r\n                                },                                                                 \r\n                                , {\r\n                                        name: \"DateOfBerthing\",\r\n                                        displayName: \"Berthing\",\r\n                                        field: \"DateOfBerthing\",\r\n                                        width: 125,\r\n                                        visible: this.isInbound,\r\n                                        cellFilter: 'momentDateFilter:\"YYYY/MM/DD HH:mm:SS\"',\r\n                                        filterHeaderTemplate: `\r\n                                        <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                            <gts-date format=\"yyyy/MM/dd\" ng-model=\"colFilter.term\" name=\"SLA\"></gts-date>\r\n                                        </div>`,\r\n                                    },\r\n                                    {\r\n                                        name: \"BerthingLocation\",\r\n                                        displayName: \"Berthing Location\",\r\n                                        field: \"BerthingLocation\",\r\n                                        visible: this.isInbound,\r\n                                        width: 150,\r\n                                        filterHeaderTemplate: `\r\n                                                <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                                    <div class=\"input-group-sm\">\r\n                                                        <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                                    </div>\r\n                                                </div>`\r\n                                    },                                    \r\n                                {\r\n                                    name: \"Service\",\r\n                                    displayName: \"Service\",\r\n                                    field: \"Service\",\r\n                                    width: 150,\r\n                                    filterHeaderTemplate: `\r\n                                            <div class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\">\r\n                                                <div class=\"input-group-sm\">\r\n                                                    <input type=\"text\" class=\"form-control\" ng-model=\"colFilter.term\" ng-model-options=\"{ debounce: 1000 }\"/>\r\n                                                </div>\r\n                                            </div>`\r\n                                },\r\n                                {\r\n                                    name: \"Comments\",\r\n                                    displayName: \"Comments\",\r\n                                    field: \"Comments\",\r\n                                    width: 150,\r\n                                    enableSorting: false,\r\n                                    enableFiltering: false,\r\n                                },                                \r\n                                ]\r\n                            };\r\n\r\n                            private showSailingSchedules_click() {\r\n                                this.showSailingSchedules = !this.showSailingSchedules;\r\n                                this.loadVesselName();\r\n                            }\r\n\r\n                            //Load Vessel\r\n                            public loadVesselName() {\r\n                                if (this.countryId) {\r\n                                    \r\n                                    var searchObject: interfaces.applicationcore.ISearchObject = {\r\n                                        filters: [],\r\n                                        sorts: []\r\n                                    }\r\n\r\n                                    if (this.apiGrid) {\r\n                                        var grid = this.apiGrid.grid;\r\n                    \r\n                                        angular.forEach(grid.columns, (n: uiGrid.IGridColumn) => {\r\n                                            if (n.filters[0].term) {\r\n                                                searchObject.filters.push({ Name: n.name, Value: n.filters[0].term });\r\n                                            }\r\n                    \r\n                                            if (n.sort.direction) {\r\n                                                searchObject.sorts.push({\r\n                                                    Name: n.name,\r\n                                                    SortDirection: n.sort.direction === \"asc\" ? 0 : 1,\r\n                                                    SortOrder: n.sort.priority\r\n                                                });\r\n                                            }\r\n                    \r\n                                        });\r\n                                    }\r\n\r\n                                    if (!this.searchDate)\r\n                                        this.searchDate = moment();\r\n\r\n                                    var vesselLookupSearch: interfaces.logistics.IVesselLookupSearch = {\r\n                                        IsInbound: this.isInbound,\r\n                                        CountryId: this.countryId,\r\n                                        OnlyShowSailingSchedules: this.showSailingSchedules,\r\n                                        SearchDate: this.searchDate,\r\n                                        LocationId: this.locationId,\r\n                                        TerminalId: this.terminalId,\r\n                                        Search: searchObject,\r\n                                        NumberRecords: this.pageSize,\r\n                                        PageNumber: this.pageNumber\r\n                                    };\r\n\r\n                                    this.IsLoading = true;\r\n                                    this.vesselScheduleService.vesselLookup().save(vesselLookupSearch, (data) => {\r\n                                        this.gvwGrid.data = data;\r\n                                        if(data && data.length > 0) {\r\n                                            this.gvwGrid.totalItems = data[0].NumRecs;\r\n                                        } else {\r\n                                            this.gvwGrid.totalItems = 0;\r\n                                        }\r\n\r\n                                        this.IsLoading = false;\r\n                                    }, (errorResponse) => {\r\n                                        this.generalService.displayMessageHandler(<interfaces.applicationcore.IMessageHandler>errorResponse.data, this.$scope);\r\n                                        this.IsLoading = false;\r\n                                    });\r\n                                } else {\r\n\r\n                                }\r\n                            }\r\n\r\n                            cancel() {\r\n                                this.$uibModalInstance.dismiss();\r\n                            }\r\n    \r\n                            ok() {\r\n                                if(this.apiGrid.selection.getSelectedRows().length > 0) {\r\n                                    var selectedRow = this.apiGrid.selection.getSelectedRows()[0];\r\n\r\n                                    this.$uibModalInstance.close(selectedRow);\r\n                                }\r\n                            }\r\n                            \r\n                        },\r\n                        controllerAs: \"vesselScheduleCtrl\",\r\n                        resolve: {\r\n                            countryId: () => {\r\n                                return $scope.countryId;\r\n                            },\r\n                            isInbound: () => {\r\n                                return $scope.isInbound;\r\n                            },\r\n                            searchDate: () => {\r\n                                return $scope.searchDate;\r\n                            },\r\n                            locationId: () => {\r\n                                return $scope.locationId;\r\n                            },\r\n                            terminalId: () =>{\r\n                                return $scope.terminalId;\r\n                            }\r\n                        }\r\n                    }).result.then(\r\n                        (result: interfaces.logistics.IVesselLookup) => {\r\n                            if(result) {\r\n                                $scope.selected({selectedItem: result});\r\n                            }\r\n                        }\r\n                    );\r\n                }\r\n            }\r\n\r\n            \r\n\r\n            \r\n            \r\n            static factory(): ng.IDirectiveFactory {\r\n                const directive = ($timeout, $uibModal) => new vesselScheduleDirective($timeout, $uibModal);\r\n                directive.$inject = ['$timeout',\"$uibModal\"];\r\n\r\n                return directive;\r\n            }\r\n        }\r\n\r\n        angular.module(\"app\").directive(\"gtsVesselSchedule\", vesselScheduleDirective.factory());\r\n    }\r\n}"]}