@seniorsistemas/yms-integration 1.32.0 → 1.34.0

package/bundles/seniorsistemas-yms-integration.umd.js

@@ -3347,6 +3347,14 @@
         ProcessType["RECEBIMENTO_WMS"] = "RECEBIMENTO_WMS";
     })(ProcessType || (ProcessType = {}));
 
+    var InvoiceCondition;
+    (function (InvoiceCondition) {
+        InvoiceCondition["AUTHORIZED"] = "AUTHORIZED";
+        InvoiceCondition["PARTIAL_AUTHORIZED"] = "PARTIAL_AUTHORIZED";
+        InvoiceCondition["MANUAL_AUTHORIZED"] = "MANUAL_AUTHORIZED";
+        InvoiceCondition["DEVOLUTION"] = "DEVOLUTION";
+    })(InvoiceCondition || (InvoiceCondition = {}));
+
     var DocumentGridComponent = /** @class */ (function () {
         function DocumentGridComponent(translate, documentService, confirmationService, integrationService, agendaService, utils) {
             this.translate = translate;
@@ -3358,7 +3366,15 @@
             this.viewDocument = new core.EventEmitter();
             this.gridData = [];
             this.enableButtonIsClienteExterno = true;
+            this.summary = "yms.int.wms_saved_document_message_title";
             this.ngUnsubscribe = new rxjs.Subject();
+            this.invoiceCondition = [
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_no_way"), value: null },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_authorized"), value: InvoiceCondition.AUTHORIZED },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_manual_authorized"), value: InvoiceCondition.MANUAL_AUTHORIZED },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_partial_authorized"), value: InvoiceCondition.PARTIAL_AUTHORIZED },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_devolucion"), value: InvoiceCondition.DEVOLUTION },
+            ];
             this.selection = [];
         }
         DocumentGridComponent.prototype.ngOnInit = function () {
@@ -3366,14 +3382,12 @@
             this.getProcessTypeByScheduling();
             this.listDocuments(false);
         };
-        DocumentGridComponent.prototype.ngAfterContentChecked = function () {
-            this.gridColumns = this.getGridColumns();
-        };
         DocumentGridComponent.prototype.verifyClienteExterno = function () {
             var _this = this;
             this.agendaService.isClienteExterno()
                 .subscribe(function (result) {
                 _this.isClienteExterno = result.isClienteExterno;
+                _this.gridColumns = _this.getGridColumns();
                 _this.cantEditStatus();
             });
         };
@@ -3395,7 +3409,7 @@
             }
             this.gridData.push(document);
             this.disabled = false;
-            this.utils.message("success", "yms.int.wms_saved_document_message_title", "yms.int.wms_success_message_description");
+            this.utils.message("success", this.summary, "yms.int.wms_success_message_description");
             this.visibleDocumentRegister = false;
             this.visibleInvoiceKey = false;
         };
@@ -3475,11 +3489,17 @@
                         }
                         data.key = _this.updateKeyByWms(data);
                         _this.documentService.insert(data).subscribe(function () {
-                            _this.utils.message("success", "yms.int.wms_saved_document_message_title", "saved_message_content");
+                            _this.sucessMessage();
                         });
                         _this.disabled = true;
                         _this.listDocuments(false);
                     }
+                    else {
+                        _this.documentService.update(data.id, data).subscribe(function () {
+                            _this.sucessMessage();
+                            _this.disabled = true;
+                        });
+                    }
                 });
             }
         };
