{"version":3,"file":"addressModalPopupDirective.js","sourceRoot":"","sources":["../../../../src/modules/directives/applicationcore/addressModalPopupDirective.ts"],"names":[],"mappings":"AAAA,IAAO,UAAU,CAoRhB;AApRD,WAAO,UAAU;IACb,IAAc,eAAe,CAkR5B;IAlRD,WAAc,eAAe;QAUzB;YAeI,oCAAoB,cAA0D,EAClE,0BAAkF,EACnF,cAA0D,EAC1D,cAA0D,EAC1D,SAAwC;gBAJnD,iBAKI;gBALgB,mBAAc,GAAd,cAAc,CAA4C;gBAClE,+BAA0B,GAA1B,0BAA0B,CAAwD;gBACnF,mBAAc,GAAd,cAAc,CAA4C;gBAC1D,mBAAc,GAAd,cAAc,CAA4C;gBAC1D,cAAS,GAAT,SAAS,CAA+B;gBAjBnD,aAAQ,GAAG,kNAEM,CAAC;gBAClB,UAAK,GAAG;oBACJ,aAAa,EAAE,GAAG;oBAClB,eAAe,EAAE,GAAG;oBACpB,UAAU,EAAE,GAAG;oBACf,WAAW,EAAE,GAAG;oBAChB,UAAU,EAAE,GAAG;iBAClB,CAAA;gBAWD,SAAI,GAAG,UAAC,MAAqB,EAAE,QAA6B;oBAExD,MAAM,CAAC,WAAW,GAAG;wBACjB,kBAAkB;wBAClB,KAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,EACzF,EAAE,UAAC,MAA2C;4BACvC,KAAI,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;4BACzB,KAAI,CAAC,WAAW,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;wBACxF,CAAC,EAAE,UAAC,WAAW;4BACX,KAAI,CAAC,cAAc,CAAC,qBAAqB,CAA6C,WAAW,CAAC,IAAI,CAAC,CAAC;wBAC5G,CAAC,CAAC,CAAC;oBACP,CAAC,CAAA;gBACL,CAAC,CAAA;YAdE,CAAC;YAgBJ,mBAAmB;YACnB,gDAAW,GAAX,UAAY,eAAuB,EAAE,WAAoB,EAAE,UAAkB;gBAA7E,iBA4MC;gBA3MG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBAChB,SAAS,EAAE,IAAI;oBACf,QAAQ,EAAE,6ocA2KT;oBACD,UAAU,EAAE,UAAC,MAAM,EAAE,iBAAwD;wBAEzE,MAAM,CAAC,EAAE,GAAG;4BACR,iBAAiB,CAAC,OAAO,EAAE,CAAC;wBAChC,CAAC,CAAA;wBAED,MAAM,CAAC,OAAO,GAAG,KAAI,CAAC,OAAO,CAAC;wBAC9B,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;wBACzC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;wBACjC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;wBAE/B,MAAM,CAAC,MAAM,GAAG;4BACZ,KAAI,CAAC,MAAM,EAAE,CAAC;4BACd,MAAM,CAAC,EAAE,EAAE,CAAC;wBAChB,CAAC,CAAA;wBAED,MAAM,CAAC,aAAa,GAAG;4BACnB,OAAO,KAAI,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,EAClD,EACG,UAAC,MAA6E;4BAC9E,CAAC,EAAE,UAAC,WAAW;gCACX,KAAI,CAAC,cAAc,CAAC,qBAAqB,CAA6C,WAAW,CAAC,IAAI,CAAC,CAAC;4BAC5G,CAAC,CAAC,CAAC,QAAQ,CAAC;wBACpB,CAAC,CAAA;oBACL,CAAC;oBACD,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,EACR;iBACJ,CAAC,CAAC;YACP,CAAC;YAED,2CAAM,GAAN;gBAAA,iBAUC;gBARG,kBAAkB;gBAClB,IAAI,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAC,IAAI,CACxC,IAAI,CAAC,OAAO,EACd;oBACE,QAAQ;gBACZ,CAAC,EAAE,UAAC,WAAW;oBACX,KAAI,CAAC,cAAc,CAAC,qBAAqB,CAA6C,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC5G,CAAC,CAAC,CAAC;YACP,CAAC;YAEM,kCAAO,GAAd;gBACI,IAAM,SAAS,GAAG,UAAC,cAAc,EAAE,0BAA0B,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,IAAK,OAAA,IAAI,0BAA0B,CAAC,cAAc,EAAE,0BAA0B,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,CAAC,EAArH,CAAqH,CAAC;gBACnO,SAAS,CAAC,OAAO,GAAG,CAAC,gBAAgB,EAAE,4BAA4B,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC;gBAEtH,OAAO,SAAS,CAAC;YACrB,CAAC;YACL,iCAAC;QAAD,CAAC,AArQD,IAqQC;QArQY,0CAA0B,6BAqQtC,CAAA;QAED,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,OAAO,EAAE,CAAC,CAAC;IAClG,CAAC,EAlRa,eAAe,GAAf,0BAAe,KAAf,0BAAe,QAkR5B;AACL,CAAC,EApRM,UAAU,KAAV,UAAU,QAoRhB","sourcesContent":["module directives {\r\n    export module applicationcore {\r\n        interface IAddressScope extends ng.IScope {\r\n            transactionId: number;\r\n            transactionType: number;\r\n            ngDisabled: boolean;\r\n            showCountry: boolean;\r\n            hidePostal: boolean;\r\n            showAddress(): void;\r\n        }\r\n\r\n        export class addressModalPopupDirective implements ng.IDirective\r\n        {\r\n            template = `<p class=\"input-group-sm\">\r\n                            <button type=\"button\" class=\"btn btn-primary\" ng-click=\"showAddress()\" ng-disabled=\"ngDisabled\">Address</button>\r\n                        </p>`;\r\n            scope = {\r\n                transactionId: \"=\",\r\n                transactionType: \"=\",\r\n                ngDisabled: \"=\",\r\n                showCountry: \"=\",\r\n                hidePostal: \"=\"\r\n            }\r\n            \r\n            address: interfaces.applicationcore.IAddress;\r\n\r\n            constructor(private generalService: interfaces.applicationcore.IGeneralService,\r\n                private classificationValueService: interfaces.applicationcore.IClassificationValueService,\r\n                public addressService: interfaces.applicationcore.IAddressService,\r\n                public countryService: interfaces.applicationcore.ICountryService,\r\n                public $uibModal: ng.ui.bootstrap.IModalService,\r\n            ) {}\r\n\r\n            link = ($scope: IAddressScope, $element: ng.IAugmentedJQuery) =>\r\n            {\r\n                $scope.showAddress = () => {\r\n                    //Get the address.\r\n                    this.addressService.getAddressDetails($scope.transactionId, $scope.transactionType).query({\r\n                    }, (result: interfaces.applicationcore.IAddress) => {\r\n                            this.address = result[0];\r\n                            this.showAddress($scope.transactionType, $scope.showCountry, $scope.hidePostal);\r\n                    }, (failureData) => {\r\n                        this.generalService.displayMessageHandler(<interfaces.applicationcore.IMessageHandler>failureData.data);\r\n                    });\r\n                }\r\n            }\r\n\r\n            //Display Addresses\r\n            showAddress(transactionType: number, showCountry: boolean, hidePostal:boolean) {\r\n                this.$uibModal.open({\r\n                    animation: true,\r\n                    template: `\r\n                        <div class=\"modal-content\" >\r\n                            <form name=\"ConsignmentDetail\">\r\n                                <div class=\"gts-padding\">\r\n                                    <fieldset id=\"Address\">\r\n                                        <div class=\"col-md-12\">\r\n                                            <div class=\"row vertical-align\">\r\n                                                <div class=\"col-md-4\">\r\n                                                    <req></req>\r\n                                                    <label>Name</label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': companyName.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.CompanyName\" required\r\n                                                               aria-label=\"Company Name\" name=\"companyName\">\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"row vertical-align\">\r\n                                                <div class=\"col-md-10\">\r\n                                                    <opt></opt>\r\n                                                    <label>Street Address</label>\r\n                                                </div>\r\n                                                <div class=\"col-md-10\" ng-if=\"!hidePostal\">\r\n                                                    <opt></opt>\r\n                                                    <label>Postal Address</label>\r\n                                                </div>\r\n                                            </div>\r\n                                            <!-- Line 1 -->\r\n                                            <div class=\"row vertical-align\">\r\n                                                <div class=\"col-md-4\">\r\n                                                    <req></req>\r\n                                                    <label>Line 1: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineOne.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.StreetAddressLine1\" required\r\n                                                               aria-label=\"Line One\" name=\"lineOne\">\r\n                                                    </p>\r\n                                                </div>\r\n                                                <div class=\"col-md-4\" ng-if=\"!hidePostal\">\r\n                                                    <req></req>\r\n                                                    <label>Line 1: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\"  ng-if=\"!hidePostal\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineOnePost.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.PostAddressLine1\" ng-disabled=\"(transactionType === 6) || (transactionType === 7) || (transactionType === 8)\" required\r\n                                                               aria-label=\"Line One Post\" name=\"lineOnePost\">\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                            <!-- Line 2 -->\r\n                                            <div class=\"row vertical-align\">\r\n                                                <div class=\"col-md-4\">\r\n                                                    <opt></opt>\r\n                                                    <label>Line 2: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineTwo.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.StreetAddressLine2\" required\r\n                                                               aria-label=\"Line Two\" name=\"lineTwo\">\r\n                                                    </p>\r\n                                                </div>\r\n                                                <div class=\"col-md-4\"  ng-if=\"!hidePostal\">\r\n                                                    <opt></opt>\r\n                                                    <label>Line 2: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\"  ng-if=\"!hidePostal\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineTwoPost.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.PostAddressLine2\" ng-disabled=\"(transactionType === 6) || (transactionType === 7) || (transactionType === 8)\" required\r\n                                                               aria-label=\"Line Two Post\" name=\"lineTwoPost\">\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                            <!-- Line 3 -->\r\n                                            <div class=\"row vertical-align\">\r\n                                                <div class=\"col-md-4\">\r\n                                                    <opt></opt>\r\n                                                    <label>Line 3: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineThree.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.StreetAddressLine3\" required\r\n                                                               aria-label=\"Line Three\" name=\"lineThree\">\r\n                                                    </p>\r\n                                                </div>\r\n                                                <div class=\"col-md-4\"  ng-if=\"!hidePostal\">\r\n                                                    <opt></opt>\r\n                                                    <label>Line 3: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\" ng-if=\"!hidePostal\"> \r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineThreePost.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.PostAddressLine3\" ng-disabled=\"(transactionType === 6) || (transactionType === 7) || (transactionType === 8)\" required\r\n                                                               aria-label=\"Line Three Post\" name=\"lineThreePost\">\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                            <!-- Line 4 -->\r\n                                            <div class=\"row vertical-align\">\r\n                                                <div class=\"col-md-4\">\r\n                                                    <opt></opt>\r\n                                                    <label>Line 4: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineFour.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.StreetAddressLine4\" required\r\n                                                               aria-label=\"Line Four\" name=\"lineFour\">\r\n                                                    </p>\r\n                                                </div>\r\n                                                <div class=\"col-md-4\"  ng-if=\"!hidePostal\">\r\n                                                    <opt></opt>\r\n                                                    <label>Line 4: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\"  ng-if=\"!hidePostal\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': lineFourPost.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.PostAddressLine4\" ng-disabled=\"(transactionType === 6) || (transactionType === 7) || (transactionType === 8)\" required\r\n                                                               aria-label=\"Line Four Post\" name=\"lineFourPost\">\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                            <!-- Postal Code -->\r\n                                            <div class=\"row vertical-align\">\r\n                                                <div class=\"col-md-4\">\r\n                                                    <opt></opt>\r\n                                                    <label>Postal: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': postalCodeStreet.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.StreetAddressPostal\" required\r\n                                                               aria-label=\"Postal Code Address\" name=\"postalCodeStreet\">\r\n                                                    </p>\r\n                                                </div>\r\n                                                <div class=\"col-md-4\" ng-if=\"!hidePostal\">\r\n                                                    <opt></opt>\r\n                                                    <label>Postal: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\" ng-if=\"!hidePostal\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': postalCodePost.$invalid}\">\r\n                                                        <input class=\"form-control\" type=\"text\" ng-model=\"address.PostAddressPostal\" ng-disabled=\"(transactionType === 6) || (transactionType === 7) || (transactionType === 8)\" required\r\n                                                               aria-label=\"Postal Code Post\" name=\"postalCodePost\">\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                             <div class=\"row vertical-align\" ng-if=\"showCountry\">\r\n                                                <div class=\"col-md-4\">\r\n                                                    <opt></opt>\r\n                                                    <label>Country: </label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <p class=\"input-group-sm has-feedback\" ng-class=\"{'has-error': country.$invalid}\">\r\n                                                        <gts-dropdown ng-model=\"address.Country\" load-data=\"loadCountries()\"></gts-dropdown>\r\n                                                    </p>\r\n                                                </div>\r\n                                                <div class=\"col-md-4\" ng-if=\"!hidePostal\"><opt></opt></div>\r\n                                                <div class=\"col-md-6\" ng-if=\"!hidePostal\"><opt></opt></div>\r\n                                            </div>\r\n                                            <div class=\"pull-right\">\r\n                                                <div class=\"col-md-12\">\r\n                                                    <button type=\"button\" class=\"btn btn-primary\" ng-click=\"ok()\">\r\n                                                        Close\r\n                                                    </button>\r\n                                                    <button type=\"button\" class=\"btn btn-primary\" ng-click=\"submit()\">\r\n                                                        Submit &amp; Close\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </fieldset>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    `,\r\n                    controller: ($scope, $uibModalInstance: ng.ui.bootstrap.IModalInstanceService) => {\r\n\r\n                        $scope.ok = () => {\r\n                            $uibModalInstance.dismiss();\r\n                        }\r\n\r\n                        $scope.address = this.address;\r\n                        $scope.transactionType = transactionType;\r\n                        $scope.showCountry = showCountry;\r\n                        $scope.hidePostal = hidePostal;\r\n\r\n                        $scope.submit = () => {\r\n                            this.submit();\r\n                            $scope.ok();\r\n                        }\r\n\r\n                        $scope.loadCountries = () => {\r\n                            return this.countryService.getDropdownList().query({\r\n                            },\r\n                                (result: ng.resource.IResourceArray<interfaces.applicationcore.IDropdownModel>) => {\r\n                                }, (failureData) => {\r\n                                    this.generalService.displayMessageHandler(<interfaces.applicationcore.IMessageHandler>failureData.data);\r\n                                }).$promise;\r\n                        }\r\n                    },\r\n                    size: \"lg\",\r\n                    resolve: {\r\n                    }\r\n                });\r\n            }\r\n\r\n            submit()\r\n            {\r\n                //Set the address.\r\n                this.addressService.setAddressDetails().save(\r\n                    this.address\r\n                , () => {\r\n                    //Result\r\n                }, (failureData) => {\r\n                    this.generalService.displayMessageHandler(<interfaces.applicationcore.IMessageHandler>failureData.data);\r\n                });\r\n            }\r\n            \r\n            static factory(): ng.IDirectiveFactory {\r\n                const directive = (generalService, classificationValueService, addressService, countryService, $uibModal) => new addressModalPopupDirective(generalService, classificationValueService, addressService, countryService, $uibModal);\r\n                directive.$inject = [\"generalService\", \"classificationValueService\", \"addressService\", \"countryService\", \"$uibModal\"];\r\n\r\n                return directive;\r\n            }\r\n        }\r\n\r\n        angular.module(\"app\").directive(\"gtsAddressModalPopup\", addressModalPopupDirective.factory());\r\n    }\r\n}"]}