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

package/fesm5/seniorsistemas-yms-integration.js

@@ -3068,74 +3068,166 @@ var DocumentService = /** @class */ (function (_super) {
     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 EventEmitter();
+        this.viewDocument = new EventEmitter();
+        this.gridData = [];
+        this.ngUnsubscribe = new 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(takeUntil(this.ngUnsubscribe), 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([
+        Input(),
+        __metadata("design:type", Object)
+    ], DocumentGridComponent.prototype, "agenda", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Boolean)
+    ], DocumentGridComponent.prototype, "visibleInvoiceKey", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Boolean)
+    ], DocumentGridComponent.prototype, "visibleDocumentRegister", void 0);
     __decorate([
         Output(),
         __metadata("design:type", EventEmitter)
-    ], InsertKeyComponent.prototype, "document", void 0);
-    InsertKeyComponent = __decorate([
+    ], DocumentGridComponent.prototype, "viewDocument", void 0);
+    __decorate([
+        ViewChild("documentTable"),
+        __metadata("design:type", Table)
+    ], DocumentGridComponent.prototype, "table", void 0);
+    __decorate([
+        ViewChild("customTemplate"),
+        __metadata("design:type", TemplateRef)
+    ], DocumentGridComponent.prototype, "customTemplate", void 0);
+    __decorate([
+        ViewChild("customFilterFields"),
+        __metadata("design:type", TemplateRef)
+    ], DocumentGridComponent.prototype, "customFilterFields", void 0);
+    __decorate([
+        ViewChild("customGridColgroup"),
+        __metadata("design:type", TemplateRef)
+    ], DocumentGridComponent.prototype, "customGridColgroup", void 0);
+    __decorate([
+        ViewChild("customGridHeader"),
+        __metadata("design:type", TemplateRef)
+    ], DocumentGridComponent.prototype, "customGridHeader", void 0);
+    __decorate([
+        ViewChild("customGridBody"),
+        __metadata("design:type", TemplateRef)
+    ], DocumentGridComponent.prototype, "customGridBody", void 0);
+    DocumentGridComponent = __decorate([
         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", [FormBuilder,
+        __metadata("design:paramtypes", [TranslateService,
             DocumentService,
-            MessageService,
-            TranslateService])
-    ], InsertKeyComponent);
-    return InsertKeyComponent;
+            MessageService])
+    ], DocumentGridComponent);
+    return DocumentGridComponent;
 }());
 
 var moment$4 = _moment;
@@ -3304,25 +3396,27 @@ var RegisterDocumentComponent = /** @class */ (function () {
         this.translateService = translateService;
         this.agendaService = agendaService;
         this.document = new EventEmitter();
+        this.visible = new EventEmitter();
+        this.visibleChange = new 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);
@@ -3366,7 +3460,7 @@ var RegisterDocumentComponent = /** @class */ (function () {
             }
             this.document.emit(Document.fromDto(value));
             this.successMessage();
-            this.visible = false;
+            this.visibleChange.emit(false);
         }
     };
     RegisterDocumentComponent.prototype.successMessage = function () {
@@ -3376,6 +3470,14 @@ var RegisterDocumentComponent = /** @class */ (function () {
             detail: this.translateService.instant("saved_message_content"),
         });
     };
+    __decorate([
+        Input(),
+        __metadata("design:type", Document)
+    ], RegisterDocumentComponent.prototype, "viewDocument", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], RegisterDocumentComponent.prototype, "edit", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Agenda)
@@ -3384,6 +3486,14 @@ var RegisterDocumentComponent = /** @class */ (function () {
         Output(),
         __metadata("design:type", EventEmitter)
     ], RegisterDocumentComponent.prototype, "document", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", EventEmitter)
+    ], RegisterDocumentComponent.prototype, "visible", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], RegisterDocumentComponent.prototype, "visibleChange", void 0);
     RegisterDocumentComponent = __decorate([
         Component({
             selector: "register-document",
@@ -3397,163 +3507,6 @@ var RegisterDocumentComponent = /** @class */ (function () {
     return RegisterDocumentComponent;
 }());
 
-var DocumentGridComponent = /** @class */ (function () {
-    function DocumentGridComponent(translate, documentService, messageService) {
-        this.translate = translate;
-        this.documentService = documentService;
-        this.messageService = messageService;
-        this.ngUnsubscribe = new 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(takeUntil(this.ngUnsubscribe), 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([
-        Input(),
-        __metadata("design:type", Object)
-    ], DocumentGridComponent.prototype, "agenda", void 0);
-    __decorate([
-        ViewChild("documentTable"),
-        __metadata("design:type", Table)
-    ], DocumentGridComponent.prototype, "table", void 0);
-    __decorate([
-        ViewChild("customTemplate"),
-        __metadata("design:type", TemplateRef)
-    ], DocumentGridComponent.prototype, "customTemplate", void 0);
-    __decorate([
-        ViewChild("customFilterFields"),
-        __metadata("design:type", TemplateRef)
-    ], DocumentGridComponent.prototype, "customFilterFields", void 0);
-    __decorate([
-        ViewChild("customGridColgroup"),
-        __metadata("design:type", TemplateRef)
-    ], DocumentGridComponent.prototype, "customGridColgroup", void 0);
-    __decorate([
-        ViewChild("customGridHeader"),
-        __metadata("design:type", TemplateRef)
-    ], DocumentGridComponent.prototype, "customGridHeader", void 0);
-    __decorate([
-        ViewChild("customGridBody"),
-        __metadata("design:type", TemplateRef)
-    ], DocumentGridComponent.prototype, "customGridBody", void 0);
-    __decorate([
-        ViewChild("registerDocument"),
-        __metadata("design:type", RegisterDocumentComponent)
-    ], DocumentGridComponent.prototype, "registerDocumentComponent", void 0);
-    __decorate([
-        ViewChild("insertKey"),
-        __metadata("design:type", InsertKeyComponent)
-    ], DocumentGridComponent.prototype, "insertKeyComponent", void 0);
-    DocumentGridComponent = __decorate([
-        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", [TranslateService,
-            DocumentService,
-            MessageService])
-    ], DocumentGridComponent);
-    return DocumentGridComponent;
-}());
-
 var RegisterDocumentModule = /** @class */ (function () {
     function RegisterDocumentModule() {
     }
@@ -3579,6 +3532,83 @@ var RegisterDocumentModule = /** @class */ (function () {
     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 EventEmitter();
+        this.visible = new EventEmitter();
+        this.visibleChange = new 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([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], InsertKeyComponent.prototype, "document", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", EventEmitter)
+    ], InsertKeyComponent.prototype, "visible", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], InsertKeyComponent.prototype, "visibleChange", void 0);
+    InsertKeyComponent = __decorate([
+        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", [FormBuilder,
+            DocumentService,
+            MessageService,
+            TranslateService])
+    ], InsertKeyComponent);
+    return InsertKeyComponent;
+}());
+
 var InsertKeyModule = /** @class */ (function () {
     function InsertKeyModule() {
     }