@@ -3543,20 +3563,46 @@
             });
         };
         DocumentGridComponent.prototype.getGridColumns = function () {
-            if (this.isWmsSeniorConnect()) {
-                return __spread([
-                    { field: "key", header: this.translate.instant("yms.int.wms_purchaseOrder") }
-                ], this.getColumnPartner());
-            }
-            if (this.isWmsWIS()) {
-                return this.getColumnInvoiceAndlogistcUnit();
-            }
-            return __spread([
+            var result;
+            switch (this.wmsSystem) {
+                case WmsSystem.SENIOR_CONNECT:
+                    result = this.wmsSeniorConnectIntegration();
+                    break;
+                case WmsSystem.WIS:
+                    result = this.wmsWisIntegration();
+                    break;
+                case WmsSystem.SENIOR:
+                    result = this.wmsSiltIntegration();
+                    break;
+                default:
+                    result = [];
+            }
+            return result;
+        };
+        DocumentGridComponent.prototype.wmsSeniorConnectIntegration = function () {
+            var columns = __spread([
+                { field: "key", header: this.translate.instant("yms.int.wms_purchaseOrder") }
+            ], this.getColumnPartner());
+            this.addInvoiceSituationIfNotClienteExterno(columns);
+            return columns;
+        };
+        DocumentGridComponent.prototype.wmsWisIntegration = function () {
+            var columns = __spread(this.getColumnInvoiceAndlogistcUnit());
+            this.addInvoiceSituationIfNotClienteExterno(columns);
+            return columns;
+        };
+        DocumentGridComponent.prototype.wmsSiltIntegration = function () {
+            var columns = __spread([
                 { field: "invoiceKey", header: this.translate.instant("yms.int.wms_register_document_invoice_key") }
             ], this.getColumnInvoiceAndlogistcUnit(), [
                 { field: "ownerName", header: this.translate.instant("yms.int.wms_register_document_owner_name") },
                 { field: "ownerDocument", header: this.translate.instant("yms.int.wms_register_document_owner_document") },
             ]);
+            this.addInvoiceSituationIfNotClienteExterno(columns);
+            return columns;
+        };
+        DocumentGridComponent.prototype.getColumninvoiceCondition = function () {
+            return { field: "invoiceCondition", header: this.translate.instant("yms.int.wms_grid_document_invoice_condition") };
         };
         DocumentGridComponent.prototype.getColumnInvoiceAndlogistcUnit = function () {
             return __spread([
@@ -3573,12 +3619,23 @@
                 { field: "partnerDocument", header: this.translate.instant("yms.int.wms_register_document_partner_document") },
             ];
         };
+        DocumentGridComponent.prototype.addInvoiceSituationIfNotClienteExterno = function (columns) {
+            if (!this.isClienteExterno) {
+                columns.push(this.getColumninvoiceCondition());
+            }
+        };
         DocumentGridComponent.prototype.isWmsSeniorConnect = function () {
             return this.wmsSystem === WmsSystem.SENIOR_CONNECT;
         };
         DocumentGridComponent.prototype.isWmsWIS = function () {
             return this.wmsSystem === WmsSystem.WIS;
         };
+        DocumentGridComponent.prototype.isWmsSilt = function () {
+            return this.wmsSystem === WmsSystem.SENIOR;
+        };
+        DocumentGridComponent.prototype.sucessMessage = function () {
+            return this.utils.message("success", this.summary, "saved_message_content");
+        };
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -3626,8 +3683,8 @@
         DocumentGridComponent = __decorate([
             core.Component({
                 selector: 'document-grid',
-                template: "<div *ngIf=\"this.processType === 'RECEBIMENTO_WMS'; else processNotConfigured\">\n    <p-panel>\n        <p-header>\n            <div class=\"buttons\">\n                <div>\n                    <s-button\n                        label=\"{{'yms.int.wms_add_document' | translate}}\"\n                        priority=\"primary\"\n                        [model]=\"getActions()\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!enableButtonIsClienteExterno\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_view_button' | translate}}\"\n                        priority=\"secondary\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!selection  || selection.length !== 1\"\n                        (onClick)=\"view()\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_delete_button' | translate}}\"\n                        priority=\"secondary\"\n                        [disabled]=\"!selection || !selection.length || !enableButtonIsClienteExterno\"\n                        (click)=\"onDelete()\">\n                    </s-button>\n                </div>\n                <s-button\n                    id=\"refresh-button\"\n                    priority=\"default\"\n                    iconClass=\"fa fa-refresh\"\n                    (onClick)=\"listDocuments(false)\"\n                    >\n                </s-button>\n            </div>\n        </p-header>\n        <div class=\"ui-g\">\n            <div class=\"ui-g-12\" *ngIf=\"gridData && gridData.length; else emptyList\">\n                <p-table #documentTable [value]=\"gridData\"\n                [columns]=\"gridColumns\" dataKey=\"key\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n                sortMode=\"multiple\" [paginator]=\"true\" [totalRecords]=\"documentTotalRecords\" rows=\"10\"\n                [rowsPerPageOptions]=\"[10, 20, 50, 100]\" [(selection)]=\"selection\"\n                [loading]=\"loading\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\"/>\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th id=\"checkbox\" class=\"table-checkbox\">\n                            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n                        </th>\n                        <th id=\"col\" *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\" pResizableColumn>\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-expanded=\"expanded\">\n                    <tr [pSelectableRow]=\"rowData\">\n                        <td class=\"table-checkbox\">\n                            <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td *ngFor=\"let column of getGridColumns()\" (click)=\"selection = [rowData]\">\n                            <span>{{ rowData[ column.field ] }}</span>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [translate]=\"'total_records'\" [translateParams]=\"{ value: documentTotalRecords }\"></span>\n                </ng-template>\n            </p-table>      \n            </div>\n        </div>\n        <register-document\n            [wmsSystem]=\"wmsSystem\"\n            [edit]=\"edit\"\n            [viewDocument]=\"selection\"\n            (document)=\"onChangeDocument($event)\"\n            [(visible)]=\"visibleDocumentRegister\"\n            [agenda]=\"agenda\">\n        </register-document>    \n        <insert-key [wmsSystem]=\"wmsSystem\" \n            (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n    </p-panel>\n</div>\n    <div class=\"button-save\">\n        <s-button \n            priority=\"primary\" [label]=\"'save' | translate\"\n            [disabled]=\"disabled || !this.gridData || !enableButtonIsClienteExterno\"\n            (click)=\"save()\">\n        </s-button>\n    </div>\n    <register-document\n        [wmsSystem]=\"wmsSystem\"\n        [edit]=\"edit\"\n        [viewDocument]=\"selection\"\n        (document)=\"onChangeDocument($event)\"\n        [(visible)]=\"visibleDocumentRegister\"\n        [agenda]=\"agenda\">\n    </register-document>    \n    <insert-key [wmsSystem]=\"wmsSystem\" \n        (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'detail_empty_state_title' | translate\"\n            [description]=\"'detail_empty_state_description' | translate\">\n    </s-empty-state>\n    </div>\n</ng-template>\n\n<ng-template #processNotConfigured>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\"\n            [title]=\"'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling' | translate\"\n        >\n    </s-empty-state>\n    </div>\n</ng-template>",
-                styles: [".buttons{display:flex;justify-content:space-between}.center{flex-direction:column;text-align:center}.ui-g{display:block}.button-save{margin:5px 0}#refresh-button{color:#fff}.table-checkbox{width:50px}"]
+                template: "<div *ngIf=\"this.processType === 'RECEBIMENTO_WMS'; else processNotConfigured\">\n    <p-panel>\n        <p-header>\n            <div class=\"buttons\">\n                <div>\n                    <s-button\n                        label=\"{{'yms.int.wms_add_document' | translate}}\"\n                        priority=\"primary\"\n                        [model]=\"getActions()\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!enableButtonIsClienteExterno\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_view_button' | translate}}\"\n                        priority=\"secondary\"\n                        [auxiliary]=\"false\"\n                        [disabled]=\"!selection  || selection.length !== 1\"\n                        (onClick)=\"view()\">\n                    </s-button>\n                    <s-button\n                        label=\"{{'yms.wms_delete_button' | translate}}\"\n                        priority=\"secondary\"\n                        [disabled]=\"!selection || !selection.length || !enableButtonIsClienteExterno\"\n                        (click)=\"onDelete()\">\n                    </s-button>\n                </div>\n                <s-button\n                    id=\"refresh-button\"\n                    priority=\"default\"\n                    iconClass=\"fa fa-refresh\"\n                    (onClick)=\"listDocuments(false)\"\n                    >\n                </s-button>\n            </div>\n        </p-header>\n        <div class=\"ui-g\">\n            <div class=\"ui-g-12\" *ngIf=\"gridData && gridData.length; else emptyList\">\n                <p-table #documentTable [value]=\"gridData\"\n                [columns]=\"gridColumns\" dataKey=\"key\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n                sortMode=\"multiple\" [paginator]=\"true\" [totalRecords]=\"documentTotalRecords\" rows=\"10\"\n                [rowsPerPageOptions]=\"[10, 20, 50, 100]\" [(selection)]=\"selection\"\n                [loading]=\"loading\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\"/>\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th id=\"checkbox\" class=\"table-checkbox\">\n                            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n                        </th>\n                        <th id=\"col\" *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\" pResizableColumn>\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-expanded=\"expanded\">\n                    <tr [pSelectableRow]=\"rowData\">\n                        <td class=\"table-checkbox\">\n                            <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td *ngIf=\"isWmsSeniorConnect()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"key\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"invoiceKey\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"invoiceNumber\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"invoiceSerialNumber\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSeniorConnect() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"partnerName\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSeniorConnect() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"partnerDocument\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"logistcUnitName\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsWIS() || isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"logistcUnitDocument\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"ownerName\"]}}</span>\n                        </td>\n                        <td *ngIf=\"isWmsSilt()\" (click)=\"selection = [rowData]\">\n                            <span>{{rowData[\"ownerDocument\"]}}</span>\n                        </td>\n                        <td *ngIf=\"!isClienteExterno\" (click)=\"selection = [rowData]\">\n                            <p-dropdown\n                                inputId=\"invoiceCondition\"\n                                name=\"invoiceCondition\"\n                                [autoWidth]=\"false\"\n                                [options]=\"invoiceCondition\"\n                                appendTo=\"body\"\n                                [(ngModel)]=\"rowData.invoiceCondition\"\n                                (onChange)=\"disabled = false\">\n                            </p-dropdown>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [translate]=\"'total_records'\" [translateParams]=\"{ value: documentTotalRecords }\"></span>\n                </ng-template>\n            </p-table>      \n            </div>\n        </div>\n        <register-document\n            [wmsSystem]=\"wmsSystem\"\n            [edit]=\"edit\"\n            [viewDocument]=\"selection\"\n            (document)=\"onChangeDocument($event)\"\n            [(visible)]=\"visibleDocumentRegister\"\n            [agenda]=\"agenda\"\n            [isClienteExterno]=\"isClienteExterno\">\n        </register-document>    \n        <insert-key\n            [wmsSystem]=\"wmsSystem\" \n            (document)=\"onChangeDocument($event)\"\n            [(visible)]=\"visibleInvoiceKey\">\n        </insert-key>\n    </p-panel>\n</div>\n    <div class=\"button-save\">\n        <s-button \n            priority=\"primary\" [label]=\"'save' | translate\"\n            [disabled]=\"disabled || !this.gridData || !enableButtonIsClienteExterno\"\n            (click)=\"save()\">\n        </s-button>\n    </div>\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'detail_empty_state_title' | translate\"\n            [description]=\"'detail_empty_state_description' | translate\">\n        </s-empty-state>\n    </div>\n</ng-template>\n\n<ng-template #processNotConfigured>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\"\n            [title]=\"'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling' | translate\">\n        </s-empty-state>\n    </div>\n</ng-template>",
+                styles: [".buttons{display:flex;justify-content:space-between}.center{flex-direction:column;text-align:center}.ui-g{display:block}.button-save{margin:5px 0}#refresh-button{color:#fff}.table-checkbox{width:50px}.invoice-condition .p-dropdown{position:relative;z-index:1000}"]
             }),
             __metadata("design:paramtypes", [core$1.TranslateService,
                 DocumentService,
@@ -3661,6 +3718,7 @@
                 "ownerDocument",
                 "partnerName",
                 "partnerDocument",
+                "invoiceCondition",
                 "notes",
                 "code",
                 "createdBy",
@@ -3681,13 +3739,20 @@
     }());
 
     var RegisterDocumentComponent = /** @class */ (function () {
-        function RegisterDocumentComponent(fb, utils) {
+        function RegisterDocumentComponent(fb, translate) {
             this.fb = fb;
-            this.utils = utils;
+            this.translate = translate;
             this.document = new core.EventEmitter();
             this.visible = new core.EventEmitter();
             this.visibleChange = new core.EventEmitter();
             this.isSaveFormValid = false;
+            this.invoiceCondition = [
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_no_way"), value: null },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_authorized"), value: InvoiceCondition.AUTHORIZED },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_manual_authorized"), value: InvoiceCondition.MANUAL_AUTHORIZED },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_partial_authorized"), value: InvoiceCondition.PARTIAL_AUTHORIZED },
+                { label: this.translate.instant("yms.int.wms_grid_document_invoice_condition_devolucion"), value: InvoiceCondition.DEVOLUTION },
+            ];
         }
         RegisterDocumentComponent.prototype.ngOnInit = function () {
             this.getFormGroup();
@@ -3725,6 +3790,7 @@
             this.formGroup.get('partnerDocument').setValue(document.partnerDocument);
             this.formGroup.get('ownerDocument').setValue(document.ownerDocument);
             this.formGroup.get('ownerName').setValue(document.ownerName);
+            this.formGroup.get('invoiceCondition').setValue(document.invoiceCondition);
         };
         RegisterDocumentComponent.prototype.getFormGroup = function () {
             this.formGroup = this.fb.group({
@@ -3741,6 +3807,7 @@
                 partnerDocument: [undefined],
                 notes: [undefined],
                 code: [undefined],
+                invoiceCondition: [undefined],
             });
         };
         RegisterDocumentComponent.prototype.save = function () {
@@ -3772,6 +3839,10 @@
             core.Input(),
             __metadata("design:type", Agenda)
         ], RegisterDocumentComponent.prototype, "agenda", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], RegisterDocumentComponent.prototype, "isClienteExterno", void 0);
         __decorate([
             core.Output(),
             __metadata("design:type", core.EventEmitter)
@@ -3791,10 +3862,9 @@
         RegisterDocumentComponent = __decorate([
             core.Component({
                 selector: "register-document",
-                template: "<s-sidebar\n    [visible]=\"visible\"\n    header=\"{{ 'yms.int.wms_register_document_add_document' | translate }} {{ wmsSystem }}\"\n    (visibleChange)=\"close()\"\n    (onclose)=\"close()\">\n    <form [formGroup]=\"formGroup\">\n        <div class=\"ui-g ui-fluid\">\n            <div class=\"ui-g-6\" *ngIf=\"isWmsSeniorConnect()\">\n                <label for=\"key\">{{'yms.int.wms_purchaseOrder' | translate}}</label>\n                <input id=\"key\" pInputText type=\"text\" formControlName=\"key\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"invoiceKey\">{{'yms.int.wms_register_document_invoice_key' | translate}}</label>\n                <input id=\"invoiceKey\" pInputText type=\"text\" formControlName=\"invoiceKey\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_register_document_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceSerialNumber\">\n                    {{'yms.int.wms_register_document_invoice_serial_number' | translate}}\n                </label>\n                <input id=\"invoiceSerialNumber\" pInputText type=\"text\" formControlName=\"invoiceSerialNumber\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"logistcUnitName\">{{'yms.int.wms_register_document_logistc_unit_name' | translate}}</label>\n                <input id=\"logistcUnitName\" pInputText type=\"text\" formControlName=\"logistcUnitName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"logistcUnitDocument\">\n                    {{'yms.int.wms_register_document_logistc_unit_document' | translate}}\n                </label>\n                <input id=\"logistcUnitDocument\" pInputText type=\"text\" formControlName=\"logistcUnitDocument\">\n            </div>\n            <div class=\"ui-g-8\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"documentOwnerName\">{{'yms.int.wms_register_document_owner_name' | translate}}</label>\n                <input id=\"documentOwnerName\" pInputText type=\"text\" formControlName=\"ownerName\">\n            </div>\n            <div class=\"ui-g-4\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"ownerDocument\">{{'yms.int.wms_register_document_owner_document' | translate}}</label>\n                <input id=\"ownerDocument\" pInputText type=\"text\" formControlName=\"ownerDocument\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"partnerName\">{{'yms.int.wms_register_document_partner_name' | translate}}</label>\n                <input id=\"partnerName\" pInputText type=\"text\" formControlName=\"partnerName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_register_document_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"ui-g-12\">\n                <label for=\"notes\" id=\"notes\">{{'yms.int.wms_register_document_notes' | translate}}</label>\n                <textarea id=\"notes\" rows=\"4\" pInputTextarea autoResize=\"autoResize\" formControlName=\"notes\"></textarea>\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"code\">\n                    {{'yms.int.wms_register_document_order_receiving_code' | translate}}\n                </label>\n                <input id=\"code\" pInputText type=\"text\" formControlName=\"code\">\n            </div>\n        </div>\n    </form>\n    <div class=\"space-between\">\n        <button\n            pButton label=\"{{'save' | translate}}\"\n            (click)=\"save()\"\n            [attr.data-hidden]=\"hideSaveButton\"\n            [disabled]=\"!isSaveFormValid\">\n        </button>\n        <button\n            type=\"button\" class=\"ui-button-link\" pButton label=\"{{'cancel' | translate}}\" (click)=\"close()\">\n        </button>\n    </div>\n</s-sidebar>"
+                template: "<s-sidebar\n    [visible]=\"visible\"\n    header=\"{{ 'yms.int.wms_register_document_add_document' | translate }} {{ wmsSystem }}\"\n    (visibleChange)=\"close()\"\n    (onclose)=\"close()\">\n    <form [formGroup]=\"formGroup\">\n        <div class=\"ui-g ui-fluid\">\n            <div class=\"ui-g-6\" *ngIf=\"isWmsSeniorConnect()\">\n                <label for=\"key\">{{'yms.int.wms_purchaseOrder' | translate}}</label>\n                <input id=\"key\" pInputText type=\"text\" formControlName=\"key\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"invoiceKey\">{{'yms.int.wms_register_document_invoice_key' | translate}}</label>\n                <input id=\"invoiceKey\" pInputText type=\"text\" formControlName=\"invoiceKey\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_register_document_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"ui-g-6\" *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"invoiceSerialNumber\">\n                    {{'yms.int.wms_register_document_invoice_serial_number' | translate}}\n                </label>\n                <input id=\"invoiceSerialNumber\" pInputText type=\"text\" formControlName=\"invoiceSerialNumber\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"logistcUnitName\">{{'yms.int.wms_register_document_logistc_unit_name' | translate}}</label>\n                <input id=\"logistcUnitName\" pInputText type=\"text\" formControlName=\"logistcUnitName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"logistcUnitDocument\">\n                    {{'yms.int.wms_register_document_logistc_unit_document' | translate}}\n                </label>\n                <input id=\"logistcUnitDocument\" pInputText type=\"text\" formControlName=\"logistcUnitDocument\">\n            </div>\n            <div class=\"ui-g-8\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"documentOwnerName\">{{'yms.int.wms_register_document_owner_name' | translate}}</label>\n                <input id=\"documentOwnerName\" pInputText type=\"text\" formControlName=\"ownerName\">\n            </div>\n            <div class=\"ui-g-4\" *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"ownerDocument\">{{'yms.int.wms_register_document_owner_document' | translate}}</label>\n                <input id=\"ownerDocument\" pInputText type=\"text\" formControlName=\"ownerDocument\">\n            </div>\n            <div class=\"ui-g-8\">\n                <label for=\"partnerName\">{{'yms.int.wms_register_document_partner_name' | translate}}</label>\n                <input id=\"partnerName\" pInputText type=\"text\" formControlName=\"partnerName\">\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_register_document_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"ui-g-12\">\n                <label for=\"notes\" id=\"notes\">{{'yms.int.wms_register_document_notes' | translate}}</label>\n                <textarea id=\"notes\" rows=\"4\" pInputTextarea autoResize=\"autoResize\" formControlName=\"notes\"></textarea>\n            </div>\n            <div class=\"ui-g-4\">\n                <label for=\"code\">\n                    {{'yms.int.wms_register_document_order_receiving_code' | translate}}\n                </label>\n                <input id=\"code\" pInputText type=\"text\" formControlName=\"code\">\n            </div>\n            <div class=\"ui-g-4\" *ngIf=\"!isClienteExterno\">\n                <label for=\"invoiceCondition\" id=\"invoiceCondition\">\n                    {{'yms.int.wms_grid_document_invoice_condition' | translate}}\n                </label>\n                <p-dropdown\n                    inputId=\"invoiceCondition\"\n                    name=\"invoiceCondition\"\n                    [autoWidth]=\"false\"\n                    [options]=\"invoiceCondition\"\n                    formControlName=\"invoiceCondition\"\n                ></p-dropdown>\n            </div>\n        </div>\n    </form>\n    <div class=\"space-between\">\n        <button\n            pButton label=\"{{'save' | translate}}\"\n            (click)=\"save()\"\n            [attr.data-hidden]=\"hideSaveButton\"\n            [disabled]=\"!isSaveFormValid\">\n        </button>\n        <button\n            type=\"button\" class=\"ui-button-link\" pButton label=\"{{'cancel' | translate}}\" (click)=\"close()\">\n        </button>\n    </div>\n</s-sidebar>"
             }),
-            __metadata("design:paramtypes", [forms.FormBuilder,
-                UtilsMessageService])
+            __metadata("design:paramtypes", [forms.FormBuilder, core$1.TranslateService])
         ], RegisterDocumentComponent);
         return RegisterDocumentComponent;
     }());
@@ -3814,7 +3884,8 @@
                     primeng.InputTextModule,
                     angularComponents.ControlErrorsModule,
                     primeng.InputTextareaModule,
-                    forms.ReactiveFormsModule
+                    forms.ReactiveFormsModule,
+                    primeng.DropdownModule,
                 ],
                 exports: [RegisterDocumentComponent],
                 declarations: [RegisterDocumentComponent],
@@ -3835,6 +3906,7 @@
             this.isLoading = false;
         }
         InsertKeyComponent.prototype.ngOnInit = function () {
+            var _this = this;
             this.formGroup = this.formBuilder.group({
                 key: [undefined],
                 purchaseOrder: [undefined],
@@ -3842,6 +3914,9 @@
                 invoiceSerie: [undefined],
                 partnerDocument: [undefined]
             });
+            this.formGroup.get('key').valueChanges.subscribe(function (nf) {
+                _this.validateKeyDetails(nf);
+            });
         };
         InsertKeyComponent.prototype.isWmsWis = function () {
             return this.wmsSystem === WmsSystem.WIS;
@@ -3887,6 +3962,38 @@
                 _this.formGroup.reset();
             });
         };
