@seniorsistemas/yms-integration 1.19.1-5faa32ff-77ac-459b-a5e6-0b7a1b7fef2a → 1.19.1-6da51aac-437e-4cf3-97a4-eb47a5117d83

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

@@ -3127,74 +3127,166 @@
         return DocumentService;
     }(EntityService));
 
-    var InsertKeyComponent = /** @class */ (function () {
-        function InsertKeyComponent(formBuilder, documentService, messageService, translate) {
-            this.formBuilder = formBuilder;
+    var DocumentGridComponent = /** @class */ (function () {
+        function DocumentGridComponent(translate, documentService, messageService) {
+            this.translate = translate;
             this.documentService = documentService;
             this.messageService = messageService;
-            this.translate = translate;
-            this.document = new core.EventEmitter();
+            this.viewDocument = new core.EventEmitter();
+            this.gridData = [];
+            this.ngUnsubscribe = new rxjs.Subject();
         }
-        InsertKeyComponent.prototype.ngOnInit = function () {
-            this.formGroup = this.formBuilder.group({
-                key: [undefined]
-            });
+        DocumentGridComponent.prototype.ngOnInit = function () {
+            this.gridColumns = this.getGridColumns();
+            this.listDocuments();
         };
-        InsertKeyComponent.prototype.showInsertKey = function (visible) {
-            this.visible = visible;
+        DocumentGridComponent.prototype.onChangeDocument = function (document) {
+            this.gridData.push(document);
+            this.disabled = false;
         };
-        InsertKeyComponent.prototype.add = function () {
-            this.visible = false;
-            if (!this.formGroup.get('key').value) {
+        DocumentGridComponent.prototype.getActions = function () {
+            var _this = this;
+            return [
+                {
+                    label: this.translate.instant("yms.int.wms_add_document_invoice_key"),
+                    command: function () {
+                        _this.visibleInvoiceKey = true;
+                    },
+                    icon: "fa fa-search"
+                },
+                {
+                    label: this.translate.instant("yms.int.wms_add_document_register"),
+                    command: function () {
+                        _this.edit = true;
+                        _this.visibleDocumentRegister = true;
+                    },
+                    icon: "fas fa-pen-square"
+                }
+            ];
+        };
+        DocumentGridComponent.prototype.getProp = function (obj, path) {
+            return path.split(".").reduce(function (result, prop) { return (result[prop] === undefined ? "" : result[prop]); }, obj);
+        };
+        DocumentGridComponent.prototype.view = function (selection) {
+            this.viewDocument.emit(selection);
+            this.visibleDocumentRegister = true;
+            this.edit = false;
+        };
+        DocumentGridComponent.prototype.save = function () {
+            var _this = this;
+            if (this.gridData.length > 0) {
+                this.gridData.forEach(function (data) {
+                    if (!data.id) {
+                        if (!data.schedulingId) {
+                            data.schedulingId = _this.agenda.id;
+                        }
+                        _this.documentService.insert(data).subscribe(function () {
+                            _this.message("success", "saved_message_title", "saved_message_content");
+                        });
+                        _this.disabled = true;
+                    }
+                });
+            }
+        };
+        DocumentGridComponent.prototype.onDelete = function (selection) {
+            var _this = this;
+            if (!selection.id) {
                 return;
             }
-            this.searchKey();
+            this.documentService.delete(selection.id)
+                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.finalize(function () {
+                _this.gridData = [];
+                _this.listDocuments();
+            })).
+                subscribe(function () { return _this.message("success", "deleted_message_title", "deleted_message_content"); });
         };
-        InsertKeyComponent.prototype.searchKey = function () {
+        DocumentGridComponent.prototype.listDocuments = function () {
             var _this = this;
-            var key = {
-                documentKeys: [this.formGroup.get('key').value],
-                invoices: undefined,
-                logistcUnitName: undefined,
-                size: 0,
-                offset: 0
-            };
-            this.documentService.findDocuments(key).subscribe(function (content) {
-                if (content.totalElements < 1) {
-                    _this.message("warn", "yms.int.wms_insert_key_warning_message_header", "yms.int.wms_insert_key_warning_message_description");
-                    return;
+            this.documentService.list({
+                filterQuery: "schedulingId eq '" + this.agenda.id + "'"
+            })
+                .subscribe(function (contents) {
+                if (contents.totalElements > 0) {
+                    _this.gridData = contents.contents;
+                    _this.documentTotalRecords = contents.totalElements;
                 }
-                _this.document.emit(content.contents[0]);
-                _this.message("success", "yms.int.wms_insert_key_success_message_header", "yms.int.wms_insert_key_success_message_description");
-                _this.formGroup.reset();
+                else {
+                    _this.disabled = true;
+                    _this.documentTotalRecords = _this.gridData.length;
+                }
+                _this.loading = false;
             });
         };
-        InsertKeyComponent.prototype.message = function (success, header, description) {
+        DocumentGridComponent.prototype.getGridColumns = function () {
+            return [
+                { field: "logistcUnitName", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_name") },
+                { field: "logistcUnitDocument", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_document") },
+                { field: "invoiceKey", header: this.translate.instant("yms.int.wms_register_document_invoice_key") },
+                { field: "invoiceNumber", header: this.translate.instant("yms.int.wms_register_document_invoice_number") },
+                { field: "invoiceSerialNumber", header: this.translate.instant("yms.int.wms_register_document_invoice_serial_number") },
+                { 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") },
+                { field: "orderReceivingCode", header: this.translate.instant("yms.int.wms_register_document_order_receiving_code") },
+            ];
+        };
+        DocumentGridComponent.prototype.message = function (severity, summary, detail) {
             this.messageService.add({
-                severity: success,
-                summary: this.translate.instant(header),
-                detail: this.translate.instant(description),
+                severity: severity,
+                summary: this.translate.instant(summary),
+                detail: this.translate.instant(detail),
             });
         };
-        InsertKeyComponent.prototype.cancel = function () {
-            this.visible = false;
-        };
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], DocumentGridComponent.prototype, "agenda", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Boolean)
+        ], DocumentGridComponent.prototype, "visibleInvoiceKey", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Boolean)
+        ], DocumentGridComponent.prototype, "visibleDocumentRegister", void 0);
         __decorate([
             core.Output(),
             __metadata("design:type", core.EventEmitter)
-        ], InsertKeyComponent.prototype, "document", void 0);
-        InsertKeyComponent = __decorate([
+        ], DocumentGridComponent.prototype, "viewDocument", void 0);
+        __decorate([
+            core.ViewChild("documentTable"),
+            __metadata("design:type", table.Table)
+        ], DocumentGridComponent.prototype, "table", void 0);
+        __decorate([
+            core.ViewChild("customTemplate"),
+            __metadata("design:type", core.TemplateRef)
+        ], DocumentGridComponent.prototype, "customTemplate", void 0);
+        __decorate([
+            core.ViewChild("customFilterFields"),
+            __metadata("design:type", core.TemplateRef)
+        ], DocumentGridComponent.prototype, "customFilterFields", void 0);
+        __decorate([
+            core.ViewChild("customGridColgroup"),
+            __metadata("design:type", core.TemplateRef)
+        ], DocumentGridComponent.prototype, "customGridColgroup", void 0);
+        __decorate([
+            core.ViewChild("customGridHeader"),
+            __metadata("design:type", core.TemplateRef)
+        ], DocumentGridComponent.prototype, "customGridHeader", void 0);
+        __decorate([
+            core.ViewChild("customGridBody"),
+            __metadata("design:type", core.TemplateRef)
+        ], DocumentGridComponent.prototype, "customGridBody", void 0);
+        DocumentGridComponent = __decorate([
             core.Component({
-                selector: "insert-key",
-                template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\">\n        <p-header>{{'yms.insert_key_header' | translate}}</p-header>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\">\n            <label for=\"key\">{{'yms.insert_key_label'}}</label>\n            <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n        </div>\n        <div class=\"separator\"></div>\n        <div class=\"spacing-top\">\n            <s-button pButton label=\"{{'save' | 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    </p-dialog>\n</form>",
-                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:550px}"]
+                selector: 'document-grid',
+                template: "<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                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_view_button' | translate}}\"\n                    priority=\"secondary\"\n                    [auxiliary]=\"false\"\n                    [disabled]=\"!selection || disabled\"\n                    (onClick)=\"view(selection)\">\n                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_delete_button' | translate}}\"\n                    priority=\"secondary\"\n                    [auxiliary]=\"false\"\n                    [disabled]=\"!selection || disabled\"\n                    (click)=\"onDelete(selection)\">\n                </s-button>\n            </div>\n            <s-button\n                id=\"refresh-button\"\n                priority=\"default\"\n                iconClass=\"fa fa-refresh\"\n                (onClick)=\"listDocuments()\"\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=\"id\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n            sortMode=\"single\" [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=\"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 (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"logistcUnitName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"logistcUnitDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceKey\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceSerialNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"ownerName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"ownerDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"orderReceivingCode\"] }}</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        [edit]=\"edit\"\n        [viewDocument]=\"selection\"\n        (document)=\"onChangeDocument($event)\"\n        [(visible)]=\"visibleDocumentRegister\"\n        [agenda]=\"agenda\">\n    </register-document>\n    <insert-key (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n</p-panel>\n<div class=\"button-save\">\n    <s-button \n        priority=\"primary\" [label]=\"'save' | translate\" [disabled]=\"!disabled || !this.gridData\" (click)=\"save()\">\n    </s-button>\n</div>\n\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'yms.dock.area_dock_empty_state_title' | translate\"\n            [description]=\"'yms.dock.area_dock_empty_state_description' | translate\">\n    </s-empty-state>\n    </div>\n</ng-template>\n",
+                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}"]
             }),
-            __metadata("design:paramtypes", [forms.FormBuilder,
+            __metadata("design:paramtypes", [core$1.TranslateService,
                 DocumentService,
-                api.MessageService,
-                core$1.TranslateService])
-        ], InsertKeyComponent);
-        return InsertKeyComponent;
+                api.MessageService])
+        ], DocumentGridComponent);
+        return DocumentGridComponent;
     }());
 
     var moment$4 = _moment;
@@ -3363,25 +3455,27 @@
             this.translateService = translateService;
             this.agendaService = agendaService;
             this.document = new core.EventEmitter();
+            this.visible = new core.EventEmitter();
+            this.visibleChange = new core.EventEmitter();
         }
         RegisterDocumentComponent.prototype.ngOnInit = function () {
             this.getFormGroup();
         };
-        RegisterDocumentComponent.prototype.showRegister = function (isVisible, isEdit, document) {
-            if (!isVisible && !isEdit) {
-                return;
-            }
-            this.visible = isVisible;
-            this.edit = isEdit;
-            if (!this.edit) {
+        RegisterDocumentComponent.prototype.ngOnChanges = function () {
+            this.visibilityConfig();
+        };
+        RegisterDocumentComponent.prototype.visibilityConfig = function () {
+            if (!this.edit && this.visible) {
                 this.formGroup.disable();
-                this.setValuesFormGroup(document);
+                this.setValuesFormGroup(this.viewDocument);
                 this.setValueForPartner();
                 this.hideSaveButton = true;
+                return this.visible;
             }
+            return this.visible;
         };
         RegisterDocumentComponent.prototype.close = function () {
-            this.visible = false;
+            this.visibleChange.emit(false);
         };
         RegisterDocumentComponent.prototype.setValuesFormGroup = function (document) {
             this.formGroup.get('invoiceKey').setValue(document.invoiceKey);
@@ -3425,7 +3519,7 @@
                 }
                 this.document.emit(Document.fromDto(value));
                 this.successMessage();
-                this.visible = false;
+                this.visibleChange.emit(false);
             }
         };
         RegisterDocumentComponent.prototype.successMessage = function () {
@@ -3435,6 +3529,14 @@
                 detail: this.translateService.instant("saved_message_content"),
             });
         };
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Document)
+        ], RegisterDocumentComponent.prototype, "viewDocument", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], RegisterDocumentComponent.prototype, "edit", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", Agenda)
@@ -3443,6 +3545,14 @@
             core.Output(),
             __metadata("design:type", core.EventEmitter)
         ], RegisterDocumentComponent.prototype, "document", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", core.EventEmitter)