+        InsertKeyComponent.prototype.validateKeyDetails = function (nf) {
+            if (!nf) {
+                this.keyErrorMessage = null;
+                this.setValuesOfKey(undefined, undefined, undefined);
+                return;
+            }
+            var nfLength = 44;
+            if (nf.length === nfLength) {
+                this.keyErrorMessage = null;
+                this.extractKeyDetails(nf);
+            }
+            else {
+                this.keyErrorMessage = "yms.int.wms_error_key_message";
+            }
+        };
+        InsertKeyComponent.prototype.extractKeyDetails = function (nf) {
+            var startCnpj = 6;
+            var endCnpj = 20;
+            var cnpj = nf.substring(startCnpj, endCnpj);
+            var startSerie = 22;
+            var endSerie = 25;
+            var serie = nf.substring(startSerie, endSerie);
+            var startInvoice = 25;
+            var endInvoice = 34;
+            var invoice = nf.substring(startInvoice, endInvoice);
+            this.setValuesOfKey(invoice, serie, cnpj);
+        };
+        InsertKeyComponent.prototype.setValuesOfKey = function (invoiceNumber, invoiceSerie, partnerDocument) {
+            this.formGroup.get('invoiceNumber').setValue(invoiceNumber);
+            this.formGroup.get('invoiceSerie').setValue(invoiceSerie);
+            this.formGroup.get('partnerDocument').setValue(partnerDocument);
+        };
         InsertKeyComponent.prototype.cancel = function () {
             this.visibleChange.emit(false);
         };
@@ -3912,8 +4019,8 @@
         InsertKeyComponent = __decorate([
             core.Component({
                 selector: "insert-key",
-                template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\" [modal]=\"true\" \n            [draggable]=\"false\" (visibleChange)=\"cancel()\" (onShow)=\"onDialogShow()\">\n        <p-header>{{'yms.int.wms_search_document' | translate}} {{ wmsSystem }}</p-header>\n        <s-loading-state [loading]=\"isLoading\">\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" \n                *ngIf=\"!isWmsSeniorConnect() && !isWmsWis()\">\n                <label for=\"key\">{{'yms.int.wms_insert_key_label' | translate}}</label>\n                <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsSeniorConnect()\">\n                <label for=\"purchaseOrder\">{{'yms.int.wms_purchaseOrder' | translate}} </label>\n                <input id=\"purchaseOrder\" class=\"size-input\" pInputText type=\"text\" formControlName=\"purchaseOrder\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"invoiceSerie\">{{'yms.int.wms_invoice_serie' | translate}}</label>\n                <input id=\"invoiceSerie\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceSerie\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" class=\"size-input\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"separator\"></div>\n            <div class=\"spacing-top\">\n                <s-button pButton label=\"{{'yms.int.wms_search' | translate}}\" (click)=\"add()\"></s-button>\n                <s-button\n                    type=\"button\"\n                    class=\"ui-button-link\"\n                    pButton label=\"{{'cancel' | translate}}\"\n                    (click)=\"cancel()\">\n                </s-button>\n            </div>\n        </s-loading-state>\n    </p-dialog>\n\n</form>\n",
-                styles: [".spacing-top{margin-top:10px}.spacing-bottom{margin-bottom:10px}.separator{width:100%;margin:5px 0;height:1px;background-color:#ccc}.size-input{width:480px}"]
+                template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\" [modal]=\"true\" \n            [draggable]=\"false\" (visibleChange)=\"cancel()\" (onShow)=\"onDialogShow()\">\n        <p-header>{{'yms.int.wms_search_document' | translate}} {{ wmsSystem }}</p-header>\n        <s-loading-state [loading]=\"isLoading\">\n            <div class=\"flex py-2 justify-content-center spacing-bottom\"\n                *ngIf=\"!isWmsSeniorConnect()\">\n                <label for=\"key\">{{'yms.int.wms_insert_key_label' | translate}}</label>\n                <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n                <span class=\"error-message\">{{keyErrorMessage | translate}}</span>\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsSeniorConnect()\">\n                <label for=\"purchaseOrder\">{{'yms.int.wms_purchaseOrder' | translate}} </label>\n                <input id=\"purchaseOrder\" class=\"size-input\" pInputText type=\"text\" formControlName=\"purchaseOrder\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"invoiceSerie\">{{'yms.int.wms_invoice_serie' | translate}}</label>\n                <input id=\"invoiceSerie\" class=\"size-input\" pInputText type=\"text\" formControlName=\"invoiceSerie\">\n            </div>\n            <div class=\"flex py-2 justify-content-center spacing-bottom\" *ngIf=\"isWmsWis()\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" class=\"size-input\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"separator\"></div>\n            <div class=\"spacing-top\">\n                <s-button pButton label=\"{{'yms.int.wms_search' | translate}}\" (click)=\"add()\"></s-button>\n                <s-button\n                    type=\"button\"\n                    class=\"ui-button-link\"\n                    pButton label=\"{{'cancel' | translate}}\"\n                    (click)=\"cancel()\">\n                </s-button>\n            </div>\n        </s-loading-state>\n    </p-dialog>\n\n</form>\n",
+                styles: [".spacing-top{margin-top:10px}.spacing-bottom{margin-bottom:10px}.separator{width:100%;margin:5px 0;height:1px;background-color:#ccc}.size-input{width:480px}.error-message{color:#c13018;display:flex}"]
             }),
             __metadata("design:paramtypes", [forms.FormBuilder,
                 DocumentService,
@@ -3961,7 +4068,9 @@
                     InsertKeyModule,
                     button.ButtonModule,
                     ymsComponents.ComponentsModule,
-                    angularComponents.EmptyStateModule
+                    angularComponents.EmptyStateModule,
+                    primeng.DropdownModule,
+                    forms.FormsModule
                 ],
             })
         ], DocumentGridModule);