+        ], RegisterDocumentComponent.prototype, "visible", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Object)
+        ], RegisterDocumentComponent.prototype, "visibleChange", void 0);
         RegisterDocumentComponent = __decorate([
             core.Component({
                 selector: "register-document",
@@ -3456,163 +3566,6 @@
         return RegisterDocumentComponent;
     }());
 
-    var DocumentGridComponent = /** @class */ (function () {
-        function DocumentGridComponent(translate, documentService, messageService) {
-            this.translate = translate;
-            this.documentService = documentService;
-            this.messageService = messageService;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        DocumentGridComponent.prototype.ngOnInit = function () {
-            this.gridColumns = this.getGridColumns();
-            this.listDocuments();
-        };
-        DocumentGridComponent.prototype.onChangeDocument = function (document) {
-            this.gridData.push(document);
-            this.disabled = true;
-        };
-        DocumentGridComponent.prototype.getActions = function () {
-            var _this = this;
-            return [
-                {
-                    label: this.translate.instant("yms.int.wms_add_document_invoice_key"),
-                    command: function () {
-                        _this.registerDocumentComponent.showRegister(false, false);
-                        _this.showInsertKey = true;
-                        _this.insertKeyComponent.showInsertKey(_this.showInsertKey);
-                    },
-                    icon: "fa fa-search"
-                },
-                {
-                    label: this.translate.instant("yms.int.wms_add_document_register"),
-                    command: function () {
-                        _this.insertKeyComponent.showInsertKey(false);
-                        _this.showRegisterDocument = true;
-                        _this.registerDocumentComponent.showRegister(_this.showRegisterDocument, true);
-                    },
-                    icon: "fas fa-pen-square"
-                }
-            ];
-        };
-        DocumentGridComponent.prototype.getProp = function (obj, path) {
-            return path.split(".").reduce(function (result, prop) { return (result[prop] === undefined ? "" : result[prop]); }, obj);
-        };
-        DocumentGridComponent.prototype.view = function () {
-            var documentSelectec = this.selection;
-            this.showRegisterDocument = true;
-            this.registerDocumentComponent.showRegister(this.showRegisterDocument, false, documentSelectec);
-        };
-        DocumentGridComponent.prototype.save = function () {
-            var _this = this;
-            if (this.gridData.length > 1) {
-                this.gridData.forEach(function (data) {
-                    if (!data.id) {
-                        if (!data.schedulingId) {
-                            data.schedulingId = _this.agenda.id;
-                        }
-                        _this.documentService.insert(data).subscribe(function () {
-                            _this.message("success", "saved_message_title", "saved_message_content");
-                        });
-                        _this.disabled = true;
-                    }
-                });
-            }
-        };
-        DocumentGridComponent.prototype.onDelete = function (selection) {
-            var _this = this;
-            if (!selection.id) {
-                return;
-            }
-            this.documentService.delete(selection.id)
-                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.finalize(function () {
-                _this.listDocuments();
-            })).
-                subscribe(function () { return _this.message("success", "deleted_message_title", "deleted_message_content"); });
-        };
-        DocumentGridComponent.prototype.listDocuments = function () {
-            var _this = this;
-            this.documentService.list({
-                filterQuery: "schedulingId eq '" + this.agenda.id + "'"
-            })
-                .subscribe(function (contents) {
-                if (contents.totalElements > 0) {
-                    _this.gridData = contents.contents;
-                    _this.documentTotalRecords = contents.totalElements;
-                }
-                else {
-                    _this.disabled = true;
-                }
-                _this.loading = false;
-            });
-        };
-        DocumentGridComponent.prototype.getGridColumns = function () {
-            return [
-                { field: "logistcUnitName", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_name") },
-                { field: "logistcUnitDocument", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_document") },
-                { field: "invoiceKey", header: this.translate.instant("yms.int.wms_register_document_invoice_key") },
-                { field: "invoiceNumber", header: this.translate.instant("yms.int.wms_register_document_invoice_number") },
-                { field: "invoiceSerialNumber", header: this.translate.instant("yms.int.wms_register_document_invoice_serial_number") },
-                { 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") },
-                { field: "orderReceivingCode", header: this.translate.instant("yms.int.wms_register_document_order_receiving_code") },
-            ];
-        };
-        DocumentGridComponent.prototype.message = function (severity, summary, detail) {
-            this.messageService.add({
-                severity: severity,
-                summary: this.translate.instant(summary),
-                detail: this.translate.instant(detail),
-            });
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DocumentGridComponent.prototype, "agenda", void 0);
-        __decorate([
-            core.ViewChild("documentTable"),
-            __metadata("design:type", table.Table)
-        ], DocumentGridComponent.prototype, "table", void 0);
-        __decorate([
-            core.ViewChild("customTemplate"),
-            __metadata("design:type", core.TemplateRef)
-        ], DocumentGridComponent.prototype, "customTemplate", void 0);
-        __decorate([
-            core.ViewChild("customFilterFields"),
-            __metadata("design:type", core.TemplateRef)
-        ], DocumentGridComponent.prototype, "customFilterFields", void 0);
-        __decorate([
-            core.ViewChild("customGridColgroup"),
-            __metadata("design:type", core.TemplateRef)
-        ], DocumentGridComponent.prototype, "customGridColgroup", void 0);
-        __decorate([
-            core.ViewChild("customGridHeader"),
-            __metadata("design:type", core.TemplateRef)
-        ], DocumentGridComponent.prototype, "customGridHeader", void 0);
-        __decorate([
-            core.ViewChild("customGridBody"),
-            __metadata("design:type", core.TemplateRef)
-        ], DocumentGridComponent.prototype, "customGridBody", void 0);
-        __decorate([
-            core.ViewChild("registerDocument"),
-            __metadata("design:type", RegisterDocumentComponent)
-        ], DocumentGridComponent.prototype, "registerDocumentComponent", void 0);
-        __decorate([
-            core.ViewChild("insertKey"),
-            __metadata("design:type", InsertKeyComponent)
-        ], DocumentGridComponent.prototype, "insertKeyComponent", void 0);
-        DocumentGridComponent = __decorate([
-            core.Component({
-                selector: 'document-grid',
-                template: "<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                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_view_button' | translate}}\"\n                    priority=\"secondary\"\n                    [auxiliary]=\"false\"\n                    [disabled]=\"!selection || disabled\"\n                    (onClick)=\"view()\">\n                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_delete_button' | translate}}\"\n                    priority=\"secondary\"\n                    [auxiliary]=\"false\"\n                    [disabled]=\"!selection || disabled\"\n                    (click)=\"onDelete(selection)\">\n                </s-button>\n            </div>\n            <s-button\n                id=\"refresh-button\"\n                priority=\"default\"\n                iconClass=\"fa fa-refresh\"\n                (onClick)=\"listDocuments()\"\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=\"id\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n            sortMode=\"single\" [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=\"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 (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"logistcUnitName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"logistcUnitDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceKey\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceSerialNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"ownerName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"ownerDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"orderReceivingCode\"] }}</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 #registerDocument (document)=\"onChangeDocument($event)\" [agenda]=\"agenda\"></register-document>\n    <insert-key #insertKey (document)=\"onChangeDocument($event)\"></insert-key>\n</p-panel>\n<div class=\"button-save\">\n    <s-button \n        priority=\"primary\" [label]=\"'save' | translate\" [disabled]=\"!disabled\" (click)=\"save()\">\n    </s-button>\n</div>\n\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'yms.dock.area_dock_empty_state_title' | translate\"\n            [description]=\"'yms.dock.area_dock_empty_state_description' | translate\">\n    </s-empty-state>\n    </div>\n</ng-template>\n",
-                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}"]
-            }),
-            __metadata("design:paramtypes", [core$1.TranslateService,
-                DocumentService,
-                api.MessageService])
-        ], DocumentGridComponent);
-        return DocumentGridComponent;
-    }());
-
     var RegisterDocumentModule = /** @class */ (function () {
         function RegisterDocumentModule() {
         }
@@ -3638,6 +3591,83 @@
         return RegisterDocumentModule;
     }());
 
+    var InsertKeyComponent = /** @class */ (function () {
+        function InsertKeyComponent(formBuilder, documentService, messageService, translate) {
+            this.formBuilder = formBuilder;
+            this.documentService = documentService;
+            this.messageService = messageService;
+            this.translate = translate;
+            this.document = new core.EventEmitter();
+            this.visible = new core.EventEmitter();
+            this.visibleChange = new core.EventEmitter();
+        }
+        InsertKeyComponent.prototype.ngOnInit = function () {
+            this.formGroup = this.formBuilder.group({
+                key: [undefined]
+            });
+        };
+        InsertKeyComponent.prototype.add = function () {
+            this.visibleChange.emit(false);
+            if (!this.formGroup.get('key').value) {
+                return;
+            }
+            this.searchKey();
+        };
+        InsertKeyComponent.prototype.searchKey = function () {
+            var _this = this;
+            var key = {
+                documentKeys: [this.formGroup.get('key').value],
+                invoices: undefined,
+                logistcUnitName: undefined,
+                size: 0,
+                offset: 0
+            };
+            this.documentService.findDocuments(key).subscribe(function (content) {
+                if (content.totalElements < 1) {
+                    _this.message("warn", "yms.int.wms_insert_key_warning_message_header", "yms.int.wms_insert_key_warning_message_description");
+                    return;
+                }
+                _this.document.emit(content.contents[0]);
+                _this.message("success", "yms.int.wms_insert_key_success_message_header", "yms.int.wms_insert_key_success_message_description");
+                _this.formGroup.reset();
+            });
+        };
+        InsertKeyComponent.prototype.message = function (success, header, description) {
+            this.messageService.add({
+                severity: success,
+                summary: this.translate.instant(header),
+                detail: this.translate.instant(description),
+            });
+        };
+        InsertKeyComponent.prototype.cancel = function () {
+            this.visibleChange.emit(false);
+        };
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], InsertKeyComponent.prototype, "document", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", core.EventEmitter)
+        ], InsertKeyComponent.prototype, "visible", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Object)
+        ], InsertKeyComponent.prototype, "visibleChange", void 0);
+        InsertKeyComponent = __decorate([
+            core.Component({
+                selector: "insert-key",
+                template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\" (visibleChange)=\"cancel()\">\n        <p-header>{{'yms.insert_key_header' | translate}}</p-header>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\">\n            <label for=\"key\">{{'yms.insert_key_label'}}</label>\n            <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n        </div>\n        <div class=\"separator\"></div>\n        <div class=\"spacing-top\">\n            <s-button pButton label=\"{{'save' | 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    </p-dialog>\n</form>",
+                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:550px}"]
+            }),
+            __metadata("design:paramtypes", [forms.FormBuilder,
+                DocumentService,
+                api.MessageService,
+                core$1.TranslateService])
+        ], InsertKeyComponent);
+        return InsertKeyComponent;
+    }());
+
     var InsertKeyModule = /** @class */ (function () {
         function InsertKeyModule() {
         }