@@ -4040,42 +4149,30 @@
             _this.getColumns = [];
             _this.documents = [];
             _this.labels = [];
+            _this.selected = [];
+            _this.gridLoading = true;
+            _this.ngUnsubscribe = new rxjs.Subject();
             return _this;
         }
-        DocumentListComponent.prototype.ngOnInit = function () {
-            this.getSystemIntegration();
-        };
-        DocumentListComponent.prototype.getSystemIntegration = function () {
-            var _this = this;
-            this.documentService.getSystemIntegration().subscribe(function (system) {
-                _this.wmsSystem = system.system;
-                _this.getDocumentBySchedulingId();
-            });
-        };
-        DocumentListComponent.prototype.getDocumentBySchedulingId = function () {
-            var _this = this;
-            this.documentService.list({
-                filterQuery: "schedulingId eq '" + this.agenda.id + "'"
-            }).subscribe(function (contents) {
-                if (contents.totalElements > 0) {
-                    _this.documents = contents.contents;
-                    _this.getColumns = _this.getColumnLabels();
-                }
-            });
-        };
         DocumentListComponent.prototype.getColumnLabels = function () {
             if (this.isWmsWIS()) {
-                return __spread(this.getLabelsInvoice());
+                return __spread(this.getLabelsInvoice(), [
+                    { field: "partnerName", label: 'yms.int.wms_register_document_invoice_partnerName' },
+                    { field: "partnerDocument", label: 'yms.int.wms_register_document_invoice_partnerDocument' },
+                    { field: "code", label: 'yms.int.wms_register_document_invoice_code' },
+                    { field: "invoiceCondition", label: 'yms.int.wms_register_document_invoice_condition' },
+                    { field: "notes", label: 'yms.int.wms_register_document_invoice_notes' },
+                ]);
             }
             if (this.isWmsSeniorConnect()) {
                 return [
-                    { label: 'yms.int.wms_purchaseOrder' },
-                    { label: 'yms.int.wms_register_document_partner_name' },
-                    { label: 'yms.int.wms_register_document_partner_document' }
+                    { field: "key", label: 'yms.int.wms_purchaseOrder' },
+                    { field: "partnerName", label: 'yms.int.wms_register_document_invoice_partnerName' },
+                    { field: "partnerDocument", label: 'yms.int.wms_register_document_invoice_partnerDocument' },
                 ];
             }
             return __spread([
-                { label: 'yms.int.wms_register_document_invoice_key' }
+                { field: "invoiceKey", label: 'yms.int.wms_register_document_invoice_key' }
             ], this.getLabelsInvoice());
         };
         DocumentListComponent.prototype.isWmsSeniorConnect = function () {
@@ -4086,10 +4183,40 @@
         };
         DocumentListComponent.prototype.getLabelsInvoice = function () {
             return [
-                { label: 'yms.int.wms_register_document_invoice_number' },
-                { label: 'yms.int.wms_register_document_invoice_serial_number' }
+                { field: "invoiceNumber", label: 'yms.int.wms_register_document_invoice_number' },
+                { field: "invoiceSerialNumber", label: 'yms.int.wms_register_document_invoice_serial_number' },
             ];
         };
+        DocumentListComponent.prototype.getInvoiceConditionTranslation = function (invoiceCondition) {
+            return invoiceCondition ? "yms.int.wms_document_invoice_condition_" + invoiceCondition : 'N/A';
+        };
+        DocumentListComponent.prototype.updateGridData = function (event) {
+            var _this = this;
+            this.documentService.getSystemIntegration().subscribe(function (system) {
+                _this.wmsSystem = system.system;
+                _this.searchDocument(event);
+            });
+        };
+        DocumentListComponent.prototype.searchDocument = function (event) {
+            var _this = this;
+            var size = event.rows;
+            var page = event.first / size;
+            var sort = event.multiSortMeta;
+            this.gridLoading = true;
+            this.documentService.list({ page: page, size: size, sort: sort,
+                filterQuery: "schedulingId eq '" + this.agenda.id + "'"
+            })
+                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.finalize(function () {
+                _this.gridLoading = false;
+            }))
+                .subscribe(function (contents) {
+                if (contents.totalElements > 0) {
+                    _this.documents = contents.contents;
+                    _this.getColumns = _this.getColumnLabels();
+                    _this.gridTotalRecords = contents.totalElements;
+                }
+            });
+        };
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -4100,7 +4227,8 @@
         ], DocumentListComponent.prototype, "wmsSystem", void 0);
         DocumentListComponent = __decorate([
             core.Component({
-                template: "<div>    \n    <p-table [value]=\"documents\">\n        <ng-template pTemplate=\"header\">\n            <tr>\n                <th id=\"columns\" *ngFor=\"let column of getColumns\">\n                    <div class=\"senior-header\">\n                        <span class=\"senior-header-title\">{{ column.label | translate }}</span>\n                    </div>\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template let-rowData pTemplate=\"body\">\n            <tr *ngIf=\"isWmsWIS()\">\n                <td id=\"\">{{rowData?.invoiceNumber}}</td>\n                <td id=\"\">{{rowData?.invoiceSerialNumber}}</td>\n            </tr>\n            <tr *ngIf=\"isWmsSeniorConnect()\">\n                <td id=\"\">{{rowData?.key}}</td>\n                <td id=\"\">{{rowData?.partnerName}}</td>\n                <td id=\"\">{{rowData?.partnerDocument}}</td>\n            </tr>\n            <tr *ngIf=\"!isWmsWIS() && !isWmsSeniorConnect()\">\n                <td id=\"\">{{rowData?.invoiceKey}}</td>\n                <td id=\"\">{{rowData?.invoiceNumber}}</td>\n                <td id=\"\">{{rowData?.invoiceSerialNumber}}</td>\n            </tr>\n        </ng-template>\n    </p-table>\n</div>"
+                template: "<div class=\"ui-g\">\n    <div class=\"ui-g-12\">\n        <p-table\n            selectionMode=\"single\"\n            [(selection)]=\"selected\"\n            [value]=\"documents\"\n            [columns]=\"getColumns\"\n            dataKey=\"id\"\n            rows=\"10\"\n            [paginator]=\"true\"\n            [totalRecords]=\"gridTotalRecords\"\n            [lazy]=\"true\"\n            [resizableColumns]=\"true\"\n            (onLazyLoad)=\"updateGridData($event)\"\n            *sLoadingState=\"gridLoading\"\n            sortMode=\"multiple\"\n            styleClass=\"sds-table-scrollable\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100, 200]\"\n            paginatorDropdownScrollHeight=\"250px\"\n            [scrollable]=\"true\"\n        >\n            <ng-template pTemplate=\"colgroup\" let-columns>\n                <colgroup>\n                    <col *ngFor=\"let col of columns\" class=\"table-col-width\">\n                </colgroup>\n            </ng-template>\n\n            <ng-template pTemplate=\"header\" let-columns>\n                <tr>\n                    <th *ngFor=\"let col of columns\" pResizableColumn [pSortableColumn]=\"col.field\" scope=\"col\">\n                        <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{ col.label | translate }}</span>\n                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                        </div>\n                    </th>\n                </tr>\n            </ng-template>\n\n            <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                <tr *ngIf=\"isWmsWIS()\">\n                    <td>{{ rowData?.invoiceNumber || 'N/A' }}</td>\n                    <td>{{ rowData?.invoiceSerialNumber || 'N/A' }}</td>\n                    <td>{{ rowData?.partnerName || 'N/A' }}</td>\n                    <td>{{ rowData?.partnerDocument || 'N/A' }}</td>\n                    <td>{{ rowData?.code || 'N/A' }}</td>\n                    <td>\n                        {{ getInvoiceConditionTranslation(rowData?.invoiceCondition) | translate }}\n                    </td>\n                    <td>{{ rowData?.notes || 'N/A' }}</td>\n                </tr>\n                <tr *ngIf=\"isWmsSeniorConnect()\">\n                    <td>{{rowData?.key}}</td>\n                    <td>{{rowData?.partnerName}}</td>\n                    <td>{{rowData?.partnerDocument}}</td>\n                </tr>\n                <tr *ngIf=\"!isWmsWIS() && !isWmsSeniorConnect()\">\n                    <td>{{rowData?.invoiceKey}}</td>\n                    <td>{{rowData?.invoiceNumber}}</td>\n                    <td>{{rowData?.invoiceSerialNumber}}</td>\n                </tr>\n            </ng-template>\n\n            <ng-template pTemplate=\"paginatorright\">\n                <span>\n                    {{ gridTotalRecords + \" \" + \n                    ('yms.int.wms_register_document_total_elements' | translate:{value: gridTotalRecords}) }}\n                </span>\n            </ng-template>\n        </p-table>\n    </div>\n</div>",
+                styles: [".table-col-width{width:250px}"]
             }),
             __metadata("design:paramtypes", [DocumentService])
         ], DocumentListComponent);